@100mslive/roomkit-react 0.3.15-alpha.2 → 0.3.15-alpha.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Diagnostics/DiagnosticsContext.d.ts +42 -0
- package/dist/Diagnostics/components.d.ts +0 -9
- package/dist/{HLSView-PFCSCJTH.css → HLSView-7HFHBF6S.css} +3 -3
- package/dist/{HLSView-PFCSCJTH.css.map → HLSView-7HFHBF6S.css.map} +1 -1
- package/dist/{HLSView-IBBAZRGB.js → HLSView-B4LXRW3N.js} +2 -2
- package/dist/{chunk-25Y7QR25.js → chunk-BVSFQTDX.js} +188 -139
- package/dist/{chunk-25Y7QR25.js.map → chunk-BVSFQTDX.js.map} +4 -4
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +207 -156
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +89 -30
- package/dist/meta.esbuild.json +103 -44
- package/package.json +7 -7
- package/src/Diagnostics/AudioTest.tsx +17 -7
- package/src/Diagnostics/BrowserTest.tsx +6 -4
- package/src/Diagnostics/ConnectivityTest.tsx +8 -6
- package/src/Diagnostics/Diagnostics.tsx +77 -51
- package/src/Diagnostics/DiagnosticsContext.ts +46 -0
- package/src/Diagnostics/VideoTest.tsx +9 -5
- package/src/Diagnostics/components.tsx +7 -32
- /package/dist/{HLSView-IBBAZRGB.js.map → HLSView-B4LXRW3N.js.map} +0 -0
|
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
107
107
|
var define_process_env_default;
|
|
108
108
|
var init_define_process_env = __esm({
|
|
109
109
|
"<define:process.env>"() {
|
|
110
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_f4f0319b-28f9-441a-97ae-06aad93daf26", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.5-alpha.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.3 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.15-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_f4f0319b-28f9-441a-97ae-06aad93daf26", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.15-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.9", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.8", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "589", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240624.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.4/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18261", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.15-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "9746352945", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "da2cd3ce25b00c03fd1305ff2f151fcb5e0840e8", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "1101512e02e8cae8ab6e59a1dba928462f8b08eca0d34d20ac7187b3fb0a076a", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1719845255643-0.8007600975529412:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719845255444-0.24442683776429042:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719845229615-0.5556985847101121:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719845229427-0.707417800571092:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_55a92866-2abe-4453-b956-7e0636bb056c", INVOCATION_ID: "05f9dbe39d95407bb809759e561847a9", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "592", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 390", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.15-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.15-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "da2cd3ce25b00c03fd1305ff2f151fcb5e0840e8", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_f4f0319b-28f9-441a-97ae-06aad93daf26", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_f4f0319b-28f9-441a-97ae-06aad93daf26", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_f4f0319b-28f9-441a-97ae-06aad93daf26" };
|
|
110
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_1db57682-586b-4fa3-a400-cb4cc61029e6", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.5-alpha.3", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.3 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.15-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_1db57682-586b-4fa3-a400-cb4cc61029e6", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.15-alpha.3", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.9", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.8", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "599", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240624.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.4/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:20589", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.15-alpha.3", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "9760875901", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "810df7bc6d978b45e2c3052343692e982bad600a", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "986d00f79f3ae897ba21437b95f1f9bb740fe0a9b5eb128244afaa3217e837ed", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1719923141428-0.2272077605588494:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719923141224-0.3159860824976266:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719923116291-0.3849274411697532:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719923116113-0.3975031629995336:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_8d648c6b-da17-4762-a942-79d63c2b0100", INVOCATION_ID: "d18e7eb4780e490a9bc5c417f75d7794", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "593", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 269", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.15-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.15-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "810df7bc6d978b45e2c3052343692e982bad600a", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_1db57682-586b-4fa3-a400-cb4cc61029e6", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_1db57682-586b-4fa3-a400-cb4cc61029e6", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_1db57682-586b-4fa3-a400-cb4cc61029e6" };
|
|
111
111
|
}
|
|
112
112
|
});
|
|
113
113
|
|
|
@@ -19912,7 +19912,7 @@ var mr = (a2, e) => {
|
|
|
19912
19912
|
};
|
|
19913
19913
|
var Xa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
19914
19914
|
var Mr = Xa((Fc, no) => {
|
|
19915
|
-
no.exports = { version: "0.12.15-alpha.
|
|
19915
|
+
no.exports = { version: "0.12.15-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
|
|
19916
19916
|
});
|
|
19917
19917
|
var Sr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Sr || {});
|
|
19918
19918
|
var Za = ((e) => (e.CHAT = "chat", e))(Za || {});
|
|
@@ -30354,7 +30354,7 @@ var useCloseScreenshareWhiteboard = () => {
|
|
|
30354
30354
|
};
|
|
30355
30355
|
|
|
30356
30356
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
30357
|
-
var HLSView = React155.lazy(() => import("./HLSView-
|
|
30357
|
+
var HLSView = React155.lazy(() => import("./HLSView-B4LXRW3N.js"));
|
|
30358
30358
|
var VideoStreamingSection = ({
|
|
30359
30359
|
screenType,
|
|
30360
30360
|
elements,
|
|
@@ -32689,50 +32689,87 @@ init_define_process_env();
|
|
|
32689
32689
|
|
|
32690
32690
|
// src/Diagnostics/Diagnostics.tsx
|
|
32691
32691
|
init_define_process_env();
|
|
32692
|
-
import
|
|
32692
|
+
import React190, { useCallback as useCallback40, useRef as useRef33, useState as useState82 } from "react";
|
|
32693
32693
|
import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions58 } from "@100mslive/react-sdk";
|
|
32694
|
-
import {
|
|
32694
|
+
import {
|
|
32695
|
+
CheckCircleIcon as CheckCircleIcon7,
|
|
32696
|
+
ConnectivityIcon as ConnectivityIcon2,
|
|
32697
|
+
CrossCircleIcon as CrossCircleIcon5,
|
|
32698
|
+
GlobeIcon,
|
|
32699
|
+
MicOnIcon as MicOnIcon8,
|
|
32700
|
+
VideoOnIcon as VideoOnIcon6
|
|
32701
|
+
} from "@100mslive/react-icons";
|
|
32702
|
+
|
|
32703
|
+
// src/Diagnostics/AudioTest.tsx
|
|
32704
|
+
init_define_process_env();
|
|
32705
|
+
import React186, { useCallback as useCallback39, useEffect as useEffect76, useState as useState78 } from "react";
|
|
32706
|
+
import {
|
|
32707
|
+
selectDevices,
|
|
32708
|
+
selectLocalAudioTrackID as selectLocalAudioTrackID2,
|
|
32709
|
+
selectLocalMediaSettings,
|
|
32710
|
+
selectTrackAudioByID as selectTrackAudioByID2,
|
|
32711
|
+
useHMSActions as useHMSActions57,
|
|
32712
|
+
useHMSStore as useHMSStore98
|
|
32713
|
+
} from "@100mslive/react-sdk";
|
|
32714
|
+
import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
|
|
32695
32715
|
|
|
32696
32716
|
// src/Diagnostics/components.tsx
|
|
32697
32717
|
init_define_process_env();
|
|
32718
|
+
import React184 from "react";
|
|
32719
|
+
|
|
32720
|
+
// src/Diagnostics/DiagnosticsContext.ts
|
|
32721
|
+
init_define_process_env();
|
|
32698
32722
|
import React183, { useContext as useContext5 } from "react";
|
|
32699
|
-
var
|
|
32700
|
-
|
|
32701
|
-
|
|
32702
|
-
|
|
32703
|
-
|
|
32723
|
+
var DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
|
|
32724
|
+
DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
|
|
32725
|
+
DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
|
|
32726
|
+
DiagnosticsStep2[DiagnosticsStep2["AUDIO"] = 2] = "AUDIO";
|
|
32727
|
+
DiagnosticsStep2[DiagnosticsStep2["CONNECTIVITY"] = 3] = "CONNECTIVITY";
|
|
32728
|
+
return DiagnosticsStep2;
|
|
32729
|
+
})(DiagnosticsStep || {});
|
|
32730
|
+
var initialSteps = {
|
|
32731
|
+
[0 /* BROWSER */]: { name: "Browser Support" },
|
|
32732
|
+
[1 /* VIDEO */]: { name: "Test Video" },
|
|
32733
|
+
[2 /* AUDIO */]: { name: "Test Audio" },
|
|
32734
|
+
[3 /* CONNECTIVITY */]: { name: "Connection Quality" }
|
|
32704
32735
|
};
|
|
32705
32736
|
var DiagnosticsContext = React183.createContext({
|
|
32706
|
-
|
|
32737
|
+
activeStepIndex: 0,
|
|
32707
32738
|
setActiveStep: () => {
|
|
32708
32739
|
return;
|
|
32709
32740
|
},
|
|
32710
|
-
|
|
32711
|
-
|
|
32741
|
+
steps: initialSteps,
|
|
32742
|
+
updateStep: () => {
|
|
32712
32743
|
return;
|
|
32713
32744
|
}
|
|
32714
32745
|
});
|
|
32746
|
+
var useDiagnostics = () => {
|
|
32747
|
+
const context = useContext5(DiagnosticsContext);
|
|
32748
|
+
const activeStep = context.steps[context.activeStepIndex];
|
|
32749
|
+
return __spreadProps(__spreadValues({}, context), { activeStep });
|
|
32750
|
+
};
|
|
32751
|
+
|
|
32752
|
+
// src/Diagnostics/components.tsx
|
|
32715
32753
|
var TestContainer = ({ css: css2, children }) => {
|
|
32716
|
-
return /* @__PURE__ */
|
|
32754
|
+
return /* @__PURE__ */ React184.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
|
|
32717
32755
|
};
|
|
32718
32756
|
var TestFooter = ({
|
|
32719
32757
|
error,
|
|
32720
32758
|
ctaText,
|
|
32721
32759
|
children
|
|
32722
32760
|
}) => {
|
|
32723
|
-
const { hmsDiagnostics, activeStep, setActiveStep } =
|
|
32761
|
+
const { hmsDiagnostics, activeStepIndex: activeStep, setActiveStep } = useDiagnostics();
|
|
32724
32762
|
const onNextStep = () => {
|
|
32725
|
-
if (activeStep ===
|
|
32763
|
+
if (activeStep === 2 /* AUDIO */) {
|
|
32726
32764
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
|
|
32727
|
-
} else if (activeStep ===
|
|
32765
|
+
} else if (activeStep === 1 /* VIDEO */) {
|
|
32728
32766
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
|
|
32729
|
-
} else if (activeStep ===
|
|
32767
|
+
} else if (activeStep === 3 /* CONNECTIVITY */) {
|
|
32730
32768
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopConnectivityCheck();
|
|
32731
32769
|
}
|
|
32732
|
-
|
|
32733
|
-
setActiveStep((step) => keys[keys.indexOf(step) + 1]);
|
|
32770
|
+
setActiveStep((step) => step + 1);
|
|
32734
32771
|
};
|
|
32735
|
-
return /* @__PURE__ */
|
|
32772
|
+
return /* @__PURE__ */ React184.createElement(
|
|
32736
32773
|
Flex,
|
|
32737
32774
|
{
|
|
32738
32775
|
css: {
|
|
@@ -32750,33 +32787,20 @@ var TestFooter = ({
|
|
|
32750
32787
|
"@lg": { flexDirection: "column", gap: "$8" }
|
|
32751
32788
|
}
|
|
32752
32789
|
},
|
|
32753
|
-
/* @__PURE__ */
|
|
32754
|
-
children ? children : /* @__PURE__ */
|
|
32790
|
+
/* @__PURE__ */ React184.createElement(Box, null, error && /* @__PURE__ */ React184.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
|
|
32791
|
+
children ? children : /* @__PURE__ */ React184.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React184.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React184.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React184.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React184.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
|
|
32755
32792
|
);
|
|
32756
32793
|
};
|
|
32757
32794
|
|
|
32758
|
-
// src/Diagnostics/AudioTest.tsx
|
|
32759
|
-
init_define_process_env();
|
|
32760
|
-
import React185, { useContext as useContext6, useEffect as useEffect76, useState as useState78 } from "react";
|
|
32761
|
-
import {
|
|
32762
|
-
selectDevices,
|
|
32763
|
-
selectLocalAudioTrackID as selectLocalAudioTrackID2,
|
|
32764
|
-
selectLocalMediaSettings,
|
|
32765
|
-
selectTrackAudioByID as selectTrackAudioByID2,
|
|
32766
|
-
useHMSActions as useHMSActions57,
|
|
32767
|
-
useHMSStore as useHMSStore98
|
|
32768
|
-
} from "@100mslive/react-sdk";
|
|
32769
|
-
import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
|
|
32770
|
-
|
|
32771
32795
|
// src/Diagnostics/DeviceSelector.jsx
|
|
32772
32796
|
init_define_process_env();
|
|
32773
32797
|
var import_prop_types = __toESM(require_prop_types());
|
|
32774
|
-
import
|
|
32798
|
+
import React185, { useRef as useRef32, useState as useState77 } from "react";
|
|
32775
32799
|
var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
32776
32800
|
var _a7, _b7;
|
|
32777
32801
|
const [open, setOpen] = useState77(false);
|
|
32778
32802
|
const ref = useRef32(null);
|
|
32779
|
-
return /* @__PURE__ */
|
|
32803
|
+
return /* @__PURE__ */ React185.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React185.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React185.createElement(
|
|
32780
32804
|
Flex,
|
|
32781
32805
|
{
|
|
32782
32806
|
align: "center",
|
|
@@ -32788,7 +32812,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
32788
32812
|
}
|
|
32789
32813
|
}
|
|
32790
32814
|
},
|
|
32791
|
-
/* @__PURE__ */
|
|
32815
|
+
/* @__PURE__ */ React185.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React185.createElement(
|
|
32792
32816
|
DialogDropdownTrigger,
|
|
32793
32817
|
{
|
|
32794
32818
|
ref,
|
|
@@ -32796,7 +32820,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
32796
32820
|
title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
|
|
32797
32821
|
open
|
|
32798
32822
|
}
|
|
32799
|
-
), /* @__PURE__ */
|
|
32823
|
+
), /* @__PURE__ */ React185.createElement(Dropdown.Portal, null, /* @__PURE__ */ React185.createElement(
|
|
32800
32824
|
Dropdown.Content,
|
|
32801
32825
|
{
|
|
32802
32826
|
align: "start",
|
|
@@ -32810,7 +32834,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
32810
32834
|
}
|
|
32811
32835
|
},
|
|
32812
32836
|
devices.map((device) => {
|
|
32813
|
-
return /* @__PURE__ */
|
|
32837
|
+
return /* @__PURE__ */ React185.createElement(
|
|
32814
32838
|
Dropdown.Item,
|
|
32815
32839
|
{
|
|
32816
32840
|
key: device.label,
|
|
@@ -32836,10 +32860,10 @@ DeviceSelector2.propTypes = {
|
|
|
32836
32860
|
};
|
|
32837
32861
|
|
|
32838
32862
|
// src/Diagnostics/AudioTest.tsx
|
|
32839
|
-
var SelectContainer = ({ children }) => /* @__PURE__ */
|
|
32863
|
+
var SelectContainer = ({ children }) => /* @__PURE__ */ React186.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
|
|
32840
32864
|
var MicTest = ({ setError }) => {
|
|
32841
32865
|
var _a7, _b7;
|
|
32842
|
-
const { hmsDiagnostics } =
|
|
32866
|
+
const { hmsDiagnostics } = useDiagnostics();
|
|
32843
32867
|
const devices = useHMSStore98(selectDevices);
|
|
32844
32868
|
const [isRecording, setIsRecording] = useState78(false);
|
|
32845
32869
|
const [selectedMic, setSelectedMic] = useState78(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
|
@@ -32849,20 +32873,20 @@ var MicTest = ({ setError }) => {
|
|
|
32849
32873
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
32850
32874
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
32851
32875
|
});
|
|
32852
|
-
return /* @__PURE__ */
|
|
32876
|
+
return /* @__PURE__ */ React186.createElement(SelectContainer, null, /* @__PURE__ */ React186.createElement(
|
|
32853
32877
|
DeviceSelector2,
|
|
32854
32878
|
{
|
|
32855
32879
|
title: "Microphone (Input)",
|
|
32856
32880
|
devices: devices.audioInput,
|
|
32857
32881
|
selection: selectedMic,
|
|
32858
|
-
icon: /* @__PURE__ */
|
|
32882
|
+
icon: /* @__PURE__ */ React186.createElement(MicOnIcon7, null),
|
|
32859
32883
|
onChange: (deviceId) => {
|
|
32860
32884
|
setError(void 0);
|
|
32861
32885
|
setSelectedMic(deviceId);
|
|
32862
32886
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
|
|
32863
32887
|
}
|
|
32864
32888
|
}
|
|
32865
|
-
), /* @__PURE__ */
|
|
32889
|
+
), /* @__PURE__ */ React186.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React186.createElement(
|
|
32866
32890
|
Button,
|
|
32867
32891
|
{
|
|
32868
32892
|
variant: "standard",
|
|
@@ -32882,9 +32906,9 @@ var MicTest = ({ setError }) => {
|
|
|
32882
32906
|
},
|
|
32883
32907
|
disabled: devices.audioInput.length === 0 || playing
|
|
32884
32908
|
},
|
|
32885
|
-
isRecording ? /* @__PURE__ */
|
|
32909
|
+
isRecording ? /* @__PURE__ */ React186.createElement(StopIcon3, null) : /* @__PURE__ */ React186.createElement(MicOnIcon7, null),
|
|
32886
32910
|
isRecording ? "Stop Recording" : "Record"
|
|
32887
|
-
), /* @__PURE__ */
|
|
32911
|
+
), /* @__PURE__ */ React186.createElement(
|
|
32888
32912
|
Button,
|
|
32889
32913
|
{
|
|
32890
32914
|
icon: true,
|
|
@@ -32898,9 +32922,9 @@ var MicTest = ({ setError }) => {
|
|
|
32898
32922
|
},
|
|
32899
32923
|
disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
|
|
32900
32924
|
},
|
|
32901
|
-
/* @__PURE__ */
|
|
32925
|
+
/* @__PURE__ */ React186.createElement(SpeakerIcon5, null),
|
|
32902
32926
|
playing ? "Playing..." : "Playback"
|
|
32903
|
-
), /* @__PURE__ */
|
|
32927
|
+
), /* @__PURE__ */ React186.createElement(
|
|
32904
32928
|
"audio",
|
|
32905
32929
|
{
|
|
32906
32930
|
ref: audioRef,
|
|
@@ -32908,7 +32932,7 @@ var MicTest = ({ setError }) => {
|
|
|
32908
32932
|
onPlay: () => setPlaying(true),
|
|
32909
32933
|
style: { display: "none" }
|
|
32910
32934
|
}
|
|
32911
|
-
)), /* @__PURE__ */
|
|
32935
|
+
)), /* @__PURE__ */ React186.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React186.createElement(Text, null, /* @__PURE__ */ React186.createElement(MicOnIcon7, null)), /* @__PURE__ */ React186.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React186.createElement(
|
|
32912
32936
|
Progress.Content,
|
|
32913
32937
|
{
|
|
32914
32938
|
style: {
|
|
@@ -32924,15 +32948,15 @@ var SpeakerTest = () => {
|
|
|
32924
32948
|
const devices = useHMSStore98(selectDevices);
|
|
32925
32949
|
const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
|
|
32926
32950
|
if (devices.audioOutput.length === 0) {
|
|
32927
|
-
return /* @__PURE__ */
|
|
32951
|
+
return /* @__PURE__ */ React186.createElement(React186.Fragment, null);
|
|
32928
32952
|
}
|
|
32929
|
-
return /* @__PURE__ */
|
|
32953
|
+
return /* @__PURE__ */ React186.createElement(SelectContainer, null, /* @__PURE__ */ React186.createElement(
|
|
32930
32954
|
DeviceSelector2,
|
|
32931
32955
|
{
|
|
32932
32956
|
title: "Speaker (Output)",
|
|
32933
32957
|
devices: devices.audioOutput,
|
|
32934
32958
|
selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
|
|
32935
|
-
icon: /* @__PURE__ */
|
|
32959
|
+
icon: /* @__PURE__ */ React186.createElement(SpeakerIcon5, null),
|
|
32936
32960
|
onChange: (deviceId) => {
|
|
32937
32961
|
actions.setAudioOutputDevice(deviceId);
|
|
32938
32962
|
}
|
|
@@ -32940,12 +32964,19 @@ var SpeakerTest = () => {
|
|
|
32940
32964
|
));
|
|
32941
32965
|
};
|
|
32942
32966
|
var AudioTest = () => {
|
|
32943
|
-
const { hmsDiagnostics } =
|
|
32944
|
-
const [error,
|
|
32967
|
+
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
32968
|
+
const [error, setErrorAlone] = useState78();
|
|
32969
|
+
const setError = useCallback39(
|
|
32970
|
+
(err) => {
|
|
32971
|
+
updateStep(2 /* AUDIO */, { hasFailed: !!err });
|
|
32972
|
+
setErrorAlone(err);
|
|
32973
|
+
},
|
|
32974
|
+
[updateStep, setErrorAlone]
|
|
32975
|
+
);
|
|
32945
32976
|
useEffect76(() => {
|
|
32946
32977
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
|
|
32947
|
-
}, [hmsDiagnostics]);
|
|
32948
|
-
return /* @__PURE__ */
|
|
32978
|
+
}, [hmsDiagnostics, setError]);
|
|
32979
|
+
return /* @__PURE__ */ React186.createElement(React186.Fragment, null, /* @__PURE__ */ React186.createElement(TestContainer, null, /* @__PURE__ */ React186.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__ */ React186.createElement(
|
|
32949
32980
|
Flex,
|
|
32950
32981
|
{
|
|
32951
32982
|
css: {
|
|
@@ -32957,14 +32988,14 @@ var AudioTest = () => {
|
|
|
32957
32988
|
}
|
|
32958
32989
|
}
|
|
32959
32990
|
},
|
|
32960
|
-
/* @__PURE__ */
|
|
32961
|
-
/* @__PURE__ */
|
|
32962
|
-
)), /* @__PURE__ */
|
|
32991
|
+
/* @__PURE__ */ React186.createElement(MicTest, { setError }),
|
|
32992
|
+
/* @__PURE__ */ React186.createElement(SpeakerTest, null)
|
|
32993
|
+
)), /* @__PURE__ */ React186.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React186.createElement(PermissionErrorModal, { error }));
|
|
32963
32994
|
};
|
|
32964
32995
|
|
|
32965
32996
|
// src/Diagnostics/BrowserTest.tsx
|
|
32966
32997
|
init_define_process_env();
|
|
32967
|
-
import
|
|
32998
|
+
import React187, { useEffect as useEffect77, useState as useState79 } from "react";
|
|
32968
32999
|
import { parsedUserAgent as parsedUserAgent3 } from "@100mslive/react-sdk";
|
|
32969
33000
|
var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
|
|
32970
33001
|
var operatingSystemIconInfo = {
|
|
@@ -33046,38 +33077,39 @@ var browserTypeIconInfo = {
|
|
|
33046
33077
|
icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
|
|
33047
33078
|
}
|
|
33048
33079
|
};
|
|
33049
|
-
var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */
|
|
33080
|
+
var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React187.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React187.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React187.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React187.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React187.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React187.createElement(Text, null, value)));
|
|
33050
33081
|
var BrowserTest = () => {
|
|
33051
33082
|
var _a7, _b7, _c, _d;
|
|
33052
|
-
const { hmsDiagnostics } =
|
|
33083
|
+
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
33053
33084
|
const [error, setError] = useState79();
|
|
33054
33085
|
useEffect77(() => {
|
|
33055
33086
|
try {
|
|
33056
33087
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
|
|
33057
33088
|
} catch (err) {
|
|
33089
|
+
updateStep(0 /* BROWSER */, { hasFailed: true });
|
|
33058
33090
|
setError(err);
|
|
33059
33091
|
}
|
|
33060
|
-
}, [hmsDiagnostics]);
|
|
33061
|
-
return /* @__PURE__ */
|
|
33092
|
+
}, [hmsDiagnostics, updateStep]);
|
|
33093
|
+
return /* @__PURE__ */ React187.createElement(React187.Fragment, null, /* @__PURE__ */ React187.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React187.createElement(
|
|
33062
33094
|
CheckDetails,
|
|
33063
33095
|
{
|
|
33064
33096
|
title: "Browser",
|
|
33065
33097
|
iconURL: parsedUserAgent3.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent3.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
|
|
33066
33098
|
value: `${parsedUserAgent3.getBrowser().name} ${parsedUserAgent3.getBrowser().version}`
|
|
33067
33099
|
}
|
|
33068
|
-
), /* @__PURE__ */
|
|
33100
|
+
), /* @__PURE__ */ React187.createElement(
|
|
33069
33101
|
CheckDetails,
|
|
33070
33102
|
{
|
|
33071
33103
|
title: "Operating system",
|
|
33072
33104
|
iconURL: parsedUserAgent3.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent3.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
|
|
33073
33105
|
value: `${parsedUserAgent3.getOS().name} ${parsedUserAgent3.getOS().version}`
|
|
33074
33106
|
}
|
|
33075
|
-
)), /* @__PURE__ */
|
|
33107
|
+
)), /* @__PURE__ */ React187.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
33076
33108
|
};
|
|
33077
33109
|
|
|
33078
33110
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
33079
33111
|
init_define_process_env();
|
|
33080
|
-
import
|
|
33112
|
+
import React188, { useState as useState80 } from "react";
|
|
33081
33113
|
import { ConnectivityState } from "@100mslive/react-sdk";
|
|
33082
33114
|
import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
|
|
33083
33115
|
var Regions = {
|
|
@@ -33100,8 +33132,8 @@ var ConnectivityTestStepResult = ({
|
|
|
33100
33132
|
success,
|
|
33101
33133
|
children
|
|
33102
33134
|
}) => {
|
|
33103
|
-
const [hideDetails, setHideDetails] = useState80(
|
|
33104
|
-
return /* @__PURE__ */
|
|
33135
|
+
const [hideDetails, setHideDetails] = useState80(true);
|
|
33136
|
+
return /* @__PURE__ */ React188.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React188.createElement(Flex, null, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React188.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React188.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React188.createElement(Flex, null, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React188.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React188.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React188.createElement(
|
|
33105
33137
|
Flex,
|
|
33106
33138
|
{
|
|
33107
33139
|
onClick: () => setHideDetails(!hideDetails),
|
|
@@ -33111,8 +33143,8 @@ var ConnectivityTestStepResult = ({
|
|
|
33111
33143
|
color: "$primary_bright"
|
|
33112
33144
|
}
|
|
33113
33145
|
},
|
|
33114
|
-
hideDetails ? /* @__PURE__ */
|
|
33115
|
-
/* @__PURE__ */
|
|
33146
|
+
hideDetails ? /* @__PURE__ */ React188.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React188.createElement(EyeCloseIcon3, null),
|
|
33147
|
+
/* @__PURE__ */ React188.createElement(
|
|
33116
33148
|
Text,
|
|
33117
33149
|
{
|
|
33118
33150
|
variant: "caption",
|
|
@@ -33123,38 +33155,38 @@ var ConnectivityTestStepResult = ({
|
|
|
33123
33155
|
hideDetails ? "View" : "Hide",
|
|
33124
33156
|
" detailed information"
|
|
33125
33157
|
)
|
|
33126
|
-
), !hideDetails ? /* @__PURE__ */
|
|
33158
|
+
), !hideDetails ? /* @__PURE__ */ React188.createElement(Box, null, children) : null);
|
|
33127
33159
|
};
|
|
33128
33160
|
var DetailedInfo = ({
|
|
33129
33161
|
title,
|
|
33130
33162
|
value,
|
|
33131
33163
|
Icon: Icon4
|
|
33132
33164
|
}) => {
|
|
33133
|
-
return /* @__PURE__ */
|
|
33165
|
+
return /* @__PURE__ */ React188.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React188.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React188.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React188.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React188.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React188.createElement(Text, { variant: "caption" }, value)));
|
|
33134
33166
|
};
|
|
33135
33167
|
var MediaServerResult = ({ result }) => {
|
|
33136
33168
|
var _a7, _b7, _c, _d;
|
|
33137
|
-
return /* @__PURE__ */
|
|
33169
|
+
return /* @__PURE__ */ React188.createElement(
|
|
33138
33170
|
ConnectivityTestStepResult,
|
|
33139
33171
|
{
|
|
33140
33172
|
title: "Media server connection test",
|
|
33141
33173
|
success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
|
|
33142
33174
|
},
|
|
33143
|
-
/* @__PURE__ */
|
|
33175
|
+
/* @__PURE__ */ React188.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React188.createElement(
|
|
33144
33176
|
DetailedInfo,
|
|
33145
33177
|
{
|
|
33146
33178
|
title: "Media Captured",
|
|
33147
33179
|
value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
|
|
33148
33180
|
Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
33149
33181
|
}
|
|
33150
|
-
), /* @__PURE__ */
|
|
33182
|
+
), /* @__PURE__ */ React188.createElement(
|
|
33151
33183
|
DetailedInfo,
|
|
33152
33184
|
{
|
|
33153
33185
|
title: "Media Published",
|
|
33154
33186
|
value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
|
|
33155
33187
|
Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
33156
33188
|
}
|
|
33157
|
-
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */
|
|
33189
|
+
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React188.createElement(
|
|
33158
33190
|
DetailedInfo,
|
|
33159
33191
|
{
|
|
33160
33192
|
title: "Connection Quality Score (CQS)",
|
|
@@ -33164,27 +33196,27 @@ var MediaServerResult = ({ result }) => {
|
|
|
33164
33196
|
);
|
|
33165
33197
|
};
|
|
33166
33198
|
var SignallingResult = ({ result }) => {
|
|
33167
|
-
return /* @__PURE__ */
|
|
33199
|
+
return /* @__PURE__ */ React188.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React188.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React188.createElement(
|
|
33168
33200
|
DetailedInfo,
|
|
33169
33201
|
{
|
|
33170
33202
|
title: "Signalling Gateway",
|
|
33171
33203
|
value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
|
|
33172
33204
|
Icon: (result == null ? void 0 : result.isConnected) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
33173
33205
|
}
|
|
33174
|
-
), /* @__PURE__ */
|
|
33206
|
+
), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
|
|
33175
33207
|
};
|
|
33176
33208
|
var AudioStats = ({ stats }) => {
|
|
33177
|
-
return /* @__PURE__ */
|
|
33209
|
+
return /* @__PURE__ */ React188.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React188.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
|
|
33178
33210
|
};
|
|
33179
33211
|
var VideoStats = ({ stats }) => {
|
|
33180
|
-
return /* @__PURE__ */
|
|
33212
|
+
return /* @__PURE__ */ React188.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React188.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
|
|
33181
33213
|
};
|
|
33182
33214
|
var Footer3 = ({
|
|
33183
33215
|
error,
|
|
33184
33216
|
result,
|
|
33185
33217
|
restart
|
|
33186
33218
|
}) => {
|
|
33187
|
-
return /* @__PURE__ */
|
|
33219
|
+
return /* @__PURE__ */ React188.createElement(TestFooter, { error }, /* @__PURE__ */ React188.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React188.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React188.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
|
|
33188
33220
|
};
|
|
33189
33221
|
var ConnectivityTestReport = ({
|
|
33190
33222
|
error,
|
|
@@ -33194,14 +33226,14 @@ var ConnectivityTestReport = ({
|
|
|
33194
33226
|
}) => {
|
|
33195
33227
|
var _a7, _b7, _c, _d;
|
|
33196
33228
|
if (error) {
|
|
33197
|
-
return /* @__PURE__ */
|
|
33229
|
+
return /* @__PURE__ */ React188.createElement(React188.Fragment, null, /* @__PURE__ */ React188.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React188.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React188.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React188.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React188.createElement(Footer3, { restart: startTest, error }));
|
|
33198
33230
|
}
|
|
33199
33231
|
if (result) {
|
|
33200
33232
|
console.log(result);
|
|
33201
|
-
return /* @__PURE__ */
|
|
33233
|
+
return /* @__PURE__ */ React188.createElement(React188.Fragment, null, /* @__PURE__ */ React188.createElement(TestContainer, null, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React188.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React188.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React188.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React188.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React188.createElement(Footer3, { result, restart: startTest, error }));
|
|
33202
33234
|
}
|
|
33203
33235
|
if (progress !== void 0) {
|
|
33204
|
-
return /* @__PURE__ */
|
|
33236
|
+
return /* @__PURE__ */ React188.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React188.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React188.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React188.createElement(
|
|
33205
33237
|
Text,
|
|
33206
33238
|
{
|
|
33207
33239
|
variant: "body2",
|
|
@@ -33217,7 +33249,7 @@ var RegionSelector = ({
|
|
|
33217
33249
|
setRegion,
|
|
33218
33250
|
startTest
|
|
33219
33251
|
}) => {
|
|
33220
|
-
return /* @__PURE__ */
|
|
33252
|
+
return /* @__PURE__ */ React188.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React188.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React188.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React188.createElement(
|
|
33221
33253
|
Flex,
|
|
33222
33254
|
{
|
|
33223
33255
|
justify: "between",
|
|
@@ -33229,7 +33261,7 @@ var RegionSelector = ({
|
|
|
33229
33261
|
}
|
|
33230
33262
|
}
|
|
33231
33263
|
},
|
|
33232
|
-
/* @__PURE__ */
|
|
33264
|
+
/* @__PURE__ */ React188.createElement(
|
|
33233
33265
|
Flex,
|
|
33234
33266
|
{
|
|
33235
33267
|
css: {
|
|
@@ -33239,7 +33271,7 @@ var RegionSelector = ({
|
|
|
33239
33271
|
}
|
|
33240
33272
|
}
|
|
33241
33273
|
},
|
|
33242
|
-
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */
|
|
33274
|
+
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React188.createElement(
|
|
33243
33275
|
Button,
|
|
33244
33276
|
{
|
|
33245
33277
|
key,
|
|
@@ -33251,17 +33283,17 @@ var RegionSelector = ({
|
|
|
33251
33283
|
value
|
|
33252
33284
|
))
|
|
33253
33285
|
),
|
|
33254
|
-
/* @__PURE__ */
|
|
33286
|
+
/* @__PURE__ */ React188.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React188.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
|
|
33255
33287
|
));
|
|
33256
33288
|
};
|
|
33257
33289
|
var ConnectivityTest = () => {
|
|
33258
|
-
const { hmsDiagnostics,
|
|
33290
|
+
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
33259
33291
|
const [region, setRegion] = useState80(Object.keys(Regions)[0]);
|
|
33260
33292
|
const [error, setError] = useState80();
|
|
33261
33293
|
const [progress, setProgress] = useState80();
|
|
33262
33294
|
const [result, setResult] = useState80();
|
|
33263
33295
|
const startTest = () => {
|
|
33264
|
-
|
|
33296
|
+
updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
|
|
33265
33297
|
setError(void 0);
|
|
33266
33298
|
setResult(void 0);
|
|
33267
33299
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startConnectivityCheck(
|
|
@@ -33269,22 +33301,23 @@ var ConnectivityTest = () => {
|
|
|
33269
33301
|
setProgress(state);
|
|
33270
33302
|
},
|
|
33271
33303
|
(result2) => {
|
|
33272
|
-
|
|
33304
|
+
updateStep(3 /* CONNECTIVITY */, { isCompleted: true });
|
|
33273
33305
|
setResult(result2);
|
|
33274
33306
|
},
|
|
33275
33307
|
region
|
|
33276
33308
|
).catch((error2) => {
|
|
33309
|
+
updateStep(3 /* CONNECTIVITY */, { hasFailed: true });
|
|
33277
33310
|
setError(error2);
|
|
33278
33311
|
});
|
|
33279
33312
|
};
|
|
33280
|
-
return /* @__PURE__ */
|
|
33313
|
+
return /* @__PURE__ */ React188.createElement(React188.Fragment, null, /* @__PURE__ */ React188.createElement(
|
|
33281
33314
|
RegionSelector,
|
|
33282
33315
|
{
|
|
33283
33316
|
region,
|
|
33284
33317
|
setRegion,
|
|
33285
33318
|
startTest: progress === void 0 || progress === ConnectivityState.COMPLETED ? startTest : void 0
|
|
33286
33319
|
}
|
|
33287
|
-
), /* @__PURE__ */
|
|
33320
|
+
), /* @__PURE__ */ React188.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
33288
33321
|
};
|
|
33289
33322
|
var downloadJson = (obj, fileName) => {
|
|
33290
33323
|
const a2 = document.createElement("a");
|
|
@@ -33298,7 +33331,7 @@ var downloadJson = (obj, fileName) => {
|
|
|
33298
33331
|
|
|
33299
33332
|
// src/Diagnostics/VideoTest.tsx
|
|
33300
33333
|
init_define_process_env();
|
|
33301
|
-
import
|
|
33334
|
+
import React189, { useEffect as useEffect78, useState as useState81 } from "react";
|
|
33302
33335
|
import {
|
|
33303
33336
|
selectDevices as selectDevices2,
|
|
33304
33337
|
selectLocalMediaSettings as selectLocalMediaSettings2,
|
|
@@ -33307,16 +33340,19 @@ import {
|
|
|
33307
33340
|
} from "@100mslive/react-sdk";
|
|
33308
33341
|
import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
|
|
33309
33342
|
var VideoTest = () => {
|
|
33310
|
-
const { hmsDiagnostics } =
|
|
33343
|
+
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
33311
33344
|
const allDevices = useHMSStore99(selectDevices2);
|
|
33312
33345
|
const { videoInput } = allDevices;
|
|
33313
33346
|
const trackID = useHMSStore99(selectLocalVideoTrackID4);
|
|
33314
33347
|
const sdkSelectedDevices = useHMSStore99(selectLocalMediaSettings2);
|
|
33315
33348
|
const [error, setError] = useState81();
|
|
33316
33349
|
useEffect78(() => {
|
|
33317
|
-
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) =>
|
|
33318
|
-
|
|
33319
|
-
|
|
33350
|
+
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
33351
|
+
updateStep(1 /* VIDEO */, { hasFailed: true });
|
|
33352
|
+
setError(err);
|
|
33353
|
+
});
|
|
33354
|
+
}, [hmsDiagnostics, updateStep]);
|
|
33355
|
+
return /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React189.createElement(
|
|
33320
33356
|
StyledVideoTile.Container,
|
|
33321
33357
|
{
|
|
33322
33358
|
css: {
|
|
@@ -33326,30 +33362,30 @@ var VideoTest = () => {
|
|
|
33326
33362
|
"@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
|
|
33327
33363
|
}
|
|
33328
33364
|
},
|
|
33329
|
-
/* @__PURE__ */
|
|
33330
|
-
), /* @__PURE__ */
|
|
33365
|
+
/* @__PURE__ */ React189.createElement(Video, { mirror: true, trackId: trackID })
|
|
33366
|
+
), /* @__PURE__ */ React189.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React189.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__ */ React189.createElement(
|
|
33331
33367
|
DeviceSelector2,
|
|
33332
33368
|
{
|
|
33333
33369
|
title: "Video",
|
|
33334
33370
|
devices: videoInput || [],
|
|
33335
|
-
icon: /* @__PURE__ */
|
|
33371
|
+
icon: /* @__PURE__ */ React189.createElement(VideoOnIcon5, null),
|
|
33336
33372
|
selection: sdkSelectedDevices.videoInputDeviceId,
|
|
33337
33373
|
onChange: (deviceId) => __async(void 0, null, function* () {
|
|
33338
33374
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
|
|
33339
33375
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
|
|
33340
33376
|
})
|
|
33341
33377
|
}
|
|
33342
|
-
))), /* @__PURE__ */
|
|
33378
|
+
))), /* @__PURE__ */ React189.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React189.createElement(PermissionErrorModal, { error }));
|
|
33343
33379
|
};
|
|
33344
33380
|
|
|
33345
33381
|
// src/Diagnostics/Diagnostics.tsx
|
|
33346
33382
|
var DiagnosticsStepIcon = {
|
|
33347
|
-
|
|
33348
|
-
|
|
33349
|
-
|
|
33350
|
-
|
|
33383
|
+
[1 /* VIDEO */]: /* @__PURE__ */ React190.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
|
|
33384
|
+
[2 /* AUDIO */]: /* @__PURE__ */ React190.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
|
|
33385
|
+
[0 /* BROWSER */]: /* @__PURE__ */ React190.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
|
|
33386
|
+
[3 /* CONNECTIVITY */]: /* @__PURE__ */ React190.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
|
|
33351
33387
|
};
|
|
33352
|
-
var Container5 = ({ children }) => /* @__PURE__ */
|
|
33388
|
+
var Container5 = ({ children }) => /* @__PURE__ */ React190.createElement(
|
|
33353
33389
|
Box,
|
|
33354
33390
|
{
|
|
33355
33391
|
css: {
|
|
@@ -33360,11 +33396,15 @@ var Container5 = ({ children }) => /* @__PURE__ */ React189.createElement(
|
|
|
33360
33396
|
lineHeight: "1.5",
|
|
33361
33397
|
"-webkit-text-size-adjust": "100%",
|
|
33362
33398
|
position: "relative",
|
|
33363
|
-
h:
|
|
33399
|
+
h: "100%",
|
|
33364
33400
|
"@lg": {
|
|
33365
33401
|
p: "$12"
|
|
33366
33402
|
},
|
|
33367
33403
|
overflowY: "auto",
|
|
33404
|
+
boxSizing: "border-box",
|
|
33405
|
+
"& *": {
|
|
33406
|
+
boxSizing: "border-box"
|
|
33407
|
+
},
|
|
33368
33408
|
"::-webkit-scrollbar-track": {
|
|
33369
33409
|
WebkitBoxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
|
|
33370
33410
|
boxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
|
|
@@ -33384,64 +33424,73 @@ var Container5 = ({ children }) => /* @__PURE__ */ React189.createElement(
|
|
|
33384
33424
|
children
|
|
33385
33425
|
);
|
|
33386
33426
|
var DiagnosticsStepTest = () => {
|
|
33387
|
-
const {
|
|
33388
|
-
let TestComponent = () => /* @__PURE__ */
|
|
33389
|
-
if (
|
|
33427
|
+
const { activeStepIndex } = useDiagnostics();
|
|
33428
|
+
let TestComponent = () => /* @__PURE__ */ React190.createElement(React190.Fragment, null);
|
|
33429
|
+
if (activeStepIndex === 2 /* AUDIO */) {
|
|
33390
33430
|
TestComponent = AudioTest;
|
|
33391
|
-
} else if (
|
|
33431
|
+
} else if (activeStepIndex === 1 /* VIDEO */) {
|
|
33392
33432
|
TestComponent = VideoTest;
|
|
33393
|
-
} else if (
|
|
33433
|
+
} else if (activeStepIndex === 0 /* BROWSER */) {
|
|
33394
33434
|
TestComponent = BrowserTest;
|
|
33395
|
-
} else if (
|
|
33435
|
+
} else if (activeStepIndex === 3 /* CONNECTIVITY */) {
|
|
33396
33436
|
TestComponent = ConnectivityTest;
|
|
33397
33437
|
}
|
|
33398
|
-
return /* @__PURE__ */
|
|
33438
|
+
return /* @__PURE__ */ React190.createElement(TestComponent, { key: activeStepIndex });
|
|
33399
33439
|
};
|
|
33400
33440
|
var DiagnosticsStepHeader = () => {
|
|
33401
|
-
const { activeStep } =
|
|
33402
|
-
return /* @__PURE__ */
|
|
33441
|
+
const { activeStepIndex, activeStep } = useDiagnostics();
|
|
33442
|
+
return /* @__PURE__ */ React190.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React190.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
|
|
33403
33443
|
};
|
|
33404
|
-
var
|
|
33405
|
-
return /* @__PURE__ */
|
|
33444
|
+
var DiagnosticsStepContainer = () => {
|
|
33445
|
+
return /* @__PURE__ */ React190.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React190.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React190.createElement(DiagnosticsStepTest, null));
|
|
33406
33446
|
};
|
|
33407
33447
|
var DiagnosticsStepsList = () => {
|
|
33408
|
-
const { activeStep,
|
|
33409
|
-
return /* @__PURE__ */
|
|
33410
|
-
const
|
|
33411
|
-
const
|
|
33412
|
-
const
|
|
33413
|
-
const isStepCompleted = activeStepIndex > keyIndex || activeStep === "connectivity" && connectivityTested;
|
|
33448
|
+
const { activeStepIndex, activeStep, steps } = useDiagnostics();
|
|
33449
|
+
return /* @__PURE__ */ React190.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
|
|
33450
|
+
const keyIndex = Number(key);
|
|
33451
|
+
const step = steps[keyIndex];
|
|
33452
|
+
const isStepCompleted = activeStepIndex > keyIndex || activeStep.isCompleted;
|
|
33414
33453
|
let color = "$on_primary_low";
|
|
33415
|
-
|
|
33454
|
+
let icon = /* @__PURE__ */ React190.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
33455
|
+
if (activeStepIndex === keyIndex) {
|
|
33416
33456
|
color = "$on_primary_high";
|
|
33457
|
+
icon = /* @__PURE__ */ React190.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
33417
33458
|
}
|
|
33418
33459
|
if (isStepCompleted) {
|
|
33419
33460
|
color = "$primary_bright";
|
|
33461
|
+
icon = /* @__PURE__ */ React190.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
|
|
33420
33462
|
}
|
|
33421
|
-
|
|
33463
|
+
if (step.hasFailed) {
|
|
33464
|
+
color = "$alert_error_default";
|
|
33465
|
+
icon = /* @__PURE__ */ React190.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
|
|
33466
|
+
}
|
|
33467
|
+
return /* @__PURE__ */ React190.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React190.createElement(Text, { css: { c: color } }, step.name));
|
|
33422
33468
|
}));
|
|
33423
33469
|
};
|
|
33424
33470
|
var DiagnosticsProvider = () => {
|
|
33425
33471
|
const actions = useHMSActions58();
|
|
33426
|
-
const [activeStep, setActiveStep] = useState82(
|
|
33427
|
-
const [
|
|
33472
|
+
const [activeStep, setActiveStep] = useState82(0);
|
|
33473
|
+
const [steps, setSteps] = useState82(initialSteps);
|
|
33428
33474
|
const diagnosticsRef = useRef33(actions.initDiagnostics());
|
|
33429
|
-
|
|
33475
|
+
const updateStep = useCallback40((step, value) => {
|
|
33476
|
+
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|
|
33477
|
+
}, []);
|
|
33478
|
+
return /* @__PURE__ */ React190.createElement(
|
|
33430
33479
|
DiagnosticsContext.Provider,
|
|
33431
33480
|
{
|
|
33432
33481
|
value: {
|
|
33433
33482
|
hmsDiagnostics: diagnosticsRef.current,
|
|
33434
|
-
activeStep,
|
|
33483
|
+
activeStepIndex: activeStep,
|
|
33435
33484
|
setActiveStep,
|
|
33436
|
-
|
|
33437
|
-
|
|
33485
|
+
steps,
|
|
33486
|
+
updateStep
|
|
33438
33487
|
}
|
|
33439
33488
|
},
|
|
33440
|
-
/* @__PURE__ */
|
|
33489
|
+
/* @__PURE__ */ React190.createElement(Container5, null, /* @__PURE__ */ React190.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React190.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React190.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React190.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React190.createElement(DiagnosticsStepContainer, null)))
|
|
33441
33490
|
);
|
|
33442
33491
|
};
|
|
33443
33492
|
var Diagnostics = () => {
|
|
33444
|
-
return /* @__PURE__ */
|
|
33493
|
+
return /* @__PURE__ */ React190.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React190.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React190.createElement(DiagnosticsProvider, null)));
|
|
33445
33494
|
};
|
|
33446
33495
|
|
|
33447
33496
|
export {
|
|
@@ -33576,4 +33625,4 @@ object-assign/index.js:
|
|
|
33576
33625
|
@license MIT
|
|
33577
33626
|
*)
|
|
33578
33627
|
*/
|
|
33579
|
-
//# sourceMappingURL=chunk-
|
|
33628
|
+
//# sourceMappingURL=chunk-BVSFQTDX.js.map
|