@100mslive/roomkit-react 0.3.15-alpha.1 → 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/ConnectivityTest.d.ts +2 -1
- package/dist/Diagnostics/DiagnosticsContext.d.ts +42 -0
- package/dist/Diagnostics/components.d.ts +0 -9
- package/dist/{HLSView-KKS3ZEYM.css → HLSView-7HFHBF6S.css} +3 -3
- package/dist/{HLSView-KKS3ZEYM.css.map → HLSView-7HFHBF6S.css.map} +1 -1
- package/dist/{HLSView-33JUAQ33.js → HLSView-B4LXRW3N.js} +2 -2
- package/dist/{chunk-MTS2LMGT.js → chunk-BVSFQTDX.js} +226 -139
- package/dist/{chunk-MTS2LMGT.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 +244 -155
- 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 +34 -10
- package/src/Diagnostics/Diagnostics.tsx +95 -55
- package/src/Diagnostics/DiagnosticsContext.ts +46 -0
- package/src/Diagnostics/VideoTest.tsx +9 -5
- package/src/Diagnostics/components.tsx +7 -34
- /package/dist/{HLSView-33JUAQ33.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_0755696e-0a65-4142-852d-4187cced97f2", 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.1", 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.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_0755696e-0a65-4142-852d-4187cced97f2", 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.1", 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: "597", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_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:20027", 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.1", 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: "9741979690", 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: "d841ae70e97bfd176bcfc86b44f6ad939832fe13", 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: "8d3025fff9a09de54a6f7eedbc9c230c624f4a51531e48abebe9993c51841573", 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--1719827248966-0.07910494089758968:/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--1719827248771-0.2907408618632279:/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--1719827223580-0.152480323754848:/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--1719827223403-0.6512787125964512:/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_78664b3c-0200-4ca8-a8c4-7a8c1af96535", INVOCATION_ID: "a11470939cb945d99a06e16dbdcddaa1", 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: "591", 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 25", 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.1", 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.1", 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: "d841ae70e97bfd176bcfc86b44f6ad939832fe13", 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_0755696e-0a65-4142-852d-4187cced97f2", 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_0755696e-0a65-4142-852d-4187cced97f2", 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_0755696e-0a65-4142-852d-4187cced97f2" };
|
|
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,57 +32689,92 @@ 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: {
|
|
32739
32776
|
py: "$8",
|
|
32740
32777
|
px: "$10",
|
|
32741
|
-
position: "sticky",
|
|
32742
|
-
bottom: "0",
|
|
32743
32778
|
background: "$background_dim",
|
|
32744
32779
|
justifyContent: "space-between",
|
|
32745
32780
|
alignItems: "center",
|
|
@@ -32752,33 +32787,20 @@ var TestFooter = ({
|
|
|
32752
32787
|
"@lg": { flexDirection: "column", gap: "$8" }
|
|
32753
32788
|
}
|
|
32754
32789
|
},
|
|
32755
|
-
/* @__PURE__ */
|
|
32756
|
-
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")))
|
|
32757
32792
|
);
|
|
32758
32793
|
};
|
|
32759
32794
|
|
|
32760
|
-
// src/Diagnostics/AudioTest.tsx
|
|
32761
|
-
init_define_process_env();
|
|
32762
|
-
import React185, { useContext as useContext6, useEffect as useEffect76, useState as useState78 } from "react";
|
|
32763
|
-
import {
|
|
32764
|
-
selectDevices,
|
|
32765
|
-
selectLocalAudioTrackID as selectLocalAudioTrackID2,
|
|
32766
|
-
selectLocalMediaSettings,
|
|
32767
|
-
selectTrackAudioByID as selectTrackAudioByID2,
|
|
32768
|
-
useHMSActions as useHMSActions57,
|
|
32769
|
-
useHMSStore as useHMSStore98
|
|
32770
|
-
} from "@100mslive/react-sdk";
|
|
32771
|
-
import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
|
|
32772
|
-
|
|
32773
32795
|
// src/Diagnostics/DeviceSelector.jsx
|
|
32774
32796
|
init_define_process_env();
|
|
32775
32797
|
var import_prop_types = __toESM(require_prop_types());
|
|
32776
|
-
import
|
|
32798
|
+
import React185, { useRef as useRef32, useState as useState77 } from "react";
|
|
32777
32799
|
var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
32778
32800
|
var _a7, _b7;
|
|
32779
32801
|
const [open, setOpen] = useState77(false);
|
|
32780
32802
|
const ref = useRef32(null);
|
|
32781
|
-
return /* @__PURE__ */
|
|
32803
|
+
return /* @__PURE__ */ React185.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React185.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React185.createElement(
|
|
32782
32804
|
Flex,
|
|
32783
32805
|
{
|
|
32784
32806
|
align: "center",
|
|
@@ -32790,7 +32812,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
32790
32812
|
}
|
|
32791
32813
|
}
|
|
32792
32814
|
},
|
|
32793
|
-
/* @__PURE__ */
|
|
32815
|
+
/* @__PURE__ */ React185.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React185.createElement(
|
|
32794
32816
|
DialogDropdownTrigger,
|
|
32795
32817
|
{
|
|
32796
32818
|
ref,
|
|
@@ -32798,7 +32820,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
32798
32820
|
title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
|
|
32799
32821
|
open
|
|
32800
32822
|
}
|
|
32801
|
-
), /* @__PURE__ */
|
|
32823
|
+
), /* @__PURE__ */ React185.createElement(Dropdown.Portal, null, /* @__PURE__ */ React185.createElement(
|
|
32802
32824
|
Dropdown.Content,
|
|
32803
32825
|
{
|
|
32804
32826
|
align: "start",
|
|
@@ -32812,7 +32834,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
|
|
|
32812
32834
|
}
|
|
32813
32835
|
},
|
|
32814
32836
|
devices.map((device) => {
|
|
32815
|
-
return /* @__PURE__ */
|
|
32837
|
+
return /* @__PURE__ */ React185.createElement(
|
|
32816
32838
|
Dropdown.Item,
|
|
32817
32839
|
{
|
|
32818
32840
|
key: device.label,
|
|
@@ -32838,10 +32860,10 @@ DeviceSelector2.propTypes = {
|
|
|
32838
32860
|
};
|
|
32839
32861
|
|
|
32840
32862
|
// src/Diagnostics/AudioTest.tsx
|
|
32841
|
-
var SelectContainer = ({ children }) => /* @__PURE__ */
|
|
32863
|
+
var SelectContainer = ({ children }) => /* @__PURE__ */ React186.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
|
|
32842
32864
|
var MicTest = ({ setError }) => {
|
|
32843
32865
|
var _a7, _b7;
|
|
32844
|
-
const { hmsDiagnostics } =
|
|
32866
|
+
const { hmsDiagnostics } = useDiagnostics();
|
|
32845
32867
|
const devices = useHMSStore98(selectDevices);
|
|
32846
32868
|
const [isRecording, setIsRecording] = useState78(false);
|
|
32847
32869
|
const [selectedMic, setSelectedMic] = useState78(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
|
@@ -32851,20 +32873,20 @@ var MicTest = ({ setError }) => {
|
|
|
32851
32873
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
32852
32874
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
32853
32875
|
});
|
|
32854
|
-
return /* @__PURE__ */
|
|
32876
|
+
return /* @__PURE__ */ React186.createElement(SelectContainer, null, /* @__PURE__ */ React186.createElement(
|
|
32855
32877
|
DeviceSelector2,
|
|
32856
32878
|
{
|
|
32857
32879
|
title: "Microphone (Input)",
|
|
32858
32880
|
devices: devices.audioInput,
|
|
32859
32881
|
selection: selectedMic,
|
|
32860
|
-
icon: /* @__PURE__ */
|
|
32882
|
+
icon: /* @__PURE__ */ React186.createElement(MicOnIcon7, null),
|
|
32861
32883
|
onChange: (deviceId) => {
|
|
32862
32884
|
setError(void 0);
|
|
32863
32885
|
setSelectedMic(deviceId);
|
|
32864
32886
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
|
|
32865
32887
|
}
|
|
32866
32888
|
}
|
|
32867
|
-
), /* @__PURE__ */
|
|
32889
|
+
), /* @__PURE__ */ React186.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React186.createElement(
|
|
32868
32890
|
Button,
|
|
32869
32891
|
{
|
|
32870
32892
|
variant: "standard",
|
|
@@ -32884,9 +32906,9 @@ var MicTest = ({ setError }) => {
|
|
|
32884
32906
|
},
|
|
32885
32907
|
disabled: devices.audioInput.length === 0 || playing
|
|
32886
32908
|
},
|
|
32887
|
-
isRecording ? /* @__PURE__ */
|
|
32909
|
+
isRecording ? /* @__PURE__ */ React186.createElement(StopIcon3, null) : /* @__PURE__ */ React186.createElement(MicOnIcon7, null),
|
|
32888
32910
|
isRecording ? "Stop Recording" : "Record"
|
|
32889
|
-
), /* @__PURE__ */
|
|
32911
|
+
), /* @__PURE__ */ React186.createElement(
|
|
32890
32912
|
Button,
|
|
32891
32913
|
{
|
|
32892
32914
|
icon: true,
|
|
@@ -32900,9 +32922,9 @@ var MicTest = ({ setError }) => {
|
|
|
32900
32922
|
},
|
|
32901
32923
|
disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
|
|
32902
32924
|
},
|
|
32903
|
-
/* @__PURE__ */
|
|
32925
|
+
/* @__PURE__ */ React186.createElement(SpeakerIcon5, null),
|
|
32904
32926
|
playing ? "Playing..." : "Playback"
|
|
32905
|
-
), /* @__PURE__ */
|
|
32927
|
+
), /* @__PURE__ */ React186.createElement(
|
|
32906
32928
|
"audio",
|
|
32907
32929
|
{
|
|
32908
32930
|
ref: audioRef,
|
|
@@ -32910,7 +32932,7 @@ var MicTest = ({ setError }) => {
|
|
|
32910
32932
|
onPlay: () => setPlaying(true),
|
|
32911
32933
|
style: { display: "none" }
|
|
32912
32934
|
}
|
|
32913
|
-
)), /* @__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(
|
|
32914
32936
|
Progress.Content,
|
|
32915
32937
|
{
|
|
32916
32938
|
style: {
|
|
@@ -32926,15 +32948,15 @@ var SpeakerTest = () => {
|
|
|
32926
32948
|
const devices = useHMSStore98(selectDevices);
|
|
32927
32949
|
const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
|
|
32928
32950
|
if (devices.audioOutput.length === 0) {
|
|
32929
|
-
return /* @__PURE__ */
|
|
32951
|
+
return /* @__PURE__ */ React186.createElement(React186.Fragment, null);
|
|
32930
32952
|
}
|
|
32931
|
-
return /* @__PURE__ */
|
|
32953
|
+
return /* @__PURE__ */ React186.createElement(SelectContainer, null, /* @__PURE__ */ React186.createElement(
|
|
32932
32954
|
DeviceSelector2,
|
|
32933
32955
|
{
|
|
32934
32956
|
title: "Speaker (Output)",
|
|
32935
32957
|
devices: devices.audioOutput,
|
|
32936
32958
|
selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
|
|
32937
|
-
icon: /* @__PURE__ */
|
|
32959
|
+
icon: /* @__PURE__ */ React186.createElement(SpeakerIcon5, null),
|
|
32938
32960
|
onChange: (deviceId) => {
|
|
32939
32961
|
actions.setAudioOutputDevice(deviceId);
|
|
32940
32962
|
}
|
|
@@ -32942,12 +32964,19 @@ var SpeakerTest = () => {
|
|
|
32942
32964
|
));
|
|
32943
32965
|
};
|
|
32944
32966
|
var AudioTest = () => {
|
|
32945
|
-
const { hmsDiagnostics } =
|
|
32946
|
-
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
|
+
);
|
|
32947
32976
|
useEffect76(() => {
|
|
32948
32977
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
|
|
32949
|
-
}, [hmsDiagnostics]);
|
|
32950
|
-
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(
|
|
32951
32980
|
Flex,
|
|
32952
32981
|
{
|
|
32953
32982
|
css: {
|
|
@@ -32959,14 +32988,14 @@ var AudioTest = () => {
|
|
|
32959
32988
|
}
|
|
32960
32989
|
}
|
|
32961
32990
|
},
|
|
32962
|
-
/* @__PURE__ */
|
|
32963
|
-
/* @__PURE__ */
|
|
32964
|
-
)), /* @__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 }));
|
|
32965
32994
|
};
|
|
32966
32995
|
|
|
32967
32996
|
// src/Diagnostics/BrowserTest.tsx
|
|
32968
32997
|
init_define_process_env();
|
|
32969
|
-
import
|
|
32998
|
+
import React187, { useEffect as useEffect77, useState as useState79 } from "react";
|
|
32970
32999
|
import { parsedUserAgent as parsedUserAgent3 } from "@100mslive/react-sdk";
|
|
32971
33000
|
var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
|
|
32972
33001
|
var operatingSystemIconInfo = {
|
|
@@ -33048,40 +33077,41 @@ var browserTypeIconInfo = {
|
|
|
33048
33077
|
icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
|
|
33049
33078
|
}
|
|
33050
33079
|
};
|
|
33051
|
-
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)));
|
|
33052
33081
|
var BrowserTest = () => {
|
|
33053
33082
|
var _a7, _b7, _c, _d;
|
|
33054
|
-
const { hmsDiagnostics } =
|
|
33083
|
+
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
33055
33084
|
const [error, setError] = useState79();
|
|
33056
33085
|
useEffect77(() => {
|
|
33057
33086
|
try {
|
|
33058
33087
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
|
|
33059
33088
|
} catch (err) {
|
|
33089
|
+
updateStep(0 /* BROWSER */, { hasFailed: true });
|
|
33060
33090
|
setError(err);
|
|
33061
33091
|
}
|
|
33062
|
-
}, [hmsDiagnostics]);
|
|
33063
|
-
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(
|
|
33064
33094
|
CheckDetails,
|
|
33065
33095
|
{
|
|
33066
33096
|
title: "Browser",
|
|
33067
33097
|
iconURL: parsedUserAgent3.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent3.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
|
|
33068
33098
|
value: `${parsedUserAgent3.getBrowser().name} ${parsedUserAgent3.getBrowser().version}`
|
|
33069
33099
|
}
|
|
33070
|
-
), /* @__PURE__ */
|
|
33100
|
+
), /* @__PURE__ */ React187.createElement(
|
|
33071
33101
|
CheckDetails,
|
|
33072
33102
|
{
|
|
33073
33103
|
title: "Operating system",
|
|
33074
33104
|
iconURL: parsedUserAgent3.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent3.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
|
|
33075
33105
|
value: `${parsedUserAgent3.getOS().name} ${parsedUserAgent3.getOS().version}`
|
|
33076
33106
|
}
|
|
33077
|
-
)), /* @__PURE__ */
|
|
33107
|
+
)), /* @__PURE__ */ React187.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
33078
33108
|
};
|
|
33079
33109
|
|
|
33080
33110
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
33081
33111
|
init_define_process_env();
|
|
33082
|
-
import
|
|
33112
|
+
import React188, { useState as useState80 } from "react";
|
|
33083
33113
|
import { ConnectivityState } from "@100mslive/react-sdk";
|
|
33084
|
-
import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, LinkIcon } from "@100mslive/react-icons";
|
|
33114
|
+
import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
|
|
33085
33115
|
var Regions = {
|
|
33086
33116
|
in: "India",
|
|
33087
33117
|
eu: "Europe",
|
|
@@ -33098,41 +33128,65 @@ var ConnectivityStateMessage = {
|
|
|
33098
33128
|
};
|
|
33099
33129
|
var ConnectivityTestStepResult = ({
|
|
33100
33130
|
title,
|
|
33131
|
+
status = "Connected",
|
|
33101
33132
|
success,
|
|
33102
33133
|
children
|
|
33103
33134
|
}) => {
|
|
33104
|
-
|
|
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(
|
|
33137
|
+
Flex,
|
|
33138
|
+
{
|
|
33139
|
+
onClick: () => setHideDetails(!hideDetails),
|
|
33140
|
+
align: "center",
|
|
33141
|
+
gap: "2",
|
|
33142
|
+
css: {
|
|
33143
|
+
color: "$primary_bright"
|
|
33144
|
+
}
|
|
33145
|
+
},
|
|
33146
|
+
hideDetails ? /* @__PURE__ */ React188.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React188.createElement(EyeCloseIcon3, null),
|
|
33147
|
+
/* @__PURE__ */ React188.createElement(
|
|
33148
|
+
Text,
|
|
33149
|
+
{
|
|
33150
|
+
variant: "caption",
|
|
33151
|
+
css: {
|
|
33152
|
+
color: "$primary_bright"
|
|
33153
|
+
}
|
|
33154
|
+
},
|
|
33155
|
+
hideDetails ? "View" : "Hide",
|
|
33156
|
+
" detailed information"
|
|
33157
|
+
)
|
|
33158
|
+
), !hideDetails ? /* @__PURE__ */ React188.createElement(Box, null, children) : null);
|
|
33105
33159
|
};
|
|
33106
33160
|
var DetailedInfo = ({
|
|
33107
33161
|
title,
|
|
33108
33162
|
value,
|
|
33109
33163
|
Icon: Icon4
|
|
33110
33164
|
}) => {
|
|
33111
|
-
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)));
|
|
33112
33166
|
};
|
|
33113
33167
|
var MediaServerResult = ({ result }) => {
|
|
33114
33168
|
var _a7, _b7, _c, _d;
|
|
33115
|
-
return /* @__PURE__ */
|
|
33169
|
+
return /* @__PURE__ */ React188.createElement(
|
|
33116
33170
|
ConnectivityTestStepResult,
|
|
33117
33171
|
{
|
|
33118
33172
|
title: "Media server connection test",
|
|
33119
33173
|
success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
|
|
33120
33174
|
},
|
|
33121
|
-
/* @__PURE__ */
|
|
33175
|
+
/* @__PURE__ */ React188.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React188.createElement(
|
|
33122
33176
|
DetailedInfo,
|
|
33123
33177
|
{
|
|
33124
33178
|
title: "Media Captured",
|
|
33125
33179
|
value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
|
|
33126
33180
|
Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
33127
33181
|
}
|
|
33128
|
-
), /* @__PURE__ */
|
|
33182
|
+
), /* @__PURE__ */ React188.createElement(
|
|
33129
33183
|
DetailedInfo,
|
|
33130
33184
|
{
|
|
33131
33185
|
title: "Media Published",
|
|
33132
33186
|
value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
|
|
33133
33187
|
Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
33134
33188
|
}
|
|
33135
|
-
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */
|
|
33189
|
+
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React188.createElement(
|
|
33136
33190
|
DetailedInfo,
|
|
33137
33191
|
{
|
|
33138
33192
|
title: "Connection Quality Score (CQS)",
|
|
@@ -33142,27 +33196,27 @@ var MediaServerResult = ({ result }) => {
|
|
|
33142
33196
|
);
|
|
33143
33197
|
};
|
|
33144
33198
|
var SignallingResult = ({ result }) => {
|
|
33145
|
-
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(
|
|
33146
33200
|
DetailedInfo,
|
|
33147
33201
|
{
|
|
33148
33202
|
title: "Signalling Gateway",
|
|
33149
33203
|
value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
|
|
33150
33204
|
Icon: (result == null ? void 0 : result.isConnected) ? CheckCircleIcon6 : CrossCircleIcon4
|
|
33151
33205
|
}
|
|
33152
|
-
), /* @__PURE__ */
|
|
33206
|
+
), /* @__PURE__ */ React188.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
|
|
33153
33207
|
};
|
|
33154
33208
|
var AudioStats = ({ stats }) => {
|
|
33155
|
-
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` })));
|
|
33156
33210
|
};
|
|
33157
33211
|
var VideoStats = ({ stats }) => {
|
|
33158
|
-
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` })));
|
|
33159
33213
|
};
|
|
33160
33214
|
var Footer3 = ({
|
|
33161
33215
|
error,
|
|
33162
33216
|
result,
|
|
33163
33217
|
restart
|
|
33164
33218
|
}) => {
|
|
33165
|
-
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")));
|
|
33166
33220
|
};
|
|
33167
33221
|
var ConnectivityTestReport = ({
|
|
33168
33222
|
error,
|
|
@@ -33172,14 +33226,14 @@ var ConnectivityTestReport = ({
|
|
|
33172
33226
|
}) => {
|
|
33173
33227
|
var _a7, _b7, _c, _d;
|
|
33174
33228
|
if (error) {
|
|
33175
|
-
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 }));
|
|
33176
33230
|
}
|
|
33177
33231
|
if (result) {
|
|
33178
33232
|
console.log(result);
|
|
33179
|
-
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 }));
|
|
33180
33234
|
}
|
|
33181
33235
|
if (progress !== void 0) {
|
|
33182
|
-
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(
|
|
33183
33237
|
Text,
|
|
33184
33238
|
{
|
|
33185
33239
|
variant: "body2",
|
|
@@ -33195,7 +33249,7 @@ var RegionSelector = ({
|
|
|
33195
33249
|
setRegion,
|
|
33196
33250
|
startTest
|
|
33197
33251
|
}) => {
|
|
33198
|
-
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(
|
|
33199
33253
|
Flex,
|
|
33200
33254
|
{
|
|
33201
33255
|
justify: "between",
|
|
@@ -33207,7 +33261,7 @@ var RegionSelector = ({
|
|
|
33207
33261
|
}
|
|
33208
33262
|
}
|
|
33209
33263
|
},
|
|
33210
|
-
/* @__PURE__ */
|
|
33264
|
+
/* @__PURE__ */ React188.createElement(
|
|
33211
33265
|
Flex,
|
|
33212
33266
|
{
|
|
33213
33267
|
css: {
|
|
@@ -33217,7 +33271,7 @@ var RegionSelector = ({
|
|
|
33217
33271
|
}
|
|
33218
33272
|
}
|
|
33219
33273
|
},
|
|
33220
|
-
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */
|
|
33274
|
+
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React188.createElement(
|
|
33221
33275
|
Button,
|
|
33222
33276
|
{
|
|
33223
33277
|
key,
|
|
@@ -33229,17 +33283,17 @@ var RegionSelector = ({
|
|
|
33229
33283
|
value
|
|
33230
33284
|
))
|
|
33231
33285
|
),
|
|
33232
|
-
/* @__PURE__ */
|
|
33286
|
+
/* @__PURE__ */ React188.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React188.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
|
|
33233
33287
|
));
|
|
33234
33288
|
};
|
|
33235
33289
|
var ConnectivityTest = () => {
|
|
33236
|
-
const { hmsDiagnostics,
|
|
33290
|
+
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
33237
33291
|
const [region, setRegion] = useState80(Object.keys(Regions)[0]);
|
|
33238
33292
|
const [error, setError] = useState80();
|
|
33239
33293
|
const [progress, setProgress] = useState80();
|
|
33240
33294
|
const [result, setResult] = useState80();
|
|
33241
33295
|
const startTest = () => {
|
|
33242
|
-
|
|
33296
|
+
updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
|
|
33243
33297
|
setError(void 0);
|
|
33244
33298
|
setResult(void 0);
|
|
33245
33299
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startConnectivityCheck(
|
|
@@ -33247,22 +33301,23 @@ var ConnectivityTest = () => {
|
|
|
33247
33301
|
setProgress(state);
|
|
33248
33302
|
},
|
|
33249
33303
|
(result2) => {
|
|
33250
|
-
|
|
33304
|
+
updateStep(3 /* CONNECTIVITY */, { isCompleted: true });
|
|
33251
33305
|
setResult(result2);
|
|
33252
33306
|
},
|
|
33253
33307
|
region
|
|
33254
33308
|
).catch((error2) => {
|
|
33309
|
+
updateStep(3 /* CONNECTIVITY */, { hasFailed: true });
|
|
33255
33310
|
setError(error2);
|
|
33256
33311
|
});
|
|
33257
33312
|
};
|
|
33258
|
-
return /* @__PURE__ */
|
|
33313
|
+
return /* @__PURE__ */ React188.createElement(React188.Fragment, null, /* @__PURE__ */ React188.createElement(
|
|
33259
33314
|
RegionSelector,
|
|
33260
33315
|
{
|
|
33261
33316
|
region,
|
|
33262
33317
|
setRegion,
|
|
33263
33318
|
startTest: progress === void 0 || progress === ConnectivityState.COMPLETED ? startTest : void 0
|
|
33264
33319
|
}
|
|
33265
|
-
), /* @__PURE__ */
|
|
33320
|
+
), /* @__PURE__ */ React188.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
33266
33321
|
};
|
|
33267
33322
|
var downloadJson = (obj, fileName) => {
|
|
33268
33323
|
const a2 = document.createElement("a");
|
|
@@ -33276,7 +33331,7 @@ var downloadJson = (obj, fileName) => {
|
|
|
33276
33331
|
|
|
33277
33332
|
// src/Diagnostics/VideoTest.tsx
|
|
33278
33333
|
init_define_process_env();
|
|
33279
|
-
import
|
|
33334
|
+
import React189, { useEffect as useEffect78, useState as useState81 } from "react";
|
|
33280
33335
|
import {
|
|
33281
33336
|
selectDevices as selectDevices2,
|
|
33282
33337
|
selectLocalMediaSettings as selectLocalMediaSettings2,
|
|
@@ -33285,16 +33340,19 @@ import {
|
|
|
33285
33340
|
} from "@100mslive/react-sdk";
|
|
33286
33341
|
import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
|
|
33287
33342
|
var VideoTest = () => {
|
|
33288
|
-
const { hmsDiagnostics } =
|
|
33343
|
+
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
33289
33344
|
const allDevices = useHMSStore99(selectDevices2);
|
|
33290
33345
|
const { videoInput } = allDevices;
|
|
33291
33346
|
const trackID = useHMSStore99(selectLocalVideoTrackID4);
|
|
33292
33347
|
const sdkSelectedDevices = useHMSStore99(selectLocalMediaSettings2);
|
|
33293
33348
|
const [error, setError] = useState81();
|
|
33294
33349
|
useEffect78(() => {
|
|
33295
|
-
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) =>
|
|
33296
|
-
|
|
33297
|
-
|
|
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(
|
|
33298
33356
|
StyledVideoTile.Container,
|
|
33299
33357
|
{
|
|
33300
33358
|
css: {
|
|
@@ -33304,106 +33362,135 @@ var VideoTest = () => {
|
|
|
33304
33362
|
"@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
|
|
33305
33363
|
}
|
|
33306
33364
|
},
|
|
33307
|
-
/* @__PURE__ */
|
|
33308
|
-
), /* @__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(
|
|
33309
33367
|
DeviceSelector2,
|
|
33310
33368
|
{
|
|
33311
33369
|
title: "Video",
|
|
33312
33370
|
devices: videoInput || [],
|
|
33313
|
-
icon: /* @__PURE__ */
|
|
33371
|
+
icon: /* @__PURE__ */ React189.createElement(VideoOnIcon5, null),
|
|
33314
33372
|
selection: sdkSelectedDevices.videoInputDeviceId,
|
|
33315
33373
|
onChange: (deviceId) => __async(void 0, null, function* () {
|
|
33316
33374
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
|
|
33317
33375
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
|
|
33318
33376
|
})
|
|
33319
33377
|
}
|
|
33320
|
-
))), /* @__PURE__ */
|
|
33378
|
+
))), /* @__PURE__ */ React189.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React189.createElement(PermissionErrorModal, { error }));
|
|
33321
33379
|
};
|
|
33322
33380
|
|
|
33323
33381
|
// src/Diagnostics/Diagnostics.tsx
|
|
33324
33382
|
var DiagnosticsStepIcon = {
|
|
33325
|
-
|
|
33326
|
-
|
|
33327
|
-
|
|
33328
|
-
|
|
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" })
|
|
33329
33387
|
};
|
|
33330
|
-
var Container5 = ({ children }) => /* @__PURE__ */
|
|
33388
|
+
var Container5 = ({ children }) => /* @__PURE__ */ React190.createElement(
|
|
33331
33389
|
Box,
|
|
33332
33390
|
{
|
|
33333
33391
|
css: {
|
|
33334
33392
|
px: "120px",
|
|
33335
|
-
|
|
33393
|
+
pt: "120px",
|
|
33394
|
+
pb: "24px",
|
|
33336
33395
|
bg: "$background_dim",
|
|
33337
33396
|
lineHeight: "1.5",
|
|
33338
33397
|
"-webkit-text-size-adjust": "100%",
|
|
33339
33398
|
position: "relative",
|
|
33340
|
-
|
|
33399
|
+
h: "100%",
|
|
33341
33400
|
"@lg": {
|
|
33342
33401
|
p: "$12"
|
|
33402
|
+
},
|
|
33403
|
+
overflowY: "auto",
|
|
33404
|
+
boxSizing: "border-box",
|
|
33405
|
+
"& *": {
|
|
33406
|
+
boxSizing: "border-box"
|
|
33407
|
+
},
|
|
33408
|
+
"::-webkit-scrollbar-track": {
|
|
33409
|
+
WebkitBoxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
|
|
33410
|
+
boxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
|
|
33411
|
+
backgroundColor: "transparent"
|
|
33412
|
+
},
|
|
33413
|
+
"::-webkit-scrollbar": {
|
|
33414
|
+
width: "6px",
|
|
33415
|
+
height: "6px",
|
|
33416
|
+
backgroundColor: "transparent"
|
|
33417
|
+
},
|
|
33418
|
+
"::-webkit-scrollbar-thumb": {
|
|
33419
|
+
backgroundColor: "#657080",
|
|
33420
|
+
borderRadius: "5px"
|
|
33343
33421
|
}
|
|
33344
33422
|
}
|
|
33345
33423
|
},
|
|
33346
33424
|
children
|
|
33347
33425
|
);
|
|
33348
33426
|
var DiagnosticsStepTest = () => {
|
|
33349
|
-
const {
|
|
33350
|
-
let TestComponent = () => /* @__PURE__ */
|
|
33351
|
-
if (
|
|
33427
|
+
const { activeStepIndex } = useDiagnostics();
|
|
33428
|
+
let TestComponent = () => /* @__PURE__ */ React190.createElement(React190.Fragment, null);
|
|
33429
|
+
if (activeStepIndex === 2 /* AUDIO */) {
|
|
33352
33430
|
TestComponent = AudioTest;
|
|
33353
|
-
} else if (
|
|
33431
|
+
} else if (activeStepIndex === 1 /* VIDEO */) {
|
|
33354
33432
|
TestComponent = VideoTest;
|
|
33355
|
-
} else if (
|
|
33433
|
+
} else if (activeStepIndex === 0 /* BROWSER */) {
|
|
33356
33434
|
TestComponent = BrowserTest;
|
|
33357
|
-
} else if (
|
|
33435
|
+
} else if (activeStepIndex === 3 /* CONNECTIVITY */) {
|
|
33358
33436
|
TestComponent = ConnectivityTest;
|
|
33359
33437
|
}
|
|
33360
|
-
return /* @__PURE__ */
|
|
33438
|
+
return /* @__PURE__ */ React190.createElement(TestComponent, { key: activeStepIndex });
|
|
33361
33439
|
};
|
|
33362
33440
|
var DiagnosticsStepHeader = () => {
|
|
33363
|
-
const { activeStep } =
|
|
33364
|
-
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));
|
|
33365
33443
|
};
|
|
33366
|
-
var
|
|
33367
|
-
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));
|
|
33368
33446
|
};
|
|
33369
33447
|
var DiagnosticsStepsList = () => {
|
|
33370
|
-
const { activeStep,
|
|
33371
|
-
return /* @__PURE__ */
|
|
33372
|
-
const
|
|
33373
|
-
const
|
|
33374
|
-
const
|
|
33375
|
-
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;
|
|
33376
33453
|
let color = "$on_primary_low";
|
|
33377
|
-
|
|
33454
|
+
let icon = /* @__PURE__ */ React190.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
33455
|
+
if (activeStepIndex === keyIndex) {
|
|
33378
33456
|
color = "$on_primary_high";
|
|
33457
|
+
icon = /* @__PURE__ */ React190.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
33379
33458
|
}
|
|
33380
33459
|
if (isStepCompleted) {
|
|
33381
33460
|
color = "$primary_bright";
|
|
33461
|
+
icon = /* @__PURE__ */ React190.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
|
|
33462
|
+
}
|
|
33463
|
+
if (step.hasFailed) {
|
|
33464
|
+
color = "$alert_error_default";
|
|
33465
|
+
icon = /* @__PURE__ */ React190.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
|
|
33382
33466
|
}
|
|
33383
|
-
return /* @__PURE__ */
|
|
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));
|
|
33384
33468
|
}));
|
|
33385
33469
|
};
|
|
33386
33470
|
var DiagnosticsProvider = () => {
|
|
33387
33471
|
const actions = useHMSActions58();
|
|
33388
|
-
const [activeStep, setActiveStep] = useState82(
|
|
33389
|
-
const [
|
|
33472
|
+
const [activeStep, setActiveStep] = useState82(0);
|
|
33473
|
+
const [steps, setSteps] = useState82(initialSteps);
|
|
33390
33474
|
const diagnosticsRef = useRef33(actions.initDiagnostics());
|
|
33391
|
-
|
|
33475
|
+
const updateStep = useCallback40((step, value) => {
|
|
33476
|
+
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|
|
33477
|
+
}, []);
|
|
33478
|
+
return /* @__PURE__ */ React190.createElement(
|
|
33392
33479
|
DiagnosticsContext.Provider,
|
|
33393
33480
|
{
|
|
33394
33481
|
value: {
|
|
33395
33482
|
hmsDiagnostics: diagnosticsRef.current,
|
|
33396
|
-
activeStep,
|
|
33483
|
+
activeStepIndex: activeStep,
|
|
33397
33484
|
setActiveStep,
|
|
33398
|
-
|
|
33399
|
-
|
|
33485
|
+
steps,
|
|
33486
|
+
updateStep
|
|
33400
33487
|
}
|
|
33401
33488
|
},
|
|
33402
|
-
/* @__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)))
|
|
33403
33490
|
);
|
|
33404
33491
|
};
|
|
33405
33492
|
var Diagnostics = () => {
|
|
33406
|
-
return /* @__PURE__ */
|
|
33493
|
+
return /* @__PURE__ */ React190.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React190.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React190.createElement(DiagnosticsProvider, null)));
|
|
33407
33494
|
};
|
|
33408
33495
|
|
|
33409
33496
|
export {
|
|
@@ -33538,4 +33625,4 @@ object-assign/index.js:
|
|
|
33538
33625
|
@license MIT
|
|
33539
33626
|
*)
|
|
33540
33627
|
*/
|
|
33541
|
-
//# sourceMappingURL=chunk-
|
|
33628
|
+
//# sourceMappingURL=chunk-BVSFQTDX.js.map
|