@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.js
CHANGED
|
@@ -102,7 +102,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
102
102
|
var define_process_env_default;
|
|
103
103
|
var init_define_process_env = __esm({
|
|
104
104
|
"<define:process.env>"() {
|
|
105
|
-
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" };
|
|
105
|
+
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" };
|
|
106
106
|
}
|
|
107
107
|
});
|
|
108
108
|
|
|
@@ -11523,14 +11523,14 @@ var Collapsible = {
|
|
|
11523
11523
|
|
|
11524
11524
|
// src/Prebuilt/App.tsx
|
|
11525
11525
|
init_define_process_env();
|
|
11526
|
-
import
|
|
11526
|
+
import React205, { useEffect as useEffect89, useRef as useRef37 } from "react";
|
|
11527
11527
|
import { match as match16 } from "ts-pattern";
|
|
11528
11528
|
import {
|
|
11529
11529
|
HMSReactiveStore,
|
|
11530
11530
|
HMSRoomProvider,
|
|
11531
11531
|
selectIsConnectedToRoom as selectIsConnectedToRoom13,
|
|
11532
11532
|
useHMSActions as useHMSActions60,
|
|
11533
|
-
useHMSStore as
|
|
11533
|
+
useHMSStore as useHMSStore100
|
|
11534
11534
|
} from "@100mslive/react-sdk";
|
|
11535
11535
|
|
|
11536
11536
|
// src/Prebuilt/components/AppData/AppData.tsx
|
|
@@ -12807,17 +12807,17 @@ function truncateToWidth(measure, text, maxWidth) {
|
|
|
12807
12807
|
if (measure(text) <= maxWidth) {
|
|
12808
12808
|
return text;
|
|
12809
12809
|
}
|
|
12810
|
-
let
|
|
12810
|
+
let lo = 0;
|
|
12811
12811
|
let hi2 = text.length;
|
|
12812
|
-
while (
|
|
12813
|
-
const mid = Math.ceil((
|
|
12812
|
+
while (lo < hi2) {
|
|
12813
|
+
const mid = Math.ceil((lo + hi2) / 2);
|
|
12814
12814
|
if (measure(text.slice(0, mid) + ELLIPSIS) <= maxWidth) {
|
|
12815
|
-
|
|
12815
|
+
lo = mid;
|
|
12816
12816
|
} else {
|
|
12817
12817
|
hi2 = mid - 1;
|
|
12818
12818
|
}
|
|
12819
12819
|
}
|
|
12820
|
-
return text.slice(0,
|
|
12820
|
+
return text.slice(0, lo) + ELLIPSIS;
|
|
12821
12821
|
}
|
|
12822
12822
|
|
|
12823
12823
|
// src/Prebuilt/components/PIP/PIPManager.ts
|
|
@@ -15060,11 +15060,11 @@ var LeaveCard = ({
|
|
|
15060
15060
|
title,
|
|
15061
15061
|
subtitle,
|
|
15062
15062
|
onClick,
|
|
15063
|
-
bg:
|
|
15063
|
+
bg: bg2,
|
|
15064
15064
|
titleColor,
|
|
15065
15065
|
css: css2 = {}
|
|
15066
15066
|
}) => {
|
|
15067
|
-
return /* @__PURE__ */ React39.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg:
|
|
15067
|
+
return /* @__PURE__ */ React39.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg: bg2 }, css2), onClick }, /* @__PURE__ */ React39.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ React39.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ React39.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ React39.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
|
|
15068
15068
|
};
|
|
15069
15069
|
|
|
15070
15070
|
// src/Prebuilt/components/Leave/LeaveSessionContent.tsx
|
|
@@ -16432,7 +16432,7 @@ var PinnedBy = ({
|
|
|
16432
16432
|
|
|
16433
16433
|
// src/Prebuilt/components/PIP/PIPChat.tsx
|
|
16434
16434
|
var PIPChat = () => {
|
|
16435
|
-
var _a8, _b7, _c, _d, _e, _f,
|
|
16435
|
+
var _a8, _b7, _c, _d, _e, _f, _g2, _h, _i, _j, _k;
|
|
16436
16436
|
const messages = useHMSStore20(selectHMSMessages3);
|
|
16437
16437
|
const localPeerID = useHMSStore20(selectLocalPeerID4);
|
|
16438
16438
|
const count = useHMSStore20(selectUnreadHMSMessagesCount2);
|
|
@@ -16577,7 +16577,7 @@ var PIPChat = () => {
|
|
|
16577
16577
|
borderRadius: "4px",
|
|
16578
16578
|
padding: "0 2px"
|
|
16579
16579
|
},
|
|
16580
|
-
defaultValue: ((_f = elements.chat) == null ? void 0 : _f.public_chat_enabled) ? "Everyone" : (_h = (
|
|
16580
|
+
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]
|
|
16581
16581
|
},
|
|
16582
16582
|
(_j = (_i = elements.chat) == null ? void 0 : _i.roles_whitelist) == null ? void 0 : _j.map((role) => /* @__PURE__ */ React50.createElement("option", { key: role, value: role }, role)),
|
|
16583
16583
|
((_k = elements.chat) == null ? void 0 : _k.public_chat_enabled) ? /* @__PURE__ */ React50.createElement("option", { value: "Everyone" }, "Everyone") : ""
|
|
@@ -17289,7 +17289,7 @@ var useTracksWithLabel = () => {
|
|
|
17289
17289
|
return tracksWithLabels;
|
|
17290
17290
|
};
|
|
17291
17291
|
var LocalPeerStats = () => {
|
|
17292
|
-
var _a8, _b7, _c, _d, _e, _f,
|
|
17292
|
+
var _a8, _b7, _c, _d, _e, _f, _g2, _h, _i, _j;
|
|
17293
17293
|
const stats = useHMSStatsStore3(selectHMSStats3.localPeerStats);
|
|
17294
17294
|
if (!stats) {
|
|
17295
17295
|
return null;
|
|
@@ -17300,7 +17300,7 @@ var LocalPeerStats = () => {
|
|
|
17300
17300
|
label: "Available Outgoing Bitrate",
|
|
17301
17301
|
value: formatBytes((_f = stats.publish) == null ? void 0 : _f.availableOutgoingBitrate, "b/s")
|
|
17302
17302
|
}
|
|
17303
|
-
), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((
|
|
17303
|
+
), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes((_g2 = stats.publish) == null ? void 0 : _g2.bytesSent) }), /* @__PURE__ */ React56.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes((_h = stats.subscribe) == null ? void 0 : _h.bytesReceived) }), /* @__PURE__ */ React56.createElement(
|
|
17304
17304
|
StatsRow2,
|
|
17305
17305
|
{
|
|
17306
17306
|
label: "Round Trip Time",
|
|
@@ -20067,9 +20067,9 @@ UAParser.ENGINE = UAParser.OS = enumerize([NAME, VERSION]);
|
|
|
20067
20067
|
|
|
20068
20068
|
// ../hms-video-store/dist/index.js
|
|
20069
20069
|
var import_lodash3 = __toESM(require_lodash2());
|
|
20070
|
+
import { v4 as Vn } from "uuid";
|
|
20070
20071
|
import { v4 as Un } from "uuid";
|
|
20071
|
-
import { v4 as
|
|
20072
|
-
import { v4 as Wn } from "uuid";
|
|
20072
|
+
import { v4 as Kn } from "uuid";
|
|
20073
20073
|
|
|
20074
20074
|
// ../../node_modules/webrtc-adapter/src/js/adapter_core.js
|
|
20075
20075
|
init_define_process_env();
|
|
@@ -20324,16 +20324,16 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
20324
20324
|
};
|
|
20325
20325
|
if (r.ideal !== void 0) {
|
|
20326
20326
|
cc2.optional = cc2.optional || [];
|
|
20327
|
-
let
|
|
20327
|
+
let oc = {};
|
|
20328
20328
|
if (typeof r.ideal === "number") {
|
|
20329
|
-
|
|
20330
|
-
cc2.optional.push(
|
|
20331
|
-
|
|
20332
|
-
|
|
20333
|
-
cc2.optional.push(
|
|
20329
|
+
oc[oldname_("min", key)] = r.ideal;
|
|
20330
|
+
cc2.optional.push(oc);
|
|
20331
|
+
oc = {};
|
|
20332
|
+
oc[oldname_("max", key)] = r.ideal;
|
|
20333
|
+
cc2.optional.push(oc);
|
|
20334
20334
|
} else {
|
|
20335
|
-
|
|
20336
|
-
cc2.optional.push(
|
|
20335
|
+
oc[oldname_("", key)] = r.ideal;
|
|
20336
|
+
cc2.optional.push(oc);
|
|
20337
20337
|
}
|
|
20338
20338
|
}
|
|
20339
20339
|
if (r.exact !== void 0 && typeof r.exact !== "number") {
|
|
@@ -22166,36 +22166,36 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
|
|
|
22166
22166
|
|
|
22167
22167
|
// ../hms-video-store/dist/index.js
|
|
22168
22168
|
var import_lodash4 = __toESM(require_lodash2());
|
|
22169
|
-
import { v4 as
|
|
22170
|
-
import { v4 as
|
|
22171
|
-
import { EventEmitter2 as
|
|
22172
|
-
var
|
|
22173
|
-
import { EventEmitter2 as
|
|
22174
|
-
import { v4 as
|
|
22175
|
-
import { EventEmitter2 as
|
|
22176
|
-
import
|
|
22177
|
-
import { v4 as
|
|
22178
|
-
import { v4 as
|
|
22179
|
-
var
|
|
22180
|
-
var
|
|
22181
|
-
var
|
|
22182
|
-
var
|
|
22169
|
+
import { v4 as zn } from "uuid";
|
|
22170
|
+
import { v4 as uo } from "uuid";
|
|
22171
|
+
import { EventEmitter2 as po } from "eventemitter2";
|
|
22172
|
+
var ei = __toESM(require_lib());
|
|
22173
|
+
import { EventEmitter2 as Bo } from "eventemitter2";
|
|
22174
|
+
import { v4 as $o } from "uuid";
|
|
22175
|
+
import { EventEmitter2 as Ko } from "eventemitter2";
|
|
22176
|
+
import jo from "eventemitter2";
|
|
22177
|
+
import { v4 as Qo } from "uuid";
|
|
22178
|
+
import { v4 as Yo } from "uuid";
|
|
22179
|
+
var Pn = Object.defineProperty;
|
|
22180
|
+
var bn = Object.defineProperties;
|
|
22181
|
+
var In = Object.getOwnPropertyDescriptors;
|
|
22182
|
+
var ci = Object.getOwnPropertySymbols;
|
|
22183
22183
|
var ks = Object.prototype.hasOwnProperty;
|
|
22184
22184
|
var Es = Object.prototype.propertyIsEnumerable;
|
|
22185
|
-
var ys = (a2, e, t) => e in a2 ?
|
|
22185
|
+
var ys = (a2, e, t) => e in a2 ? Pn(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
22186
22186
|
var m = (a2, e) => {
|
|
22187
22187
|
for (var t in e || (e = {})) ks.call(e, t) && ys(a2, t, e[t]);
|
|
22188
|
-
if (
|
|
22188
|
+
if (ci) for (var t of ci(e)) Es.call(e, t) && ys(a2, t, e[t]);
|
|
22189
22189
|
return a2;
|
|
22190
22190
|
};
|
|
22191
|
-
var M = (a2, e) =>
|
|
22191
|
+
var M = (a2, e) => bn(a2, In(e));
|
|
22192
22192
|
var Ar = (a2, e) => {
|
|
22193
22193
|
var t = {};
|
|
22194
22194
|
for (var i in a2) ks.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
|
|
22195
|
-
if (a2 != null &&
|
|
22195
|
+
if (a2 != null && ci) for (var i of ci(a2)) e.indexOf(i) < 0 && Es.call(a2, i) && (t[i] = a2[i]);
|
|
22196
22196
|
return t;
|
|
22197
22197
|
};
|
|
22198
|
-
var
|
|
22198
|
+
var Hn = (a2, e) => () => {
|
|
22199
22199
|
try {
|
|
22200
22200
|
return e || a2((e = { exports: {} }).exports, e), e.exports;
|
|
22201
22201
|
} catch (t) {
|
|
@@ -22218,19 +22218,19 @@ var c = (a2, e, t) => new Promise((i, r) => {
|
|
|
22218
22218
|
}, o = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, n);
|
|
22219
22219
|
o((t = t.apply(a2, e)).next());
|
|
22220
22220
|
});
|
|
22221
|
-
var _r =
|
|
22222
|
-
|
|
22221
|
+
var _r = Hn((vd, Bn) => {
|
|
22222
|
+
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"] };
|
|
22223
22223
|
});
|
|
22224
22224
|
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 || {});
|
|
22225
|
-
var
|
|
22225
|
+
var Cn = ((e) => (e.CHAT = "chat", e))(Cn || {});
|
|
22226
22226
|
var Ps = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Ps || {});
|
|
22227
|
-
var Hr = ((
|
|
22227
|
+
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 || {});
|
|
22228
22228
|
var bs = ((t) => (t.audio = "audio", t.video = "video", t))(bs || {});
|
|
22229
22229
|
function We(a2, e) {
|
|
22230
22230
|
let t, i;
|
|
22231
22231
|
if (e) for (let r of e.auxiliaryTracks) {
|
|
22232
22232
|
let s = a2[r];
|
|
22233
|
-
|
|
22233
|
+
Ln(s) && (i = Mt(s) ? s : i, t = yt(s) ? s : t);
|
|
22234
22234
|
}
|
|
22235
22235
|
return { video: t, audio: i };
|
|
22236
22236
|
}
|
|
@@ -22240,10 +22240,10 @@ function Mt(a2) {
|
|
|
22240
22240
|
function yt(a2) {
|
|
22241
22241
|
return a2 && a2.type === "video";
|
|
22242
22242
|
}
|
|
22243
|
-
function
|
|
22243
|
+
function Ln(a2) {
|
|
22244
22244
|
return a2 && a2.source === "screen";
|
|
22245
22245
|
}
|
|
22246
|
-
function
|
|
22246
|
+
function ui(a2) {
|
|
22247
22247
|
return a2 && a2.source === "audioplaylist";
|
|
22248
22248
|
}
|
|
22249
22249
|
function kt(a2) {
|
|
@@ -22261,7 +22261,7 @@ function Et(a2) {
|
|
|
22261
22261
|
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 };
|
|
22262
22262
|
}
|
|
22263
22263
|
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 || {});
|
|
22264
|
-
var
|
|
22264
|
+
var wn = typeof window != "undefined" && typeof window.expect != "undefined";
|
|
22265
22265
|
var l = class {
|
|
22266
22266
|
static v(e, ...t) {
|
|
22267
22267
|
this.log(0, e, ...t);
|
|
@@ -22326,12 +22326,12 @@ var l = class {
|
|
|
22326
22326
|
}
|
|
22327
22327
|
}
|
|
22328
22328
|
};
|
|
22329
|
-
l.level =
|
|
22329
|
+
l.level = wn ? 7 : 0;
|
|
22330
22330
|
var Cr = new UAParser();
|
|
22331
22331
|
var Pt = null;
|
|
22332
22332
|
var Lr = null;
|
|
22333
|
-
var
|
|
22334
|
-
if (
|
|
22333
|
+
var V = typeof window != "undefined";
|
|
22334
|
+
if (V) try {
|
|
22335
22335
|
let a2 = Cr.getResult(), e = a2.withClientHints();
|
|
22336
22336
|
e && typeof e.then == "function" ? (Lr = e, Lr.then((t) => {
|
|
22337
22337
|
Pt = t;
|
|
@@ -22342,29 +22342,29 @@ if (B) try {
|
|
|
22342
22342
|
Pt = Cr.getResult();
|
|
22343
22343
|
}
|
|
22344
22344
|
var De = () => Pt || Cr.getResult();
|
|
22345
|
-
var
|
|
22345
|
+
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()) };
|
|
22346
22346
|
var Hs;
|
|
22347
|
-
var $e = typeof window == "undefined" && !((Hs =
|
|
22348
|
-
var
|
|
22349
|
-
var
|
|
22347
|
+
var $e = typeof window == "undefined" && !((Hs = Y.getBrowser().name) != null && Hs.toLowerCase().includes("electron"));
|
|
22348
|
+
var _n = () => !$e;
|
|
22349
|
+
var Gc = _n();
|
|
22350
22350
|
var Cs;
|
|
22351
22351
|
var Ls;
|
|
22352
|
-
var
|
|
22352
|
+
var Bs = (Ls = (Cs = Y.getBrowser()) == null ? void 0 : Cs.name) == null ? void 0 : Ls.toLowerCase().includes("safari");
|
|
22353
22353
|
var ws;
|
|
22354
22354
|
var Ds;
|
|
22355
|
-
var
|
|
22355
|
+
var Vs = ((Ds = (ws = Y.getBrowser()) == null ? void 0 : ws.name) == null ? void 0 : Ds.toLowerCase()) === "firefox";
|
|
22356
22356
|
var _s;
|
|
22357
22357
|
var Ns;
|
|
22358
|
-
var
|
|
22359
|
-
var
|
|
22360
|
-
function
|
|
22361
|
-
if (
|
|
22358
|
+
var Fs = ((Ns = (_s = Y.getEngine()) == null ? void 0 : _s.name) == null ? void 0 : Ns.toLowerCase()) === "blink";
|
|
22359
|
+
var Gs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Gs || {});
|
|
22360
|
+
function On() {
|
|
22361
|
+
if (V && window) {
|
|
22362
22362
|
let a2 = window.location.hostname;
|
|
22363
22363
|
return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
|
|
22364
22364
|
}
|
|
22365
22365
|
return "CUSTOM";
|
|
22366
22366
|
}
|
|
22367
|
-
var et =
|
|
22367
|
+
var et = On();
|
|
22368
22368
|
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 } };
|
|
22369
22369
|
var E = class a extends Error {
|
|
22370
22370
|
constructor(t, i, r, s, n, o = false) {
|
|
@@ -22421,8 +22421,8 @@ var q = class extends E {
|
|
|
22421
22421
|
}`;
|
|
22422
22422
|
}
|
|
22423
22423
|
};
|
|
22424
|
-
var
|
|
22425
|
-
var
|
|
22424
|
+
var Ws = ((r) => (r.AUDIO = "audio", r.VIDEO = "video", r.AUDIO_VIDEO = "audio, video", r.SCREEN = "screen", r))(Ws || {});
|
|
22425
|
+
var xn = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
22426
22426
|
var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
22427
22427
|
return new E(k.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
22428
22428
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
@@ -22484,7 +22484,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
|
22484
22484
|
}, StatsFailed(a2, e = "") {
|
|
22485
22485
|
return new E(k.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
22486
22486
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
22487
|
-
return new E(a2, "ServerErrors", e, t, t,
|
|
22487
|
+
return new E(a2, "ServerErrors", e, t, t, xn.includes(e));
|
|
22488
22488
|
}, AlreadyJoined(a2, e = "") {
|
|
22489
22489
|
return new E(k.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
22490
22490
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
@@ -22556,9 +22556,9 @@ var Dr = class {
|
|
|
22556
22556
|
return this.valuesMap.size;
|
|
22557
22557
|
}
|
|
22558
22558
|
};
|
|
22559
|
-
var
|
|
22559
|
+
var $s = () => {
|
|
22560
22560
|
try {
|
|
22561
|
-
|
|
22561
|
+
V && !localStorage && (window.localStorage = new Dr());
|
|
22562
22562
|
} catch (a2) {
|
|
22563
22563
|
l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
|
|
22564
22564
|
}
|
|
@@ -22570,7 +22570,7 @@ var ve = class {
|
|
|
22570
22570
|
}
|
|
22571
22571
|
getStorage() {
|
|
22572
22572
|
try {
|
|
22573
|
-
return
|
|
22573
|
+
return V && !this.storage && ($s(), this.storage = window.localStorage), this.storage;
|
|
22574
22574
|
} catch (e) {
|
|
22575
22575
|
return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
|
|
22576
22576
|
}
|
|
@@ -22592,26 +22592,26 @@ var ve = class {
|
|
|
22592
22592
|
};
|
|
22593
22593
|
var hi = () => {
|
|
22594
22594
|
let a2, e = new ve("hms-analytics-deviceId"), t = e.get();
|
|
22595
|
-
return t ? a2 = t : (a2 =
|
|
22595
|
+
return t ? a2 = t : (a2 = Un(), e.set(a2)), a2;
|
|
22596
22596
|
};
|
|
22597
22597
|
function $(a2) {
|
|
22598
22598
|
return a2 != null;
|
|
22599
22599
|
}
|
|
22600
|
-
var
|
|
22601
|
-
function
|
|
22600
|
+
var js = _r().version;
|
|
22601
|
+
function At(a2 = "prod", e) {
|
|
22602
22602
|
let i = et !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
22603
|
-
if ($e) return
|
|
22604
|
-
let r =
|
|
22605
|
-
return s.type && (p = `${Nr(`${s.vendor}_${s.type}`)}/${u}`),
|
|
22603
|
+
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 });
|
|
22604
|
+
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;
|
|
22605
|
+
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 });
|
|
22606
22606
|
}
|
|
22607
22607
|
function Nr(a2) {
|
|
22608
22608
|
return a2.replace(/ /g, "_");
|
|
22609
22609
|
}
|
|
22610
|
-
var
|
|
22610
|
+
var Qs = (a2, e = ",") => Object.keys(a2).filter((t) => $(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
22611
22611
|
var C = class {
|
|
22612
22612
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
22613
|
-
this.metadata = { peer: {}, userAgent:
|
|
22614
|
-
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id =
|
|
22613
|
+
this.metadata = { peer: {}, userAgent: At() };
|
|
22614
|
+
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Vn(), this.device_id = hi();
|
|
22615
22615
|
}
|
|
22616
22616
|
toSignalParams() {
|
|
22617
22617
|
return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: et }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
|
@@ -22770,17 +22770,17 @@ var Or = class {
|
|
|
22770
22770
|
return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
|
|
22771
22771
|
}
|
|
22772
22772
|
};
|
|
22773
|
-
var
|
|
22773
|
+
var re = new Or();
|
|
22774
22774
|
var xr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(xr || {});
|
|
22775
22775
|
var Ur = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Ur || {});
|
|
22776
22776
|
var Br = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Br || {});
|
|
22777
|
-
var
|
|
22778
|
-
var
|
|
22779
|
-
var
|
|
22780
|
-
var
|
|
22781
|
-
var
|
|
22777
|
+
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 || {});
|
|
22778
|
+
var Ys = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ys || {});
|
|
22779
|
+
var Xs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Xs || {});
|
|
22780
|
+
var Zs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Zs || {});
|
|
22781
|
+
var ea = ((e) => (e.CAPTION = "caption", e))(ea || {});
|
|
22782
22782
|
var Vr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Vr || {});
|
|
22783
|
-
var
|
|
22783
|
+
var ta = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ta || {});
|
|
22784
22784
|
var Fr = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))(Fr || {});
|
|
22785
22785
|
function vi(a2, e = 300) {
|
|
22786
22786
|
let t;
|
|
@@ -22814,11 +22814,11 @@ var jr = class {
|
|
|
22814
22814
|
this.createObserver();
|
|
22815
22815
|
}
|
|
22816
22816
|
isSupported() {
|
|
22817
|
-
let e =
|
|
22817
|
+
let e = V && typeof window.IntersectionObserver != "undefined";
|
|
22818
22818
|
return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
|
|
22819
22819
|
}
|
|
22820
22820
|
};
|
|
22821
|
-
var
|
|
22821
|
+
var oa = new jr();
|
|
22822
22822
|
var Qr = class {
|
|
22823
22823
|
constructor() {
|
|
22824
22824
|
this.TAG = "[HMSResizeObserverWrapper]";
|
|
@@ -22841,47 +22841,47 @@ var Qr = class {
|
|
|
22841
22841
|
this.createObserver();
|
|
22842
22842
|
}
|
|
22843
22843
|
isSupported() {
|
|
22844
|
-
let e =
|
|
22844
|
+
let e = V && typeof window.ResizeObserver != "undefined";
|
|
22845
22845
|
return e || l.w(this.TAG, "Resize Observer is not supported"), e;
|
|
22846
22846
|
}
|
|
22847
22847
|
};
|
|
22848
|
-
var
|
|
22848
|
+
var ca = new Qr();
|
|
22849
22849
|
var Jr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Jr || {});
|
|
22850
22850
|
var zr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(zr || {});
|
|
22851
|
-
var
|
|
22852
|
-
var
|
|
22853
|
-
var
|
|
22851
|
+
var ua = "https://event.100ms.live/v2/client/report";
|
|
22852
|
+
var pa = "https://event-nonprod.100ms.live/v2/client/report";
|
|
22853
|
+
var wt = Math.pow(2, 31) - 1;
|
|
22854
22854
|
var dt = class {
|
|
22855
22855
|
};
|
|
22856
|
-
dt.makePeerId = () =>
|
|
22857
|
-
var
|
|
22858
|
-
var
|
|
22859
|
-
var
|
|
22860
|
-
var
|
|
22861
|
-
var
|
|
22856
|
+
dt.makePeerId = () => uo();
|
|
22857
|
+
var G = (a2) => a2.room;
|
|
22858
|
+
var ho = (a2) => a2.errors;
|
|
22859
|
+
var Qm = createSelector(ho, (a2) => a2.length === 0 ? null : a2.at(-1));
|
|
22860
|
+
var Jm = createSelector(G, (a2) => a2.id);
|
|
22861
|
+
var ee = (a2) => a2.peers;
|
|
22862
22862
|
var Ci = (a2) => a2.messages.byID;
|
|
22863
|
-
var
|
|
22863
|
+
var ba = (a2) => a2.messages.allIDs;
|
|
22864
22864
|
var N = (a2) => a2.tracks;
|
|
22865
22865
|
var is = (a2) => a2.appData;
|
|
22866
|
-
var
|
|
22867
|
-
var Fe = createSelector([
|
|
22868
|
-
var
|
|
22869
|
-
var
|
|
22870
|
-
var Ee = createSelector([
|
|
22871
|
-
var
|
|
22872
|
-
var
|
|
22873
|
-
var Ae = createSelector(
|
|
22874
|
-
var
|
|
22875
|
-
var
|
|
22876
|
-
var
|
|
22877
|
-
var
|
|
22878
|
-
var
|
|
22879
|
-
var
|
|
22866
|
+
var mo = (a2) => a2.speakers;
|
|
22867
|
+
var Fe = createSelector([G], (a2) => a2 && a2.isConnected);
|
|
22868
|
+
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));
|
|
22869
|
+
var So = (a2) => a2.hideLocalPeer;
|
|
22870
|
+
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]));
|
|
22871
|
+
var go = createSelector(N, (a2) => Object.values(a2));
|
|
22872
|
+
var te = createSelector(G, ee, (a2, e) => e[a2.localPeer]);
|
|
22873
|
+
var Ae = createSelector(G, (a2) => a2.localPeer);
|
|
22874
|
+
var Zm = createSelector(te, (a2) => a2 == null ? void 0 : a2.name);
|
|
22875
|
+
var eS = createSelector(te, (a2) => a2 == null ? void 0 : a2.roleName);
|
|
22876
|
+
var Se = createSelector(te, (a2) => a2 == null ? void 0 : a2.audioTrack);
|
|
22877
|
+
var ae = createSelector(te, (a2) => a2 == null ? void 0 : a2.videoTrack);
|
|
22878
|
+
var To = createSelector(te, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
|
|
22879
|
+
var Aa = createSelector([Se, ae, To], (a2, e, t) => {
|
|
22880
22880
|
let i = t ? [...t] : [];
|
|
22881
22881
|
return a2 && i.unshift(a2), e && i.unshift(e), i;
|
|
22882
22882
|
});
|
|
22883
|
-
var
|
|
22884
|
-
var
|
|
22883
|
+
var tS = createSelector(Ee, (a2) => a2.filter((e) => !e.isLocal));
|
|
22884
|
+
var iS = createSelector(ee, mo, (a2, e) => {
|
|
22885
22885
|
let t = Object.entries(e).sort((i, r) => {
|
|
22886
22886
|
var o, d;
|
|
22887
22887
|
let s = ((o = i[1]) == null ? void 0 : o.audioLevel) || 0;
|
|
@@ -22893,11 +22893,11 @@ var Ym = createSelector(Z, po, (a2, e) => {
|
|
|
22893
22893
|
}
|
|
22894
22894
|
return null;
|
|
22895
22895
|
});
|
|
22896
|
-
var ss = createSelector(
|
|
22896
|
+
var ss = createSelector(te, N, (a2, e) => {
|
|
22897
22897
|
let { video: t, audio: i } = We(e, a2);
|
|
22898
22898
|
return !!(t || i);
|
|
22899
22899
|
});
|
|
22900
|
-
var
|
|
22900
|
+
var fo = createSelector(ee, N, (a2, e) => {
|
|
22901
22901
|
let t;
|
|
22902
22902
|
for (let i in a2) {
|
|
22903
22903
|
let r = a2[i], { video: s, audio: n } = We(e, r);
|
|
@@ -22906,14 +22906,14 @@ var go = createSelector(Z, N, (a2, e) => {
|
|
|
22906
22906
|
}
|
|
22907
22907
|
return t;
|
|
22908
22908
|
});
|
|
22909
|
-
var
|
|
22910
|
-
var
|
|
22909
|
+
var nS = createSelector(fo, (a2) => !!a2);
|
|
22910
|
+
var oS = createSelector(ee, N, (a2, e) => {
|
|
22911
22911
|
for (let t in a2) {
|
|
22912
22912
|
let i = a2[t], { audio: r, video: s } = We(e, i);
|
|
22913
22913
|
if (!s && r) return i;
|
|
22914
22914
|
}
|
|
22915
22915
|
});
|
|
22916
|
-
var
|
|
22916
|
+
var cS = createSelector(ee, N, (a2, e) => {
|
|
22917
22917
|
let t = [], i = [];
|
|
22918
22918
|
for (let r in a2) {
|
|
22919
22919
|
let s = a2[r], { video: n, audio: o } = We(e, s);
|
|
@@ -22921,86 +22921,86 @@ var tS = createSelector(Z, N, (a2, e) => {
|
|
|
22921
22921
|
}
|
|
22922
22922
|
return t.concat(i);
|
|
22923
22923
|
});
|
|
22924
|
-
var
|
|
22924
|
+
var dS = createSelector(ee, N, (a2, e) => {
|
|
22925
22925
|
for (let t in e) {
|
|
22926
22926
|
let i = e[t];
|
|
22927
22927
|
if (kt(i) && yt(i) && i.peerId) return a2[i.peerId];
|
|
22928
22928
|
}
|
|
22929
22929
|
});
|
|
22930
|
-
var
|
|
22930
|
+
var lS = createSelector(ee, N, (a2, e) => {
|
|
22931
22931
|
for (let t in e) {
|
|
22932
22932
|
let i = e[t];
|
|
22933
|
-
if (
|
|
22933
|
+
if (ui(i) && i.peerId) return a2[i.peerId];
|
|
22934
22934
|
}
|
|
22935
22935
|
});
|
|
22936
|
-
var
|
|
22937
|
-
var
|
|
22938
|
-
var
|
|
22939
|
-
var
|
|
22936
|
+
var uS = createSelector(go, (a2) => a2.filter(Is));
|
|
22937
|
+
var pS = createSelector(ba, (a2) => a2.length);
|
|
22938
|
+
var hS = createSelector(Ci, (a2) => Object.values(a2).filter((e) => !e.read).length);
|
|
22939
|
+
var Nt = createSelector(ba, Ci, (a2, e) => {
|
|
22940
22940
|
let t = [];
|
|
22941
22941
|
return a2.forEach((i) => {
|
|
22942
22942
|
t.push(e[i]);
|
|
22943
22943
|
}), t;
|
|
22944
22944
|
});
|
|
22945
|
-
var
|
|
22945
|
+
var vo = createSelector(Nt, (a2) => a2.filter((e) => {
|
|
22946
22946
|
var t;
|
|
22947
22947
|
return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
|
|
22948
22948
|
}));
|
|
22949
|
-
var
|
|
22950
|
-
var
|
|
22951
|
-
var
|
|
22952
|
-
var
|
|
22953
|
-
var
|
|
22949
|
+
var mS = createSelector(vo, (a2) => a2.filter((e) => !e.read).length);
|
|
22950
|
+
var le = createSelector([G], (a2) => a2 && a2.roomState);
|
|
22951
|
+
var Ha = createSelector(le, (a2) => a2 === "Preview");
|
|
22952
|
+
var SS = createSelector(G, (a2) => a2.roomState !== "Disconnected");
|
|
22953
|
+
var gS = createSelector(G, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
|
|
22954
22954
|
var Pe = (a2) => a2.roles;
|
|
22955
|
-
var
|
|
22956
|
-
var ut = createSelector([
|
|
22957
|
-
var
|
|
22955
|
+
var TS = createSelector([Pe], (a2) => Object.keys(a2));
|
|
22956
|
+
var ut = createSelector([te, Pe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
|
|
22957
|
+
var Mo = (a2) => {
|
|
22958
22958
|
var e;
|
|
22959
22959
|
return (e = a2.preview) == null ? void 0 : e.asRole;
|
|
22960
22960
|
};
|
|
22961
|
-
var
|
|
22962
|
-
var
|
|
22961
|
+
var Ca = createSelector([Mo, Pe], (a2, e) => a2 ? e[a2] : null);
|
|
22962
|
+
var fS = createSelector([ut], (a2) => {
|
|
22963
22963
|
var e;
|
|
22964
22964
|
return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
|
|
22965
22965
|
});
|
|
22966
|
-
var
|
|
22967
|
-
var
|
|
22968
|
-
var
|
|
22969
|
-
var
|
|
22970
|
-
var
|
|
22971
|
-
var
|
|
22966
|
+
var La = createSelector(ut, (a2) => a2 == null ? void 0 : a2.permissions);
|
|
22967
|
+
var vS = createSelector(G, (a2) => a2.recording);
|
|
22968
|
+
var MS = createSelector(G, (a2) => a2.rtmp);
|
|
22969
|
+
var yS = createSelector(G, (a2) => a2.hls);
|
|
22970
|
+
var kS = createSelector(G, (a2) => a2.transcriptions);
|
|
22971
|
+
var ES = createSelector(G, (a2) => {
|
|
22972
22972
|
var i, r;
|
|
22973
22973
|
let e = (i = a2.transcriptions) == null ? void 0 : i.find((s) => s.mode === "caption");
|
|
22974
22974
|
if (e != null && e.translation) return { available: true, enabled: e.translation.enabled, roleLanguages: e.translation.roleLanguages };
|
|
22975
22975
|
let t = (r = a2.translationConfig) == null ? void 0 : r.caption;
|
|
22976
22976
|
return t ? { available: true, enabled: false, roleLanguages: t.roleLanguages } : { available: false, enabled: false, roleLanguages: void 0 };
|
|
22977
22977
|
});
|
|
22978
|
-
var
|
|
22979
|
-
var
|
|
22980
|
-
var
|
|
22981
|
-
var
|
|
22982
|
-
var
|
|
22983
|
-
var
|
|
22984
|
-
var
|
|
22985
|
-
var
|
|
22986
|
-
var
|
|
22987
|
-
var
|
|
22988
|
-
var
|
|
22978
|
+
var PS = createSelector(G, (a2) => a2.sessionId);
|
|
22979
|
+
var bS = createSelector(G, (a2) => a2.startedAt);
|
|
22980
|
+
var IS = createSelector(G, (a2) => !!a2.isLargeRoom);
|
|
22981
|
+
var AS = createSelector(G, (a2) => !!a2.isEffectsEnabled);
|
|
22982
|
+
var RS = createSelector(G, (a2) => !!a2.isVBEnabled);
|
|
22983
|
+
var HS = createSelector(G, (a2) => a2.effectsKey);
|
|
22984
|
+
var wa = (a2) => a2.polls;
|
|
22985
|
+
var DS = createSelector(Ee, (a2) => a2.filter((e) => e.isHandRaised));
|
|
22986
|
+
var yo = (a2) => a2.whiteboards;
|
|
22987
|
+
var _S = createSelector(yo, (a2) => Object.values(a2)[0]);
|
|
22988
|
+
var _a7 = (a2 = "audio") => (e) => e.playlist[a2].list;
|
|
22989
22989
|
var as = (a2 = "audio") => (e) => e.playlist[a2].selection;
|
|
22990
|
-
var
|
|
22991
|
-
var
|
|
22992
|
-
var
|
|
22993
|
-
var
|
|
22994
|
-
var
|
|
22995
|
-
var
|
|
22990
|
+
var Na = (a2 = "audio") => (e) => e.playlist[a2].progress;
|
|
22991
|
+
var Oa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
|
|
22992
|
+
var xa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
|
|
22993
|
+
var Ua = (a2 = "audio") => (e) => e.playlist[a2].volume;
|
|
22994
|
+
var Ba = (a2 = "audio") => createSelector(_a7(a2), (e) => Object.values(e));
|
|
22995
|
+
var Va = (a2 = "audio") => createSelector(_a7(a2), as(a2), (e, t) => {
|
|
22996
22996
|
if (t.id) return e[t.id];
|
|
22997
22997
|
});
|
|
22998
|
-
var
|
|
22999
|
-
var
|
|
22998
|
+
var Fa = { selection: as("audio"), progress: Na("audio"), currentTime: Oa("audio"), playbackRate: xa("audio"), volume: Ua("audio"), list: Ba("audio"), selectedItem: Va("audio") };
|
|
22999
|
+
var Ga = { selection: as("video"), progress: Na("video"), currentTime: Oa("video"), playbackRate: xa("video"), volume: Ua("video"), list: Ba("video"), selectedItem: Va("video") };
|
|
23000
23000
|
function H(a2) {
|
|
23001
23001
|
return (e) => (t) => a2(t, e);
|
|
23002
23002
|
}
|
|
23003
|
-
var
|
|
23003
|
+
var Ot = "HMS-Store:";
|
|
23004
23004
|
var b = class {
|
|
23005
23005
|
static v(e, ...t) {
|
|
23006
23006
|
this.log(0, e, ...t);
|
|
@@ -23029,23 +23029,23 @@ var b = class {
|
|
|
23029
23029
|
static log(e, ...t) {
|
|
23030
23030
|
if (!(this.level.valueOf() > e.valueOf())) switch (e) {
|
|
23031
23031
|
case 0: {
|
|
23032
|
-
console.log(
|
|
23032
|
+
console.log(Ot, ...t);
|
|
23033
23033
|
break;
|
|
23034
23034
|
}
|
|
23035
23035
|
case 1: {
|
|
23036
|
-
console.debug(
|
|
23036
|
+
console.debug(Ot, ...t);
|
|
23037
23037
|
break;
|
|
23038
23038
|
}
|
|
23039
23039
|
case 2: {
|
|
23040
|
-
console.info(
|
|
23040
|
+
console.info(Ot, ...t);
|
|
23041
23041
|
break;
|
|
23042
23042
|
}
|
|
23043
23043
|
case 3: {
|
|
23044
|
-
console.warn(
|
|
23044
|
+
console.warn(Ot, ...t);
|
|
23045
23045
|
break;
|
|
23046
23046
|
}
|
|
23047
23047
|
case 6: {
|
|
23048
|
-
console.error(
|
|
23048
|
+
console.error(Ot, ...t);
|
|
23049
23049
|
break;
|
|
23050
23050
|
}
|
|
23051
23051
|
case 4: {
|
|
@@ -23067,121 +23067,121 @@ var b = class {
|
|
|
23067
23067
|
};
|
|
23068
23068
|
b.level = 0;
|
|
23069
23069
|
var ns = (a2, e) => e;
|
|
23070
|
-
var
|
|
23071
|
-
var
|
|
23072
|
-
var
|
|
23073
|
-
var
|
|
23074
|
-
var
|
|
23075
|
-
var os = createSelector([N,
|
|
23076
|
-
var
|
|
23070
|
+
var xt = (a2, e) => e;
|
|
23071
|
+
var Wa = (a2, e) => e;
|
|
23072
|
+
var ko = (a2, e) => e;
|
|
23073
|
+
var Eo = (a2, e) => e;
|
|
23074
|
+
var ie = createSelector([ee, ns], (a2, e) => e ? a2[e] : null);
|
|
23075
|
+
var os = createSelector([N, xt], (a2, e) => e ? a2[e] : null);
|
|
23076
|
+
var Po = createSelector([N, xt], (a2, e) => {
|
|
23077
23077
|
if (!e) return null;
|
|
23078
23078
|
let t = a2[e];
|
|
23079
23079
|
return (t == null ? void 0 : t.type) === "video" ? t : null;
|
|
23080
23080
|
});
|
|
23081
|
-
var
|
|
23081
|
+
var bo = createSelector([N, xt], (a2, e) => {
|
|
23082
23082
|
if (!e) return null;
|
|
23083
23083
|
let t = a2[e];
|
|
23084
23084
|
return (t == null ? void 0 : t.type) === "audio" ? t : null;
|
|
23085
23085
|
});
|
|
23086
|
-
var
|
|
23086
|
+
var Io = createSelector([N, xt], (a2, e) => {
|
|
23087
23087
|
if (!e) return null;
|
|
23088
23088
|
let t = a2[e];
|
|
23089
23089
|
return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
23090
23090
|
});
|
|
23091
|
-
var
|
|
23091
|
+
var Ao = createSelector([N, xt], (a2, e) => {
|
|
23092
23092
|
if (!e) return null;
|
|
23093
23093
|
let t = a2[e];
|
|
23094
23094
|
return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
23095
23095
|
});
|
|
23096
|
-
var
|
|
23097
|
-
var
|
|
23098
|
-
var
|
|
23096
|
+
var Ro = createSelector([wa, Eo], (a2, e) => e ? a2[e] : null);
|
|
23097
|
+
var ne = H(ie);
|
|
23098
|
+
var KS = H(createSelector([is, ko], (a2, e) => {
|
|
23099
23099
|
if (a2) return e ? a2[e] : a2;
|
|
23100
23100
|
}));
|
|
23101
|
-
function
|
|
23101
|
+
function qS(a2) {
|
|
23102
23102
|
return (e) => {
|
|
23103
23103
|
if (e.sessionStore) return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
23104
23104
|
};
|
|
23105
23105
|
}
|
|
23106
|
-
var
|
|
23107
|
-
var
|
|
23106
|
+
var QS = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.name));
|
|
23107
|
+
var JS = H(createSelector(ie, (a2) => a2 == null ? void 0 : a2.type));
|
|
23108
23108
|
var Li = H(os);
|
|
23109
|
-
var
|
|
23110
|
-
var
|
|
23111
|
-
var
|
|
23112
|
-
var
|
|
23113
|
-
var
|
|
23114
|
-
let t =
|
|
23109
|
+
var $a = H(Po);
|
|
23110
|
+
var zS = H(bo);
|
|
23111
|
+
var YS = H(Io);
|
|
23112
|
+
var XS = H(Ao);
|
|
23113
|
+
var Ho = H((a2, e) => {
|
|
23114
|
+
let t = ie(a2, e);
|
|
23115
23115
|
if (t && t.videoTrack && t.videoTrack !== "") return a2.tracks[t.videoTrack];
|
|
23116
23116
|
});
|
|
23117
|
-
var
|
|
23118
|
-
let t =
|
|
23117
|
+
var Co = H((a2, e) => {
|
|
23118
|
+
let t = ie(a2, e);
|
|
23119
23119
|
if (t && t.audioTrack && t.audioTrack !== "") return a2.tracks[t.audioTrack];
|
|
23120
23120
|
});
|
|
23121
|
-
var
|
|
23122
|
-
let t =
|
|
23121
|
+
var eg = H((a2, e) => {
|
|
23122
|
+
let t = ie(a2, e);
|
|
23123
23123
|
return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
|
|
23124
23124
|
});
|
|
23125
|
-
var
|
|
23126
|
-
var
|
|
23127
|
-
var
|
|
23128
|
-
let t =
|
|
23129
|
-
return
|
|
23130
|
-
};
|
|
23131
|
-
var
|
|
23132
|
-
var
|
|
23125
|
+
var Ka = (a2, e) => e ? a2.speakers[e] : null;
|
|
23126
|
+
var tg = H(createSelector(Ka, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
23127
|
+
var Lo = (a2, e) => {
|
|
23128
|
+
let t = Co(e)(a2);
|
|
23129
|
+
return Ka(a2, t == null ? void 0 : t.id);
|
|
23130
|
+
};
|
|
23131
|
+
var ig = H(createSelector(Lo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
23132
|
+
var rg = H((a2, e) => {
|
|
23133
23133
|
if (e) return a2.connectionQualities[e];
|
|
23134
23134
|
});
|
|
23135
|
-
var
|
|
23136
|
-
let t =
|
|
23135
|
+
var sg = H((a2, e) => {
|
|
23136
|
+
let t = ie(a2, e);
|
|
23137
23137
|
if (t) {
|
|
23138
23138
|
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => Mt(a2.tracks[r]));
|
|
23139
23139
|
return i ? a2.tracks[i] : void 0;
|
|
23140
23140
|
}
|
|
23141
23141
|
});
|
|
23142
|
-
var
|
|
23142
|
+
var ag = H(createSelector(N, ie, (a2, e) => {
|
|
23143
23143
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
23144
23144
|
let r = a2[i];
|
|
23145
23145
|
return kt(r) && yt(r);
|
|
23146
23146
|
});
|
|
23147
23147
|
return t ? a2[t] : void 0;
|
|
23148
23148
|
}));
|
|
23149
|
-
var
|
|
23149
|
+
var ng = H(createSelector(N, ie, (a2, e) => {
|
|
23150
23150
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
23151
23151
|
let r = a2[i];
|
|
23152
23152
|
return kt(r) && Mt(r);
|
|
23153
23153
|
});
|
|
23154
23154
|
return t ? a2[t] : void 0;
|
|
23155
23155
|
}));
|
|
23156
|
-
var
|
|
23156
|
+
var og = H(createSelector(N, ie, (a2, e) => {
|
|
23157
23157
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
23158
23158
|
let r = a2[i];
|
|
23159
|
-
return
|
|
23159
|
+
return ui(r) && Mt(r);
|
|
23160
23160
|
});
|
|
23161
23161
|
return t ? a2[t] : void 0;
|
|
23162
23162
|
}));
|
|
23163
|
-
var
|
|
23164
|
-
var
|
|
23165
|
-
var
|
|
23166
|
-
let t =
|
|
23163
|
+
var qa = H(createSelector(N, ie, (a2, e) => We(a2, e)));
|
|
23164
|
+
var ja = (a2) => createSelector(qa(a2), (e) => e.audio);
|
|
23165
|
+
var dg = H((a2, e) => {
|
|
23166
|
+
let t = ie(a2, e);
|
|
23167
23167
|
return Xe(a2, t == null ? void 0 : t.audioTrack);
|
|
23168
23168
|
});
|
|
23169
|
-
var
|
|
23170
|
-
let t =
|
|
23169
|
+
var lg = H((a2, e) => {
|
|
23170
|
+
let t = ie(a2, e);
|
|
23171
23171
|
return Xe(a2, t == null ? void 0 : t.videoTrack);
|
|
23172
23172
|
});
|
|
23173
|
-
var
|
|
23173
|
+
var Qa = H((a2, e) => {
|
|
23174
23174
|
if (e && a2.tracks[e]) return a2.tracks[e].volume === 0;
|
|
23175
23175
|
});
|
|
23176
|
-
var
|
|
23177
|
-
let t =
|
|
23178
|
-
return
|
|
23176
|
+
var ug = H((a2, e) => {
|
|
23177
|
+
let t = ie(a2, e);
|
|
23178
|
+
return Qa(t == null ? void 0 : t.audioTrack)(a2);
|
|
23179
23179
|
});
|
|
23180
|
-
var
|
|
23181
|
-
let t =
|
|
23182
|
-
return
|
|
23180
|
+
var pg = H((a2, e) => {
|
|
23181
|
+
let t = ja(e)(a2);
|
|
23182
|
+
return Qa(t == null ? void 0 : t.id)(a2);
|
|
23183
23183
|
});
|
|
23184
|
-
var
|
|
23184
|
+
var Ja = H((a2, e) => {
|
|
23185
23185
|
let t = os(a2, e);
|
|
23186
23186
|
if (t) {
|
|
23187
23187
|
if (t.type !== "audio") {
|
|
@@ -23191,15 +23191,15 @@ var Qa = H((a2, e) => {
|
|
|
23191
23191
|
return t.volume;
|
|
23192
23192
|
}
|
|
23193
23193
|
});
|
|
23194
|
-
var
|
|
23195
|
-
let t =
|
|
23196
|
-
return
|
|
23194
|
+
var hg = H((a2, e) => {
|
|
23195
|
+
let t = ie(a2, e);
|
|
23196
|
+
return Ja(t == null ? void 0 : t.audioTrack)(a2);
|
|
23197
23197
|
});
|
|
23198
|
-
var
|
|
23199
|
-
let t =
|
|
23200
|
-
return
|
|
23198
|
+
var mg = H((a2, e) => {
|
|
23199
|
+
let t = ja(e)(a2);
|
|
23200
|
+
return Ja(t == null ? void 0 : t.id)(a2);
|
|
23201
23201
|
});
|
|
23202
|
-
var
|
|
23202
|
+
var Sg = H((a2, e) => {
|
|
23203
23203
|
let t = os(a2, e);
|
|
23204
23204
|
if (t) {
|
|
23205
23205
|
if (t.type !== "video") {
|
|
@@ -23209,47 +23209,47 @@ var cg = H((a2, e) => {
|
|
|
23209
23209
|
return t.layer;
|
|
23210
23210
|
}
|
|
23211
23211
|
});
|
|
23212
|
-
var
|
|
23212
|
+
var za = createSelector([Nt, Ae, ns], (a2, e, t) => {
|
|
23213
23213
|
if (t) return a2.filter((i) => {
|
|
23214
23214
|
var r;
|
|
23215
23215
|
return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
|
|
23216
23216
|
});
|
|
23217
23217
|
});
|
|
23218
|
-
var
|
|
23218
|
+
var Ya = createSelector([Nt, Wa], (a2, e) => {
|
|
23219
23219
|
if (e) return a2.filter((t) => {
|
|
23220
23220
|
var i, r;
|
|
23221
23221
|
return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
|
|
23222
23222
|
});
|
|
23223
23223
|
});
|
|
23224
|
-
var
|
|
23224
|
+
var wo = createSelector(Nt, (a2) => a2.filter((e) => {
|
|
23225
23225
|
var t;
|
|
23226
23226
|
return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
|
|
23227
23227
|
}));
|
|
23228
|
-
var
|
|
23229
|
-
var
|
|
23230
|
-
var
|
|
23231
|
-
var
|
|
23232
|
-
var
|
|
23233
|
-
var
|
|
23234
|
-
var
|
|
23235
|
-
var
|
|
23236
|
-
var
|
|
23228
|
+
var Do = createSelector([Ya, Wa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
23229
|
+
var _o = createSelector([za, ns], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
23230
|
+
var gg = createSelector(wo, (a2) => a2.filter((e) => !e.read).length);
|
|
23231
|
+
var Tg = H(za);
|
|
23232
|
+
var fg = H(Ya);
|
|
23233
|
+
var vg = H(Do);
|
|
23234
|
+
var Mg = H(_o);
|
|
23235
|
+
var Xa = H(Ro);
|
|
23236
|
+
var wg = createSelector([ee, N], (a2, e) => Object.values(a2).map((i) => {
|
|
23237
23237
|
var r;
|
|
23238
23238
|
return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
|
|
23239
23239
|
}));
|
|
23240
|
-
var
|
|
23241
|
-
var
|
|
23242
|
-
var
|
|
23243
|
-
var
|
|
23244
|
-
var
|
|
23240
|
+
var No = (a2) => a2.roleChangeRequests[0] || null;
|
|
23241
|
+
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);
|
|
23242
|
+
var _g = createSelector([ut], (a2) => Et(a2));
|
|
23243
|
+
var Ng = createSelector([Ca], (a2) => Et(a2));
|
|
23244
|
+
var xo = createSelector([ae, N], (a2, e) => {
|
|
23245
23245
|
let t = null;
|
|
23246
23246
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
23247
23247
|
});
|
|
23248
|
-
var
|
|
23248
|
+
var Uo = createSelector([Se, N], (a2, e) => {
|
|
23249
23249
|
let t = null;
|
|
23250
23250
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
23251
23251
|
});
|
|
23252
|
-
var
|
|
23252
|
+
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 || {});
|
|
23253
23253
|
var ps = class {
|
|
23254
23254
|
constructor() {
|
|
23255
23255
|
this.TAG = "[HTTPAnalyticsTransport]";
|
|
@@ -23269,7 +23269,7 @@ var ps = class {
|
|
|
23269
23269
|
this.addEventToStorage(e);
|
|
23270
23270
|
return;
|
|
23271
23271
|
}
|
|
23272
|
-
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" ?
|
|
23272
|
+
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;
|
|
23273
23273
|
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) => {
|
|
23274
23274
|
if (r.status === 401) {
|
|
23275
23275
|
this.removeFromStorage(e);
|
|
@@ -23295,7 +23295,7 @@ var ps = class {
|
|
|
23295
23295
|
}
|
|
23296
23296
|
};
|
|
23297
23297
|
var He = new ps();
|
|
23298
|
-
var
|
|
23298
|
+
var jt = class {
|
|
23299
23299
|
static handleError(e) {
|
|
23300
23300
|
if (e.status === 404) throw S.APIErrors.EndpointUnreachable("FEEDBACK", e.statusText);
|
|
23301
23301
|
if (e.status >= 400) throw S.APIErrors.ServerErrors(e.status, "FEEDBACK", e == null ? void 0 : e.statusText);
|
|
@@ -23319,67 +23319,67 @@ var Qt = class {
|
|
|
23319
23319
|
});
|
|
23320
23320
|
}
|
|
23321
23321
|
};
|
|
23322
|
-
|
|
23322
|
+
jt.TAG = "[FeedbackService]";
|
|
23323
23323
|
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 || {});
|
|
23324
23324
|
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 || {});
|
|
23325
23325
|
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 || {});
|
|
23326
23326
|
var gt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(gt || {});
|
|
23327
|
-
var
|
|
23328
|
-
var
|
|
23329
|
-
var
|
|
23330
|
-
var
|
|
23331
|
-
var
|
|
23332
|
-
var
|
|
23333
|
-
var
|
|
23327
|
+
var cc = (a2) => a2.localPeer.id;
|
|
23328
|
+
var dc = (a2) => a2.localPeer.audioTrack;
|
|
23329
|
+
var lc = (a2) => a2.localPeer.videoTrack;
|
|
23330
|
+
var uc = (a2, e) => e;
|
|
23331
|
+
var kn = (a2, e) => e;
|
|
23332
|
+
var pc = (a2) => a2.remoteTrackStats;
|
|
23333
|
+
var En = (a2) => a2.peerStats;
|
|
23334
23334
|
var Ts = (a2) => a2.localTrackStats;
|
|
23335
|
-
var Le = createSelector([
|
|
23336
|
-
var
|
|
23335
|
+
var Le = createSelector([En, cc], (a2, e) => a2[e]);
|
|
23336
|
+
var hc = createSelector(Le, (a2) => {
|
|
23337
23337
|
var e;
|
|
23338
23338
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
23339
23339
|
});
|
|
23340
|
-
var
|
|
23340
|
+
var mc = createSelector(Le, (a2) => {
|
|
23341
23341
|
var e;
|
|
23342
23342
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
|
|
23343
23343
|
});
|
|
23344
|
-
var
|
|
23344
|
+
var Sc = createSelector(Le, (a2) => {
|
|
23345
23345
|
var e;
|
|
23346
23346
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
|
|
23347
23347
|
});
|
|
23348
|
-
var
|
|
23348
|
+
var gc = createSelector(Le, (a2) => {
|
|
23349
23349
|
var e;
|
|
23350
23350
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
|
|
23351
23351
|
});
|
|
23352
|
-
var
|
|
23352
|
+
var Tc = createSelector(Le, (a2) => {
|
|
23353
23353
|
var e;
|
|
23354
23354
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
|
|
23355
23355
|
});
|
|
23356
|
-
var
|
|
23356
|
+
var fc = createSelector(Le, (a2) => {
|
|
23357
23357
|
var e;
|
|
23358
23358
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
|
|
23359
23359
|
});
|
|
23360
|
-
var
|
|
23360
|
+
var vc = createSelector(Le, (a2) => {
|
|
23361
23361
|
var e;
|
|
23362
23362
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
|
|
23363
23363
|
});
|
|
23364
|
-
var
|
|
23364
|
+
var Mc = createSelector(Le, (a2) => {
|
|
23365
23365
|
var e;
|
|
23366
23366
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
23367
23367
|
});
|
|
23368
|
-
var
|
|
23369
|
-
var
|
|
23370
|
-
var fs = createSelector([Ts,
|
|
23371
|
-
var
|
|
23372
|
-
var
|
|
23373
|
-
var
|
|
23368
|
+
var yc = createSelector([En, uc], (a2, e) => e ? a2[e] : void 0);
|
|
23369
|
+
var kc = createSelector([pc, kn], (a2, e) => e ? a2[e] : void 0);
|
|
23370
|
+
var fs = createSelector([Ts, kn], (a2, e) => e ? a2[e] : void 0);
|
|
23371
|
+
var Ec = H(yc);
|
|
23372
|
+
var Pc = H(kc);
|
|
23373
|
+
var bc = createSelector([Ts, dc], (a2, e) => {
|
|
23374
23374
|
var t;
|
|
23375
23375
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
23376
23376
|
});
|
|
23377
|
-
var
|
|
23378
|
-
var
|
|
23377
|
+
var Ic = H(createSelector(fs, (a2) => a2 == null ? void 0 : a2[0]));
|
|
23378
|
+
var Ac = createSelector([Ts, lc], (a2, e) => {
|
|
23379
23379
|
var t;
|
|
23380
23380
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
23381
23381
|
});
|
|
23382
|
-
var
|
|
23382
|
+
var Rc = H(createSelector(fs, (a2) => a2));
|
|
23383
23383
|
|
|
23384
23384
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
23385
23385
|
import {
|
|
@@ -23497,7 +23497,7 @@ var RecordingStatus = () => {
|
|
|
23497
23497
|
};
|
|
23498
23498
|
var RecordingPauseStatus = () => {
|
|
23499
23499
|
const recording = useHMSStore29(selectRecordingState2);
|
|
23500
|
-
if (recording.hls && recording.hls.state ===
|
|
23500
|
+
if (recording.hls && recording.hls.state === zs.PAUSED) {
|
|
23501
23501
|
return /* @__PURE__ */ React64.createElement(
|
|
23502
23502
|
Tooltip,
|
|
23503
23503
|
{
|
|
@@ -28353,7 +28353,7 @@ var Chat = () => {
|
|
|
28353
28353
|
const listRef = useRef26(null);
|
|
28354
28354
|
const hmsActions = useHMSActions42();
|
|
28355
28355
|
const vanillaStore = useHMSVanillaStore11();
|
|
28356
|
-
const { enabled: isChatEnabled = true } = useHMSStore61(
|
|
28356
|
+
const { enabled: isChatEnabled = true } = useHMSStore61(qS("chatState" /* CHAT_STATE */)) || {};
|
|
28357
28357
|
const isMobile = useMedia20(config.media.md);
|
|
28358
28358
|
const isMobileHLSStream = useMobileHLSStream();
|
|
28359
28359
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -28443,7 +28443,7 @@ var NewMessageIndicator = ({
|
|
|
28443
28443
|
scrollToBottom,
|
|
28444
28444
|
listRef
|
|
28445
28445
|
}) => {
|
|
28446
|
-
const unreadCount = useHMSStore61(
|
|
28446
|
+
const unreadCount = useHMSStore61(hS);
|
|
28447
28447
|
if (!unreadCount || !listRef.current) {
|
|
28448
28448
|
return null;
|
|
28449
28449
|
}
|
|
@@ -28978,7 +28978,7 @@ var SimulcastLayers = ({ trackId }) => {
|
|
|
28978
28978
|
var _a8;
|
|
28979
28979
|
const track = useHMSStore66(selectTrackByID2(trackId));
|
|
28980
28980
|
const actions = useHMSActions44();
|
|
28981
|
-
const
|
|
28981
|
+
const bg2 = useDropdownSelection();
|
|
28982
28982
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
|
28983
28983
|
return null;
|
|
28984
28984
|
}
|
|
@@ -28995,9 +28995,9 @@ var SimulcastLayers = ({ trackId }) => {
|
|
|
28995
28995
|
}),
|
|
28996
28996
|
css: {
|
|
28997
28997
|
justifyContent: "space-between",
|
|
28998
|
-
bg: track.preferredLayer === layer.layer ?
|
|
28998
|
+
bg: track.preferredLayer === layer.layer ? bg2 : void 0,
|
|
28999
28999
|
"&:hover": {
|
|
29000
|
-
bg: track.preferredLayer === layer.layer ?
|
|
29000
|
+
bg: track.preferredLayer === layer.layer ? bg2 : void 0
|
|
29001
29001
|
}
|
|
29002
29002
|
}
|
|
29003
29003
|
},
|
|
@@ -29465,12 +29465,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
|
29465
29465
|
const roomState = useHMSStore69(selectRoomState6);
|
|
29466
29466
|
const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
|
|
29467
29467
|
const isEffectsSupported = VBHandler.isEffectsSupported();
|
|
29468
|
-
const isEffectsEnabled = useHMSStore69(
|
|
29469
|
-
const effectsKey = useHMSStore69(
|
|
29468
|
+
const isEffectsEnabled = useHMSStore69(AS);
|
|
29469
|
+
const effectsKey = useHMSStore69(HS);
|
|
29470
29470
|
const isMobile = useMedia24(config.media.md);
|
|
29471
29471
|
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
29472
29472
|
const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
29473
|
-
const background = useHMSStore69(
|
|
29473
|
+
const background = useHMSStore69(KS(APP_DATA.background));
|
|
29474
29474
|
const mediaList = backgroundMedia.map((media) => media.url || "");
|
|
29475
29475
|
const pluginLoadingRef = useRef27(false);
|
|
29476
29476
|
const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
|
|
@@ -29741,7 +29741,7 @@ var SidePane = ({
|
|
|
29741
29741
|
tileProps,
|
|
29742
29742
|
hideControls = false
|
|
29743
29743
|
}) => {
|
|
29744
|
-
var _a8, _b7, _c, _d, _e, _f,
|
|
29744
|
+
var _a8, _b7, _c, _d, _e, _f, _g2;
|
|
29745
29745
|
const isMobile = useMedia25(config.media.md);
|
|
29746
29746
|
const sidepane = useHMSStore70(selectAppData8(APP_DATA.sidePane));
|
|
29747
29747
|
const activeScreensharePeerId = useHMSStore70(selectAppData8(APP_DATA.activeScreensharePeerId));
|
|
@@ -29764,7 +29764,7 @@ var SidePane = ({
|
|
|
29764
29764
|
landscapeStream: isLandscapeHLSStream,
|
|
29765
29765
|
mobileStream: isMobileHLSStream,
|
|
29766
29766
|
hideControls,
|
|
29767
|
-
overlayChat: !!((
|
|
29767
|
+
overlayChat: !!((_g2 = elements == null ? void 0 : elements.chat) == null ? void 0 : _g2.is_overlay),
|
|
29768
29768
|
roomDescription: sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS,
|
|
29769
29769
|
virtualBackground: sidepane === SIDE_PANE_OPTIONS.VB
|
|
29770
29770
|
};
|
|
@@ -32553,7 +32553,7 @@ var ToggleChat = ({ isFullScreen = false }) => {
|
|
|
32553
32553
|
return null;
|
|
32554
32554
|
};
|
|
32555
32555
|
var HLSView = () => {
|
|
32556
|
-
var _a8, _b7, _c, _d, _e, _f,
|
|
32556
|
+
var _a8, _b7, _c, _d, _e, _f, _g2;
|
|
32557
32557
|
const videoRef = useRef31(null);
|
|
32558
32558
|
const hlsViewRef = useRef31();
|
|
32559
32559
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
@@ -33117,7 +33117,7 @@ var HLSView = () => {
|
|
|
33117
33117
|
},
|
|
33118
33118
|
isVideoLive ? "LIVE" : "GO LIVE"
|
|
33119
33119
|
)))
|
|
33120
|
-
), (isMobile || isLandscape) && !isVideoLive && ((
|
|
33120
|
+
), (isMobile || isLandscape) && !isVideoLive && ((_g2 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g2.playlist_type) === HLSPlaylistType.DVR ? /* @__PURE__ */ React169.createElement(HMSVideoPlayer.Duration, null) : null),
|
|
33121
33121
|
/* @__PURE__ */ React169.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ React169.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ React169.createElement(
|
|
33122
33122
|
HLSQualitySelector,
|
|
33123
33123
|
{
|
|
@@ -34791,8 +34791,8 @@ init_define_process_env();
|
|
|
34791
34791
|
|
|
34792
34792
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
34793
34793
|
init_define_process_env();
|
|
34794
|
-
import
|
|
34795
|
-
import { HMSRoomState as HMSRoomState11, selectRoomState as selectRoomState11, useCustomEvent as useCustomEvent4, useHMSStore as
|
|
34794
|
+
import React196, { useCallback as useCallback39 } from "react";
|
|
34795
|
+
import { HMSRoomState as HMSRoomState11, selectRoomState as selectRoomState11, useCustomEvent as useCustomEvent4, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
|
|
34796
34796
|
|
|
34797
34797
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
34798
34798
|
init_define_process_env();
|
|
@@ -35614,9 +35614,33 @@ var TrackBulkUnmuteModal = () => {
|
|
|
35614
35614
|
);
|
|
35615
35615
|
};
|
|
35616
35616
|
|
|
35617
|
+
// src/Prebuilt/components/Notifications/TrackInterruptionModal.tsx
|
|
35618
|
+
init_define_process_env();
|
|
35619
|
+
import React193, { useEffect as useEffect82, useState as useState82 } from "react";
|
|
35620
|
+
import { selectIsLocalAudioInterrupted, selectIsLocalVideoInterrupted, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
|
|
35621
|
+
var TrackInterruptionModal = () => {
|
|
35622
|
+
const audioInterrupted = useHMSStore94(selectIsLocalAudioInterrupted);
|
|
35623
|
+
const videoInterrupted = useHMSStore94(selectIsLocalVideoInterrupted);
|
|
35624
|
+
const [dismissed, setDismissed] = useState82(false);
|
|
35625
|
+
const interrupted = audioInterrupted || videoInterrupted;
|
|
35626
|
+
useEffect82(() => {
|
|
35627
|
+
if (!interrupted) {
|
|
35628
|
+
setDismissed(false);
|
|
35629
|
+
}
|
|
35630
|
+
}, [interrupted]);
|
|
35631
|
+
let device = "Microphone";
|
|
35632
|
+
if (audioInterrupted && videoInterrupted) {
|
|
35633
|
+
device = "Microphone and camera";
|
|
35634
|
+
} else if (videoInterrupted) {
|
|
35635
|
+
device = "Camera";
|
|
35636
|
+
}
|
|
35637
|
+
return /* @__PURE__ */ React193.createElement(Dialog.Root, { open: interrupted && !dismissed, onOpenChange: () => setDismissed(true) }, /* @__PURE__ */ React193.createElement(DialogContent, { title: `${device} interrupted`, closeable: false }, /* @__PURE__ */ React193.createElement(DialogRow, null, /* @__PURE__ */ React193.createElement(Text, { variant: "md" }, `Another app or an incoming call is using your ${device.toLowerCase()}. Once you're done there, it will be
|
|
35638
|
+
restored automatically.`)), /* @__PURE__ */ React193.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React193.createElement(Button, { variant: "primary", onClick: () => setDismissed(true) }, "Dismiss"))));
|
|
35639
|
+
};
|
|
35640
|
+
|
|
35617
35641
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
35618
35642
|
init_define_process_env();
|
|
35619
|
-
import { useEffect as
|
|
35643
|
+
import { useEffect as useEffect83 } from "react";
|
|
35620
35644
|
import { HMSNotificationTypes as HMSNotificationTypes14, useHMSNotifications as useHMSNotifications15 } from "@100mslive/react-sdk";
|
|
35621
35645
|
var notificationTypes5 = [
|
|
35622
35646
|
HMSNotificationTypes14.TRACK_ADDED,
|
|
@@ -35627,7 +35651,7 @@ var notificationTypes5 = [
|
|
|
35627
35651
|
];
|
|
35628
35652
|
var TrackNotifications = () => {
|
|
35629
35653
|
const notification = useHMSNotifications15(notificationTypes5);
|
|
35630
|
-
|
|
35654
|
+
useEffect83(() => {
|
|
35631
35655
|
var _a8, _b7;
|
|
35632
35656
|
if (notification) {
|
|
35633
35657
|
switch (notification.type) {
|
|
@@ -35656,7 +35680,7 @@ var TrackNotifications = () => {
|
|
|
35656
35680
|
|
|
35657
35681
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
35658
35682
|
init_define_process_env();
|
|
35659
|
-
import
|
|
35683
|
+
import React194, { useEffect as useEffect84, useState as useState83 } from "react";
|
|
35660
35684
|
import {
|
|
35661
35685
|
HMSNotificationTypes as HMSNotificationTypes15,
|
|
35662
35686
|
useHMSActions as useHMSActions56,
|
|
@@ -35671,8 +35695,8 @@ var notificationTypes6 = [
|
|
|
35671
35695
|
var TrackUnmuteModal = () => {
|
|
35672
35696
|
const hmsActions = useHMSActions56();
|
|
35673
35697
|
const notification = useHMSNotifications16(notificationTypes6);
|
|
35674
|
-
const [muteNotification, setMuteNotification] =
|
|
35675
|
-
|
|
35698
|
+
const [muteNotification, setMuteNotification] = useState83(null);
|
|
35699
|
+
useEffect84(() => {
|
|
35676
35700
|
switch (notification == null ? void 0 : notification.type) {
|
|
35677
35701
|
case HMSNotificationTypes15.REMOVED_FROM_ROOM:
|
|
35678
35702
|
case HMSNotificationTypes15.ROOM_ENDED:
|
|
@@ -35695,7 +35719,7 @@ var TrackUnmuteModal = () => {
|
|
|
35695
35719
|
return null;
|
|
35696
35720
|
}
|
|
35697
35721
|
const { requestedBy: peer, track, enabled } = muteNotification;
|
|
35698
|
-
return /* @__PURE__ */
|
|
35722
|
+
return /* @__PURE__ */ React194.createElement(
|
|
35699
35723
|
RequestDialog,
|
|
35700
35724
|
{
|
|
35701
35725
|
title: `Unmute your ${track.type}?`,
|
|
@@ -35712,7 +35736,7 @@ var TrackUnmuteModal = () => {
|
|
|
35712
35736
|
|
|
35713
35737
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
35714
35738
|
init_define_process_env();
|
|
35715
|
-
import
|
|
35739
|
+
import React195, { useEffect as useEffect85, useRef as useRef35 } from "react";
|
|
35716
35740
|
import { HMSNotificationTypes as HMSNotificationTypes16, HMSTranscriptionState, useHMSNotifications as useHMSNotifications17 } from "@100mslive/react-sdk";
|
|
35717
35741
|
import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon4, GlobeIcon, OpenCaptionIcon as OpenCaptionIcon5 } from "@100mslive/react-icons";
|
|
35718
35742
|
var TranscriptionNotifications = () => {
|
|
@@ -35720,7 +35744,7 @@ var TranscriptionNotifications = () => {
|
|
|
35720
35744
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
35721
35745
|
const prevState = useRef35(void 0);
|
|
35722
35746
|
const prevTranslationEnabled = useRef35(void 0);
|
|
35723
|
-
|
|
35747
|
+
useEffect85(() => {
|
|
35724
35748
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35725
35749
|
return;
|
|
35726
35750
|
}
|
|
@@ -35738,28 +35762,28 @@ var TranscriptionNotifications = () => {
|
|
|
35738
35762
|
id = ToastManager.replaceToast(toastId, {
|
|
35739
35763
|
title: `Failed to enable Closed Caption`,
|
|
35740
35764
|
variant: "error",
|
|
35741
|
-
icon: /* @__PURE__ */
|
|
35765
|
+
icon: /* @__PURE__ */ React195.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
|
|
35742
35766
|
});
|
|
35743
35767
|
} else if (stateChanged && state === HMSTranscriptionState.STARTED) {
|
|
35744
35768
|
id = ToastManager.replaceToast(toastId, {
|
|
35745
35769
|
title: (translation == null ? void 0 : translation.enabled) ? `Closed Captioning enabled with Translation` : `Closed Captioning enabled for everyone`,
|
|
35746
35770
|
variant: "standard",
|
|
35747
35771
|
duration: 2e3,
|
|
35748
|
-
icon: (translation == null ? void 0 : translation.enabled) ? /* @__PURE__ */
|
|
35772
|
+
icon: (translation == null ? void 0 : translation.enabled) ? /* @__PURE__ */ React195.createElement(GlobeIcon, { style: { marginRight: "0.5rem" } }) : /* @__PURE__ */ React195.createElement(ClosedCaptionIcon4, { style: { marginRight: "0.5rem" } })
|
|
35749
35773
|
});
|
|
35750
35774
|
} else if (stateChanged && state === HMSTranscriptionState.STOPPED) {
|
|
35751
35775
|
id = ToastManager.replaceToast(toastId, {
|
|
35752
35776
|
title: `Closed Captioning disabled for everyone`,
|
|
35753
35777
|
variant: "standard",
|
|
35754
35778
|
duration: 2e3,
|
|
35755
|
-
icon: /* @__PURE__ */
|
|
35779
|
+
icon: /* @__PURE__ */ React195.createElement(OpenCaptionIcon5, { style: { marginRight: "0.5rem" } })
|
|
35756
35780
|
});
|
|
35757
35781
|
} else if (!stateChanged && translationChanged) {
|
|
35758
35782
|
id = ToastManager.replaceToast(toastId, {
|
|
35759
35783
|
title: (translation == null ? void 0 : translation.enabled) ? `Translation enabled for everyone` : `Translation disabled for everyone`,
|
|
35760
35784
|
variant: "standard",
|
|
35761
35785
|
duration: 2e3,
|
|
35762
|
-
icon: /* @__PURE__ */
|
|
35786
|
+
icon: /* @__PURE__ */ React195.createElement(GlobeIcon, { style: { marginRight: "0.5rem" } })
|
|
35763
35787
|
});
|
|
35764
35788
|
}
|
|
35765
35789
|
if (id) {
|
|
@@ -35771,7 +35795,7 @@ var TranscriptionNotifications = () => {
|
|
|
35771
35795
|
|
|
35772
35796
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
35773
35797
|
function Notifications() {
|
|
35774
|
-
const roomState =
|
|
35798
|
+
const roomState = useHMSStore95(selectRoomState11);
|
|
35775
35799
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
35776
35800
|
const handleRoleChangeDenied = useCallback39((request) => {
|
|
35777
35801
|
ToastManager.addToast({
|
|
@@ -35783,15 +35807,15 @@ function Notifications() {
|
|
|
35783
35807
|
if (isNotificationDisabled) {
|
|
35784
35808
|
return null;
|
|
35785
35809
|
}
|
|
35786
|
-
return /* @__PURE__ */
|
|
35810
|
+
return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React196.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React196.createElement(TrackNotifications, null), roomState === HMSRoomState11.Connected ? /* @__PURE__ */ React196.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React196.createElement(RoleChangeNotification, null), /* @__PURE__ */ React196.createElement(PollNotificationModal, null), /* @__PURE__ */ React196.createElement(MessageNotifications, null), /* @__PURE__ */ React196.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ React196.createElement(ReconnectNotifications, null), /* @__PURE__ */ React196.createElement(ErrorNotifications, null), /* @__PURE__ */ React196.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React196.createElement(TrackInterruptionModal, null), /* @__PURE__ */ React196.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React196.createElement(InitErrorModal, null), /* @__PURE__ */ React196.createElement(ChatNotifications, null), /* @__PURE__ */ React196.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React196.createElement(TranscriptionNotifications, null), /* @__PURE__ */ React196.createElement(DeviceInUseError, null));
|
|
35787
35811
|
}
|
|
35788
35812
|
|
|
35789
35813
|
// src/Prebuilt/components/PIP/PIPProvider.tsx
|
|
35790
35814
|
init_define_process_env();
|
|
35791
|
-
import
|
|
35815
|
+
import React197, { useCallback as useCallback40, useMemo as useMemo22, useState as useState84 } from "react";
|
|
35792
35816
|
var PIPProvider = ({ children }) => {
|
|
35793
35817
|
const isSupported = "documentPictureInPicture" in window;
|
|
35794
|
-
const [pipWindow, setPipWindow] =
|
|
35818
|
+
const [pipWindow, setPipWindow] = useState84(null);
|
|
35795
35819
|
const closePipWindow = useCallback40(() => {
|
|
35796
35820
|
if (pipWindow != null) {
|
|
35797
35821
|
pipWindow.close();
|
|
@@ -35822,12 +35846,12 @@ var PIPProvider = ({ children }) => {
|
|
|
35822
35846
|
closePipWindow
|
|
35823
35847
|
};
|
|
35824
35848
|
}, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
|
|
35825
|
-
return /* @__PURE__ */
|
|
35849
|
+
return /* @__PURE__ */ React197.createElement(PIPContext.Provider, { value }, children);
|
|
35826
35850
|
};
|
|
35827
35851
|
|
|
35828
35852
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
35829
35853
|
init_define_process_env();
|
|
35830
|
-
import
|
|
35854
|
+
import React198 from "react";
|
|
35831
35855
|
import { useSearchParam } from "react-use";
|
|
35832
35856
|
var PreviewScreen = () => {
|
|
35833
35857
|
var _a8, _b7, _c;
|
|
@@ -35839,28 +35863,28 @@ var PreviewScreen = () => {
|
|
|
35839
35863
|
const authToken = useAuthToken();
|
|
35840
35864
|
const roomLayout = useRoomLayout();
|
|
35841
35865
|
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) || {};
|
|
35842
|
-
return /* @__PURE__ */
|
|
35866
|
+
return /* @__PURE__ */ React198.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React198.createElement(
|
|
35843
35867
|
Flex,
|
|
35844
35868
|
{
|
|
35845
35869
|
css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
|
|
35846
35870
|
justify: "center",
|
|
35847
35871
|
align: "center"
|
|
35848
35872
|
},
|
|
35849
|
-
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */
|
|
35873
|
+
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React198.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React198.createElement(FullPageProgress_default, null)
|
|
35850
35874
|
));
|
|
35851
35875
|
};
|
|
35852
35876
|
|
|
35853
35877
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35854
35878
|
init_define_process_env();
|
|
35855
|
-
import
|
|
35856
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as
|
|
35879
|
+
import React200, { useEffect as useEffect86, useState as useState85 } from "react";
|
|
35880
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore96 } from "@100mslive/react-sdk";
|
|
35857
35881
|
|
|
35858
35882
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
35859
35883
|
init_define_process_env();
|
|
35860
|
-
import
|
|
35884
|
+
import React199 from "react";
|
|
35861
35885
|
var Toast2 = (_a8) => {
|
|
35862
35886
|
var _b7 = _a8, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
|
|
35863
|
-
return /* @__PURE__ */
|
|
35887
|
+
return /* @__PURE__ */ React199.createElement(
|
|
35864
35888
|
Toast.HMSToast,
|
|
35865
35889
|
__spreadValues({
|
|
35866
35890
|
title,
|
|
@@ -35876,17 +35900,17 @@ var Toast2 = (_a8) => {
|
|
|
35876
35900
|
|
|
35877
35901
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35878
35902
|
var ToastContainer = () => {
|
|
35879
|
-
const isConnected =
|
|
35880
|
-
const [toasts, setToast] =
|
|
35881
|
-
|
|
35903
|
+
const isConnected = useHMSStore96(selectIsConnectedToRoom11);
|
|
35904
|
+
const [toasts, setToast] = useState85([]);
|
|
35905
|
+
useEffect86(() => {
|
|
35882
35906
|
ToastManager.addListener(setToast);
|
|
35883
35907
|
return () => {
|
|
35884
35908
|
ToastManager.removeListener(setToast);
|
|
35885
35909
|
};
|
|
35886
35910
|
}, []);
|
|
35887
|
-
return /* @__PURE__ */
|
|
35888
|
-
return /* @__PURE__ */
|
|
35889
|
-
}), /* @__PURE__ */
|
|
35911
|
+
return /* @__PURE__ */ React200.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
|
|
35912
|
+
return /* @__PURE__ */ React200.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
|
|
35913
|
+
}), /* @__PURE__ */ React200.createElement(
|
|
35890
35914
|
Toast.Viewport,
|
|
35891
35915
|
{
|
|
35892
35916
|
css: __spreadValues({
|
|
@@ -35898,42 +35922,42 @@ var ToastContainer = () => {
|
|
|
35898
35922
|
|
|
35899
35923
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35900
35924
|
init_define_process_env();
|
|
35901
|
-
import
|
|
35902
|
-
import { selectAppData as selectAppData14, useHMSStore as
|
|
35925
|
+
import React202 from "react";
|
|
35926
|
+
import { selectAppData as selectAppData14, useHMSStore as useHMSStore97 } from "@100mslive/react-sdk";
|
|
35903
35927
|
|
|
35904
35928
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
35905
35929
|
init_define_process_env();
|
|
35906
|
-
import
|
|
35930
|
+
import React201 from "react";
|
|
35907
35931
|
import { CrossIcon as CrossIcon32 } from "@100mslive/react-icons";
|
|
35908
35932
|
var RoomDetailsSheet = () => {
|
|
35909
35933
|
const { title, description, details } = useRoomLayoutHeader();
|
|
35910
35934
|
const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
35911
35935
|
const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
|
|
35912
|
-
return /* @__PURE__ */
|
|
35936
|
+
return /* @__PURE__ */ React201.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React201.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React201.createElement(
|
|
35913
35937
|
Flex,
|
|
35914
35938
|
{
|
|
35915
35939
|
justify: "between",
|
|
35916
35940
|
align: "center",
|
|
35917
35941
|
css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
|
|
35918
35942
|
},
|
|
35919
|
-
/* @__PURE__ */
|
|
35920
|
-
/* @__PURE__ */
|
|
35921
|
-
), /* @__PURE__ */
|
|
35943
|
+
/* @__PURE__ */ React201.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
|
|
35944
|
+
/* @__PURE__ */ React201.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React201.createElement(CrossIcon32, null))
|
|
35945
|
+
), /* @__PURE__ */ React201.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React201.createElement(Logo, null), /* @__PURE__ */ React201.createElement(Box, null, /* @__PURE__ */ React201.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React201.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React201.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
|
|
35922
35946
|
};
|
|
35923
35947
|
|
|
35924
35948
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35925
35949
|
var Sheet2 = () => {
|
|
35926
|
-
const sheet =
|
|
35950
|
+
const sheet = useHMSStore97(selectAppData14(APP_DATA.sheet));
|
|
35927
35951
|
let ViewComponent;
|
|
35928
35952
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
35929
|
-
ViewComponent = /* @__PURE__ */
|
|
35953
|
+
ViewComponent = /* @__PURE__ */ React202.createElement(RoomDetailsSheet, null);
|
|
35930
35954
|
}
|
|
35931
|
-
return /* @__PURE__ */
|
|
35955
|
+
return /* @__PURE__ */ React202.createElement(Box, null, ViewComponent);
|
|
35932
35956
|
};
|
|
35933
35957
|
|
|
35934
35958
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
35935
35959
|
init_define_process_env();
|
|
35936
|
-
import
|
|
35960
|
+
import React203, { useCallback as useCallback41, useEffect as useEffect87, useMemo as useMemo23, useState as useState86 } from "react";
|
|
35937
35961
|
import { useMedia as useMedia50 } from "react-use";
|
|
35938
35962
|
import {
|
|
35939
35963
|
selectIsLargeRoom as selectIsLargeRoom4,
|
|
@@ -35941,7 +35965,7 @@ import {
|
|
|
35941
35965
|
selectPeerNameByID as selectPeerNameByID9,
|
|
35942
35966
|
useCustomEvent as useCustomEvent5,
|
|
35943
35967
|
useHMSActions as useHMSActions57,
|
|
35944
|
-
useHMSStore as
|
|
35968
|
+
useHMSStore as useHMSStore98,
|
|
35945
35969
|
useHMSVanillaStore as useHMSVanillaStore19
|
|
35946
35970
|
} from "@100mslive/react-sdk";
|
|
35947
35971
|
var emojiCount = 1;
|
|
@@ -35968,12 +35992,12 @@ var getStartingPoints = (isMobile) => {
|
|
|
35968
35992
|
return arr;
|
|
35969
35993
|
};
|
|
35970
35994
|
function FlyingEmoji() {
|
|
35971
|
-
const localPeerId =
|
|
35995
|
+
const localPeerId = useHMSStore98(selectLocalPeerID17);
|
|
35972
35996
|
const vanillaStore = useHMSVanillaStore19();
|
|
35973
35997
|
const hmsActions = useHMSActions57();
|
|
35974
|
-
const [emojis, setEmojis] =
|
|
35998
|
+
const [emojis, setEmojis] = useState86([]);
|
|
35975
35999
|
const isMobile = useMedia50(config.media.md);
|
|
35976
|
-
const isLargeRoom =
|
|
36000
|
+
const isLargeRoom = useHMSStore98(selectIsLargeRoom4);
|
|
35977
36001
|
const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
|
|
35978
36002
|
const showFlyingEmoji = useCallback41(
|
|
35979
36003
|
(_0) => __async(null, [_0], function* ({ emojiId, senderId }) {
|
|
@@ -36007,10 +36031,10 @@ function FlyingEmoji() {
|
|
|
36007
36031
|
type: EMOJI_REACTION_TYPE,
|
|
36008
36032
|
onEvent: showFlyingEmoji
|
|
36009
36033
|
});
|
|
36010
|
-
|
|
36034
|
+
useEffect87(() => {
|
|
36011
36035
|
window.showFlyingEmoji = showFlyingEmoji;
|
|
36012
36036
|
}, [showFlyingEmoji]);
|
|
36013
|
-
return /* @__PURE__ */
|
|
36037
|
+
return /* @__PURE__ */ React203.createElement(
|
|
36014
36038
|
Box,
|
|
36015
36039
|
{
|
|
36016
36040
|
css: {
|
|
@@ -36026,7 +36050,7 @@ function FlyingEmoji() {
|
|
|
36026
36050
|
}
|
|
36027
36051
|
},
|
|
36028
36052
|
emojis.map((emoji) => {
|
|
36029
|
-
return /* @__PURE__ */
|
|
36053
|
+
return /* @__PURE__ */ React203.createElement(
|
|
36030
36054
|
Flex,
|
|
36031
36055
|
{
|
|
36032
36056
|
key: emoji.id,
|
|
@@ -36040,8 +36064,8 @@ function FlyingEmoji() {
|
|
|
36040
36064
|
},
|
|
36041
36065
|
onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
|
|
36042
36066
|
},
|
|
36043
|
-
/* @__PURE__ */
|
|
36044
|
-
emoji.senderName ? /* @__PURE__ */
|
|
36067
|
+
/* @__PURE__ */ React203.createElement(Box, null, /* @__PURE__ */ React203.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
|
|
36068
|
+
emoji.senderName ? /* @__PURE__ */ React203.createElement(
|
|
36045
36069
|
Box,
|
|
36046
36070
|
{
|
|
36047
36071
|
css: {
|
|
@@ -36051,7 +36075,7 @@ function FlyingEmoji() {
|
|
|
36051
36075
|
borderRadius: "$1"
|
|
36052
36076
|
}
|
|
36053
36077
|
},
|
|
36054
|
-
/* @__PURE__ */
|
|
36078
|
+
/* @__PURE__ */ React203.createElement(
|
|
36055
36079
|
Text,
|
|
36056
36080
|
{
|
|
36057
36081
|
css: {
|
|
@@ -36070,7 +36094,7 @@ function FlyingEmoji() {
|
|
|
36070
36094
|
|
|
36071
36095
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
36072
36096
|
init_define_process_env();
|
|
36073
|
-
import
|
|
36097
|
+
import React204, { useCallback as useCallback42 } from "react";
|
|
36074
36098
|
import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions58 } from "@100mslive/react-sdk";
|
|
36075
36099
|
function RemoteStopScreenshare() {
|
|
36076
36100
|
const actions = useHMSActions58();
|
|
@@ -36081,25 +36105,25 @@ function RemoteStopScreenshare() {
|
|
|
36081
36105
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
36082
36106
|
onEvent: onRemoteStopScreenshare
|
|
36083
36107
|
});
|
|
36084
|
-
return /* @__PURE__ */
|
|
36108
|
+
return /* @__PURE__ */ React204.createElement(React204.Fragment, null);
|
|
36085
36109
|
}
|
|
36086
36110
|
|
|
36087
36111
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
36088
36112
|
init_define_process_env();
|
|
36089
|
-
import { useCallback as useCallback43, useEffect as
|
|
36113
|
+
import { useCallback as useCallback43, useEffect as useEffect88, useRef as useRef36 } from "react";
|
|
36090
36114
|
import {
|
|
36091
36115
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
|
36092
36116
|
selectPermissions as selectPermissions20,
|
|
36093
36117
|
useHMSActions as useHMSActions59,
|
|
36094
|
-
useHMSStore as
|
|
36118
|
+
useHMSStore as useHMSStore99,
|
|
36095
36119
|
useRecordingStreaming as useRecordingStreaming12
|
|
36096
36120
|
} from "@100mslive/react-sdk";
|
|
36097
36121
|
var useAutoStartStreaming = () => {
|
|
36098
36122
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
36099
|
-
const permissions =
|
|
36123
|
+
const permissions = useHMSStore99(selectPermissions20);
|
|
36100
36124
|
const showStreamingUI = useShowStreamingUI();
|
|
36101
36125
|
const hmsActions = useHMSActions59();
|
|
36102
|
-
const isConnected =
|
|
36126
|
+
const isConnected = useHMSStore99(selectIsConnectedToRoom12);
|
|
36103
36127
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
|
|
36104
36128
|
const streamStartedRef = useRef36(false);
|
|
36105
36129
|
const startHLS = useCallback43(() => __async(null, null, function* () {
|
|
@@ -36125,12 +36149,12 @@ var useAutoStartStreaming = () => {
|
|
|
36125
36149
|
isHLSRecordingOn,
|
|
36126
36150
|
isBrowserRecordingOn
|
|
36127
36151
|
]);
|
|
36128
|
-
|
|
36152
|
+
useEffect88(() => {
|
|
36129
36153
|
if (!isHLSStarted && !isHLSRunning) {
|
|
36130
36154
|
streamStartedRef.current = false;
|
|
36131
36155
|
}
|
|
36132
36156
|
}, [isHLSStarted, isHLSRunning]);
|
|
36133
|
-
|
|
36157
|
+
useEffect88(() => {
|
|
36134
36158
|
if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
|
|
36135
36159
|
return;
|
|
36136
36160
|
}
|
|
@@ -36139,7 +36163,7 @@ var useAutoStartStreaming = () => {
|
|
|
36139
36163
|
};
|
|
36140
36164
|
|
|
36141
36165
|
// src/Prebuilt/App.tsx
|
|
36142
|
-
var HMSPrebuilt =
|
|
36166
|
+
var HMSPrebuilt = React205.forwardRef(
|
|
36143
36167
|
({
|
|
36144
36168
|
roomCode = "",
|
|
36145
36169
|
authToken = "",
|
|
@@ -36155,8 +36179,8 @@ var HMSPrebuilt = React204.forwardRef(
|
|
|
36155
36179
|
}, ref) => {
|
|
36156
36180
|
var _a8, _b7, _c, _d;
|
|
36157
36181
|
const reactiveStore = useRef37();
|
|
36158
|
-
const [hydrated, setHydrated] =
|
|
36159
|
-
|
|
36182
|
+
const [hydrated, setHydrated] = React205.useState(false);
|
|
36183
|
+
useEffect89(() => {
|
|
36160
36184
|
setHydrated(true);
|
|
36161
36185
|
const hms = new HMSReactiveStore();
|
|
36162
36186
|
const hmsStore = hms.getStore();
|
|
@@ -36171,13 +36195,13 @@ var HMSPrebuilt = React204.forwardRef(
|
|
|
36171
36195
|
hmsNotifications
|
|
36172
36196
|
};
|
|
36173
36197
|
}, []);
|
|
36174
|
-
|
|
36198
|
+
useEffect89(() => {
|
|
36175
36199
|
if (!ref || !reactiveStore.current) {
|
|
36176
36200
|
return;
|
|
36177
36201
|
}
|
|
36178
36202
|
ref.current = __spreadValues({}, reactiveStore.current);
|
|
36179
36203
|
}, [ref]);
|
|
36180
|
-
|
|
36204
|
+
useEffect89(() => {
|
|
36181
36205
|
return () => {
|
|
36182
36206
|
var _a9;
|
|
36183
36207
|
(_a9 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a9.hmsActions.leave();
|
|
@@ -36206,7 +36230,7 @@ var HMSPrebuilt = React204.forwardRef(
|
|
|
36206
36230
|
return null;
|
|
36207
36231
|
}
|
|
36208
36232
|
globalStyles();
|
|
36209
|
-
return /* @__PURE__ */
|
|
36233
|
+
return /* @__PURE__ */ React205.createElement(ErrorBoundary, null, /* @__PURE__ */ React205.createElement(
|
|
36210
36234
|
HMSPrebuiltContext.Provider,
|
|
36211
36235
|
{
|
|
36212
36236
|
value: {
|
|
@@ -36224,7 +36248,7 @@ var HMSPrebuilt = React204.forwardRef(
|
|
|
36224
36248
|
}
|
|
36225
36249
|
}
|
|
36226
36250
|
},
|
|
36227
|
-
/* @__PURE__ */
|
|
36251
|
+
/* @__PURE__ */ React205.createElement(
|
|
36228
36252
|
HMSRoomProvider,
|
|
36229
36253
|
{
|
|
36230
36254
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
@@ -36234,7 +36258,7 @@ var HMSPrebuilt = React204.forwardRef(
|
|
|
36234
36258
|
stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
|
|
36235
36259
|
leaveOnUnload
|
|
36236
36260
|
},
|
|
36237
|
-
/* @__PURE__ */
|
|
36261
|
+
/* @__PURE__ */ React205.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React205.createElement(RoomLayoutContext.Consumer, null, (data3) => {
|
|
36238
36262
|
var _a9;
|
|
36239
36263
|
const layout = data3 == null ? void 0 : data3.layout;
|
|
36240
36264
|
const theme2 = ((_a9 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a9[0]) || {};
|
|
@@ -36243,7 +36267,7 @@ var HMSPrebuilt = React204.forwardRef(
|
|
|
36243
36267
|
if (typography2 == null ? void 0 : typography2.font_family) {
|
|
36244
36268
|
fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
|
|
36245
36269
|
}
|
|
36246
|
-
return /* @__PURE__ */
|
|
36270
|
+
return /* @__PURE__ */ React205.createElement(
|
|
36247
36271
|
HMSThemeProvider,
|
|
36248
36272
|
{
|
|
36249
36273
|
themeType: `${theme2.name}-${Date.now()}`,
|
|
@@ -36256,7 +36280,7 @@ var HMSPrebuilt = React204.forwardRef(
|
|
|
36256
36280
|
}
|
|
36257
36281
|
}
|
|
36258
36282
|
},
|
|
36259
|
-
/* @__PURE__ */
|
|
36283
|
+
/* @__PURE__ */ React205.createElement(PIPProvider, null, /* @__PURE__ */ React205.createElement(Init, null), /* @__PURE__ */ React205.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React205.createElement(
|
|
36260
36284
|
Box,
|
|
36261
36285
|
{
|
|
36262
36286
|
className: DEFAULT_PORTAL_CONTAINER.slice(1),
|
|
@@ -36268,7 +36292,7 @@ var HMSPrebuilt = React204.forwardRef(
|
|
|
36268
36292
|
position: "relative"
|
|
36269
36293
|
}
|
|
36270
36294
|
},
|
|
36271
|
-
/* @__PURE__ */
|
|
36295
|
+
/* @__PURE__ */ React205.createElement(
|
|
36272
36296
|
AppRoutes,
|
|
36273
36297
|
{
|
|
36274
36298
|
authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
|
|
@@ -36287,12 +36311,12 @@ var AppStates = ({ activeState }) => {
|
|
|
36287
36311
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
36288
36312
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
36289
36313
|
useAutoStartStreaming();
|
|
36290
|
-
return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */
|
|
36314
|
+
return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React205.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React205.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React205.createElement(ConferenceScreen, null));
|
|
36291
36315
|
};
|
|
36292
36316
|
var BackSwipe = () => {
|
|
36293
|
-
const isConnectedToRoom =
|
|
36317
|
+
const isConnectedToRoom = useHMSStore100(selectIsConnectedToRoom13);
|
|
36294
36318
|
const hmsActions = useHMSActions60();
|
|
36295
|
-
|
|
36319
|
+
useEffect89(() => {
|
|
36296
36320
|
const onRouteLeave = () => __async(null, null, function* () {
|
|
36297
36321
|
if (isConnectedToRoom) {
|
|
36298
36322
|
yield hmsActions.leave();
|
|
@@ -36312,14 +36336,14 @@ function AppRoutes({
|
|
|
36312
36336
|
const roomLayout = useRoomLayout();
|
|
36313
36337
|
const isNotificationsDisabled = useIsNotificationDisabled();
|
|
36314
36338
|
const { activeState, rejoin } = useAppStateManager();
|
|
36315
|
-
return /* @__PURE__ */
|
|
36339
|
+
return /* @__PURE__ */ React205.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React205.createElement(React205.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React205.createElement(AppData, null), /* @__PURE__ */ React205.createElement(ToastContainer, null), /* @__PURE__ */ React205.createElement(Notifications, null), /* @__PURE__ */ React205.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React205.createElement(Sheet2, null), /* @__PURE__ */ React205.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React205.createElement(FlyingEmoji, null), /* @__PURE__ */ React205.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React205.createElement(KeyboardHandler, null), /* @__PURE__ */ React205.createElement(
|
|
36316
36340
|
AuthToken_default,
|
|
36317
36341
|
{
|
|
36318
36342
|
authTokenByRoomCodeEndpoint,
|
|
36319
36343
|
defaultAuthToken,
|
|
36320
36344
|
activeState
|
|
36321
36345
|
}
|
|
36322
|
-
), roomLayout && activeState && /* @__PURE__ */
|
|
36346
|
+
), roomLayout && activeState && /* @__PURE__ */ React205.createElement(AppStates, { activeState })));
|
|
36323
36347
|
}
|
|
36324
36348
|
|
|
36325
36349
|
// src/Progress/index.tsx
|
|
@@ -36343,7 +36367,7 @@ init_define_process_env();
|
|
|
36343
36367
|
|
|
36344
36368
|
// src/Diagnostics/Diagnostics.tsx
|
|
36345
36369
|
init_define_process_env();
|
|
36346
|
-
import
|
|
36370
|
+
import React213, { useCallback as useCallback45, useRef as useRef39, useState as useState92 } from "react";
|
|
36347
36371
|
import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions62 } from "@100mslive/react-sdk";
|
|
36348
36372
|
import {
|
|
36349
36373
|
CheckCircleIcon as CheckCircleIcon7,
|
|
@@ -36356,24 +36380,24 @@ import {
|
|
|
36356
36380
|
|
|
36357
36381
|
// src/Diagnostics/AudioTest.tsx
|
|
36358
36382
|
init_define_process_env();
|
|
36359
|
-
import
|
|
36383
|
+
import React209, { useCallback as useCallback44, useEffect as useEffect90, useState as useState88 } from "react";
|
|
36360
36384
|
import {
|
|
36361
36385
|
selectDevices,
|
|
36362
36386
|
selectLocalAudioTrackID as selectLocalAudioTrackID2,
|
|
36363
36387
|
selectLocalMediaSettings,
|
|
36364
36388
|
selectTrackAudioByID as selectTrackAudioByID2,
|
|
36365
36389
|
useHMSActions as useHMSActions61,
|
|
36366
|
-
useHMSStore as
|
|
36390
|
+
useHMSStore as useHMSStore101
|
|
36367
36391
|
} from "@100mslive/react-sdk";
|
|
36368
36392
|
import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
|
|
36369
36393
|
|
|
36370
36394
|
// src/Diagnostics/components.tsx
|
|
36371
36395
|
init_define_process_env();
|
|
36372
|
-
import
|
|
36396
|
+
import React207 from "react";
|
|
36373
36397
|
|
|
36374
36398
|
// src/Diagnostics/DiagnosticsContext.ts
|
|
36375
36399
|
init_define_process_env();
|
|
36376
|
-
import
|
|
36400
|
+
import React206, { useContext as useContext7 } from "react";
|
|
36377
36401
|
var DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
|
|
36378
36402
|
DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
|
|
36379
36403
|
DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
|
|
@@ -36387,7 +36411,7 @@ var initialSteps = {
|
|
|
36387
36411
|
[2 /* AUDIO */]: { name: "Test Audio" },
|
|
36388
36412
|
[3 /* CONNECTIVITY */]: { name: "Connection Quality" }
|
|
36389
36413
|
};
|
|
36390
|
-
var DiagnosticsContext =
|
|
36414
|
+
var DiagnosticsContext = React206.createContext({
|
|
36391
36415
|
activeStepIndex: 0,
|
|
36392
36416
|
setActiveStep: () => {
|
|
36393
36417
|
return;
|
|
@@ -36405,7 +36429,7 @@ var useDiagnostics = () => {
|
|
|
36405
36429
|
|
|
36406
36430
|
// src/Diagnostics/components.tsx
|
|
36407
36431
|
var TestContainer = ({ css: css2, children }) => {
|
|
36408
|
-
return /* @__PURE__ */
|
|
36432
|
+
return /* @__PURE__ */ React207.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
|
|
36409
36433
|
};
|
|
36410
36434
|
var TestFooter = ({
|
|
36411
36435
|
error,
|
|
@@ -36423,7 +36447,7 @@ var TestFooter = ({
|
|
|
36423
36447
|
}
|
|
36424
36448
|
setActiveStep((step) => step + 1);
|
|
36425
36449
|
};
|
|
36426
|
-
return /* @__PURE__ */
|
|
36450
|
+
return /* @__PURE__ */ React207.createElement(
|
|
36427
36451
|
Flex,
|
|
36428
36452
|
{
|
|
36429
36453
|
css: {
|
|
@@ -36441,20 +36465,20 @@ var TestFooter = ({
|
|
|
36441
36465
|
"@lg": { flexDirection: "column", gap: "$8" }
|
|
36442
36466
|
}
|
|
36443
36467
|
},
|
|
36444
|
-
/* @__PURE__ */
|
|
36445
|
-
children ? children : /* @__PURE__ */
|
|
36468
|
+
/* @__PURE__ */ React207.createElement(Box, null, error && /* @__PURE__ */ React207.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
|
|
36469
|
+
children ? children : /* @__PURE__ */ React207.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React207.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React207.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React207.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React207.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
|
|
36446
36470
|
);
|
|
36447
36471
|
};
|
|
36448
36472
|
|
|
36449
36473
|
// src/Diagnostics/DeviceSelector.jsx
|
|
36450
36474
|
init_define_process_env();
|
|
36451
36475
|
var import_prop_types = __toESM(require_prop_types());
|
|
36452
|
-
import
|
|
36476
|
+
import React208, { useRef as useRef38, useState as useState87 } from "react";
|
|
36453
36477
|
var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
36454
36478
|
var _a8, _b7;
|
|
36455
|
-
const [open, setOpen] =
|
|
36479
|
+
const [open, setOpen] = useState87(false);
|
|
36456
36480
|
const ref = useRef38(null);
|
|
36457
|
-
return /* @__PURE__ */
|
|
36481
|
+
return /* @__PURE__ */ React208.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React208.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React208.createElement(
|
|
36458
36482
|
Flex,
|
|
36459
36483
|
{
|
|
36460
36484
|
align: "center",
|
|
@@ -36466,7 +36490,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
36466
36490
|
}
|
|
36467
36491
|
}
|
|
36468
36492
|
},
|
|
36469
|
-
/* @__PURE__ */
|
|
36493
|
+
/* @__PURE__ */ React208.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React208.createElement(
|
|
36470
36494
|
DialogDropdownTrigger,
|
|
36471
36495
|
{
|
|
36472
36496
|
ref,
|
|
@@ -36474,7 +36498,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
36474
36498
|
title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
|
|
36475
36499
|
open
|
|
36476
36500
|
}
|
|
36477
|
-
), /* @__PURE__ */
|
|
36501
|
+
), /* @__PURE__ */ React208.createElement(Dropdown.Portal, null, /* @__PURE__ */ React208.createElement(
|
|
36478
36502
|
Dropdown.Content,
|
|
36479
36503
|
{
|
|
36480
36504
|
align: "start",
|
|
@@ -36488,7 +36512,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
36488
36512
|
}
|
|
36489
36513
|
},
|
|
36490
36514
|
devices.map((device) => {
|
|
36491
|
-
return /* @__PURE__ */
|
|
36515
|
+
return /* @__PURE__ */ React208.createElement(
|
|
36492
36516
|
Dropdown.Item,
|
|
36493
36517
|
{
|
|
36494
36518
|
key: device.label,
|
|
@@ -36514,33 +36538,33 @@ DeviceSelector2.propTypes = {
|
|
|
36514
36538
|
};
|
|
36515
36539
|
|
|
36516
36540
|
// src/Diagnostics/AudioTest.tsx
|
|
36517
|
-
var SelectContainer = ({ children }) => /* @__PURE__ */
|
|
36541
|
+
var SelectContainer = ({ children }) => /* @__PURE__ */ React209.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
|
|
36518
36542
|
var MicTest = ({ setError }) => {
|
|
36519
36543
|
var _a8, _b7;
|
|
36520
36544
|
const { hmsDiagnostics } = useDiagnostics();
|
|
36521
|
-
const devices =
|
|
36522
|
-
const [isRecording, setIsRecording] =
|
|
36523
|
-
const [selectedMic, setSelectedMic] =
|
|
36524
|
-
const trackID =
|
|
36525
|
-
const audioLevel =
|
|
36526
|
-
const { audioOutputDeviceId } =
|
|
36545
|
+
const devices = useHMSStore101(selectDevices);
|
|
36546
|
+
const [isRecording, setIsRecording] = useState88(false);
|
|
36547
|
+
const [selectedMic, setSelectedMic] = useState88(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
|
|
36548
|
+
const trackID = useHMSStore101(selectLocalAudioTrackID2);
|
|
36549
|
+
const audioLevel = useHMSStore101(selectTrackAudioByID2(trackID));
|
|
36550
|
+
const { audioOutputDeviceId } = useHMSStore101(selectLocalMediaSettings);
|
|
36527
36551
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
36528
36552
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
36529
36553
|
});
|
|
36530
|
-
return /* @__PURE__ */
|
|
36554
|
+
return /* @__PURE__ */ React209.createElement(SelectContainer, null, /* @__PURE__ */ React209.createElement(
|
|
36531
36555
|
DeviceSelector2,
|
|
36532
36556
|
{
|
|
36533
36557
|
title: "Microphone (Input)",
|
|
36534
36558
|
devices: devices.audioInput,
|
|
36535
36559
|
selection: selectedMic,
|
|
36536
|
-
icon: /* @__PURE__ */
|
|
36560
|
+
icon: /* @__PURE__ */ React209.createElement(MicOnIcon7, null),
|
|
36537
36561
|
onChange: (deviceId) => {
|
|
36538
36562
|
setError(void 0);
|
|
36539
36563
|
setSelectedMic(deviceId);
|
|
36540
36564
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
|
|
36541
36565
|
}
|
|
36542
36566
|
}
|
|
36543
|
-
), /* @__PURE__ */
|
|
36567
|
+
), /* @__PURE__ */ React209.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React209.createElement(
|
|
36544
36568
|
Button,
|
|
36545
36569
|
{
|
|
36546
36570
|
variant: "standard",
|
|
@@ -36560,9 +36584,9 @@ var MicTest = ({ setError }) => {
|
|
|
36560
36584
|
},
|
|
36561
36585
|
disabled: devices.audioInput.length === 0 || playing
|
|
36562
36586
|
},
|
|
36563
|
-
isRecording ? /* @__PURE__ */
|
|
36587
|
+
isRecording ? /* @__PURE__ */ React209.createElement(StopIcon3, null) : /* @__PURE__ */ React209.createElement(MicOnIcon7, null),
|
|
36564
36588
|
isRecording ? "Stop Recording" : "Record"
|
|
36565
|
-
), /* @__PURE__ */
|
|
36589
|
+
), /* @__PURE__ */ React209.createElement(
|
|
36566
36590
|
Button,
|
|
36567
36591
|
{
|
|
36568
36592
|
icon: true,
|
|
@@ -36576,9 +36600,9 @@ var MicTest = ({ setError }) => {
|
|
|
36576
36600
|
},
|
|
36577
36601
|
disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
|
|
36578
36602
|
},
|
|
36579
|
-
/* @__PURE__ */
|
|
36603
|
+
/* @__PURE__ */ React209.createElement(SpeakerIcon5, null),
|
|
36580
36604
|
playing ? "Playing..." : "Playback"
|
|
36581
|
-
), /* @__PURE__ */
|
|
36605
|
+
), /* @__PURE__ */ React209.createElement(
|
|
36582
36606
|
"audio",
|
|
36583
36607
|
{
|
|
36584
36608
|
ref: audioRef,
|
|
@@ -36586,7 +36610,7 @@ var MicTest = ({ setError }) => {
|
|
|
36586
36610
|
onPlay: () => setPlaying(true),
|
|
36587
36611
|
style: { display: "none" }
|
|
36588
36612
|
}
|
|
36589
|
-
)), /* @__PURE__ */
|
|
36613
|
+
)), /* @__PURE__ */ React209.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React209.createElement(Text, null, /* @__PURE__ */ React209.createElement(MicOnIcon7, null)), /* @__PURE__ */ React209.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React209.createElement(
|
|
36590
36614
|
Progress.Content,
|
|
36591
36615
|
{
|
|
36592
36616
|
style: {
|
|
@@ -36599,18 +36623,18 @@ var MicTest = ({ setError }) => {
|
|
|
36599
36623
|
var SpeakerTest = () => {
|
|
36600
36624
|
var _a8;
|
|
36601
36625
|
const actions = useHMSActions61();
|
|
36602
|
-
const devices =
|
|
36603
|
-
const { audioOutputDeviceId } =
|
|
36626
|
+
const devices = useHMSStore101(selectDevices);
|
|
36627
|
+
const { audioOutputDeviceId } = useHMSStore101(selectLocalMediaSettings);
|
|
36604
36628
|
if (devices.audioOutput.length === 0) {
|
|
36605
|
-
return /* @__PURE__ */
|
|
36629
|
+
return /* @__PURE__ */ React209.createElement(React209.Fragment, null);
|
|
36606
36630
|
}
|
|
36607
|
-
return /* @__PURE__ */
|
|
36631
|
+
return /* @__PURE__ */ React209.createElement(SelectContainer, null, /* @__PURE__ */ React209.createElement(
|
|
36608
36632
|
DeviceSelector2,
|
|
36609
36633
|
{
|
|
36610
36634
|
title: "Speaker (Output)",
|
|
36611
36635
|
devices: devices.audioOutput,
|
|
36612
36636
|
selection: audioOutputDeviceId || ((_a8 = devices.audioOutput[0]) == null ? void 0 : _a8.deviceId),
|
|
36613
|
-
icon: /* @__PURE__ */
|
|
36637
|
+
icon: /* @__PURE__ */ React209.createElement(SpeakerIcon5, null),
|
|
36614
36638
|
onChange: (deviceId) => {
|
|
36615
36639
|
actions.setAudioOutputDevice(deviceId);
|
|
36616
36640
|
}
|
|
@@ -36619,7 +36643,7 @@ var SpeakerTest = () => {
|
|
|
36619
36643
|
};
|
|
36620
36644
|
var AudioTest = () => {
|
|
36621
36645
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36622
|
-
const [error, setErrorAlone] =
|
|
36646
|
+
const [error, setErrorAlone] = useState88();
|
|
36623
36647
|
const setError = useCallback44(
|
|
36624
36648
|
(err) => {
|
|
36625
36649
|
updateStep(2 /* AUDIO */, { hasFailed: !!err });
|
|
@@ -36627,10 +36651,10 @@ var AudioTest = () => {
|
|
|
36627
36651
|
},
|
|
36628
36652
|
[updateStep, setErrorAlone]
|
|
36629
36653
|
);
|
|
36630
|
-
|
|
36654
|
+
useEffect90(() => {
|
|
36631
36655
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
|
|
36632
36656
|
}, [hmsDiagnostics, setError]);
|
|
36633
|
-
return /* @__PURE__ */
|
|
36657
|
+
return /* @__PURE__ */ React209.createElement(React209.Fragment, null, /* @__PURE__ */ React209.createElement(TestContainer, null, /* @__PURE__ */ React209.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__ */ React209.createElement(
|
|
36634
36658
|
Flex,
|
|
36635
36659
|
{
|
|
36636
36660
|
css: {
|
|
@@ -36642,14 +36666,14 @@ var AudioTest = () => {
|
|
|
36642
36666
|
}
|
|
36643
36667
|
}
|
|
36644
36668
|
},
|
|
36645
|
-
/* @__PURE__ */
|
|
36646
|
-
/* @__PURE__ */
|
|
36647
|
-
)), /* @__PURE__ */
|
|
36669
|
+
/* @__PURE__ */ React209.createElement(MicTest, { setError }),
|
|
36670
|
+
/* @__PURE__ */ React209.createElement(SpeakerTest, null)
|
|
36671
|
+
)), /* @__PURE__ */ React209.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React209.createElement(PermissionErrorModal, { error }));
|
|
36648
36672
|
};
|
|
36649
36673
|
|
|
36650
36674
|
// src/Diagnostics/BrowserTest.tsx
|
|
36651
36675
|
init_define_process_env();
|
|
36652
|
-
import
|
|
36676
|
+
import React210, { useEffect as useEffect91, useState as useState89 } from "react";
|
|
36653
36677
|
import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
|
|
36654
36678
|
var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
|
|
36655
36679
|
var operatingSystemIconInfo = {
|
|
@@ -36731,12 +36755,12 @@ var browserTypeIconInfo = {
|
|
|
36731
36755
|
icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
|
|
36732
36756
|
}
|
|
36733
36757
|
};
|
|
36734
|
-
var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */
|
|
36758
|
+
var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React210.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React210.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React210.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React210.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React210.createElement(Text, null, value)));
|
|
36735
36759
|
var BrowserTest = () => {
|
|
36736
36760
|
var _a8, _b7, _c, _d;
|
|
36737
36761
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36738
|
-
const [error, setError] =
|
|
36739
|
-
|
|
36762
|
+
const [error, setError] = useState89();
|
|
36763
|
+
useEffect91(() => {
|
|
36740
36764
|
try {
|
|
36741
36765
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
|
|
36742
36766
|
} catch (err) {
|
|
@@ -36744,26 +36768,26 @@ var BrowserTest = () => {
|
|
|
36744
36768
|
setError(err);
|
|
36745
36769
|
}
|
|
36746
36770
|
}, [hmsDiagnostics, updateStep]);
|
|
36747
|
-
return /* @__PURE__ */
|
|
36771
|
+
return /* @__PURE__ */ React210.createElement(React210.Fragment, null, /* @__PURE__ */ React210.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React210.createElement(
|
|
36748
36772
|
CheckDetails,
|
|
36749
36773
|
{
|
|
36750
36774
|
title: "Browser",
|
|
36751
36775
|
iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a8 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a8.toLowerCase()]) == null ? void 0 : _b7.icon),
|
|
36752
36776
|
value: `${parsedUserAgent4.getBrowser().name} ${parsedUserAgent4.getBrowser().version}`
|
|
36753
36777
|
}
|
|
36754
|
-
), /* @__PURE__ */
|
|
36778
|
+
), /* @__PURE__ */ React210.createElement(
|
|
36755
36779
|
CheckDetails,
|
|
36756
36780
|
{
|
|
36757
36781
|
title: "Operating system",
|
|
36758
36782
|
iconURL: parsedUserAgent4.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent4.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
|
|
36759
36783
|
value: `${parsedUserAgent4.getOS().name} ${parsedUserAgent4.getOS().version}`
|
|
36760
36784
|
}
|
|
36761
|
-
)), /* @__PURE__ */
|
|
36785
|
+
)), /* @__PURE__ */ React210.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
36762
36786
|
};
|
|
36763
36787
|
|
|
36764
36788
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
36765
36789
|
init_define_process_env();
|
|
36766
|
-
import
|
|
36790
|
+
import React211, { useState as useState90 } from "react";
|
|
36767
36791
|
import { ConnectivityState } from "@100mslive/react-sdk";
|
|
36768
36792
|
import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
|
|
36769
36793
|
var Regions = {
|
|
@@ -36785,8 +36809,8 @@ var ConnectivityTestStepResult = ({
|
|
|
36785
36809
|
success,
|
|
36786
36810
|
children
|
|
36787
36811
|
}) => {
|
|
36788
|
-
const [hideDetails, setHideDetails] =
|
|
36789
|
-
return /* @__PURE__ */
|
|
36812
|
+
const [hideDetails, setHideDetails] = useState90(true);
|
|
36813
|
+
return /* @__PURE__ */ React211.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React211.createElement(Flex, null, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React211.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React211.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React211.createElement(Flex, null, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React211.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React211.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React211.createElement(
|
|
36790
36814
|
Flex,
|
|
36791
36815
|
{
|
|
36792
36816
|
onClick: () => setHideDetails(!hideDetails),
|
|
@@ -36796,8 +36820,8 @@ var ConnectivityTestStepResult = ({
|
|
|
36796
36820
|
color: "$primary_bright"
|
|
36797
36821
|
}
|
|
36798
36822
|
},
|
|
36799
|
-
hideDetails ? /* @__PURE__ */
|
|
36800
|
-
/* @__PURE__ */
|
|
36823
|
+
hideDetails ? /* @__PURE__ */ React211.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React211.createElement(EyeCloseIcon3, null),
|
|
36824
|
+
/* @__PURE__ */ React211.createElement(
|
|
36801
36825
|
Text,
|
|
36802
36826
|
{
|
|
36803
36827
|
variant: "caption",
|
|
@@ -36808,38 +36832,38 @@ var ConnectivityTestStepResult = ({
|
|
|
36808
36832
|
hideDetails ? "View" : "Hide",
|
|
36809
36833
|
" detailed information"
|
|
36810
36834
|
)
|
|
36811
|
-
), !hideDetails ? /* @__PURE__ */
|
|
36835
|
+
), !hideDetails ? /* @__PURE__ */ React211.createElement(Box, null, children) : null);
|
|
36812
36836
|
};
|
|
36813
36837
|
var DetailedInfo = ({
|
|
36814
36838
|
title,
|
|
36815
36839
|
value,
|
|
36816
36840
|
Icon: Icon4
|
|
36817
36841
|
}) => {
|
|
36818
|
-
return /* @__PURE__ */
|
|
36842
|
+
return /* @__PURE__ */ React211.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React211.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React211.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React211.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React211.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React211.createElement(Text, { variant: "caption" }, value)));
|
|
36819
36843
|
};
|
|
36820
36844
|
var MediaServerResult = ({ result }) => {
|
|
36821
36845
|
var _a8, _b7, _c, _d;
|
|
36822
|
-
return /* @__PURE__ */
|
|
36846
|
+
return /* @__PURE__ */ React211.createElement(
|
|
36823
36847
|
ConnectivityTestStepResult,
|
|
36824
36848
|
{
|
|
36825
36849
|
title: "Media server connection test",
|
|
36826
36850
|
success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
|
|
36827
36851
|
},
|
|
36828
|
-
/* @__PURE__ */
|
|
36852
|
+
/* @__PURE__ */ React211.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React211.createElement(
|
|
36829
36853
|
DetailedInfo,
|
|
36830
36854
|
{
|
|
36831
36855
|
title: "Media Captured",
|
|
36832
36856
|
value: ((_a8 = result == null ? void 0 : result.stats) == null ? void 0 : _a8.audio.bytesSent) ? "Yes" : "No",
|
|
36833
36857
|
Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
36834
36858
|
}
|
|
36835
|
-
), /* @__PURE__ */
|
|
36859
|
+
), /* @__PURE__ */ React211.createElement(
|
|
36836
36860
|
DetailedInfo,
|
|
36837
36861
|
{
|
|
36838
36862
|
title: "Media Published",
|
|
36839
36863
|
value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
|
|
36840
36864
|
Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
36841
36865
|
}
|
|
36842
|
-
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */
|
|
36866
|
+
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React211.createElement(
|
|
36843
36867
|
DetailedInfo,
|
|
36844
36868
|
{
|
|
36845
36869
|
title: "Connection Quality Score (CQS)",
|
|
@@ -36849,27 +36873,27 @@ var MediaServerResult = ({ result }) => {
|
|
|
36849
36873
|
);
|
|
36850
36874
|
};
|
|
36851
36875
|
var SignallingResult = ({ result }) => {
|
|
36852
|
-
return /* @__PURE__ */
|
|
36876
|
+
return /* @__PURE__ */ React211.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React211.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React211.createElement(
|
|
36853
36877
|
DetailedInfo,
|
|
36854
36878
|
{
|
|
36855
36879
|
title: "Signalling Gateway",
|
|
36856
36880
|
value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
|
|
36857
36881
|
Icon: (result == null ? void 0 : result.isConnected) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
36858
36882
|
}
|
|
36859
|
-
), /* @__PURE__ */
|
|
36883
|
+
), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
|
|
36860
36884
|
};
|
|
36861
36885
|
var AudioStats = ({ stats }) => {
|
|
36862
|
-
return /* @__PURE__ */
|
|
36886
|
+
return /* @__PURE__ */ React211.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React211.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter * 1e3} ms` })));
|
|
36863
36887
|
};
|
|
36864
36888
|
var VideoStats = ({ stats }) => {
|
|
36865
|
-
return /* @__PURE__ */
|
|
36889
|
+
return /* @__PURE__ */ React211.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React211.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` }), /* @__PURE__ */ React211.createElement(DetailedInfo, { title: "Jitter", value: `${stats.jitter * 1e3} ms` })));
|
|
36866
36890
|
};
|
|
36867
36891
|
var Footer3 = ({
|
|
36868
36892
|
error,
|
|
36869
36893
|
result,
|
|
36870
36894
|
restart
|
|
36871
36895
|
}) => {
|
|
36872
|
-
return /* @__PURE__ */
|
|
36896
|
+
return /* @__PURE__ */ React211.createElement(TestFooter, { error }, /* @__PURE__ */ React211.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React211.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React211.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
|
|
36873
36897
|
};
|
|
36874
36898
|
var ConnectivityTestReport = ({
|
|
36875
36899
|
error,
|
|
@@ -36879,14 +36903,14 @@ var ConnectivityTestReport = ({
|
|
|
36879
36903
|
}) => {
|
|
36880
36904
|
var _a8, _b7, _c, _d;
|
|
36881
36905
|
if (error) {
|
|
36882
|
-
return /* @__PURE__ */
|
|
36906
|
+
return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React211.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React211.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React211.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React211.createElement(Footer3, { restart: startTest, error }));
|
|
36883
36907
|
}
|
|
36884
36908
|
if (result) {
|
|
36885
36909
|
console.log(result);
|
|
36886
|
-
return /* @__PURE__ */
|
|
36910
|
+
return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(TestContainer, null, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React211.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React211.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React211.createElement(AudioStats, { stats: (_b7 = (_a8 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a8.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React211.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React211.createElement(Footer3, { result, restart: startTest, error }));
|
|
36887
36911
|
}
|
|
36888
36912
|
if (progress !== void 0) {
|
|
36889
|
-
return /* @__PURE__ */
|
|
36913
|
+
return /* @__PURE__ */ React211.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React211.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React211.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React211.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React211.createElement(
|
|
36890
36914
|
Text,
|
|
36891
36915
|
{
|
|
36892
36916
|
variant: "body2",
|
|
@@ -36902,7 +36926,7 @@ var RegionSelector = ({
|
|
|
36902
36926
|
setRegion,
|
|
36903
36927
|
startTest
|
|
36904
36928
|
}) => {
|
|
36905
|
-
return /* @__PURE__ */
|
|
36929
|
+
return /* @__PURE__ */ React211.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React211.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React211.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React211.createElement(
|
|
36906
36930
|
Flex,
|
|
36907
36931
|
{
|
|
36908
36932
|
justify: "between",
|
|
@@ -36914,7 +36938,7 @@ var RegionSelector = ({
|
|
|
36914
36938
|
}
|
|
36915
36939
|
}
|
|
36916
36940
|
},
|
|
36917
|
-
/* @__PURE__ */
|
|
36941
|
+
/* @__PURE__ */ React211.createElement(
|
|
36918
36942
|
Flex,
|
|
36919
36943
|
{
|
|
36920
36944
|
css: {
|
|
@@ -36924,7 +36948,7 @@ var RegionSelector = ({
|
|
|
36924
36948
|
}
|
|
36925
36949
|
}
|
|
36926
36950
|
},
|
|
36927
|
-
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */
|
|
36951
|
+
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React211.createElement(
|
|
36928
36952
|
Button,
|
|
36929
36953
|
{
|
|
36930
36954
|
key,
|
|
@@ -36936,15 +36960,15 @@ var RegionSelector = ({
|
|
|
36936
36960
|
value
|
|
36937
36961
|
))
|
|
36938
36962
|
),
|
|
36939
|
-
/* @__PURE__ */
|
|
36963
|
+
/* @__PURE__ */ React211.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React211.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
|
|
36940
36964
|
));
|
|
36941
36965
|
};
|
|
36942
36966
|
var ConnectivityTest = () => {
|
|
36943
36967
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36944
|
-
const [region, setRegion] =
|
|
36945
|
-
const [error, setError] =
|
|
36946
|
-
const [progress, setProgress] =
|
|
36947
|
-
const [result, setResult] =
|
|
36968
|
+
const [region, setRegion] = useState90(Object.keys(Regions)[0]);
|
|
36969
|
+
const [error, setError] = useState90();
|
|
36970
|
+
const [progress, setProgress] = useState90();
|
|
36971
|
+
const [result, setResult] = useState90();
|
|
36948
36972
|
const startTest = () => {
|
|
36949
36973
|
updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
|
|
36950
36974
|
setError(void 0);
|
|
@@ -36963,14 +36987,14 @@ var ConnectivityTest = () => {
|
|
|
36963
36987
|
setError(error2);
|
|
36964
36988
|
});
|
|
36965
36989
|
};
|
|
36966
|
-
return /* @__PURE__ */
|
|
36990
|
+
return /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(
|
|
36967
36991
|
RegionSelector,
|
|
36968
36992
|
{
|
|
36969
36993
|
region,
|
|
36970
36994
|
setRegion,
|
|
36971
36995
|
startTest: progress === void 0 || progress === ConnectivityState.COMPLETED ? startTest : void 0
|
|
36972
36996
|
}
|
|
36973
|
-
), /* @__PURE__ */
|
|
36997
|
+
), /* @__PURE__ */ React211.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
36974
36998
|
};
|
|
36975
36999
|
var downloadJson = (obj, fileName) => {
|
|
36976
37000
|
const a2 = document.createElement("a");
|
|
@@ -36984,28 +37008,28 @@ var downloadJson = (obj, fileName) => {
|
|
|
36984
37008
|
|
|
36985
37009
|
// src/Diagnostics/VideoTest.tsx
|
|
36986
37010
|
init_define_process_env();
|
|
36987
|
-
import
|
|
37011
|
+
import React212, { useEffect as useEffect92, useState as useState91 } from "react";
|
|
36988
37012
|
import {
|
|
36989
37013
|
selectDevices as selectDevices2,
|
|
36990
37014
|
selectLocalMediaSettings as selectLocalMediaSettings2,
|
|
36991
37015
|
selectLocalVideoTrackID as selectLocalVideoTrackID4,
|
|
36992
|
-
useHMSStore as
|
|
37016
|
+
useHMSStore as useHMSStore102
|
|
36993
37017
|
} from "@100mslive/react-sdk";
|
|
36994
37018
|
import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
|
|
36995
37019
|
var VideoTest = () => {
|
|
36996
37020
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36997
|
-
const allDevices =
|
|
37021
|
+
const allDevices = useHMSStore102(selectDevices2);
|
|
36998
37022
|
const { videoInput } = allDevices;
|
|
36999
|
-
const trackID =
|
|
37000
|
-
const sdkSelectedDevices =
|
|
37001
|
-
const [error, setError] =
|
|
37002
|
-
|
|
37023
|
+
const trackID = useHMSStore102(selectLocalVideoTrackID4);
|
|
37024
|
+
const sdkSelectedDevices = useHMSStore102(selectLocalMediaSettings2);
|
|
37025
|
+
const [error, setError] = useState91();
|
|
37026
|
+
useEffect92(() => {
|
|
37003
37027
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
37004
37028
|
updateStep(1 /* VIDEO */, { hasFailed: true });
|
|
37005
37029
|
setError(err);
|
|
37006
37030
|
});
|
|
37007
37031
|
}, [hmsDiagnostics, updateStep]);
|
|
37008
|
-
return /* @__PURE__ */
|
|
37032
|
+
return /* @__PURE__ */ React212.createElement(React212.Fragment, null, /* @__PURE__ */ React212.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React212.createElement(
|
|
37009
37033
|
StyledVideoTile.Container,
|
|
37010
37034
|
{
|
|
37011
37035
|
css: {
|
|
@@ -37015,30 +37039,30 @@ var VideoTest = () => {
|
|
|
37015
37039
|
"@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
|
|
37016
37040
|
}
|
|
37017
37041
|
},
|
|
37018
|
-
/* @__PURE__ */
|
|
37019
|
-
), /* @__PURE__ */
|
|
37042
|
+
/* @__PURE__ */ React212.createElement(Video, { mirror: true, trackId: trackID })
|
|
37043
|
+
), /* @__PURE__ */ React212.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React212.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__ */ React212.createElement(
|
|
37020
37044
|
DeviceSelector2,
|
|
37021
37045
|
{
|
|
37022
37046
|
title: "Video",
|
|
37023
37047
|
devices: videoInput || [],
|
|
37024
|
-
icon: /* @__PURE__ */
|
|
37048
|
+
icon: /* @__PURE__ */ React212.createElement(VideoOnIcon5, null),
|
|
37025
37049
|
selection: sdkSelectedDevices.videoInputDeviceId,
|
|
37026
37050
|
onChange: (deviceId) => __async(null, null, function* () {
|
|
37027
37051
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
|
|
37028
37052
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
|
|
37029
37053
|
})
|
|
37030
37054
|
}
|
|
37031
|
-
))), /* @__PURE__ */
|
|
37055
|
+
))), /* @__PURE__ */ React212.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React212.createElement(PermissionErrorModal, { error }));
|
|
37032
37056
|
};
|
|
37033
37057
|
|
|
37034
37058
|
// src/Diagnostics/Diagnostics.tsx
|
|
37035
37059
|
var DiagnosticsStepIcon = {
|
|
37036
|
-
[1 /* VIDEO */]: /* @__PURE__ */
|
|
37037
|
-
[2 /* AUDIO */]: /* @__PURE__ */
|
|
37038
|
-
[0 /* BROWSER */]: /* @__PURE__ */
|
|
37039
|
-
[3 /* CONNECTIVITY */]: /* @__PURE__ */
|
|
37060
|
+
[1 /* VIDEO */]: /* @__PURE__ */ React213.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
|
|
37061
|
+
[2 /* AUDIO */]: /* @__PURE__ */ React213.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
|
|
37062
|
+
[0 /* BROWSER */]: /* @__PURE__ */ React213.createElement(GlobeIcon2, { width: "2rem", height: "2rem" }),
|
|
37063
|
+
[3 /* CONNECTIVITY */]: /* @__PURE__ */ React213.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
|
|
37040
37064
|
};
|
|
37041
|
-
var Container5 = ({ children }) => /* @__PURE__ */
|
|
37065
|
+
var Container5 = ({ children }) => /* @__PURE__ */ React213.createElement(
|
|
37042
37066
|
Box,
|
|
37043
37067
|
{
|
|
37044
37068
|
css: {
|
|
@@ -37078,7 +37102,7 @@ var Container5 = ({ children }) => /* @__PURE__ */ React212.createElement(
|
|
|
37078
37102
|
);
|
|
37079
37103
|
var DiagnosticsStepTest = () => {
|
|
37080
37104
|
const { activeStepIndex } = useDiagnostics();
|
|
37081
|
-
let TestComponent = () => /* @__PURE__ */
|
|
37105
|
+
let TestComponent = () => /* @__PURE__ */ React213.createElement(React213.Fragment, null);
|
|
37082
37106
|
if (activeStepIndex === 2 /* AUDIO */) {
|
|
37083
37107
|
TestComponent = AudioTest;
|
|
37084
37108
|
} else if (activeStepIndex === 1 /* VIDEO */) {
|
|
@@ -37088,47 +37112,47 @@ var DiagnosticsStepTest = () => {
|
|
|
37088
37112
|
} else if (activeStepIndex === 3 /* CONNECTIVITY */) {
|
|
37089
37113
|
TestComponent = ConnectivityTest;
|
|
37090
37114
|
}
|
|
37091
|
-
return /* @__PURE__ */
|
|
37115
|
+
return /* @__PURE__ */ React213.createElement(TestComponent, { key: activeStepIndex });
|
|
37092
37116
|
};
|
|
37093
37117
|
var DiagnosticsStepHeader = () => {
|
|
37094
37118
|
const { activeStepIndex, activeStep } = useDiagnostics();
|
|
37095
|
-
return /* @__PURE__ */
|
|
37119
|
+
return /* @__PURE__ */ React213.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React213.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React213.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
|
|
37096
37120
|
};
|
|
37097
37121
|
var DiagnosticsStepContainer = () => {
|
|
37098
|
-
return /* @__PURE__ */
|
|
37122
|
+
return /* @__PURE__ */ React213.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React213.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React213.createElement(DiagnosticsStepTest, null));
|
|
37099
37123
|
};
|
|
37100
37124
|
var DiagnosticsStepsList = () => {
|
|
37101
37125
|
const { activeStepIndex, activeStep, steps } = useDiagnostics();
|
|
37102
|
-
return /* @__PURE__ */
|
|
37126
|
+
return /* @__PURE__ */ React213.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
|
|
37103
37127
|
const keyIndex = Number(key);
|
|
37104
37128
|
const step = steps[keyIndex];
|
|
37105
37129
|
const isStepCompleted = activeStepIndex > keyIndex || activeStep.isCompleted;
|
|
37106
37130
|
let color = "$on_primary_low";
|
|
37107
|
-
let icon = /* @__PURE__ */
|
|
37131
|
+
let icon = /* @__PURE__ */ React213.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
37108
37132
|
if (activeStepIndex === keyIndex) {
|
|
37109
37133
|
color = "$on_primary_high";
|
|
37110
|
-
icon = /* @__PURE__ */
|
|
37134
|
+
icon = /* @__PURE__ */ React213.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
37111
37135
|
}
|
|
37112
37136
|
if (isStepCompleted) {
|
|
37113
37137
|
color = "$primary_bright";
|
|
37114
|
-
icon = /* @__PURE__ */
|
|
37138
|
+
icon = /* @__PURE__ */ React213.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
|
|
37115
37139
|
}
|
|
37116
37140
|
if (step.hasFailed) {
|
|
37117
37141
|
color = "$alert_error_default";
|
|
37118
|
-
icon = /* @__PURE__ */
|
|
37142
|
+
icon = /* @__PURE__ */ React213.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
|
|
37119
37143
|
}
|
|
37120
|
-
return /* @__PURE__ */
|
|
37144
|
+
return /* @__PURE__ */ React213.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React213.createElement(Text, { css: { c: color } }, step.name));
|
|
37121
37145
|
}));
|
|
37122
37146
|
};
|
|
37123
37147
|
var DiagnosticsProvider = () => {
|
|
37124
37148
|
const actions = useHMSActions62();
|
|
37125
|
-
const [activeStep, setActiveStep] =
|
|
37126
|
-
const [steps, setSteps] =
|
|
37149
|
+
const [activeStep, setActiveStep] = useState92(0);
|
|
37150
|
+
const [steps, setSteps] = useState92(initialSteps);
|
|
37127
37151
|
const diagnosticsRef = useRef39(actions.initDiagnostics());
|
|
37128
37152
|
const updateStep = useCallback45((step, value) => {
|
|
37129
37153
|
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|
|
37130
37154
|
}, []);
|
|
37131
|
-
return /* @__PURE__ */
|
|
37155
|
+
return /* @__PURE__ */ React213.createElement(
|
|
37132
37156
|
DiagnosticsContext.Provider,
|
|
37133
37157
|
{
|
|
37134
37158
|
value: {
|
|
@@ -37139,11 +37163,11 @@ var DiagnosticsProvider = () => {
|
|
|
37139
37163
|
updateStep
|
|
37140
37164
|
}
|
|
37141
37165
|
},
|
|
37142
|
-
/* @__PURE__ */
|
|
37166
|
+
/* @__PURE__ */ React213.createElement(Container5, null, /* @__PURE__ */ React213.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React213.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React213.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React213.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React213.createElement(DiagnosticsStepContainer, null)))
|
|
37143
37167
|
);
|
|
37144
37168
|
};
|
|
37145
37169
|
var Diagnostics = () => {
|
|
37146
|
-
return /* @__PURE__ */
|
|
37170
|
+
return /* @__PURE__ */ React213.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React213.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React213.createElement(DiagnosticsProvider, null)));
|
|
37147
37171
|
};
|
|
37148
37172
|
export {
|
|
37149
37173
|
Accordion,
|