@100mslive/roomkit-react 0.3.19-alpha.1 → 0.3.19-alpha.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-MI7WHLIB.css → HLSView-3OIDEB7I.css} +3 -3
- package/dist/{HLSView-MI7WHLIB.css.map → HLSView-3OIDEB7I.css.map} +1 -1
- package/dist/{HLSView-6KUW45BA.js → HLSView-YQCSQSBU.js} +2 -2
- package/dist/Prebuilt/components/EndCallFeedback/Feedback.d.ts +2 -0
- package/dist/Prebuilt/components/EndCallFeedback/FeedbackForm.d.ts +28 -0
- package/dist/Prebuilt/components/EndCallFeedback/ThankyouView.d.ts +2 -0
- package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.d.ts +1 -0
- package/dist/{chunk-NC3PKPDD.js → chunk-SLFOQJ6P.js} +1180 -673
- package/dist/chunk-SLFOQJ6P.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +1411 -872
- 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 +275 -33
- package/dist/meta.esbuild.json +285 -43
- package/package.json +8 -8
- package/src/Prebuilt/App.tsx +3 -0
- package/src/Prebuilt/AppStateContext.tsx +1 -2
- package/src/Prebuilt/Prebuilt.stories.tsx +1 -0
- package/src/Prebuilt/components/EndCallFeedback/Feedback.tsx +70 -0
- package/src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx +371 -0
- package/src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx +44 -0
- package/src/Prebuilt/components/LeaveScreen.tsx +2 -0
- package/src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts +1 -0
- package/src/Video/Video.tsx +1 -1
- package/dist/chunk-NC3PKPDD.js.map +0 -7
- /package/dist/{HLSView-6KUW45BA.js.map → HLSView-YQCSQSBU.js.map} +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -35,8 +35,8 @@ var __objRest = (source, exclude) => {
|
|
|
35
35
|
}
|
|
36
36
|
return target;
|
|
37
37
|
};
|
|
38
|
-
var __esm = (
|
|
39
|
-
return
|
|
38
|
+
var __esm = (fn2, res) => function __init() {
|
|
39
|
+
return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
|
|
40
40
|
};
|
|
41
41
|
var __commonJS = (cb, mod) => function __require() {
|
|
42
42
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
@@ -45,13 +45,13 @@ var __export = (target, all) => {
|
|
|
45
45
|
for (var name in all)
|
|
46
46
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
47
47
|
};
|
|
48
|
-
var __copyProps = (
|
|
48
|
+
var __copyProps = (to, from, except, desc) => {
|
|
49
49
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
50
50
|
for (let key of __getOwnPropNames(from))
|
|
51
|
-
if (!__hasOwnProp.call(
|
|
52
|
-
__defProp(
|
|
51
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
52
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
53
53
|
}
|
|
54
|
-
return
|
|
54
|
+
return to;
|
|
55
55
|
};
|
|
56
56
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
57
57
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
@@ -109,7 +109,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
109
109
|
var define_process_env_default;
|
|
110
110
|
var init_define_process_env = __esm({
|
|
111
111
|
"<define:process.env>"() {
|
|
112
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_6cea5802-ce23-4c1e-97a2-70076471882b", 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.9-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.4 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.19-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_6cea5802-ce23-4c1e-97a2-70076471882b", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.19-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.11", 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.9", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "592", 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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240811.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.6/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:1821", 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.19-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: "10472637880", 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: "4e76816ac6791d45d6099d5ecf81b9b730bbb9db", 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: "6790174dc36e26c3b589aa85cb1ac4b030a9489d29e85bee676df9058a07e5f4", 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--1724160935532-0.7852344527720556:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724160935303-0.6284305740362575:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724160908813-0.14105343274938886:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724160908629-0.46815752240870667:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_05bd7fdb-bfbd-48f1-a2d1-f746c00dddb2", INVOCATION_ID: "297196c99e914941bba85b21184f9190", 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: "644", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 92", 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/27.0.12077973", 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.19-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.19-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_resolutions_axios: "^1.7.4", 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: "4e76816ac6791d45d6099d5ecf81b9b730bbb9db", 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_6cea5802-ce23-4c1e-97a2-70076471882b", 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_6cea5802-ce23-4c1e-97a2-70076471882b", 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/27.0.12077973", 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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_6cea5802-ce23-4c1e-97a2-70076471882b" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_eee45824-212e-4509-b4ac-a06ec8d19d32", 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.9-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.4 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.19-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_eee45824-212e-4509-b4ac-a06ec8d19d32", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.19-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.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "592", 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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.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.6/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:17376", 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.19-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: "10612633702", 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: "8919738330a91f5d61f7b80ea15ea190ea80d564", 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: "30102a17ac4e4125615c7b45467171fe4dfc3ad5dd66de09cfdb0735404aea23", 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--1724924638317-0.7260196426287306:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724924638120-0.05624904757611571:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724924612646-0.3997085674690868:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724924612464-0.5366083812655351:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_7201bc1d-72e6-4026-ba1f-319d68d04b9a", INVOCATION_ID: "81675cc087004f02b5b793e5f39b7c96", 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: "646", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 297", 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/27.0.12077973", 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.19-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.19-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_resolutions_axios: "^1.7.4", 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: "8919738330a91f5d61f7b80ea15ea190ea80d564", 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_eee45824-212e-4509-b4ac-a06ec8d19d32", 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_eee45824-212e-4509-b4ac-a06ec8d19d32", 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/27.0.12077973", 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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_eee45824-212e-4509-b4ac-a06ec8d19d32" };
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -2490,7 +2490,7 @@ var init_Video = __esm({
|
|
|
2490
2490
|
Video = (_a7) => {
|
|
2491
2491
|
var _b7 = _a7, { trackId, attach } = _b7, props = __objRest(_b7, ["trackId", "attach"]);
|
|
2492
2492
|
const { videoRef } = (0, import_react_sdk2.useVideo)({ trackId, attach });
|
|
2493
|
-
return /* @__PURE__ */ import_react18.default.createElement(StyledVideo, __spreadValues({
|
|
2493
|
+
return /* @__PURE__ */ import_react18.default.createElement(StyledVideo, __spreadValues({ ref: videoRef }, props));
|
|
2494
2494
|
};
|
|
2495
2495
|
}
|
|
2496
2496
|
});
|
|
@@ -6302,8 +6302,8 @@ var require_lodash = __commonJS({
|
|
|
6302
6302
|
function createBind(func, bitmask, thisArg) {
|
|
6303
6303
|
var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
|
|
6304
6304
|
function wrapper() {
|
|
6305
|
-
var
|
|
6306
|
-
return
|
|
6305
|
+
var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6306
|
+
return fn2.apply(isBind ? thisArg : this, arguments);
|
|
6307
6307
|
}
|
|
6308
6308
|
return wrapper;
|
|
6309
6309
|
}
|
|
@@ -6369,8 +6369,8 @@ var require_lodash = __commonJS({
|
|
|
6369
6369
|
arity - length
|
|
6370
6370
|
);
|
|
6371
6371
|
}
|
|
6372
|
-
var
|
|
6373
|
-
return apply(
|
|
6372
|
+
var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6373
|
+
return apply(fn2, this, args);
|
|
6374
6374
|
}
|
|
6375
6375
|
return wrapper;
|
|
6376
6376
|
}
|
|
@@ -6458,7 +6458,7 @@ var require_lodash = __commonJS({
|
|
|
6458
6458
|
arity - length
|
|
6459
6459
|
);
|
|
6460
6460
|
}
|
|
6461
|
-
var thisBinding = isBind ? thisArg : this,
|
|
6461
|
+
var thisBinding = isBind ? thisArg : this, fn2 = isBindKey ? thisBinding[func] : func;
|
|
6462
6462
|
length = args.length;
|
|
6463
6463
|
if (argPos) {
|
|
6464
6464
|
args = reorder(args, argPos);
|
|
@@ -6469,9 +6469,9 @@ var require_lodash = __commonJS({
|
|
|
6469
6469
|
args.length = ary2;
|
|
6470
6470
|
}
|
|
6471
6471
|
if (this && this !== root && this instanceof wrapper) {
|
|
6472
|
-
|
|
6472
|
+
fn2 = Ctor || createCtor(fn2);
|
|
6473
6473
|
}
|
|
6474
|
-
return
|
|
6474
|
+
return fn2.apply(thisBinding, args);
|
|
6475
6475
|
}
|
|
6476
6476
|
return wrapper;
|
|
6477
6477
|
}
|
|
@@ -6528,14 +6528,14 @@ var require_lodash = __commonJS({
|
|
|
6528
6528
|
function createPartial(func, bitmask, thisArg, partials) {
|
|
6529
6529
|
var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
|
|
6530
6530
|
function wrapper() {
|
|
6531
|
-
var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength),
|
|
6531
|
+
var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6532
6532
|
while (++leftIndex < leftLength) {
|
|
6533
6533
|
args[leftIndex] = partials[leftIndex];
|
|
6534
6534
|
}
|
|
6535
6535
|
while (argsLength--) {
|
|
6536
6536
|
args[leftIndex++] = arguments[++argsIndex];
|
|
6537
6537
|
}
|
|
6538
|
-
return apply(
|
|
6538
|
+
return apply(fn2, isBind ? thisArg : this, args);
|
|
6539
6539
|
}
|
|
6540
6540
|
return wrapper;
|
|
6541
6541
|
}
|
|
@@ -8165,7 +8165,7 @@ var require_lodash = __commonJS({
|
|
|
8165
8165
|
function eq(value, other) {
|
|
8166
8166
|
return value === other || value !== value && other !== other;
|
|
8167
8167
|
}
|
|
8168
|
-
var
|
|
8168
|
+
var gt = createRelationalOperation(baseGt);
|
|
8169
8169
|
var gte = createRelationalOperation(function(value, other) {
|
|
8170
8170
|
return value >= other;
|
|
8171
8171
|
});
|
|
@@ -8307,7 +8307,7 @@ var require_lodash = __commonJS({
|
|
|
8307
8307
|
function isWeakSet(value) {
|
|
8308
8308
|
return isObjectLike(value) && baseGetTag(value) == weakSetTag;
|
|
8309
8309
|
}
|
|
8310
|
-
var
|
|
8310
|
+
var lt2 = createRelationalOperation(baseLt);
|
|
8311
8311
|
var lte = createRelationalOperation(function(value, other) {
|
|
8312
8312
|
return value <= other;
|
|
8313
8313
|
});
|
|
@@ -8389,7 +8389,7 @@ var require_lodash = __commonJS({
|
|
|
8389
8389
|
var assignWith = createAssigner(function(object, source, srcIndex, customizer2) {
|
|
8390
8390
|
copyObject(source, keys(source), object, customizer2);
|
|
8391
8391
|
});
|
|
8392
|
-
var
|
|
8392
|
+
var at2 = flatRest(baseAt);
|
|
8393
8393
|
function create(prototype, properties) {
|
|
8394
8394
|
var result2 = baseCreate(prototype);
|
|
8395
8395
|
return properties == null ? result2 : baseAssign(result2, properties);
|
|
@@ -9123,7 +9123,7 @@ var require_lodash = __commonJS({
|
|
|
9123
9123
|
lodash.assignIn = assignIn;
|
|
9124
9124
|
lodash.assignInWith = assignInWith;
|
|
9125
9125
|
lodash.assignWith = assignWith;
|
|
9126
|
-
lodash.at =
|
|
9126
|
+
lodash.at = at2;
|
|
9127
9127
|
lodash.before = before;
|
|
9128
9128
|
lodash.bind = bind;
|
|
9129
9129
|
lodash.bindAll = bindAll;
|
|
@@ -9304,7 +9304,7 @@ var require_lodash = __commonJS({
|
|
|
9304
9304
|
lodash.forOwn = forOwn;
|
|
9305
9305
|
lodash.forOwnRight = forOwnRight;
|
|
9306
9306
|
lodash.get = get;
|
|
9307
|
-
lodash.gt =
|
|
9307
|
+
lodash.gt = gt;
|
|
9308
9308
|
lodash.gte = gte;
|
|
9309
9309
|
lodash.has = has;
|
|
9310
9310
|
lodash.hasIn = hasIn;
|
|
@@ -9357,7 +9357,7 @@ var require_lodash = __commonJS({
|
|
|
9357
9357
|
lodash.lastIndexOf = lastIndexOf;
|
|
9358
9358
|
lodash.lowerCase = lowerCase;
|
|
9359
9359
|
lodash.lowerFirst = lowerFirst;
|
|
9360
|
-
lodash.lt =
|
|
9360
|
+
lodash.lt = lt2;
|
|
9361
9361
|
lodash.lte = lte;
|
|
9362
9362
|
lodash.max = max;
|
|
9363
9363
|
lodash.maxBy = maxBy;
|
|
@@ -9932,10 +9932,12 @@ function useRoomLayoutConferencingScreen() {
|
|
|
9932
9932
|
};
|
|
9933
9933
|
}
|
|
9934
9934
|
function useRoomLayoutLeaveScreen() {
|
|
9935
|
+
var _a7, _b7;
|
|
9935
9936
|
const screenProps = useRoomLayoutScreen({ screen: "leave" });
|
|
9936
9937
|
const isLeaveScreenEnabled = !!screenProps;
|
|
9937
9938
|
return {
|
|
9938
|
-
isLeaveScreenEnabled
|
|
9939
|
+
isLeaveScreenEnabled,
|
|
9940
|
+
feedback: (_b7 = (_a7 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a7.elements) == null ? void 0 : _b7.feedback
|
|
9939
9941
|
};
|
|
9940
9942
|
}
|
|
9941
9943
|
function useRoomLayoutHeader() {
|
|
@@ -10545,8 +10547,8 @@ var init_PIPManager = __esm({
|
|
|
10545
10547
|
/**
|
|
10546
10548
|
* @private {boolean} on - whether pip is on/off
|
|
10547
10549
|
*/
|
|
10548
|
-
this.callListeners = (
|
|
10549
|
-
this.listeners.forEach((listener) => listener == null ? void 0 : listener(
|
|
10550
|
+
this.callListeners = (on2) => {
|
|
10551
|
+
this.listeners.forEach((listener) => listener == null ? void 0 : listener(on2));
|
|
10550
10552
|
};
|
|
10551
10553
|
this.reset();
|
|
10552
10554
|
}
|
|
@@ -10944,7 +10946,7 @@ var init_AppStateContext = __esm({
|
|
|
10944
10946
|
setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
|
|
10945
10947
|
}).otherwise(() => {
|
|
10946
10948
|
});
|
|
10947
|
-
}, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave
|
|
10949
|
+
}, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave]);
|
|
10948
10950
|
return { activeState, rejoin };
|
|
10949
10951
|
};
|
|
10950
10952
|
}
|
|
@@ -18245,16 +18247,16 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18245
18247
|
if (!navigator2.mediaDevices) {
|
|
18246
18248
|
return;
|
|
18247
18249
|
}
|
|
18248
|
-
const constraintsToChrome_ = function(
|
|
18249
|
-
if (typeof
|
|
18250
|
-
return
|
|
18250
|
+
const constraintsToChrome_ = function(c2) {
|
|
18251
|
+
if (typeof c2 !== "object" || c2.mandatory || c2.optional) {
|
|
18252
|
+
return c2;
|
|
18251
18253
|
}
|
|
18252
18254
|
const cc = {};
|
|
18253
|
-
Object.keys(
|
|
18255
|
+
Object.keys(c2).forEach((key) => {
|
|
18254
18256
|
if (key === "require" || key === "advanced" || key === "mediaSource") {
|
|
18255
18257
|
return;
|
|
18256
18258
|
}
|
|
18257
|
-
const r = typeof
|
|
18259
|
+
const r = typeof c2[key] === "object" ? c2[key] : { ideal: c2[key] };
|
|
18258
18260
|
if (r.exact !== void 0 && typeof r.exact === "number") {
|
|
18259
18261
|
r.min = r.max = r.exact;
|
|
18260
18262
|
}
|
|
@@ -18290,8 +18292,8 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18290
18292
|
});
|
|
18291
18293
|
}
|
|
18292
18294
|
});
|
|
18293
|
-
if (
|
|
18294
|
-
cc.optional = (cc.optional || []).concat(
|
|
18295
|
+
if (c2.advanced) {
|
|
18296
|
+
cc.optional = (cc.optional || []).concat(c2.advanced);
|
|
18295
18297
|
}
|
|
18296
18298
|
return cc;
|
|
18297
18299
|
};
|
|
@@ -18371,8 +18373,8 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18371
18373
|
};
|
|
18372
18374
|
};
|
|
18373
18375
|
const getUserMedia_ = function(constraints, onSuccess, onError) {
|
|
18374
|
-
shimConstraints_(constraints, (
|
|
18375
|
-
navigator2.webkitGetUserMedia(
|
|
18376
|
+
shimConstraints_(constraints, (c2) => {
|
|
18377
|
+
navigator2.webkitGetUserMedia(c2, onSuccess, (e) => {
|
|
18376
18378
|
if (onError) {
|
|
18377
18379
|
onError(shimError_(e));
|
|
18378
18380
|
}
|
|
@@ -18383,8 +18385,8 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18383
18385
|
if (navigator2.mediaDevices.getUserMedia) {
|
|
18384
18386
|
const origGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
|
|
18385
18387
|
navigator2.mediaDevices.getUserMedia = function(cs2) {
|
|
18386
|
-
return shimConstraints_(cs2, (
|
|
18387
|
-
if (
|
|
18388
|
+
return shimConstraints_(cs2, (c2) => origGetUserMedia(c2).then((stream) => {
|
|
18389
|
+
if (c2.audio && !stream.getAudioTracks().length || c2.video && !stream.getVideoTracks().length) {
|
|
18388
18390
|
stream.getTracks().forEach((track) => {
|
|
18389
18391
|
track.stop();
|
|
18390
18392
|
});
|
|
@@ -19070,13 +19072,13 @@ function shimGetUserMedia2(window2, browserDetails) {
|
|
|
19070
19072
|
}
|
|
19071
19073
|
};
|
|
19072
19074
|
const nativeGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
|
|
19073
|
-
navigator2.mediaDevices.getUserMedia = function(
|
|
19074
|
-
if (typeof
|
|
19075
|
-
|
|
19076
|
-
remap(
|
|
19077
|
-
remap(
|
|
19075
|
+
navigator2.mediaDevices.getUserMedia = function(c2) {
|
|
19076
|
+
if (typeof c2 === "object" && typeof c2.audio === "object") {
|
|
19077
|
+
c2 = JSON.parse(JSON.stringify(c2));
|
|
19078
|
+
remap(c2.audio, "autoGainControl", "mozAutoGainControl");
|
|
19079
|
+
remap(c2.audio, "noiseSuppression", "mozNoiseSuppression");
|
|
19078
19080
|
}
|
|
19079
|
-
return nativeGetUserMedia(
|
|
19081
|
+
return nativeGetUserMedia(c2);
|
|
19080
19082
|
};
|
|
19081
19083
|
if (MediaStreamTrack && MediaStreamTrack.prototype.getSettings) {
|
|
19082
19084
|
const nativeGetSettings = MediaStreamTrack.prototype.getSettings;
|
|
@@ -19089,13 +19091,13 @@ function shimGetUserMedia2(window2, browserDetails) {
|
|
|
19089
19091
|
}
|
|
19090
19092
|
if (MediaStreamTrack && MediaStreamTrack.prototype.applyConstraints) {
|
|
19091
19093
|
const nativeApplyConstraints = MediaStreamTrack.prototype.applyConstraints;
|
|
19092
|
-
MediaStreamTrack.prototype.applyConstraints = function(
|
|
19093
|
-
if (this.kind === "audio" && typeof
|
|
19094
|
-
|
|
19095
|
-
remap(
|
|
19096
|
-
remap(
|
|
19094
|
+
MediaStreamTrack.prototype.applyConstraints = function(c2) {
|
|
19095
|
+
if (this.kind === "audio" && typeof c2 === "object") {
|
|
19096
|
+
c2 = JSON.parse(JSON.stringify(c2));
|
|
19097
|
+
remap(c2, "autoGainControl", "mozAutoGainControl");
|
|
19098
|
+
remap(c2, "noiseSuppression", "mozNoiseSuppression");
|
|
19097
19099
|
}
|
|
19098
|
-
return nativeApplyConstraints.apply(this, [
|
|
19100
|
+
return nativeApplyConstraints.apply(this, [c2]);
|
|
19099
19101
|
};
|
|
19100
19102
|
}
|
|
19101
19103
|
}
|
|
@@ -19837,12 +19839,12 @@ var require_sdp = __commonJS({
|
|
|
19837
19839
|
return parsed;
|
|
19838
19840
|
};
|
|
19839
19841
|
SDPUtils2.writeRtpMap = function(codec) {
|
|
19840
|
-
let
|
|
19842
|
+
let pt2 = codec.payloadType;
|
|
19841
19843
|
if (codec.preferredPayloadType !== void 0) {
|
|
19842
|
-
|
|
19844
|
+
pt2 = codec.preferredPayloadType;
|
|
19843
19845
|
}
|
|
19844
19846
|
const channels = codec.channels || codec.numChannels || 1;
|
|
19845
|
-
return "a=rtpmap:" +
|
|
19847
|
+
return "a=rtpmap:" + pt2 + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
|
|
19846
19848
|
};
|
|
19847
19849
|
SDPUtils2.parseExtmap = function(line) {
|
|
19848
19850
|
const parts = line.substring(9).split(" ");
|
|
@@ -19868,9 +19870,9 @@ var require_sdp = __commonJS({
|
|
|
19868
19870
|
};
|
|
19869
19871
|
SDPUtils2.writeFmtp = function(codec) {
|
|
19870
19872
|
let line = "";
|
|
19871
|
-
let
|
|
19873
|
+
let pt2 = codec.payloadType;
|
|
19872
19874
|
if (codec.preferredPayloadType !== void 0) {
|
|
19873
|
-
|
|
19875
|
+
pt2 = codec.preferredPayloadType;
|
|
19874
19876
|
}
|
|
19875
19877
|
if (codec.parameters && Object.keys(codec.parameters).length) {
|
|
19876
19878
|
const params = [];
|
|
@@ -19881,7 +19883,7 @@ var require_sdp = __commonJS({
|
|
|
19881
19883
|
params.push(param);
|
|
19882
19884
|
}
|
|
19883
19885
|
});
|
|
19884
|
-
line += "a=fmtp:" +
|
|
19886
|
+
line += "a=fmtp:" + pt2 + " " + params.join(";") + "\r\n";
|
|
19885
19887
|
}
|
|
19886
19888
|
return line;
|
|
19887
19889
|
};
|
|
@@ -19894,13 +19896,13 @@ var require_sdp = __commonJS({
|
|
|
19894
19896
|
};
|
|
19895
19897
|
SDPUtils2.writeRtcpFb = function(codec) {
|
|
19896
19898
|
let lines = "";
|
|
19897
|
-
let
|
|
19899
|
+
let pt2 = codec.payloadType;
|
|
19898
19900
|
if (codec.preferredPayloadType !== void 0) {
|
|
19899
|
-
|
|
19901
|
+
pt2 = codec.preferredPayloadType;
|
|
19900
19902
|
}
|
|
19901
19903
|
if (codec.rtcpFeedback && codec.rtcpFeedback.length) {
|
|
19902
19904
|
codec.rtcpFeedback.forEach((fb) => {
|
|
19903
|
-
lines += "a=rtcp-fb:" +
|
|
19905
|
+
lines += "a=rtcp-fb:" + pt2 + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
|
|
19904
19906
|
});
|
|
19905
19907
|
}
|
|
19906
19908
|
return lines;
|
|
@@ -20028,21 +20030,21 @@ var require_sdp = __commonJS({
|
|
|
20028
20030
|
const mline = lines[0].split(" ");
|
|
20029
20031
|
description.profile = mline[2];
|
|
20030
20032
|
for (let i = 3; i < mline.length; i++) {
|
|
20031
|
-
const
|
|
20033
|
+
const pt2 = mline[i];
|
|
20032
20034
|
const rtpmapline = SDPUtils2.matchPrefix(
|
|
20033
20035
|
mediaSection,
|
|
20034
|
-
"a=rtpmap:" +
|
|
20036
|
+
"a=rtpmap:" + pt2 + " "
|
|
20035
20037
|
)[0];
|
|
20036
20038
|
if (rtpmapline) {
|
|
20037
20039
|
const codec = SDPUtils2.parseRtpMap(rtpmapline);
|
|
20038
20040
|
const fmtps = SDPUtils2.matchPrefix(
|
|
20039
20041
|
mediaSection,
|
|
20040
|
-
"a=fmtp:" +
|
|
20042
|
+
"a=fmtp:" + pt2 + " "
|
|
20041
20043
|
);
|
|
20042
20044
|
codec.parameters = fmtps.length ? SDPUtils2.parseFmtp(fmtps[0]) : {};
|
|
20043
20045
|
codec.rtcpFeedback = SDPUtils2.matchPrefix(
|
|
20044
20046
|
mediaSection,
|
|
20045
|
-
"a=rtcp-fb:" +
|
|
20047
|
+
"a=rtcp-fb:" + pt2 + " "
|
|
20046
20048
|
).map(SDPUtils2.parseRtcpFb);
|
|
20047
20049
|
description.codecs.push(codec);
|
|
20048
20050
|
switch (codec.name.toUpperCase()) {
|
|
@@ -21507,42 +21509,42 @@ var require_lib = __commonJS({
|
|
|
21507
21509
|
});
|
|
21508
21510
|
|
|
21509
21511
|
// ../hms-video-store/dist/index.js
|
|
21510
|
-
function
|
|
21512
|
+
function Ue(a2, e) {
|
|
21511
21513
|
let t, i;
|
|
21512
21514
|
if (e)
|
|
21513
21515
|
for (let r of e.auxiliaryTracks) {
|
|
21514
21516
|
let s = a2[r];
|
|
21515
|
-
|
|
21517
|
+
ao(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
|
|
21516
21518
|
}
|
|
21517
21519
|
return { video: t, audio: i };
|
|
21518
21520
|
}
|
|
21519
|
-
function
|
|
21521
|
+
function pt(a2) {
|
|
21520
21522
|
return a2 && a2.type === "audio";
|
|
21521
21523
|
}
|
|
21522
|
-
function
|
|
21524
|
+
function ht(a2) {
|
|
21523
21525
|
return a2 && a2.type === "video";
|
|
21524
21526
|
}
|
|
21525
|
-
function
|
|
21527
|
+
function ao(a2) {
|
|
21526
21528
|
return a2 && a2.source === "screen";
|
|
21527
21529
|
}
|
|
21528
|
-
function
|
|
21530
|
+
function si(a2) {
|
|
21529
21531
|
return a2 && a2.source === "audioplaylist";
|
|
21530
21532
|
}
|
|
21531
|
-
function
|
|
21533
|
+
function mt(a2) {
|
|
21532
21534
|
return a2 && a2.source === "videoplaylist";
|
|
21533
21535
|
}
|
|
21534
|
-
function
|
|
21536
|
+
function us(a2) {
|
|
21535
21537
|
return a2 ? !!(a2 != null && a2.degraded) : false;
|
|
21536
21538
|
}
|
|
21537
|
-
function
|
|
21539
|
+
function je(a2, e) {
|
|
21538
21540
|
return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
|
|
21539
21541
|
}
|
|
21540
|
-
function
|
|
21542
|
+
function St(a2) {
|
|
21541
21543
|
var r;
|
|
21542
21544
|
let e = false, t = false, i = false;
|
|
21543
21545
|
return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
|
|
21544
21546
|
}
|
|
21545
|
-
function
|
|
21547
|
+
function lo() {
|
|
21546
21548
|
if (B && window) {
|
|
21547
21549
|
let a2 = window.location.hostname;
|
|
21548
21550
|
return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
|
|
@@ -21553,16 +21555,16 @@ function ne(a2) {
|
|
|
21553
21555
|
return a2 != null;
|
|
21554
21556
|
}
|
|
21555
21557
|
function vt(a2 = "prod", e) {
|
|
21556
|
-
let t = "web", i =
|
|
21557
|
-
if (
|
|
21558
|
-
return
|
|
21559
|
-
let r =
|
|
21560
|
-
return s.type && (p = `${
|
|
21558
|
+
let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
21559
|
+
if (Be)
|
|
21560
|
+
return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
21561
|
+
let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
|
|
21562
|
+
return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
21561
21563
|
}
|
|
21562
|
-
function
|
|
21564
|
+
function kr(a2) {
|
|
21563
21565
|
return a2.replace(/ /g, "_");
|
|
21564
21566
|
}
|
|
21565
|
-
function
|
|
21567
|
+
function ci(a2, e = 300) {
|
|
21566
21568
|
let t;
|
|
21567
21569
|
return function(...i) {
|
|
21568
21570
|
clearTimeout(t), t = void 0;
|
|
@@ -21572,16 +21574,16 @@ function oi(a2, e = 300) {
|
|
|
21572
21574
|
}, e);
|
|
21573
21575
|
};
|
|
21574
21576
|
}
|
|
21575
|
-
function
|
|
21577
|
+
function R(a2) {
|
|
21576
21578
|
return (e) => (t) => a2(t, e);
|
|
21577
21579
|
}
|
|
21578
|
-
function
|
|
21580
|
+
function jm(a2) {
|
|
21579
21581
|
return (e) => {
|
|
21580
21582
|
if (e.sessionStore)
|
|
21581
21583
|
return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
21582
21584
|
};
|
|
21583
21585
|
}
|
|
21584
|
-
var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23,
|
|
21586
|
+
var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Xa, Za, eo, ti, ns, cs, os, h, M, gr, ro, c, yr, Tr, so, ds, fr, ls, hs, oo, l, he, B, ms, Be, co, nc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, uo, S, Mr, Ps, me, ai, Is, As, H, y, Er, J, Pr, br, Rr, Ls, ws, Ds, _s, Ns, Hr, Os, Cr, Vs, Lr, Fs, wr, Dr, $s, Ks, Pt, rt, V, _o, Xh, Zh, K, Mi, ea, O, Gr, No, Oe, im, Oo, fe, xo, ie, Ee, rm, sm, oe, z, Uo, ia, am, om, $r, Bo, cm, dm, lm, um, pm, hm, mm, Sm, Rt, Vo, gm, re, sa, Tm, fm, ve, vm, at, Fo, aa, Mm, oa, ym, km, Em, Pm, bm, Im, Am, Rm, Hm, Cm, na, _m, Go, Nm, da, Kr, la, ua, pa, ha, ma, Sa, ga, Ta, Ht, b, qr, Ct, fa, Wo, $o, q, jr, Ko, qo, jo, Jo, Qo, Y, qm, Qm, zm, yi, va, Ym, Xm, Zm, zo, Yo, tS, Ma, iS, Xo, rS, sS, aS, oS, nS, cS, ya, ka, lS, uS, Ea, pS, hS, Pa, mS, SS, gS, ba, Ia, Zo, en, tn, TS, fS, vS, MS, yS, Aa, DS, rn, _S, NS, OS, an, on, dn, Xr, be, Vt, j, sr, lt, Rn, Hn, Cn, Ln, za, wn, Ya, rs, Ae, Dn, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, ss, Wn, $n, Kn, qn, jn, Jn;
|
|
21585
21587
|
var init_dist = __esm({
|
|
21586
21588
|
"../hms-video-store/dist/index.js"() {
|
|
21587
21589
|
"use strict";
|
|
@@ -21604,47 +21606,63 @@ var init_dist = __esm({
|
|
|
21604
21606
|
import_eventemitter22 = require("eventemitter2");
|
|
21605
21607
|
import_uuid8 = require("uuid");
|
|
21606
21608
|
import_eventemitter23 = require("eventemitter2");
|
|
21607
|
-
|
|
21609
|
+
jt = __toESM(require_lib());
|
|
21608
21610
|
import_eventemitter24 = __toESM(require("eventemitter2"));
|
|
21609
21611
|
import_uuid9 = require("uuid");
|
|
21610
21612
|
import_uuid10 = require("uuid");
|
|
21611
21613
|
init_es();
|
|
21612
|
-
|
|
21613
|
-
|
|
21614
|
-
|
|
21615
|
-
|
|
21616
|
-
|
|
21617
|
-
|
|
21618
|
-
|
|
21614
|
+
Xa = Object.defineProperty;
|
|
21615
|
+
Za = Object.defineProperties;
|
|
21616
|
+
eo = Object.getOwnPropertyDescriptors;
|
|
21617
|
+
ti = Object.getOwnPropertySymbols;
|
|
21618
|
+
ns = Object.prototype.hasOwnProperty;
|
|
21619
|
+
cs = Object.prototype.propertyIsEnumerable;
|
|
21620
|
+
os = (a2, e, t) => e in a2 ? Xa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
21619
21621
|
h = (a2, e) => {
|
|
21620
21622
|
for (var t in e || (e = {}))
|
|
21621
|
-
|
|
21622
|
-
if (
|
|
21623
|
-
for (var t of
|
|
21624
|
-
|
|
21623
|
+
ns.call(e, t) && os(a2, t, e[t]);
|
|
21624
|
+
if (ti)
|
|
21625
|
+
for (var t of ti(e))
|
|
21626
|
+
cs.call(e, t) && os(a2, t, e[t]);
|
|
21625
21627
|
return a2;
|
|
21626
21628
|
};
|
|
21627
|
-
M = (a2, e) =>
|
|
21628
|
-
|
|
21629
|
+
M = (a2, e) => Za(a2, eo(e));
|
|
21630
|
+
gr = (a2, e) => {
|
|
21629
21631
|
var t = {};
|
|
21630
21632
|
for (var i in a2)
|
|
21631
|
-
|
|
21632
|
-
if (a2 != null &&
|
|
21633
|
-
for (var i of
|
|
21634
|
-
e.indexOf(i) < 0 &&
|
|
21633
|
+
ns.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
|
|
21634
|
+
if (a2 != null && ti)
|
|
21635
|
+
for (var i of ti(a2))
|
|
21636
|
+
e.indexOf(i) < 0 && cs.call(a2, i) && (t[i] = a2[i]);
|
|
21635
21637
|
return t;
|
|
21636
21638
|
};
|
|
21637
|
-
|
|
21638
|
-
|
|
21639
|
-
|
|
21639
|
+
ro = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
21640
|
+
c = (a2, e, t) => new Promise((i, r) => {
|
|
21641
|
+
var s = (d) => {
|
|
21642
|
+
try {
|
|
21643
|
+
n(t.next(d));
|
|
21644
|
+
} catch (u) {
|
|
21645
|
+
r(u);
|
|
21646
|
+
}
|
|
21647
|
+
}, o = (d) => {
|
|
21648
|
+
try {
|
|
21649
|
+
n(t.throw(d));
|
|
21650
|
+
} catch (u) {
|
|
21651
|
+
r(u);
|
|
21652
|
+
}
|
|
21653
|
+
}, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
|
|
21654
|
+
n((t = t.apply(a2, e)).next());
|
|
21655
|
+
});
|
|
21656
|
+
yr = ro((Dc, ho) => {
|
|
21657
|
+
ho.exports = { version: "0.12.19-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"] };
|
|
21640
21658
|
});
|
|
21641
|
-
|
|
21642
|
-
|
|
21643
|
-
|
|
21644
|
-
|
|
21645
|
-
|
|
21646
|
-
|
|
21647
|
-
|
|
21659
|
+
Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
|
|
21660
|
+
so = ((e) => (e.CHAT = "chat", e))(so || {});
|
|
21661
|
+
ds = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ds || {});
|
|
21662
|
+
fr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(fr || {});
|
|
21663
|
+
ls = ((t) => (t.audio = "audio", t.video = "video", t))(ls || {});
|
|
21664
|
+
hs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(hs || {});
|
|
21665
|
+
oo = typeof window != "undefined" && typeof window.expect != "undefined";
|
|
21648
21666
|
l = class {
|
|
21649
21667
|
static v(e, ...t) {
|
|
21650
21668
|
this.log(0, e, ...t);
|
|
@@ -21710,16 +21728,17 @@ var init_dist = __esm({
|
|
|
21710
21728
|
}
|
|
21711
21729
|
}
|
|
21712
21730
|
};
|
|
21713
|
-
l.level =
|
|
21714
|
-
|
|
21731
|
+
l.level = oo ? 7 : 0;
|
|
21732
|
+
he = new import_ua_parser_js.UAParser();
|
|
21715
21733
|
B = typeof window != "undefined";
|
|
21716
|
-
|
|
21717
|
-
|
|
21718
|
-
|
|
21719
|
-
|
|
21720
|
-
|
|
21721
|
-
|
|
21722
|
-
|
|
21734
|
+
Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
|
|
21735
|
+
co = () => !Be;
|
|
21736
|
+
nc = co();
|
|
21737
|
+
ys = ((gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "safari";
|
|
21738
|
+
ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
|
|
21739
|
+
Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
|
|
21740
|
+
Qe = lo();
|
|
21741
|
+
P4 = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
|
|
21723
21742
|
f = class a extends Error {
|
|
21724
21743
|
constructor(t, i, r, s, o, n = false) {
|
|
21725
21744
|
super(s);
|
|
@@ -21749,99 +21768,99 @@ var init_dist = __esm({
|
|
|
21749
21768
|
}`;
|
|
21750
21769
|
}
|
|
21751
21770
|
};
|
|
21752
|
-
|
|
21771
|
+
uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
21753
21772
|
S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
21754
|
-
return new f(
|
|
21773
|
+
return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
21755
21774
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
21756
|
-
return new f(
|
|
21775
|
+
return new f(P4.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
|
|
21757
21776
|
}, AbnormalClose(a2, e = "") {
|
|
21758
|
-
return new f(
|
|
21777
|
+
return new f(P4.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
|
|
21759
21778
|
} }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
|
|
21760
21779
|
return new f(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
|
|
21761
21780
|
}, EndpointUnreachable(a2, e = "") {
|
|
21762
|
-
return new f(
|
|
21781
|
+
return new f(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
|
|
21763
21782
|
}, InvalidTokenFormat(a2, e = "") {
|
|
21764
|
-
return new f(
|
|
21783
|
+
return new f(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
|
|
21765
21784
|
}, InitConfigNotAvailable(a2, e = "") {
|
|
21766
|
-
return new f(
|
|
21785
|
+
return new f(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
|
|
21767
21786
|
} }, TracksErrors: { GenericTrack(a2, e = "") {
|
|
21768
|
-
return new f(
|
|
21787
|
+
return new f(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
|
|
21769
21788
|
}, CantAccessCaptureDevice(a2, e, t = "") {
|
|
21770
|
-
return new f(
|
|
21789
|
+
return new f(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
|
|
21771
21790
|
}, DeviceNotAvailable(a2, e, t = "") {
|
|
21772
|
-
return new f(
|
|
21791
|
+
return new f(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
|
|
21773
21792
|
}, DeviceInUse(a2, e, t = "") {
|
|
21774
|
-
return new f(
|
|
21793
|
+
return new f(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
|
|
21775
21794
|
}, DeviceLostMidway(a2, e, t = "") {
|
|
21776
|
-
return new f(
|
|
21795
|
+
return new f(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
|
|
21777
21796
|
}, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
|
|
21778
|
-
return new f(
|
|
21797
|
+
return new f(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
|
|
21779
21798
|
}, InvalidVideoSettings(a2, e = "") {
|
|
21780
|
-
return new f(
|
|
21799
|
+
return new f(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
|
|
21781
21800
|
}, AutoplayBlocked(a2, e = "") {
|
|
21782
|
-
return new f(
|
|
21801
|
+
return new f(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
|
|
21783
21802
|
}, CodecChangeNotPermitted(a2, e = "") {
|
|
21784
|
-
return new f(
|
|
21803
|
+
return new f(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
|
|
21785
21804
|
}, OverConstrained(a2, e, t = "") {
|
|
21786
|
-
return new f(
|
|
21805
|
+
return new f(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
|
|
21787
21806
|
}, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
|
|
21788
|
-
return new f(
|
|
21807
|
+
return new f(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
|
|
21789
21808
|
}, SystemDeniedPermission(a2, e, t = "") {
|
|
21790
|
-
return new f(
|
|
21809
|
+
return new f(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
|
|
21791
21810
|
}, CurrentTabNotShared() {
|
|
21792
|
-
return new f(
|
|
21811
|
+
return new f(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
|
|
21793
21812
|
}, AudioPlaybackError(a2) {
|
|
21794
|
-
return new f(
|
|
21813
|
+
return new f(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
|
|
21795
21814
|
}, SelectedDeviceMissing(a2) {
|
|
21796
|
-
return new f(
|
|
21815
|
+
return new f(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
|
|
21797
21816
|
} }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
|
|
21798
|
-
return new f(
|
|
21817
|
+
return new f(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
|
|
21799
21818
|
}, CreateAnswerFailed(a2, e = "") {
|
|
21800
|
-
return new f(
|
|
21819
|
+
return new f(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
|
|
21801
21820
|
}, SetLocalDescriptionFailed(a2, e = "") {
|
|
21802
|
-
return new f(
|
|
21821
|
+
return new f(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
|
|
21803
21822
|
}, SetRemoteDescriptionFailed(a2, e = "") {
|
|
21804
|
-
return new f(
|
|
21823
|
+
return new f(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
|
|
21805
21824
|
}, ICEFailure(a2, e = "", t = false) {
|
|
21806
|
-
return new f(
|
|
21825
|
+
return new f(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
|
|
21807
21826
|
}, ICEDisconnected(a2, e = "") {
|
|
21808
|
-
return new f(
|
|
21827
|
+
return new f(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
|
|
21809
21828
|
}, StatsFailed(a2, e = "") {
|
|
21810
|
-
return new f(
|
|
21829
|
+
return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
21811
21830
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
21812
|
-
return new f(a2, "ServerErrors", e, t, t,
|
|
21831
|
+
return new f(a2, "ServerErrors", e, t, t, uo.includes(e));
|
|
21813
21832
|
}, AlreadyJoined(a2, e = "") {
|
|
21814
|
-
return new f(
|
|
21833
|
+
return new f(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
21815
21834
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
21816
|
-
return new f(
|
|
21835
|
+
return new f(P4.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
|
|
21817
21836
|
} }, GenericErrors: { NotConnected(a2, e = "") {
|
|
21818
|
-
return new f(
|
|
21837
|
+
return new f(P4.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
|
|
21819
21838
|
}, Signalling(a2, e) {
|
|
21820
|
-
return new f(
|
|
21839
|
+
return new f(P4.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
|
|
21821
21840
|
}, Unknown(a2, e) {
|
|
21822
|
-
return new f(
|
|
21841
|
+
return new f(P4.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
|
|
21823
21842
|
}, NotReady(a2, e = "") {
|
|
21824
|
-
return new f(
|
|
21843
|
+
return new f(P4.GenericErrors.NOT_READY, "NotReady", a2, e, e);
|
|
21825
21844
|
}, JsonParsingFailed(a2, e, t = "") {
|
|
21826
|
-
return new f(
|
|
21845
|
+
return new f(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
|
|
21827
21846
|
}, TrackMetadataMissing(a2, e = "") {
|
|
21828
|
-
return new f(
|
|
21847
|
+
return new f(P4.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
|
|
21829
21848
|
}, RTCTrackMissing(a2, e = "") {
|
|
21830
|
-
return new f(
|
|
21849
|
+
return new f(P4.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
|
|
21831
21850
|
}, PeerMetadataMissing(a2, e = "") {
|
|
21832
|
-
return new f(
|
|
21851
|
+
return new f(P4.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
|
|
21833
21852
|
}, ValidationFailed(a2, e) {
|
|
21834
|
-
return new f(
|
|
21853
|
+
return new f(P4.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
|
|
21835
21854
|
}, InvalidRole(a2, e) {
|
|
21836
|
-
return new f(
|
|
21855
|
+
return new f(P4.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
|
|
21837
21856
|
}, PreviewAlreadyInProgress(a2, e = "") {
|
|
21838
|
-
return new f(
|
|
21857
|
+
return new f(P4.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
|
|
21839
21858
|
}, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
|
|
21840
|
-
return new f(
|
|
21859
|
+
return new f(P4.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
|
|
21841
21860
|
}, MissingMediaDevices() {
|
|
21842
|
-
return new f(
|
|
21861
|
+
return new f(P4.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
|
|
21843
21862
|
}, MissingRTCPeerConnection() {
|
|
21844
|
-
return new f(
|
|
21863
|
+
return new f(P4.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
|
|
21845
21864
|
} }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
|
|
21846
21865
|
return new f(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
|
|
21847
21866
|
}, InitFailed(a2, e = "") {
|
|
@@ -21853,11 +21872,11 @@ var init_dist = __esm({
|
|
|
21853
21872
|
}, DeviceNotSupported(a2, e = "") {
|
|
21854
21873
|
return new f(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
|
|
21855
21874
|
} }, PlaylistErrors: { NoEntryToPlay(a2, e) {
|
|
21856
|
-
return new f(
|
|
21875
|
+
return new f(P4.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
|
|
21857
21876
|
}, NoEntryPlaying(a2, e) {
|
|
21858
|
-
return new f(
|
|
21877
|
+
return new f(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
|
|
21859
21878
|
} } };
|
|
21860
|
-
|
|
21879
|
+
Mr = class {
|
|
21861
21880
|
constructor() {
|
|
21862
21881
|
this.valuesMap = /* @__PURE__ */ new Map();
|
|
21863
21882
|
}
|
|
@@ -21882,21 +21901,21 @@ var init_dist = __esm({
|
|
|
21882
21901
|
return this.valuesMap.size;
|
|
21883
21902
|
}
|
|
21884
21903
|
};
|
|
21885
|
-
|
|
21904
|
+
Ps = () => {
|
|
21886
21905
|
try {
|
|
21887
|
-
B && !localStorage && (window.localStorage = new
|
|
21906
|
+
B && !localStorage && (window.localStorage = new Mr());
|
|
21888
21907
|
} catch (a2) {
|
|
21889
21908
|
l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
|
|
21890
21909
|
}
|
|
21891
21910
|
};
|
|
21892
|
-
|
|
21911
|
+
me = class {
|
|
21893
21912
|
constructor(e) {
|
|
21894
21913
|
this.key = e;
|
|
21895
21914
|
this.storage = null;
|
|
21896
21915
|
}
|
|
21897
21916
|
getStorage() {
|
|
21898
21917
|
try {
|
|
21899
|
-
return B && !this.storage && (
|
|
21918
|
+
return B && !this.storage && (Ps(), this.storage = window.localStorage), this.storage;
|
|
21900
21919
|
} catch (e) {
|
|
21901
21920
|
return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
|
|
21902
21921
|
}
|
|
@@ -21916,19 +21935,19 @@ var init_dist = __esm({
|
|
|
21916
21935
|
(e = this.getStorage()) == null || e.removeItem(this.key);
|
|
21917
21936
|
}
|
|
21918
21937
|
};
|
|
21919
|
-
|
|
21920
|
-
let a2, e = new
|
|
21938
|
+
ai = () => {
|
|
21939
|
+
let a2, e = new me("hms-analytics-deviceId"), t = e.get();
|
|
21921
21940
|
return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
|
|
21922
21941
|
};
|
|
21923
|
-
|
|
21924
|
-
|
|
21942
|
+
Is = yr().version;
|
|
21943
|
+
As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
21925
21944
|
H = class {
|
|
21926
21945
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
21927
21946
|
this.metadata = { peer: {}, userAgent: vt() };
|
|
21928
|
-
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id =
|
|
21947
|
+
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = ai();
|
|
21929
21948
|
}
|
|
21930
21949
|
toSignalParams() {
|
|
21931
|
-
return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain:
|
|
21950
|
+
return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
|
21932
21951
|
}
|
|
21933
21952
|
};
|
|
21934
21953
|
y = class {
|
|
@@ -21941,12 +21960,12 @@ var init_dist = __esm({
|
|
|
21941
21960
|
return new H({ name: i, level: r, properties: s });
|
|
21942
21961
|
}
|
|
21943
21962
|
static preview(i) {
|
|
21944
|
-
var r = i, { error: e } = r, t =
|
|
21963
|
+
var r = i, { error: e } = r, t = gr(r, ["error"]);
|
|
21945
21964
|
let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
|
|
21946
21965
|
return new H({ name: s, level: o, properties: n });
|
|
21947
21966
|
}
|
|
21948
21967
|
static join(i) {
|
|
21949
|
-
var r = i, { error: e } = r, t =
|
|
21968
|
+
var r = i, { error: e } = r, t = gr(r, ["error"]);
|
|
21950
21969
|
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(h({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
|
21951
21970
|
return new H({ name: s, level: o, properties: n });
|
|
21952
21971
|
}
|
|
@@ -22016,8 +22035,8 @@ var init_dist = __esm({
|
|
|
22016
22035
|
static krispStop() {
|
|
22017
22036
|
return new H({ name: "krisp.stop", level: 1 });
|
|
22018
22037
|
}
|
|
22019
|
-
static interruption(e, t, i) {
|
|
22020
|
-
return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ type: t },
|
|
22038
|
+
static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
|
|
22039
|
+
return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ reason: i, type: t }, r) });
|
|
22021
22040
|
}
|
|
22022
22041
|
static eventNameFor(e, t) {
|
|
22023
22042
|
return `${e}.${t ? "success" : "failed"}`;
|
|
@@ -22031,9 +22050,9 @@ var init_dist = __esm({
|
|
|
22031
22050
|
}
|
|
22032
22051
|
};
|
|
22033
22052
|
y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
|
|
22034
|
-
|
|
22053
|
+
Er = class {
|
|
22035
22054
|
constructor() {
|
|
22036
|
-
this.storage = new
|
|
22055
|
+
this.storage = new me("hms-device-selection");
|
|
22037
22056
|
this.remember = false;
|
|
22038
22057
|
this.TAG = "[HMSDeviceStorage]";
|
|
22039
22058
|
}
|
|
@@ -22065,18 +22084,18 @@ var init_dist = __esm({
|
|
|
22065
22084
|
return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
|
|
22066
22085
|
}
|
|
22067
22086
|
};
|
|
22068
|
-
J = new
|
|
22069
|
-
|
|
22070
|
-
|
|
22071
|
-
|
|
22072
|
-
|
|
22073
|
-
|
|
22074
|
-
|
|
22075
|
-
|
|
22076
|
-
|
|
22077
|
-
|
|
22078
|
-
|
|
22079
|
-
|
|
22087
|
+
J = new Er();
|
|
22088
|
+
Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
|
|
22089
|
+
br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
|
|
22090
|
+
Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
|
|
22091
|
+
Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
|
|
22092
|
+
ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
|
|
22093
|
+
Ds = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ds || {});
|
|
22094
|
+
_s = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(_s || {});
|
|
22095
|
+
Ns = ((e) => (e.CAPTION = "caption", e))(Ns || {});
|
|
22096
|
+
Hr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Hr || {});
|
|
22097
|
+
Os = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Os || {});
|
|
22098
|
+
Cr = class {
|
|
22080
22099
|
constructor() {
|
|
22081
22100
|
this.TAG = "[HMSIntersectionObserverWrapper]";
|
|
22082
22101
|
this.listeners = /* @__PURE__ */ new WeakMap();
|
|
@@ -22103,8 +22122,8 @@ var init_dist = __esm({
|
|
|
22103
22122
|
return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
|
|
22104
22123
|
}
|
|
22105
22124
|
};
|
|
22106
|
-
|
|
22107
|
-
|
|
22125
|
+
Vs = new Cr();
|
|
22126
|
+
Lr = class {
|
|
22108
22127
|
constructor() {
|
|
22109
22128
|
this.TAG = "[HMSResizeObserverWrapper]";
|
|
22110
22129
|
this.listeners = /* @__PURE__ */ new WeakMap();
|
|
@@ -22117,7 +22136,7 @@ var init_dist = __esm({
|
|
|
22117
22136
|
(t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
|
|
22118
22137
|
};
|
|
22119
22138
|
this.createObserver = () => {
|
|
22120
|
-
this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(
|
|
22139
|
+
this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(ci(this.handleResize, 300)));
|
|
22121
22140
|
};
|
|
22122
22141
|
this.handleResize = (e) => {
|
|
22123
22142
|
var t;
|
|
@@ -22131,43 +22150,43 @@ var init_dist = __esm({
|
|
|
22131
22150
|
return e || l.w(this.TAG, "Resize Observer is not supported"), e;
|
|
22132
22151
|
}
|
|
22133
22152
|
};
|
|
22134
|
-
|
|
22135
|
-
|
|
22136
|
-
|
|
22137
|
-
|
|
22138
|
-
|
|
22139
|
-
|
|
22140
|
-
|
|
22153
|
+
Fs = new Lr();
|
|
22154
|
+
wr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(wr || {});
|
|
22155
|
+
Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
|
|
22156
|
+
$s = "https://event.100ms.live/v2/client/report";
|
|
22157
|
+
Ks = "https://event-nonprod.100ms.live/v2/client/report";
|
|
22158
|
+
Pt = Math.pow(2, 31) - 1;
|
|
22159
|
+
rt = class {
|
|
22141
22160
|
};
|
|
22142
|
-
|
|
22161
|
+
rt.makePeerId = () => (0, import_uuid7.v4)();
|
|
22143
22162
|
V = (a2) => a2.room;
|
|
22144
|
-
|
|
22145
|
-
|
|
22146
|
-
|
|
22163
|
+
_o = (a2) => a2.errors;
|
|
22164
|
+
Xh = createSelector(_o, (a2) => a2.length === 0 ? null : a2.at(-1));
|
|
22165
|
+
Zh = createSelector(V, (a2) => a2.id);
|
|
22147
22166
|
K = (a2) => a2.peers;
|
|
22148
|
-
|
|
22149
|
-
|
|
22167
|
+
Mi = (a2) => a2.messages.byID;
|
|
22168
|
+
ea = (a2) => a2.messages.allIDs;
|
|
22150
22169
|
O = (a2) => a2.tracks;
|
|
22151
|
-
|
|
22152
|
-
|
|
22153
|
-
|
|
22154
|
-
|
|
22155
|
-
|
|
22156
|
-
|
|
22157
|
-
|
|
22170
|
+
Gr = (a2) => a2.appData;
|
|
22171
|
+
No = (a2) => a2.speakers;
|
|
22172
|
+
Oe = createSelector([V], (a2) => a2 && a2.isConnected);
|
|
22173
|
+
im = createSelector([Oe, V], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
|
|
22174
|
+
Oo = (a2) => a2.hideLocalPeer;
|
|
22175
|
+
fe = createSelector([V, K, Oo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
|
|
22176
|
+
xo = createSelector(O, (a2) => Object.values(a2));
|
|
22158
22177
|
ie = createSelector(V, K, (a2, e) => e[a2.localPeer]);
|
|
22159
22178
|
Ee = createSelector(V, (a2) => a2.localPeer);
|
|
22160
|
-
|
|
22161
|
-
|
|
22179
|
+
rm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
|
|
22180
|
+
sm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
|
|
22162
22181
|
oe = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
|
|
22163
22182
|
z = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
|
|
22164
|
-
|
|
22165
|
-
|
|
22183
|
+
Uo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
|
|
22184
|
+
ia = createSelector([oe, z, Uo], (a2, e, t) => {
|
|
22166
22185
|
let i = t ? [...t] : [];
|
|
22167
22186
|
return a2 && i.unshift(a2), e && i.unshift(e), i;
|
|
22168
22187
|
});
|
|
22169
|
-
|
|
22170
|
-
|
|
22188
|
+
am = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
|
|
22189
|
+
om = createSelector(K, No, (a2, e) => {
|
|
22171
22190
|
let t = Object.entries(e).sort((i, r) => {
|
|
22172
22191
|
var n, d;
|
|
22173
22192
|
let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
|
|
@@ -22180,108 +22199,108 @@ var init_dist = __esm({
|
|
|
22180
22199
|
}
|
|
22181
22200
|
return null;
|
|
22182
22201
|
});
|
|
22183
|
-
|
|
22184
|
-
let { video: t, audio: i } =
|
|
22202
|
+
$r = createSelector(ie, O, (a2, e) => {
|
|
22203
|
+
let { video: t, audio: i } = Ue(e, a2);
|
|
22185
22204
|
return !!(t || i);
|
|
22186
22205
|
});
|
|
22187
|
-
|
|
22206
|
+
Bo = createSelector(K, O, (a2, e) => {
|
|
22188
22207
|
let t;
|
|
22189
22208
|
for (let i in a2) {
|
|
22190
|
-
let r = a2[i], { video: s, audio: o } =
|
|
22209
|
+
let r = a2[i], { video: s, audio: o } = Ue(e, r);
|
|
22191
22210
|
if (s)
|
|
22192
22211
|
return r;
|
|
22193
22212
|
o && !t && (t = r);
|
|
22194
22213
|
}
|
|
22195
22214
|
return t;
|
|
22196
22215
|
});
|
|
22197
|
-
|
|
22198
|
-
|
|
22216
|
+
cm = createSelector(Bo, (a2) => !!a2);
|
|
22217
|
+
dm = createSelector(K, O, (a2, e) => {
|
|
22199
22218
|
for (let t in a2) {
|
|
22200
|
-
let i = a2[t], { audio: r, video: s } =
|
|
22219
|
+
let i = a2[t], { audio: r, video: s } = Ue(e, i);
|
|
22201
22220
|
if (!s && r)
|
|
22202
22221
|
return i;
|
|
22203
22222
|
}
|
|
22204
22223
|
});
|
|
22205
|
-
|
|
22224
|
+
lm = createSelector(K, O, (a2, e) => {
|
|
22206
22225
|
let t = [], i = [];
|
|
22207
22226
|
for (let r in a2) {
|
|
22208
|
-
let s = a2[r], { video: o, audio: n } =
|
|
22227
|
+
let s = a2[r], { video: o, audio: n } = Ue(e, s);
|
|
22209
22228
|
o ? t.push(s) : n && i.push(s);
|
|
22210
22229
|
}
|
|
22211
22230
|
return t.concat(i);
|
|
22212
22231
|
});
|
|
22213
|
-
|
|
22232
|
+
um = createSelector(K, O, (a2, e) => {
|
|
22214
22233
|
for (let t in e) {
|
|
22215
22234
|
let i = e[t];
|
|
22216
|
-
if (
|
|
22235
|
+
if (mt(i) && ht(i) && i.peerId)
|
|
22217
22236
|
return a2[i.peerId];
|
|
22218
22237
|
}
|
|
22219
22238
|
});
|
|
22220
|
-
|
|
22239
|
+
pm = createSelector(K, O, (a2, e) => {
|
|
22221
22240
|
for (let t in e) {
|
|
22222
22241
|
let i = e[t];
|
|
22223
|
-
if (
|
|
22242
|
+
if (si(i) && i.peerId)
|
|
22224
22243
|
return a2[i.peerId];
|
|
22225
22244
|
}
|
|
22226
22245
|
});
|
|
22227
|
-
|
|
22228
|
-
|
|
22229
|
-
|
|
22230
|
-
|
|
22246
|
+
hm = createSelector(xo, (a2) => a2.filter(us));
|
|
22247
|
+
mm = createSelector(ea, (a2) => a2.length);
|
|
22248
|
+
Sm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
|
|
22249
|
+
Rt = createSelector(ea, Mi, (a2, e) => {
|
|
22231
22250
|
let t = [];
|
|
22232
22251
|
return a2.forEach((i) => {
|
|
22233
22252
|
t.push(e[i]);
|
|
22234
22253
|
}), t;
|
|
22235
22254
|
});
|
|
22236
|
-
|
|
22255
|
+
Vo = createSelector(Rt, (a2) => a2.filter((e) => {
|
|
22237
22256
|
var t;
|
|
22238
22257
|
return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
|
|
22239
22258
|
}));
|
|
22240
|
-
|
|
22259
|
+
gm = createSelector(Vo, (a2) => a2.filter((e) => !e.read).length);
|
|
22241
22260
|
re = createSelector([V], (a2) => a2 && a2.roomState);
|
|
22242
|
-
|
|
22243
|
-
|
|
22244
|
-
|
|
22245
|
-
|
|
22246
|
-
|
|
22247
|
-
|
|
22248
|
-
|
|
22261
|
+
sa = createSelector(re, (a2) => a2 === "Preview");
|
|
22262
|
+
Tm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
|
|
22263
|
+
fm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
|
|
22264
|
+
ve = (a2) => a2.roles;
|
|
22265
|
+
vm = createSelector([ve], (a2) => Object.keys(a2));
|
|
22266
|
+
at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
|
|
22267
|
+
Fo = (a2) => {
|
|
22249
22268
|
var e;
|
|
22250
22269
|
return (e = a2.preview) == null ? void 0 : e.asRole;
|
|
22251
22270
|
};
|
|
22252
|
-
|
|
22253
|
-
|
|
22271
|
+
aa = createSelector([Fo, ve], (a2, e) => a2 ? e[a2] : null);
|
|
22272
|
+
Mm = createSelector([at], (a2) => {
|
|
22254
22273
|
var e;
|
|
22255
22274
|
return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
|
|
22256
22275
|
});
|
|
22257
|
-
|
|
22258
|
-
|
|
22259
|
-
|
|
22260
|
-
|
|
22261
|
-
|
|
22262
|
-
|
|
22263
|
-
|
|
22264
|
-
|
|
22265
|
-
|
|
22266
|
-
|
|
22267
|
-
|
|
22268
|
-
|
|
22269
|
-
|
|
22270
|
-
|
|
22271
|
-
|
|
22272
|
-
|
|
22273
|
-
|
|
22274
|
-
|
|
22275
|
-
|
|
22276
|
-
|
|
22277
|
-
|
|
22278
|
-
|
|
22279
|
-
|
|
22276
|
+
oa = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
|
|
22277
|
+
ym = createSelector(V, (a2) => a2.recording);
|
|
22278
|
+
km = createSelector(V, (a2) => a2.rtmp);
|
|
22279
|
+
Em = createSelector(V, (a2) => a2.hls);
|
|
22280
|
+
Pm = createSelector(V, (a2) => a2.transcriptions);
|
|
22281
|
+
bm = createSelector(V, (a2) => a2.sessionId);
|
|
22282
|
+
Im = createSelector(V, (a2) => a2.startedAt);
|
|
22283
|
+
Am = createSelector(V, (a2) => !!a2.isLargeRoom);
|
|
22284
|
+
Rm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
|
|
22285
|
+
Hm = createSelector(V, (a2) => !!a2.isVBEnabled);
|
|
22286
|
+
Cm = createSelector(V, (a2) => a2.effectsKey);
|
|
22287
|
+
na = (a2) => a2.polls;
|
|
22288
|
+
_m = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
|
|
22289
|
+
Go = (a2) => a2.whiteboards;
|
|
22290
|
+
Nm = createSelector(Go, (a2) => Object.values(a2)[0]);
|
|
22291
|
+
da = (a2 = "audio") => (e) => e.playlist[a2].list;
|
|
22292
|
+
Kr = (a2 = "audio") => (e) => e.playlist[a2].selection;
|
|
22293
|
+
la = (a2 = "audio") => (e) => e.playlist[a2].progress;
|
|
22294
|
+
ua = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
|
|
22295
|
+
pa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
|
|
22296
|
+
ha = (a2 = "audio") => (e) => e.playlist[a2].volume;
|
|
22297
|
+
ma = (a2 = "audio") => createSelector(da(a2), (e) => Object.values(e));
|
|
22298
|
+
Sa = (a2 = "audio") => createSelector(da(a2), Kr(a2), (e, t) => {
|
|
22280
22299
|
if (t.id)
|
|
22281
22300
|
return e[t.id];
|
|
22282
22301
|
});
|
|
22283
|
-
|
|
22284
|
-
|
|
22302
|
+
ga = { selection: Kr("audio"), progress: la("audio"), currentTime: ua("audio"), playbackRate: pa("audio"), volume: ha("audio"), list: ma("audio"), selectedItem: Sa("audio") };
|
|
22303
|
+
Ta = { selection: Kr("video"), progress: la("video"), currentTime: ua("video"), playbackRate: pa("video"), volume: ha("video"), list: ma("video"), selectedItem: Sa("video") };
|
|
22285
22304
|
Ht = "HMS-Store:";
|
|
22286
22305
|
b = class {
|
|
22287
22306
|
static v(e, ...t) {
|
|
@@ -22349,127 +22368,127 @@ var init_dist = __esm({
|
|
|
22349
22368
|
}
|
|
22350
22369
|
};
|
|
22351
22370
|
b.level = 0;
|
|
22352
|
-
|
|
22371
|
+
qr = (a2, e) => e;
|
|
22353
22372
|
Ct = (a2, e) => e;
|
|
22354
|
-
|
|
22355
|
-
|
|
22356
|
-
|
|
22357
|
-
q = createSelector([K,
|
|
22358
|
-
|
|
22359
|
-
|
|
22373
|
+
fa = (a2, e) => e;
|
|
22374
|
+
Wo = (a2, e) => e;
|
|
22375
|
+
$o = (a2, e) => e;
|
|
22376
|
+
q = createSelector([K, qr], (a2, e) => e ? a2[e] : null);
|
|
22377
|
+
jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
|
|
22378
|
+
Ko = createSelector([O, Ct], (a2, e) => {
|
|
22360
22379
|
if (!e)
|
|
22361
22380
|
return null;
|
|
22362
22381
|
let t = a2[e];
|
|
22363
22382
|
return (t == null ? void 0 : t.type) === "video" ? t : null;
|
|
22364
22383
|
});
|
|
22365
|
-
|
|
22384
|
+
qo = createSelector([O, Ct], (a2, e) => {
|
|
22366
22385
|
if (!e)
|
|
22367
22386
|
return null;
|
|
22368
22387
|
let t = a2[e];
|
|
22369
22388
|
return (t == null ? void 0 : t.type) === "audio" ? t : null;
|
|
22370
22389
|
});
|
|
22371
|
-
|
|
22390
|
+
jo = createSelector([O, Ct], (a2, e) => {
|
|
22372
22391
|
if (!e)
|
|
22373
22392
|
return null;
|
|
22374
22393
|
let t = a2[e];
|
|
22375
22394
|
return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
22376
22395
|
});
|
|
22377
|
-
|
|
22396
|
+
Jo = createSelector([O, Ct], (a2, e) => {
|
|
22378
22397
|
if (!e)
|
|
22379
22398
|
return null;
|
|
22380
22399
|
let t = a2[e];
|
|
22381
22400
|
return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
22382
22401
|
});
|
|
22383
|
-
|
|
22384
|
-
Y =
|
|
22385
|
-
|
|
22402
|
+
Qo = createSelector([na, $o], (a2, e) => e ? a2[e] : null);
|
|
22403
|
+
Y = R(q);
|
|
22404
|
+
qm = R(createSelector([Gr, Wo], (a2, e) => {
|
|
22386
22405
|
if (a2)
|
|
22387
22406
|
return e ? a2[e] : a2;
|
|
22388
22407
|
}));
|
|
22389
|
-
|
|
22390
|
-
|
|
22391
|
-
|
|
22392
|
-
|
|
22393
|
-
|
|
22394
|
-
|
|
22395
|
-
|
|
22396
|
-
|
|
22408
|
+
Qm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
|
|
22409
|
+
zm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
|
|
22410
|
+
yi = R(jr);
|
|
22411
|
+
va = R(Ko);
|
|
22412
|
+
Ym = R(qo);
|
|
22413
|
+
Xm = R(jo);
|
|
22414
|
+
Zm = R(Jo);
|
|
22415
|
+
zo = R((a2, e) => {
|
|
22397
22416
|
let t = q(a2, e);
|
|
22398
22417
|
if (t && t.videoTrack && t.videoTrack !== "")
|
|
22399
22418
|
return a2.tracks[t.videoTrack];
|
|
22400
22419
|
});
|
|
22401
|
-
|
|
22420
|
+
Yo = R((a2, e) => {
|
|
22402
22421
|
let t = q(a2, e);
|
|
22403
22422
|
if (t && t.audioTrack && t.audioTrack !== "")
|
|
22404
22423
|
return a2.tracks[t.audioTrack];
|
|
22405
22424
|
});
|
|
22406
|
-
|
|
22425
|
+
tS = R((a2, e) => {
|
|
22407
22426
|
let t = q(a2, e);
|
|
22408
22427
|
return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
|
|
22409
22428
|
});
|
|
22410
|
-
|
|
22411
|
-
|
|
22412
|
-
|
|
22413
|
-
let t =
|
|
22414
|
-
return
|
|
22415
|
-
};
|
|
22416
|
-
|
|
22417
|
-
|
|
22429
|
+
Ma = (a2, e) => e ? a2.speakers[e] : null;
|
|
22430
|
+
iS = R(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
22431
|
+
Xo = (a2, e) => {
|
|
22432
|
+
let t = Yo(e)(a2);
|
|
22433
|
+
return Ma(a2, t == null ? void 0 : t.id);
|
|
22434
|
+
};
|
|
22435
|
+
rS = R(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
22436
|
+
sS = R((a2, e) => {
|
|
22418
22437
|
if (e)
|
|
22419
22438
|
return a2.connectionQualities[e];
|
|
22420
22439
|
});
|
|
22421
|
-
|
|
22440
|
+
aS = R((a2, e) => {
|
|
22422
22441
|
let t = q(a2, e);
|
|
22423
22442
|
if (t) {
|
|
22424
|
-
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) =>
|
|
22443
|
+
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
|
|
22425
22444
|
return i ? a2.tracks[i] : void 0;
|
|
22426
22445
|
}
|
|
22427
22446
|
});
|
|
22428
|
-
|
|
22447
|
+
oS = R(createSelector(O, q, (a2, e) => {
|
|
22429
22448
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22430
22449
|
let r = a2[i];
|
|
22431
|
-
return
|
|
22450
|
+
return mt(r) && ht(r);
|
|
22432
22451
|
});
|
|
22433
22452
|
return t ? a2[t] : void 0;
|
|
22434
22453
|
}));
|
|
22435
|
-
|
|
22454
|
+
nS = R(createSelector(O, q, (a2, e) => {
|
|
22436
22455
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22437
22456
|
let r = a2[i];
|
|
22438
|
-
return
|
|
22457
|
+
return mt(r) && pt(r);
|
|
22439
22458
|
});
|
|
22440
22459
|
return t ? a2[t] : void 0;
|
|
22441
22460
|
}));
|
|
22442
|
-
|
|
22461
|
+
cS = R(createSelector(O, q, (a2, e) => {
|
|
22443
22462
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22444
22463
|
let r = a2[i];
|
|
22445
|
-
return
|
|
22464
|
+
return si(r) && pt(r);
|
|
22446
22465
|
});
|
|
22447
22466
|
return t ? a2[t] : void 0;
|
|
22448
22467
|
}));
|
|
22449
|
-
|
|
22450
|
-
|
|
22451
|
-
|
|
22468
|
+
ya = R(createSelector(O, q, (a2, e) => Ue(a2, e)));
|
|
22469
|
+
ka = (a2) => createSelector(ya(a2), (e) => e.audio);
|
|
22470
|
+
lS = R((a2, e) => {
|
|
22452
22471
|
let t = q(a2, e);
|
|
22453
|
-
return
|
|
22472
|
+
return je(a2, t == null ? void 0 : t.audioTrack);
|
|
22454
22473
|
});
|
|
22455
|
-
|
|
22474
|
+
uS = R((a2, e) => {
|
|
22456
22475
|
let t = q(a2, e);
|
|
22457
|
-
return
|
|
22476
|
+
return je(a2, t == null ? void 0 : t.videoTrack);
|
|
22458
22477
|
});
|
|
22459
|
-
|
|
22478
|
+
Ea = R((a2, e) => {
|
|
22460
22479
|
if (e && a2.tracks[e])
|
|
22461
22480
|
return a2.tracks[e].volume === 0;
|
|
22462
22481
|
});
|
|
22463
|
-
|
|
22482
|
+
pS = R((a2, e) => {
|
|
22464
22483
|
let t = q(a2, e);
|
|
22465
|
-
return
|
|
22484
|
+
return Ea(t == null ? void 0 : t.audioTrack)(a2);
|
|
22466
22485
|
});
|
|
22467
|
-
|
|
22468
|
-
let t =
|
|
22469
|
-
return
|
|
22486
|
+
hS = R((a2, e) => {
|
|
22487
|
+
let t = ka(e)(a2);
|
|
22488
|
+
return Ea(t == null ? void 0 : t.id)(a2);
|
|
22470
22489
|
});
|
|
22471
|
-
|
|
22472
|
-
let t =
|
|
22490
|
+
Pa = R((a2, e) => {
|
|
22491
|
+
let t = jr(a2, e);
|
|
22473
22492
|
if (t) {
|
|
22474
22493
|
if (t.type !== "audio") {
|
|
22475
22494
|
b.w("Please pass audio track here");
|
|
@@ -22478,16 +22497,16 @@ var init_dist = __esm({
|
|
|
22478
22497
|
return t.volume;
|
|
22479
22498
|
}
|
|
22480
22499
|
});
|
|
22481
|
-
|
|
22500
|
+
mS = R((a2, e) => {
|
|
22482
22501
|
let t = q(a2, e);
|
|
22483
|
-
return
|
|
22502
|
+
return Pa(t == null ? void 0 : t.audioTrack)(a2);
|
|
22484
22503
|
});
|
|
22485
|
-
|
|
22486
|
-
let t =
|
|
22487
|
-
return
|
|
22504
|
+
SS = R((a2, e) => {
|
|
22505
|
+
let t = ka(e)(a2);
|
|
22506
|
+
return Pa(t == null ? void 0 : t.id)(a2);
|
|
22488
22507
|
});
|
|
22489
|
-
|
|
22490
|
-
let t =
|
|
22508
|
+
gS = R((a2, e) => {
|
|
22509
|
+
let t = jr(a2, e);
|
|
22491
22510
|
if (t) {
|
|
22492
22511
|
if (t.type !== "video") {
|
|
22493
22512
|
b.w("Please pass video track here");
|
|
@@ -22496,53 +22515,53 @@ var init_dist = __esm({
|
|
|
22496
22515
|
return t.layer;
|
|
22497
22516
|
}
|
|
22498
22517
|
});
|
|
22499
|
-
|
|
22518
|
+
ba = createSelector([Rt, Ee, qr], (a2, e, t) => {
|
|
22500
22519
|
if (t)
|
|
22501
22520
|
return a2.filter((i) => {
|
|
22502
22521
|
var r;
|
|
22503
22522
|
return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
|
|
22504
22523
|
});
|
|
22505
22524
|
});
|
|
22506
|
-
|
|
22525
|
+
Ia = createSelector([Rt, fa], (a2, e) => {
|
|
22507
22526
|
if (e)
|
|
22508
22527
|
return a2.filter((t) => {
|
|
22509
22528
|
var i, r;
|
|
22510
22529
|
return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
|
|
22511
22530
|
});
|
|
22512
22531
|
});
|
|
22513
|
-
|
|
22532
|
+
Zo = createSelector(Rt, (a2) => a2.filter((e) => {
|
|
22514
22533
|
var t;
|
|
22515
22534
|
return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
|
|
22516
22535
|
}));
|
|
22517
|
-
|
|
22518
|
-
|
|
22519
|
-
|
|
22520
|
-
|
|
22521
|
-
|
|
22522
|
-
|
|
22523
|
-
|
|
22524
|
-
|
|
22525
|
-
|
|
22536
|
+
en = createSelector([Ia, fa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
22537
|
+
tn = createSelector([ba, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
22538
|
+
TS = createSelector(Zo, (a2) => a2.filter((e) => !e.read).length);
|
|
22539
|
+
fS = R(ba);
|
|
22540
|
+
vS = R(Ia);
|
|
22541
|
+
MS = R(en);
|
|
22542
|
+
yS = R(tn);
|
|
22543
|
+
Aa = R(Qo);
|
|
22544
|
+
DS = createSelector([K, O], (a2, e) => Object.values(a2).map((i) => {
|
|
22526
22545
|
var r;
|
|
22527
22546
|
return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
|
|
22528
22547
|
}));
|
|
22529
|
-
|
|
22530
|
-
|
|
22531
|
-
|
|
22532
|
-
|
|
22533
|
-
|
|
22548
|
+
rn = (a2) => a2.roleChangeRequests[0] || null;
|
|
22549
|
+
_S = createSelector([rn, K, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
|
|
22550
|
+
NS = createSelector([at], (a2) => St(a2));
|
|
22551
|
+
OS = createSelector([aa], (a2) => St(a2));
|
|
22552
|
+
an = createSelector([z, O], (a2, e) => {
|
|
22534
22553
|
let t = null;
|
|
22535
22554
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
22536
22555
|
});
|
|
22537
|
-
|
|
22556
|
+
on = createSelector([oe, O], (a2, e) => {
|
|
22538
22557
|
let t = null;
|
|
22539
22558
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
22540
22559
|
});
|
|
22541
|
-
|
|
22542
|
-
|
|
22560
|
+
dn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(dn || {});
|
|
22561
|
+
Xr = class {
|
|
22543
22562
|
constructor() {
|
|
22544
22563
|
this.TAG = "[HTTPAnalyticsTransport]";
|
|
22545
|
-
this.failedEvents = new
|
|
22564
|
+
this.failedEvents = new me("client-events");
|
|
22546
22565
|
this.isConnected = true;
|
|
22547
22566
|
this.env = null;
|
|
22548
22567
|
this.websocketURL = "";
|
|
@@ -22558,7 +22577,7 @@ var init_dist = __esm({
|
|
|
22558
22577
|
this.addEventToStorage(e);
|
|
22559
22578
|
return;
|
|
22560
22579
|
}
|
|
22561
|
-
let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ?
|
|
22580
|
+
let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? $s : Ks;
|
|
22562
22581
|
fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
|
|
22563
22582
|
if (r.status === 401) {
|
|
22564
22583
|
this.removeFromStorage(e);
|
|
@@ -22584,66 +22603,93 @@ var init_dist = __esm({
|
|
|
22584
22603
|
i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
|
|
22585
22604
|
}
|
|
22586
22605
|
};
|
|
22587
|
-
|
|
22606
|
+
be = new Xr();
|
|
22607
|
+
Vt = class {
|
|
22608
|
+
static handleError(e) {
|
|
22609
|
+
if (e.status === 404)
|
|
22610
|
+
throw S.APIErrors.EndpointUnreachable("FEEDBACK", e.statusText);
|
|
22611
|
+
if (e.status >= 400)
|
|
22612
|
+
throw S.APIErrors.ServerErrors(e.status, "FEEDBACK", e == null ? void 0 : e.statusText);
|
|
22613
|
+
}
|
|
22614
|
+
static sendFeedback(s) {
|
|
22615
|
+
return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
|
|
22616
|
+
l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
|
|
22617
|
+
let o = new URL("v2/client/feedback", t), n = M(h({}, i), { payload: r });
|
|
22618
|
+
try {
|
|
22619
|
+
let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
|
|
22620
|
+
try {
|
|
22621
|
+
this.handleError(d);
|
|
22622
|
+
return;
|
|
22623
|
+
} catch (u) {
|
|
22624
|
+
throw l.e(this.TAG, "error", u.message, d.status), u instanceof f ? u : S.APIErrors.ServerErrors(d.status, "FEEDBACK", u.message);
|
|
22625
|
+
}
|
|
22626
|
+
} catch (d) {
|
|
22627
|
+
let u = d;
|
|
22628
|
+
throw ["Failed to fetch", "NetworkError", "ECONNRESET"].some((p) => u.message.includes(p)) ? S.APIErrors.EndpointUnreachable("FEEDBACK", u.message) : u;
|
|
22629
|
+
}
|
|
22630
|
+
});
|
|
22631
|
+
}
|
|
22632
|
+
};
|
|
22633
|
+
Vt.TAG = "[FeedbackService]";
|
|
22588
22634
|
j = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(j || {});
|
|
22589
|
-
|
|
22590
|
-
|
|
22591
|
-
|
|
22592
|
-
|
|
22593
|
-
|
|
22594
|
-
|
|
22595
|
-
|
|
22596
|
-
|
|
22597
|
-
|
|
22598
|
-
|
|
22599
|
-
Ae = createSelector([
|
|
22600
|
-
|
|
22635
|
+
sr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(sr || {});
|
|
22636
|
+
lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
|
|
22637
|
+
Rn = (a2) => a2.localPeer.id;
|
|
22638
|
+
Hn = (a2) => a2.localPeer.audioTrack;
|
|
22639
|
+
Cn = (a2) => a2.localPeer.videoTrack;
|
|
22640
|
+
Ln = (a2, e) => e;
|
|
22641
|
+
za = (a2, e) => e;
|
|
22642
|
+
wn = (a2) => a2.remoteTrackStats;
|
|
22643
|
+
Ya = (a2) => a2.peerStats;
|
|
22644
|
+
rs = (a2) => a2.localTrackStats;
|
|
22645
|
+
Ae = createSelector([Ya, Rn], (a2, e) => a2[e]);
|
|
22646
|
+
Dn = createSelector(Ae, (a2) => {
|
|
22601
22647
|
var e;
|
|
22602
22648
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
22603
22649
|
});
|
|
22604
|
-
|
|
22650
|
+
_n = createSelector(Ae, (a2) => {
|
|
22605
22651
|
var e;
|
|
22606
22652
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
|
|
22607
22653
|
});
|
|
22608
|
-
|
|
22654
|
+
Nn = createSelector(Ae, (a2) => {
|
|
22609
22655
|
var e;
|
|
22610
22656
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
|
|
22611
22657
|
});
|
|
22612
|
-
|
|
22658
|
+
On = createSelector(Ae, (a2) => {
|
|
22613
22659
|
var e;
|
|
22614
22660
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
|
|
22615
22661
|
});
|
|
22616
|
-
|
|
22662
|
+
xn = createSelector(Ae, (a2) => {
|
|
22617
22663
|
var e;
|
|
22618
22664
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
|
|
22619
22665
|
});
|
|
22620
|
-
|
|
22666
|
+
Un = createSelector(Ae, (a2) => {
|
|
22621
22667
|
var e;
|
|
22622
22668
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
|
|
22623
22669
|
});
|
|
22624
|
-
|
|
22670
|
+
Bn = createSelector(Ae, (a2) => {
|
|
22625
22671
|
var e;
|
|
22626
22672
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
|
|
22627
22673
|
});
|
|
22628
|
-
|
|
22674
|
+
Vn = createSelector(Ae, (a2) => {
|
|
22629
22675
|
var e;
|
|
22630
22676
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
22631
22677
|
});
|
|
22632
|
-
|
|
22633
|
-
|
|
22634
|
-
|
|
22635
|
-
|
|
22636
|
-
|
|
22637
|
-
|
|
22678
|
+
Fn = createSelector([Ya, Ln], (a2, e) => e ? a2[e] : void 0);
|
|
22679
|
+
Gn = createSelector([wn, za], (a2, e) => e ? a2[e] : void 0);
|
|
22680
|
+
ss = createSelector([rs, za], (a2, e) => e ? a2[e] : void 0);
|
|
22681
|
+
Wn = R(Fn);
|
|
22682
|
+
$n = R(Gn);
|
|
22683
|
+
Kn = createSelector([rs, Hn], (a2, e) => {
|
|
22638
22684
|
var t;
|
|
22639
22685
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
22640
22686
|
});
|
|
22641
|
-
|
|
22642
|
-
|
|
22687
|
+
qn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
|
|
22688
|
+
jn = createSelector([rs, Cn], (a2, e) => {
|
|
22643
22689
|
var t;
|
|
22644
22690
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
22645
22691
|
});
|
|
22646
|
-
|
|
22692
|
+
Jn = R(createSelector(ss, (a2) => a2));
|
|
22647
22693
|
}
|
|
22648
22694
|
});
|
|
22649
22695
|
|
|
@@ -22768,7 +22814,7 @@ var init_StreamActions = __esm({
|
|
|
22768
22814
|
};
|
|
22769
22815
|
RecordingPauseStatus = () => {
|
|
22770
22816
|
const recording = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectRecordingState);
|
|
22771
|
-
if (recording.hls && recording.hls.state ===
|
|
22817
|
+
if (recording.hls && recording.hls.state === Ls.PAUSED) {
|
|
22772
22818
|
return /* @__PURE__ */ import_react88.default.createElement(
|
|
22773
22819
|
Tooltip,
|
|
22774
22820
|
{
|
|
@@ -28166,7 +28212,7 @@ var init_Chat = __esm({
|
|
|
28166
28212
|
const listRef = (0, import_react153.useRef)(null);
|
|
28167
28213
|
const hmsActions = (0, import_react_sdk73.useHMSActions)();
|
|
28168
28214
|
const vanillaStore = (0, import_react_sdk73.useHMSVanillaStore)();
|
|
28169
|
-
const { enabled: isChatEnabled = true } = (0, import_react_sdk73.useHMSStore)(
|
|
28215
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk73.useHMSStore)(jm("chatState" /* CHAT_STATE */)) || {};
|
|
28170
28216
|
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
28171
28217
|
const isMobileHLSStream = useMobileHLSStream();
|
|
28172
28218
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -28256,7 +28302,7 @@ var init_Chat = __esm({
|
|
|
28256
28302
|
scrollToBottom,
|
|
28257
28303
|
listRef
|
|
28258
28304
|
}) => {
|
|
28259
|
-
const unreadCount = (0, import_react_sdk73.useHMSStore)(
|
|
28305
|
+
const unreadCount = (0, import_react_sdk73.useHMSStore)(Sm);
|
|
28260
28306
|
if (!unreadCount || !listRef.current) {
|
|
28261
28307
|
return null;
|
|
28262
28308
|
}
|
|
@@ -29366,7 +29412,7 @@ var init_VBPicker = __esm({
|
|
|
29366
29412
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
29367
29413
|
const hmsActions = (0, import_react_sdk82.useHMSActions)();
|
|
29368
29414
|
const localPeer = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeer);
|
|
29369
|
-
const role = (0, import_react_sdk82.useHMSStore)(
|
|
29415
|
+
const role = (0, import_react_sdk82.useHMSStore)(at);
|
|
29370
29416
|
const isVideoOn = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLocalVideoEnabled);
|
|
29371
29417
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
29372
29418
|
const trackSelector = (0, import_react_sdk82.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
@@ -29375,12 +29421,12 @@ var init_VBPicker = __esm({
|
|
|
29375
29421
|
const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
|
|
29376
29422
|
const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
|
|
29377
29423
|
const [isBlurSupported, setIsBlurSupported] = (0, import_react163.useState)(false);
|
|
29378
|
-
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(
|
|
29379
|
-
const effectsKey = (0, import_react_sdk82.useHMSStore)(
|
|
29424
|
+
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Rm);
|
|
29425
|
+
const effectsKey = (0, import_react_sdk82.useHMSStore)(Cm);
|
|
29380
29426
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
29381
29427
|
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
29382
29428
|
const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
|
|
29383
|
-
const background = (0, import_react_sdk82.useHMSStore)(
|
|
29429
|
+
const background = (0, import_react_sdk82.useHMSStore)(qm(APP_DATA.background));
|
|
29384
29430
|
const mediaList = backgroundMedia.map((media) => media.url || "");
|
|
29385
29431
|
const inPreview = roomState === import_react_sdk82.HMSRoomState.Preview;
|
|
29386
29432
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
@@ -31308,9 +31354,9 @@ var init_ScreenshareLayout = __esm({
|
|
|
31308
31354
|
}
|
|
31309
31355
|
});
|
|
31310
31356
|
|
|
31311
|
-
// ../../../../../../../tmp/tmp-
|
|
31312
|
-
var
|
|
31313
|
-
"../../../../../../../tmp/tmp-
|
|
31357
|
+
// ../../../../../../../tmp/tmp-2931-JvUvyGjhWjfp/1919d8536160/index.css
|
|
31358
|
+
var init_d8536160 = __esm({
|
|
31359
|
+
"../../../../../../../tmp/tmp-2931-JvUvyGjhWjfp/1919d8536160/index.css"() {
|
|
31314
31360
|
}
|
|
31315
31361
|
});
|
|
31316
31362
|
|
|
@@ -31332,7 +31378,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
31332
31378
|
init_ProminenceLayout();
|
|
31333
31379
|
init_useUISettings();
|
|
31334
31380
|
init_constants();
|
|
31335
|
-
|
|
31381
|
+
init_d8536160();
|
|
31336
31382
|
WhiteboardEmbed = () => {
|
|
31337
31383
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31338
31384
|
const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
|
|
@@ -34666,14 +34712,504 @@ var init_KeyboardInputManager = __esm({
|
|
|
34666
34712
|
}
|
|
34667
34713
|
});
|
|
34668
34714
|
|
|
34715
|
+
// src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
|
|
34716
|
+
var import_react217, import_react_use53, import_react_sdk109, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
|
|
34717
|
+
var init_FeedbackForm = __esm({
|
|
34718
|
+
"src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx"() {
|
|
34719
|
+
"use strict";
|
|
34720
|
+
init_define_process_env();
|
|
34721
|
+
import_react217 = __toESM(require("react"));
|
|
34722
|
+
import_react_use53 = require("react-use");
|
|
34723
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
|
34724
|
+
import_react_icons102 = require("@100mslive/react-icons");
|
|
34725
|
+
init_Button2();
|
|
34726
|
+
init_Checkbox2();
|
|
34727
|
+
init_Label2();
|
|
34728
|
+
init_Layout();
|
|
34729
|
+
init_Modal();
|
|
34730
|
+
init_Sheet2();
|
|
34731
|
+
init_Text2();
|
|
34732
|
+
init_TextArea2();
|
|
34733
|
+
init_Theme();
|
|
34734
|
+
init_AppContext();
|
|
34735
|
+
init_useRoomLayoutScreen();
|
|
34736
|
+
FEEBACK_INDEX = {
|
|
34737
|
+
THANK_YOU: -10,
|
|
34738
|
+
INIT: -1
|
|
34739
|
+
};
|
|
34740
|
+
FeedbackModal = ({
|
|
34741
|
+
ratings,
|
|
34742
|
+
index,
|
|
34743
|
+
setIndex
|
|
34744
|
+
}) => {
|
|
34745
|
+
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
|
34746
|
+
const onOpenChange = () => {
|
|
34747
|
+
setIndex(FEEBACK_INDEX.INIT);
|
|
34748
|
+
};
|
|
34749
|
+
const avoidDefaultDomBehavior = (e) => {
|
|
34750
|
+
e.preventDefault();
|
|
34751
|
+
};
|
|
34752
|
+
if (isMobile) {
|
|
34753
|
+
return /* @__PURE__ */ import_react217.default.createElement(Sheet.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ import_react217.default.createElement(
|
|
34754
|
+
Sheet.Content,
|
|
34755
|
+
{
|
|
34756
|
+
css: { bg: "$surface_dim", p: "$12" },
|
|
34757
|
+
onPointerDownOutside: avoidDefaultDomBehavior,
|
|
34758
|
+
onInteractOutside: avoidDefaultDomBehavior
|
|
34759
|
+
},
|
|
34760
|
+
/* @__PURE__ */ import_react217.default.createElement(FeedbackContent, { ratings, indexSelected: index, setIndex })
|
|
34761
|
+
));
|
|
34762
|
+
}
|
|
34763
|
+
return /* @__PURE__ */ import_react217.default.createElement(Dialog.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ import_react217.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react217.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react217.default.createElement(
|
|
34764
|
+
Dialog.Content,
|
|
34765
|
+
{
|
|
34766
|
+
css: { bg: "$surface_dim", width: "528px", p: "$12" },
|
|
34767
|
+
onPointerDownOutside: avoidDefaultDomBehavior,
|
|
34768
|
+
onInteractOutside: avoidDefaultDomBehavior
|
|
34769
|
+
},
|
|
34770
|
+
/* @__PURE__ */ import_react217.default.createElement(FeedbackContent, { ratings, indexSelected: index, setIndex })
|
|
34771
|
+
)));
|
|
34772
|
+
};
|
|
34773
|
+
FeedbackContent = ({
|
|
34774
|
+
ratings,
|
|
34775
|
+
indexSelected,
|
|
34776
|
+
setIndex
|
|
34777
|
+
}) => {
|
|
34778
|
+
const { feedback } = useRoomLayoutLeaveScreen();
|
|
34779
|
+
const { endpoints } = useHMSPrebuiltContext();
|
|
34780
|
+
const hmsActions = (0, import_react_sdk109.useHMSActions)();
|
|
34781
|
+
const [comment, setComment] = (0, import_react217.useState)("");
|
|
34782
|
+
const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
|
|
34783
|
+
const handleCheckedChange = (checked, index) => {
|
|
34784
|
+
const newSelected = new Set(selectedReasons);
|
|
34785
|
+
if (checked) {
|
|
34786
|
+
newSelected.add(index);
|
|
34787
|
+
} else {
|
|
34788
|
+
newSelected.delete(index);
|
|
34789
|
+
}
|
|
34790
|
+
setSelectedReasons(newSelected);
|
|
34791
|
+
};
|
|
34792
|
+
const submitFeedback = () => __async(void 0, null, function* () {
|
|
34793
|
+
if (indexSelected < 0 || ratings.length <= indexSelected) {
|
|
34794
|
+
return;
|
|
34795
|
+
}
|
|
34796
|
+
try {
|
|
34797
|
+
const reasons = [...selectedReasons].map((value) => {
|
|
34798
|
+
var _a7, _b7;
|
|
34799
|
+
return ((_b7 = (_a7 = ratings[indexSelected]) == null ? void 0 : _a7.reasons) == null ? void 0 : _b7[value]) || "";
|
|
34800
|
+
});
|
|
34801
|
+
yield hmsActions.submitSessionFeedback(
|
|
34802
|
+
{
|
|
34803
|
+
question: ratings[indexSelected].question,
|
|
34804
|
+
rating: ratings[indexSelected].value || 1,
|
|
34805
|
+
min_rating: 1,
|
|
34806
|
+
max_rating: ratings.length,
|
|
34807
|
+
reasons: selectedReasons.size === 0 ? [] : reasons,
|
|
34808
|
+
comment
|
|
34809
|
+
},
|
|
34810
|
+
endpoints == null ? void 0 : endpoints.event
|
|
34811
|
+
);
|
|
34812
|
+
} catch (e) {
|
|
34813
|
+
console.error(e);
|
|
34814
|
+
}
|
|
34815
|
+
setIndex(FEEBACK_INDEX.THANK_YOU);
|
|
34816
|
+
});
|
|
34817
|
+
return /* @__PURE__ */ import_react217.default.createElement(
|
|
34818
|
+
Flex,
|
|
34819
|
+
{
|
|
34820
|
+
css: {
|
|
34821
|
+
p: indexSelected === FEEBACK_INDEX.INIT ? "$12 !important" : "0",
|
|
34822
|
+
bg: "$surface_dim",
|
|
34823
|
+
r: "$3",
|
|
34824
|
+
gap: "$10"
|
|
34825
|
+
},
|
|
34826
|
+
direction: "column"
|
|
34827
|
+
},
|
|
34828
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34829
|
+
FeedbackHeader,
|
|
34830
|
+
{
|
|
34831
|
+
ratings,
|
|
34832
|
+
indexSelected,
|
|
34833
|
+
onEmojiClicked: (value) => {
|
|
34834
|
+
setSelectedReasons(/* @__PURE__ */ new Set());
|
|
34835
|
+
setIndex(value);
|
|
34836
|
+
}
|
|
34837
|
+
}
|
|
34838
|
+
),
|
|
34839
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34840
|
+
FeedbackForm,
|
|
34841
|
+
{
|
|
34842
|
+
rating: ratings[indexSelected],
|
|
34843
|
+
comment,
|
|
34844
|
+
setComment,
|
|
34845
|
+
selectedReasons,
|
|
34846
|
+
handleCheckedChange
|
|
34847
|
+
}
|
|
34848
|
+
),
|
|
34849
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34850
|
+
Button,
|
|
34851
|
+
{
|
|
34852
|
+
type: "submit",
|
|
34853
|
+
icon: true,
|
|
34854
|
+
css: {
|
|
34855
|
+
alignSelf: "end"
|
|
34856
|
+
},
|
|
34857
|
+
onClick: submitFeedback
|
|
34858
|
+
},
|
|
34859
|
+
(feedback == null ? void 0 : feedback.submit_btn_label) || "Submit Feedback"
|
|
34860
|
+
)
|
|
34861
|
+
);
|
|
34862
|
+
};
|
|
34863
|
+
FeedbackHeader = ({
|
|
34864
|
+
onEmojiClicked,
|
|
34865
|
+
ratings,
|
|
34866
|
+
indexSelected = FEEBACK_INDEX.INIT
|
|
34867
|
+
}) => {
|
|
34868
|
+
const { feedback } = useRoomLayoutLeaveScreen();
|
|
34869
|
+
return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, /* @__PURE__ */ import_react217.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react217.default.createElement(
|
|
34870
|
+
Flex,
|
|
34871
|
+
{
|
|
34872
|
+
direction: "column",
|
|
34873
|
+
css: {
|
|
34874
|
+
flex: "1 1 0"
|
|
34875
|
+
}
|
|
34876
|
+
},
|
|
34877
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34878
|
+
Text,
|
|
34879
|
+
{
|
|
34880
|
+
variant: "h5",
|
|
34881
|
+
css: {
|
|
34882
|
+
c: "$on_surface_high",
|
|
34883
|
+
fontStyle: "normal"
|
|
34884
|
+
}
|
|
34885
|
+
},
|
|
34886
|
+
(feedback == null ? void 0 : feedback.title) || "How was your experience?"
|
|
34887
|
+
),
|
|
34888
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34889
|
+
Text,
|
|
34890
|
+
{
|
|
34891
|
+
variant: "body1",
|
|
34892
|
+
css: {
|
|
34893
|
+
c: "$on_surface_medium",
|
|
34894
|
+
opacity: 0.9,
|
|
34895
|
+
fontWeight: "$regular"
|
|
34896
|
+
}
|
|
34897
|
+
},
|
|
34898
|
+
(feedback == null ? void 0 : feedback.sub_title) || "Your answers help us improve the quality."
|
|
34899
|
+
)
|
|
34900
|
+
), indexSelected !== FEEBACK_INDEX.INIT ? /* @__PURE__ */ import_react217.default.createElement(import_react_icons102.CrossIcon, { width: "24px", height: "24px", color: "white", onClick: () => onEmojiClicked(FEEBACK_INDEX.INIT) }) : null), /* @__PURE__ */ import_react217.default.createElement(
|
|
34901
|
+
Flex,
|
|
34902
|
+
{
|
|
34903
|
+
css: {
|
|
34904
|
+
gap: "$17",
|
|
34905
|
+
c: "$on_surface_high"
|
|
34906
|
+
}
|
|
34907
|
+
},
|
|
34908
|
+
ratings.map((element, index) => {
|
|
34909
|
+
return /* @__PURE__ */ import_react217.default.createElement(
|
|
34910
|
+
Flex,
|
|
34911
|
+
{
|
|
34912
|
+
align: "center",
|
|
34913
|
+
direction: "column",
|
|
34914
|
+
css: {
|
|
34915
|
+
c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_high" : "$on_surface_default",
|
|
34916
|
+
gap: "$4"
|
|
34917
|
+
},
|
|
34918
|
+
onClick: () => onEmojiClicked(index),
|
|
34919
|
+
key: `${index}`
|
|
34920
|
+
},
|
|
34921
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34922
|
+
Text,
|
|
34923
|
+
{
|
|
34924
|
+
css: {
|
|
34925
|
+
fontWeight: "$semiBold",
|
|
34926
|
+
fontSize: "$h4",
|
|
34927
|
+
pb: "$1",
|
|
34928
|
+
cursor: "pointer",
|
|
34929
|
+
opacity: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? 1 : 0.2
|
|
34930
|
+
}
|
|
34931
|
+
},
|
|
34932
|
+
element.emoji
|
|
34933
|
+
),
|
|
34934
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34935
|
+
Text,
|
|
34936
|
+
{
|
|
34937
|
+
variant: "body1",
|
|
34938
|
+
css: {
|
|
34939
|
+
c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_medium" : "$on_surface_low",
|
|
34940
|
+
fontWeight: "$regular"
|
|
34941
|
+
}
|
|
34942
|
+
},
|
|
34943
|
+
element.label
|
|
34944
|
+
)
|
|
34945
|
+
);
|
|
34946
|
+
})
|
|
34947
|
+
));
|
|
34948
|
+
};
|
|
34949
|
+
FeedbackForm = ({
|
|
34950
|
+
rating,
|
|
34951
|
+
comment,
|
|
34952
|
+
setComment,
|
|
34953
|
+
selectedReasons,
|
|
34954
|
+
handleCheckedChange
|
|
34955
|
+
}) => {
|
|
34956
|
+
const { feedback } = useRoomLayoutLeaveScreen();
|
|
34957
|
+
return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, rating.reasons && rating.reasons.length > 0 && /* @__PURE__ */ import_react217.default.createElement(
|
|
34958
|
+
Flex,
|
|
34959
|
+
{
|
|
34960
|
+
direction: "column",
|
|
34961
|
+
css: {
|
|
34962
|
+
gap: "$4"
|
|
34963
|
+
}
|
|
34964
|
+
},
|
|
34965
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34966
|
+
Text,
|
|
34967
|
+
{
|
|
34968
|
+
variant: "sub2",
|
|
34969
|
+
css: {
|
|
34970
|
+
c: "$on_surface_high",
|
|
34971
|
+
fontWeight: "$semiBold",
|
|
34972
|
+
fontSize: "$sm",
|
|
34973
|
+
px: "$2"
|
|
34974
|
+
}
|
|
34975
|
+
},
|
|
34976
|
+
rating.question || "What do you like/dislike here?"
|
|
34977
|
+
),
|
|
34978
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34979
|
+
Flex,
|
|
34980
|
+
{
|
|
34981
|
+
css: {
|
|
34982
|
+
alignItems: "flex-start",
|
|
34983
|
+
alignSelf: "stretch",
|
|
34984
|
+
flexWrap: "wrap",
|
|
34985
|
+
gap: "$6",
|
|
34986
|
+
flex: "1 1 calc(25% - 12px)",
|
|
34987
|
+
"@md": {
|
|
34988
|
+
flex: "1 1 calc(50% - 12px)"
|
|
34989
|
+
},
|
|
34990
|
+
"@sm": {
|
|
34991
|
+
flex: "1 1 100%"
|
|
34992
|
+
}
|
|
34993
|
+
}
|
|
34994
|
+
},
|
|
34995
|
+
rating.reasons.map((option, index) => {
|
|
34996
|
+
return /* @__PURE__ */ import_react217.default.createElement(
|
|
34997
|
+
Flex,
|
|
34998
|
+
{
|
|
34999
|
+
align: "center",
|
|
35000
|
+
gap: "2",
|
|
35001
|
+
key: index,
|
|
35002
|
+
css: {
|
|
35003
|
+
border: "1px solid $border_bright",
|
|
35004
|
+
r: "$1",
|
|
35005
|
+
p: "$6"
|
|
35006
|
+
}
|
|
35007
|
+
},
|
|
35008
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
35009
|
+
Checkbox.Root,
|
|
35010
|
+
{
|
|
35011
|
+
id: `${option}-${index}`,
|
|
35012
|
+
checked: selectedReasons.has(index),
|
|
35013
|
+
onCheckedChange: (checked) => handleCheckedChange(checked, index),
|
|
35014
|
+
css: {
|
|
35015
|
+
cursor: "pointer",
|
|
35016
|
+
flexShrink: 0,
|
|
35017
|
+
bg: "$on_secondary_low",
|
|
35018
|
+
border: "1px solid $border_bright"
|
|
35019
|
+
}
|
|
35020
|
+
},
|
|
35021
|
+
/* @__PURE__ */ import_react217.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react217.default.createElement(import_react_icons102.CheckIcon, { width: 12, height: 12 }))
|
|
35022
|
+
),
|
|
35023
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
35024
|
+
Label3,
|
|
35025
|
+
{
|
|
35026
|
+
css: {
|
|
35027
|
+
color: "$on_surface_high",
|
|
35028
|
+
fontSize: "$sm",
|
|
35029
|
+
fontWeight: "$regular",
|
|
35030
|
+
lineHeight: "20px"
|
|
35031
|
+
}
|
|
35032
|
+
},
|
|
35033
|
+
option
|
|
35034
|
+
)
|
|
35035
|
+
);
|
|
35036
|
+
})
|
|
35037
|
+
)
|
|
35038
|
+
), (feedback == null ? void 0 : feedback.comment) && /* @__PURE__ */ import_react217.default.createElement(
|
|
35039
|
+
Flex,
|
|
35040
|
+
{
|
|
35041
|
+
direction: "column",
|
|
35042
|
+
css: {
|
|
35043
|
+
gap: "$4"
|
|
35044
|
+
}
|
|
35045
|
+
},
|
|
35046
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
35047
|
+
Text,
|
|
35048
|
+
{
|
|
35049
|
+
variant: "body2",
|
|
35050
|
+
css: {
|
|
35051
|
+
c: "$on_surface_high",
|
|
35052
|
+
fontWeight: "$regular",
|
|
35053
|
+
fontSize: "$sm"
|
|
35054
|
+
}
|
|
35055
|
+
},
|
|
35056
|
+
(feedback == null ? void 0 : feedback.comment.label) || "Additional comments (optional)"
|
|
35057
|
+
),
|
|
35058
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
35059
|
+
TextArea,
|
|
35060
|
+
{
|
|
35061
|
+
maxLength: 1024,
|
|
35062
|
+
placeholder: (feedback == null ? void 0 : feedback.comment.placeholder) || "Tell us more...",
|
|
35063
|
+
css: {
|
|
35064
|
+
backgroundColor: "$surface_bright",
|
|
35065
|
+
border: "1px solid $border_bright",
|
|
35066
|
+
resize: "none",
|
|
35067
|
+
height: "$36",
|
|
35068
|
+
display: "flex"
|
|
35069
|
+
},
|
|
35070
|
+
value: comment,
|
|
35071
|
+
onChange: (event) => setComment(event.target.value.trimStart())
|
|
35072
|
+
}
|
|
35073
|
+
)
|
|
35074
|
+
));
|
|
35075
|
+
};
|
|
35076
|
+
}
|
|
35077
|
+
});
|
|
35078
|
+
|
|
35079
|
+
// src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx
|
|
35080
|
+
var import_react218, import_react_use54, import_react_icons103, ThankyouView;
|
|
35081
|
+
var init_ThankyouView = __esm({
|
|
35082
|
+
"src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx"() {
|
|
35083
|
+
"use strict";
|
|
35084
|
+
init_define_process_env();
|
|
35085
|
+
import_react218 = __toESM(require("react"));
|
|
35086
|
+
import_react_use54 = require("react-use");
|
|
35087
|
+
import_react_icons103 = require("@100mslive/react-icons");
|
|
35088
|
+
init_Layout();
|
|
35089
|
+
init_Text2();
|
|
35090
|
+
init_Theme();
|
|
35091
|
+
ThankyouView = () => {
|
|
35092
|
+
const isMobile = (0, import_react_use54.useMedia)(config.media.md);
|
|
35093
|
+
return /* @__PURE__ */ import_react218.default.createElement(
|
|
35094
|
+
Flex,
|
|
35095
|
+
{
|
|
35096
|
+
direction: isMobile ? "column" : "row",
|
|
35097
|
+
align: "center",
|
|
35098
|
+
css: {
|
|
35099
|
+
gap: "$10",
|
|
35100
|
+
border: "1px solid $border_default",
|
|
35101
|
+
borderRadius: !isMobile ? "$3" : "$3 $3 0 0",
|
|
35102
|
+
bg: "$surface_dim",
|
|
35103
|
+
w: !isMobile ? "528px" : "410px",
|
|
35104
|
+
p: "$12",
|
|
35105
|
+
pb: isMobile ? "$16" : "$12",
|
|
35106
|
+
"@md": {
|
|
35107
|
+
position: "absolute",
|
|
35108
|
+
bottom: "0"
|
|
35109
|
+
}
|
|
35110
|
+
}
|
|
35111
|
+
},
|
|
35112
|
+
/* @__PURE__ */ import_react218.default.createElement(import_react_icons103.UserMusicIcon, { width: "64px", height: "64px" }),
|
|
35113
|
+
/* @__PURE__ */ import_react218.default.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ import_react218.default.createElement(Text, { variant: "h5" }, "Thank you for your feedback!"), /* @__PURE__ */ import_react218.default.createElement(
|
|
35114
|
+
Text,
|
|
35115
|
+
{
|
|
35116
|
+
variant: "body1",
|
|
35117
|
+
css: {
|
|
35118
|
+
fontWeight: "$regular",
|
|
35119
|
+
fontSize: "$md",
|
|
35120
|
+
opacity: "0.9"
|
|
35121
|
+
}
|
|
35122
|
+
},
|
|
35123
|
+
"Your answers help us improve."
|
|
35124
|
+
))
|
|
35125
|
+
);
|
|
35126
|
+
};
|
|
35127
|
+
}
|
|
35128
|
+
});
|
|
35129
|
+
|
|
35130
|
+
// src/Prebuilt/components/EndCallFeedback/Feedback.tsx
|
|
35131
|
+
var import_react219, import_react_use55, Feedback;
|
|
35132
|
+
var init_Feedback = __esm({
|
|
35133
|
+
"src/Prebuilt/components/EndCallFeedback/Feedback.tsx"() {
|
|
35134
|
+
"use strict";
|
|
35135
|
+
init_define_process_env();
|
|
35136
|
+
import_react219 = __toESM(require("react"));
|
|
35137
|
+
import_react_use55 = require("react-use");
|
|
35138
|
+
init_Layout();
|
|
35139
|
+
init_Theme();
|
|
35140
|
+
init_FeedbackForm();
|
|
35141
|
+
init_ThankyouView();
|
|
35142
|
+
init_useRoomLayoutScreen();
|
|
35143
|
+
Feedback = () => {
|
|
35144
|
+
const { feedback } = useRoomLayoutLeaveScreen();
|
|
35145
|
+
const [index, setIndex] = (0, import_react219.useState)(FEEBACK_INDEX.INIT);
|
|
35146
|
+
const isMobile = (0, import_react_use55.useMedia)(config.media.md);
|
|
35147
|
+
if (!feedback) {
|
|
35148
|
+
return null;
|
|
35149
|
+
}
|
|
35150
|
+
const { ratings } = feedback;
|
|
35151
|
+
if (!ratings) {
|
|
35152
|
+
return null;
|
|
35153
|
+
}
|
|
35154
|
+
ratings.sort((a2, b2) => {
|
|
35155
|
+
if (!a2.value || !b2.value) {
|
|
35156
|
+
return 0;
|
|
35157
|
+
}
|
|
35158
|
+
return a2.value - b2.value;
|
|
35159
|
+
});
|
|
35160
|
+
if (index === FEEBACK_INDEX.THANK_YOU) {
|
|
35161
|
+
return /* @__PURE__ */ import_react219.default.createElement(
|
|
35162
|
+
Flex,
|
|
35163
|
+
{
|
|
35164
|
+
justify: "center",
|
|
35165
|
+
css: {
|
|
35166
|
+
pt: "$16"
|
|
35167
|
+
}
|
|
35168
|
+
},
|
|
35169
|
+
/* @__PURE__ */ import_react219.default.createElement(ThankyouView, null)
|
|
35170
|
+
);
|
|
35171
|
+
}
|
|
35172
|
+
return /* @__PURE__ */ import_react219.default.createElement(
|
|
35173
|
+
Flex,
|
|
35174
|
+
{
|
|
35175
|
+
justify: "center",
|
|
35176
|
+
css: {
|
|
35177
|
+
pt: "$16",
|
|
35178
|
+
w: "528px"
|
|
35179
|
+
}
|
|
35180
|
+
},
|
|
35181
|
+
index === FEEBACK_INDEX.INIT ? /* @__PURE__ */ import_react219.default.createElement(
|
|
35182
|
+
Flex,
|
|
35183
|
+
{
|
|
35184
|
+
css: {
|
|
35185
|
+
p: "$12",
|
|
35186
|
+
border: "1px solid $border_default",
|
|
35187
|
+
bg: "$surface_dim",
|
|
35188
|
+
borderRadius: !isMobile ? "$3" : "$3 $3 0 0",
|
|
35189
|
+
gap: "$10",
|
|
35190
|
+
"@md": {
|
|
35191
|
+
position: "absolute",
|
|
35192
|
+
bottom: "0"
|
|
35193
|
+
}
|
|
35194
|
+
},
|
|
35195
|
+
direction: "column"
|
|
35196
|
+
},
|
|
35197
|
+
/* @__PURE__ */ import_react219.default.createElement(FeedbackHeader, { ratings, onEmojiClicked: setIndex })
|
|
35198
|
+
) : /* @__PURE__ */ import_react219.default.createElement(FeedbackModal, { ratings, index, setIndex })
|
|
35199
|
+
);
|
|
35200
|
+
};
|
|
35201
|
+
}
|
|
35202
|
+
});
|
|
35203
|
+
|
|
34669
35204
|
// src/Prebuilt/components/LeaveScreen.tsx
|
|
34670
|
-
var
|
|
35205
|
+
var import_react220, import_react_icons104, LeaveScreen;
|
|
34671
35206
|
var init_LeaveScreen = __esm({
|
|
34672
35207
|
"src/Prebuilt/components/LeaveScreen.tsx"() {
|
|
34673
35208
|
"use strict";
|
|
34674
35209
|
init_define_process_env();
|
|
34675
|
-
|
|
34676
|
-
|
|
35210
|
+
import_react220 = __toESM(require("react"));
|
|
35211
|
+
import_react_icons104 = require("@100mslive/react-icons");
|
|
35212
|
+
init_Feedback();
|
|
34677
35213
|
init_ToastManager();
|
|
34678
35214
|
init_Button2();
|
|
34679
35215
|
init_Layout();
|
|
@@ -34685,7 +35221,7 @@ var init_LeaveScreen = __esm({
|
|
|
34685
35221
|
LeaveScreen = () => {
|
|
34686
35222
|
const { rejoin } = useHMSAppStateContext();
|
|
34687
35223
|
const [previewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW, defaultPreviewPreference);
|
|
34688
|
-
return /* @__PURE__ */
|
|
35224
|
+
return /* @__PURE__ */ import_react220.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react220.default.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ import_react220.default.createElement(Header2, null)), /* @__PURE__ */ import_react220.default.createElement(
|
|
34689
35225
|
Flex,
|
|
34690
35226
|
{
|
|
34691
35227
|
justify: "center",
|
|
@@ -34693,9 +35229,9 @@ var init_LeaveScreen = __esm({
|
|
|
34693
35229
|
align: "center",
|
|
34694
35230
|
css: { bg: "$background_dim", flex: "1 1 0", position: "relative" }
|
|
34695
35231
|
},
|
|
34696
|
-
/* @__PURE__ */
|
|
34697
|
-
/* @__PURE__ */
|
|
34698
|
-
/* @__PURE__ */
|
|
35232
|
+
/* @__PURE__ */ import_react220.default.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
|
|
35233
|
+
/* @__PURE__ */ import_react220.default.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
|
|
35234
|
+
/* @__PURE__ */ import_react220.default.createElement(
|
|
34699
35235
|
Text,
|
|
34700
35236
|
{
|
|
34701
35237
|
variant: "body1",
|
|
@@ -34707,10 +35243,10 @@ var init_LeaveScreen = __esm({
|
|
|
34707
35243
|
}
|
|
34708
35244
|
},
|
|
34709
35245
|
"Have a nice day",
|
|
34710
|
-
previewPreference.name && /* @__PURE__ */
|
|
35246
|
+
previewPreference.name && /* @__PURE__ */ import_react220.default.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
|
|
34711
35247
|
"!"
|
|
34712
35248
|
),
|
|
34713
|
-
/* @__PURE__ */
|
|
35249
|
+
/* @__PURE__ */ import_react220.default.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ import_react220.default.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ import_react220.default.createElement(
|
|
34714
35250
|
Button,
|
|
34715
35251
|
{
|
|
34716
35252
|
onClick: () => {
|
|
@@ -34719,24 +35255,25 @@ var init_LeaveScreen = __esm({
|
|
|
34719
35255
|
},
|
|
34720
35256
|
"data-testid": "join_again_btn"
|
|
34721
35257
|
},
|
|
34722
|
-
/* @__PURE__ */
|
|
34723
|
-
/* @__PURE__ */
|
|
34724
|
-
))
|
|
35258
|
+
/* @__PURE__ */ import_react220.default.createElement(import_react_icons104.ExitIcon, null),
|
|
35259
|
+
/* @__PURE__ */ import_react220.default.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
|
|
35260
|
+
)),
|
|
35261
|
+
/* @__PURE__ */ import_react220.default.createElement(Feedback, null)
|
|
34725
35262
|
));
|
|
34726
35263
|
};
|
|
34727
35264
|
}
|
|
34728
35265
|
});
|
|
34729
35266
|
|
|
34730
35267
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
|
34731
|
-
var
|
|
35268
|
+
var import_react221, import_react_use56, import_ts_pattern15, import_react_icons105, MwebLandscapePrompt;
|
|
34732
35269
|
var init_MwebLandscapePrompt = __esm({
|
|
34733
35270
|
"src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
|
|
34734
35271
|
"use strict";
|
|
34735
35272
|
init_define_process_env();
|
|
34736
|
-
|
|
34737
|
-
|
|
35273
|
+
import_react221 = __toESM(require("react"));
|
|
35274
|
+
import_react_use56 = require("react-use");
|
|
34738
35275
|
import_ts_pattern15 = require("ts-pattern");
|
|
34739
|
-
|
|
35276
|
+
import_react_icons105 = require("@100mslive/react-icons");
|
|
34740
35277
|
init_Button2();
|
|
34741
35278
|
init_Layout();
|
|
34742
35279
|
init_Modal();
|
|
@@ -34745,10 +35282,10 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
34745
35282
|
init_hooks();
|
|
34746
35283
|
init_utils2();
|
|
34747
35284
|
MwebLandscapePrompt = () => {
|
|
34748
|
-
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0,
|
|
34749
|
-
const isLandscape = (0,
|
|
35285
|
+
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react221.useState)(false);
|
|
35286
|
+
const isLandscape = (0, import_react_use56.useMedia)(config.media.ls);
|
|
34750
35287
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
34751
|
-
(0,
|
|
35288
|
+
(0, import_react221.useEffect)(() => {
|
|
34752
35289
|
var _a7;
|
|
34753
35290
|
if (!isMobileUserAgent) {
|
|
34754
35291
|
setShowMwebLandscapePrompt(false);
|
|
@@ -34774,7 +35311,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
34774
35311
|
if (isLandscapeHLSStream) {
|
|
34775
35312
|
return null;
|
|
34776
35313
|
}
|
|
34777
|
-
return /* @__PURE__ */
|
|
35314
|
+
return /* @__PURE__ */ import_react221.default.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ import_react221.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react221.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react221.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react221.default.createElement(Box, null, /* @__PURE__ */ import_react221.default.createElement(
|
|
34778
35315
|
Flex,
|
|
34779
35316
|
{
|
|
34780
35317
|
css: {
|
|
@@ -34783,17 +35320,17 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
34783
35320
|
alignItems: "center"
|
|
34784
35321
|
}
|
|
34785
35322
|
},
|
|
34786
|
-
/* @__PURE__ */
|
|
34787
|
-
/* @__PURE__ */
|
|
34788
|
-
), /* @__PURE__ */
|
|
35323
|
+
/* @__PURE__ */ import_react221.default.createElement(import_react_icons105.RefreshIcon, { style: { marginRight: "0.5rem" } }),
|
|
35324
|
+
/* @__PURE__ */ import_react221.default.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
|
|
35325
|
+
), /* @__PURE__ */ import_react221.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ import_react221.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react221.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
|
|
34789
35326
|
};
|
|
34790
35327
|
}
|
|
34791
35328
|
});
|
|
34792
35329
|
|
|
34793
35330
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
34794
35331
|
function AutoplayBlockedModal() {
|
|
34795
|
-
const { error, resetError, unblockAudio } = (0,
|
|
34796
|
-
return /* @__PURE__ */
|
|
35332
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk110.useAutoplayError)();
|
|
35333
|
+
return /* @__PURE__ */ import_react222.default.createElement(
|
|
34797
35334
|
Dialog.Root,
|
|
34798
35335
|
{
|
|
34799
35336
|
open: !!error,
|
|
@@ -34804,7 +35341,7 @@ function AutoplayBlockedModal() {
|
|
|
34804
35341
|
resetError();
|
|
34805
35342
|
}
|
|
34806
35343
|
},
|
|
34807
|
-
/* @__PURE__ */
|
|
35344
|
+
/* @__PURE__ */ import_react222.default.createElement(DialogContent, { title: "Permission Error", closeable: false }, /* @__PURE__ */ import_react222.default.createElement(DialogRow, null, /* @__PURE__ */ import_react222.default.createElement(Text, { variant: "md" }, "The browser wants us to get a confirmation for playing the Audio. Please allow audio to proceed.")), /* @__PURE__ */ import_react222.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react222.default.createElement(
|
|
34808
35345
|
Button,
|
|
34809
35346
|
{
|
|
34810
35347
|
variant: "primary",
|
|
@@ -34817,34 +35354,34 @@ function AutoplayBlockedModal() {
|
|
|
34817
35354
|
)))
|
|
34818
35355
|
);
|
|
34819
35356
|
}
|
|
34820
|
-
var
|
|
35357
|
+
var import_react222, import_react_sdk110;
|
|
34821
35358
|
var init_AutoplayBlockedModal = __esm({
|
|
34822
35359
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
|
34823
35360
|
"use strict";
|
|
34824
35361
|
init_define_process_env();
|
|
34825
|
-
|
|
34826
|
-
|
|
35362
|
+
import_react222 = __toESM(require("react"));
|
|
35363
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
|
34827
35364
|
init_src();
|
|
34828
35365
|
init_DialogContent2();
|
|
34829
35366
|
}
|
|
34830
35367
|
});
|
|
34831
35368
|
|
|
34832
35369
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
34833
|
-
var
|
|
35370
|
+
var import_react223, import_uuid13, import_react_sdk111, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
34834
35371
|
var init_ChatNotifications = __esm({
|
|
34835
35372
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
34836
35373
|
"use strict";
|
|
34837
35374
|
init_define_process_env();
|
|
34838
|
-
|
|
35375
|
+
import_react223 = __toESM(require("react"));
|
|
34839
35376
|
import_uuid13 = require("uuid");
|
|
34840
|
-
|
|
34841
|
-
|
|
35377
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
|
35378
|
+
import_react_icons106 = require("@100mslive/react-icons");
|
|
34842
35379
|
init_ToastManager();
|
|
34843
35380
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
34844
35381
|
ChatNotifications = () => {
|
|
34845
|
-
const chatState = (0,
|
|
34846
|
-
const localPeerId = (0,
|
|
34847
|
-
(0,
|
|
35382
|
+
const chatState = (0, import_react_sdk111.useHMSStore)((0, import_react_sdk111.selectSessionStore)("chatState" /* CHAT_STATE */));
|
|
35383
|
+
const localPeerId = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
|
|
35384
|
+
(0, import_react223.useEffect)(() => {
|
|
34848
35385
|
var _a7, _b7;
|
|
34849
35386
|
if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
|
|
34850
35387
|
return;
|
|
@@ -34855,43 +35392,43 @@ var init_ChatNotifications = __esm({
|
|
|
34855
35392
|
}
|
|
34856
35393
|
const notification = {
|
|
34857
35394
|
id: (0, import_uuid13.v4)(),
|
|
34858
|
-
icon: chatState.enabled ? /* @__PURE__ */
|
|
35395
|
+
icon: chatState.enabled ? /* @__PURE__ */ import_react223.default.createElement(import_react_icons106.ChatUnreadIcon, null) : /* @__PURE__ */ import_react223.default.createElement(import_react_icons106.ChatIcon, null),
|
|
34859
35396
|
title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
|
|
34860
35397
|
};
|
|
34861
35398
|
ToastManager.addToast(notification);
|
|
34862
35399
|
}, [chatState, localPeerId]);
|
|
34863
|
-
return /* @__PURE__ */
|
|
35400
|
+
return /* @__PURE__ */ import_react223.default.createElement(import_react223.default.Fragment, null);
|
|
34864
35401
|
};
|
|
34865
35402
|
}
|
|
34866
35403
|
});
|
|
34867
35404
|
|
|
34868
35405
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
34869
|
-
var
|
|
35406
|
+
var import_react224, import_react_sdk112, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
|
|
34870
35407
|
var init_ToastConfig = __esm({
|
|
34871
35408
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
|
34872
35409
|
"use strict";
|
|
34873
35410
|
init_define_process_env();
|
|
34874
|
-
|
|
34875
|
-
|
|
34876
|
-
|
|
35411
|
+
import_react224 = __toESM(require("react"));
|
|
35412
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
35413
|
+
import_react_icons107 = require("@100mslive/react-icons");
|
|
34877
35414
|
init_Button2();
|
|
34878
35415
|
init_roomLayoutProvider();
|
|
34879
35416
|
init_useSidepane();
|
|
34880
35417
|
init_constants();
|
|
34881
|
-
ChatAction =
|
|
35418
|
+
ChatAction = import_react224.default.forwardRef((_, ref) => {
|
|
34882
35419
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
34883
35420
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
34884
35421
|
if (isChatOpen) {
|
|
34885
35422
|
return null;
|
|
34886
35423
|
}
|
|
34887
|
-
return /* @__PURE__ */
|
|
35424
|
+
return /* @__PURE__ */ import_react224.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
|
|
34888
35425
|
});
|
|
34889
|
-
HandRaiseAction =
|
|
35426
|
+
HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
34890
35427
|
var _a7, _b7, _c;
|
|
34891
|
-
const hmsActions = (0,
|
|
35428
|
+
const hmsActions = (0, import_react_sdk112.useHMSActions)();
|
|
34892
35429
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
34893
35430
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
34894
|
-
const peer = (0,
|
|
35431
|
+
const peer = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectPeerByID)(id));
|
|
34895
35432
|
const layout = useRoomLayout();
|
|
34896
35433
|
const {
|
|
34897
35434
|
bring_to_stage_label,
|
|
@@ -34899,7 +35436,7 @@ var init_ToastConfig = __esm({
|
|
|
34899
35436
|
off_stage_roles = [],
|
|
34900
35437
|
skip_preview_for_role_change = false
|
|
34901
35438
|
} = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
|
|
34902
|
-
const onClickHandler = (0,
|
|
35439
|
+
const onClickHandler = (0, import_react224.useCallback)(() => __async(void 0, null, function* () {
|
|
34903
35440
|
if (isSingleHandRaise) {
|
|
34904
35441
|
hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
|
|
34905
35442
|
if (skip_preview_for_role_change) {
|
|
@@ -34920,7 +35457,7 @@ var init_ToastConfig = __esm({
|
|
|
34920
35457
|
if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
|
|
34921
35458
|
return null;
|
|
34922
35459
|
}
|
|
34923
|
-
return /* @__PURE__ */
|
|
35460
|
+
return /* @__PURE__ */ import_react224.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
|
|
34924
35461
|
});
|
|
34925
35462
|
ToastConfig = {
|
|
34926
35463
|
PEER_JOINED: {
|
|
@@ -34928,13 +35465,13 @@ var init_ToastConfig = __esm({
|
|
|
34928
35465
|
var _a7;
|
|
34929
35466
|
return {
|
|
34930
35467
|
title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
|
|
34931
|
-
icon: /* @__PURE__ */
|
|
35468
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleAddIcon, null)
|
|
34932
35469
|
};
|
|
34933
35470
|
},
|
|
34934
35471
|
multiple: function(notifications) {
|
|
34935
35472
|
return {
|
|
34936
35473
|
title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
|
|
34937
|
-
icon: /* @__PURE__ */
|
|
35474
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleAddIcon, null)
|
|
34938
35475
|
};
|
|
34939
35476
|
}
|
|
34940
35477
|
},
|
|
@@ -34943,13 +35480,13 @@ var init_ToastConfig = __esm({
|
|
|
34943
35480
|
var _a7;
|
|
34944
35481
|
return {
|
|
34945
35482
|
title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
|
|
34946
|
-
icon: /* @__PURE__ */
|
|
35483
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleRemoveIcon, null)
|
|
34947
35484
|
};
|
|
34948
35485
|
},
|
|
34949
35486
|
multiple: function(notifications) {
|
|
34950
35487
|
return {
|
|
34951
35488
|
title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
|
|
34952
|
-
icon: /* @__PURE__ */
|
|
35489
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleRemoveIcon, null)
|
|
34953
35490
|
};
|
|
34954
35491
|
}
|
|
34955
35492
|
},
|
|
@@ -34958,7 +35495,7 @@ var init_ToastConfig = __esm({
|
|
|
34958
35495
|
var _a7;
|
|
34959
35496
|
return {
|
|
34960
35497
|
title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
|
|
34961
|
-
icon: /* @__PURE__ */
|
|
35498
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null)
|
|
34962
35499
|
};
|
|
34963
35500
|
},
|
|
34964
35501
|
multiple: (notifications) => {
|
|
@@ -34969,7 +35506,7 @@ var init_ToastConfig = __esm({
|
|
|
34969
35506
|
})).size;
|
|
34970
35507
|
return {
|
|
34971
35508
|
title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
|
|
34972
|
-
icon: /* @__PURE__ */
|
|
35509
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null)
|
|
34973
35510
|
};
|
|
34974
35511
|
}
|
|
34975
35512
|
},
|
|
@@ -34978,8 +35515,8 @@ var init_ToastConfig = __esm({
|
|
|
34978
35515
|
var _a7, _b7;
|
|
34979
35516
|
return {
|
|
34980
35517
|
title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
|
|
34981
|
-
icon: /* @__PURE__ */
|
|
34982
|
-
action: /* @__PURE__ */
|
|
35518
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null),
|
|
35519
|
+
action: /* @__PURE__ */ import_react224.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
|
|
34983
35520
|
};
|
|
34984
35521
|
},
|
|
34985
35522
|
multiple: (notifications) => {
|
|
@@ -34990,8 +35527,8 @@ var init_ToastConfig = __esm({
|
|
|
34990
35527
|
})).size;
|
|
34991
35528
|
return {
|
|
34992
35529
|
title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
|
|
34993
|
-
icon: /* @__PURE__ */
|
|
34994
|
-
action: /* @__PURE__ */
|
|
35530
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null),
|
|
35531
|
+
action: /* @__PURE__ */ import_react224.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
|
|
34995
35532
|
};
|
|
34996
35533
|
}
|
|
34997
35534
|
},
|
|
@@ -35000,15 +35537,15 @@ var init_ToastConfig = __esm({
|
|
|
35000
35537
|
var _a7;
|
|
35001
35538
|
return {
|
|
35002
35539
|
title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
|
|
35003
|
-
icon: /* @__PURE__ */
|
|
35004
|
-
action: /* @__PURE__ */
|
|
35540
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ChatUnreadIcon, null),
|
|
35541
|
+
action: /* @__PURE__ */ import_react224.default.createElement(ChatAction, null)
|
|
35005
35542
|
};
|
|
35006
35543
|
},
|
|
35007
35544
|
multiple: (notifications) => {
|
|
35008
35545
|
return {
|
|
35009
35546
|
title: `${notifications.length} new messages`,
|
|
35010
|
-
icon: /* @__PURE__ */
|
|
35011
|
-
action: /* @__PURE__ */
|
|
35547
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ChatUnreadIcon, null),
|
|
35548
|
+
action: /* @__PURE__ */ import_react224.default.createElement(ChatAction, null)
|
|
35012
35549
|
};
|
|
35013
35550
|
}
|
|
35014
35551
|
},
|
|
@@ -35016,7 +35553,7 @@ var init_ToastConfig = __esm({
|
|
|
35016
35553
|
single: (online) => {
|
|
35017
35554
|
return {
|
|
35018
35555
|
title: `You are now ${online ? "online" : "connected"}`,
|
|
35019
|
-
icon: /* @__PURE__ */
|
|
35556
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ConnectivityIcon, null),
|
|
35020
35557
|
variant: "success",
|
|
35021
35558
|
duration: 3e3
|
|
35022
35559
|
};
|
|
@@ -35028,7 +35565,7 @@ var init_ToastConfig = __esm({
|
|
|
35028
35565
|
title: `You are offline for now. while we try to reconnect, please check
|
|
35029
35566
|
your internet connection. ${message}.
|
|
35030
35567
|
`,
|
|
35031
|
-
icon: /* @__PURE__ */
|
|
35568
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PoorConnectivityIcon, null),
|
|
35032
35569
|
variant: "warning",
|
|
35033
35570
|
duration: 3e4
|
|
35034
35571
|
};
|
|
@@ -35108,14 +35645,14 @@ var init_ToastBatcher = __esm({
|
|
|
35108
35645
|
});
|
|
35109
35646
|
|
|
35110
35647
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
35111
|
-
var
|
|
35648
|
+
var import_react225, import_react_use57, import_react_sdk113, HandRaisedNotifications;
|
|
35112
35649
|
var init_HandRaisedNotifications = __esm({
|
|
35113
35650
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
|
35114
35651
|
"use strict";
|
|
35115
35652
|
init_define_process_env();
|
|
35116
|
-
|
|
35117
|
-
|
|
35118
|
-
|
|
35653
|
+
import_react225 = require("react");
|
|
35654
|
+
import_react_use57 = require("react-use");
|
|
35655
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
|
35119
35656
|
init_roomLayoutProvider();
|
|
35120
35657
|
init_ToastBatcher();
|
|
35121
35658
|
init_useRoomLayoutScreen();
|
|
@@ -35123,41 +35660,41 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35123
35660
|
init_constants();
|
|
35124
35661
|
HandRaisedNotifications = () => {
|
|
35125
35662
|
var _a7, _b7;
|
|
35126
|
-
const notification = (0,
|
|
35127
|
-
const roomState = (0,
|
|
35128
|
-
const vanillaStore = (0,
|
|
35663
|
+
const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.HAND_RAISE_CHANGED);
|
|
35664
|
+
const roomState = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectRoomState);
|
|
35665
|
+
const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
|
|
35129
35666
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
35130
35667
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
35131
|
-
const amIScreenSharing = (0,
|
|
35132
|
-
const { showNotification } = (0,
|
|
35668
|
+
const amIScreenSharing = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectIsLocalScreenShared);
|
|
35669
|
+
const { showNotification } = (0, import_react_sdk113.useAwayNotifications)();
|
|
35133
35670
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
35134
|
-
(0,
|
|
35671
|
+
(0, import_react225.useEffect)(() => {
|
|
35135
35672
|
var _a8;
|
|
35136
35673
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35137
35674
|
return;
|
|
35138
35675
|
}
|
|
35139
|
-
if (roomState !==
|
|
35676
|
+
if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35140
35677
|
return;
|
|
35141
35678
|
}
|
|
35142
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35143
|
-
const peer = vanillaStore.getState((0,
|
|
35679
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
|
|
35680
|
+
const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
|
|
35144
35681
|
if (hasPeerHandRaised) {
|
|
35145
35682
|
const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
|
|
35146
35683
|
ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
|
|
35147
35684
|
console.debug("Metadata updated", notification.data);
|
|
35148
35685
|
}
|
|
35149
35686
|
}, [isSubscribing, notification, on_stage_exp, roomState, vanillaStore]);
|
|
35150
|
-
(0,
|
|
35687
|
+
(0, import_react_use57.useDebounce)(
|
|
35151
35688
|
() => {
|
|
35152
35689
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35153
35690
|
return;
|
|
35154
35691
|
}
|
|
35155
|
-
if (roomState !==
|
|
35692
|
+
if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35156
35693
|
return;
|
|
35157
35694
|
}
|
|
35158
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35159
|
-
const peer = vanillaStore.getState((0,
|
|
35160
|
-
const handRaisedPeers = vanillaStore.getState(
|
|
35695
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
|
|
35696
|
+
const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
|
|
35697
|
+
const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
|
|
35161
35698
|
if (amIScreenSharing && hasPeerHandRaised) {
|
|
35162
35699
|
const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
|
|
35163
35700
|
showNotification(title, { icon: logoURL });
|
|
@@ -35172,20 +35709,20 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35172
35709
|
});
|
|
35173
35710
|
|
|
35174
35711
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
35175
|
-
var
|
|
35712
|
+
var import_react226, import_react_sdk114, InitErrorModal;
|
|
35176
35713
|
var init_InitErrorModal = __esm({
|
|
35177
35714
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
|
35178
35715
|
"use strict";
|
|
35179
35716
|
init_define_process_env();
|
|
35180
|
-
|
|
35181
|
-
|
|
35717
|
+
import_react226 = __toESM(require("react"));
|
|
35718
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
|
35182
35719
|
init_src();
|
|
35183
35720
|
init_DialogContent2();
|
|
35184
35721
|
InitErrorModal = () => {
|
|
35185
|
-
const notification = (0,
|
|
35186
|
-
const [showModal, setShowModal] = (0,
|
|
35187
|
-
const [info, setInfo] = (0,
|
|
35188
|
-
(0,
|
|
35722
|
+
const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
|
|
35723
|
+
const [showModal, setShowModal] = (0, import_react226.useState)(false);
|
|
35724
|
+
const [info, setInfo] = (0, import_react226.useState)({ title: "Init Error", description: "" });
|
|
35725
|
+
(0, import_react226.useEffect)(() => {
|
|
35189
35726
|
const data3 = notification == null ? void 0 : notification.data;
|
|
35190
35727
|
if (!data3 || data3.action !== "INIT") {
|
|
35191
35728
|
return;
|
|
@@ -35205,40 +35742,40 @@ var init_InitErrorModal = __esm({
|
|
|
35205
35742
|
setInfo({ title, description });
|
|
35206
35743
|
setShowModal(true);
|
|
35207
35744
|
}, [notification]);
|
|
35208
|
-
return /* @__PURE__ */
|
|
35745
|
+
return /* @__PURE__ */ import_react226.default.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ import_react226.default.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ import_react226.default.createElement("br", null), "Current URL - ", window.location.href));
|
|
35209
35746
|
};
|
|
35210
35747
|
}
|
|
35211
35748
|
});
|
|
35212
35749
|
|
|
35213
35750
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
|
35214
|
-
var
|
|
35751
|
+
var import_react227, import_react_sdk115, notificationTypes, PeerNotifications;
|
|
35215
35752
|
var init_PeerNotifications = __esm({
|
|
35216
35753
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
|
35217
35754
|
"use strict";
|
|
35218
35755
|
init_define_process_env();
|
|
35219
|
-
|
|
35220
|
-
|
|
35756
|
+
import_react227 = require("react");
|
|
35757
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
35221
35758
|
init_ToastBatcher();
|
|
35222
35759
|
init_useUISettings();
|
|
35223
35760
|
init_constants();
|
|
35224
|
-
notificationTypes = [
|
|
35761
|
+
notificationTypes = [import_react_sdk115.HMSNotificationTypes.PEER_JOINED, import_react_sdk115.HMSNotificationTypes.PEER_LEFT];
|
|
35225
35762
|
PeerNotifications = () => {
|
|
35226
|
-
const notification = (0,
|
|
35763
|
+
const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes);
|
|
35227
35764
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
35228
35765
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
|
35229
35766
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
35230
|
-
(0,
|
|
35767
|
+
(0, import_react227.useEffect)(() => {
|
|
35231
35768
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35232
35769
|
return;
|
|
35233
35770
|
}
|
|
35234
35771
|
console.debug(`[${notification.type}]`, notification);
|
|
35235
35772
|
switch (notification.type) {
|
|
35236
|
-
case
|
|
35773
|
+
case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
|
|
35237
35774
|
if (!isPeerJoinSubscribed) {
|
|
35238
35775
|
return;
|
|
35239
35776
|
}
|
|
35240
35777
|
break;
|
|
35241
|
-
case
|
|
35778
|
+
case import_react_sdk115.HMSNotificationTypes.PEER_LEFT:
|
|
35242
35779
|
if (selectedPeer.id === notification.data.id) {
|
|
35243
35780
|
setPeerSelector({});
|
|
35244
35781
|
}
|
|
@@ -35274,26 +35811,26 @@ var init_ios_perm_0 = __esm({
|
|
|
35274
35811
|
|
|
35275
35812
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
35276
35813
|
function PermissionErrorNotificationModal() {
|
|
35277
|
-
const notification = (0,
|
|
35278
|
-
return /* @__PURE__ */
|
|
35814
|
+
const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
|
|
35815
|
+
return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
|
|
35279
35816
|
}
|
|
35280
|
-
var
|
|
35817
|
+
var import_react228, import_react_use58, import_react_sdk116, PermissionErrorModal;
|
|
35281
35818
|
var init_PermissionErrorModal = __esm({
|
|
35282
35819
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
35283
35820
|
"use strict";
|
|
35284
35821
|
init_define_process_env();
|
|
35285
|
-
|
|
35286
|
-
|
|
35287
|
-
|
|
35822
|
+
import_react228 = __toESM(require("react"));
|
|
35823
|
+
import_react_use58 = require("react-use");
|
|
35824
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
|
35288
35825
|
init_src();
|
|
35289
35826
|
init_android_perm_1();
|
|
35290
35827
|
init_ios_perm_0();
|
|
35291
35828
|
init_constants();
|
|
35292
35829
|
PermissionErrorModal = ({ error }) => {
|
|
35293
|
-
const [deviceType, setDeviceType] = (0,
|
|
35294
|
-
const [isSystemError, setIsSystemError] = (0,
|
|
35295
|
-
const isMobile = (0,
|
|
35296
|
-
(0,
|
|
35830
|
+
const [deviceType, setDeviceType] = (0, import_react228.useState)("");
|
|
35831
|
+
const [isSystemError, setIsSystemError] = (0, import_react228.useState)(false);
|
|
35832
|
+
const isMobile = (0, import_react_use58.useMedia)(config.media.md);
|
|
35833
|
+
(0, import_react228.useEffect)(() => {
|
|
35297
35834
|
if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
|
|
35298
35835
|
return;
|
|
35299
35836
|
}
|
|
@@ -35312,7 +35849,7 @@ var init_PermissionErrorModal = __esm({
|
|
|
35312
35849
|
}
|
|
35313
35850
|
setIsSystemError(error.code === 3011);
|
|
35314
35851
|
}, [error]);
|
|
35315
|
-
return deviceType ? /* @__PURE__ */
|
|
35852
|
+
return deviceType ? /* @__PURE__ */ import_react228.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react228.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react228.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react228.default.createElement(
|
|
35316
35853
|
Dialog.Content,
|
|
35317
35854
|
{
|
|
35318
35855
|
css: {
|
|
@@ -35322,15 +35859,15 @@ var init_PermissionErrorModal = __esm({
|
|
|
35322
35859
|
zIndex: 23
|
|
35323
35860
|
}
|
|
35324
35861
|
},
|
|
35325
|
-
/* @__PURE__ */
|
|
35862
|
+
/* @__PURE__ */ import_react228.default.createElement(
|
|
35326
35863
|
Dialog.Title,
|
|
35327
35864
|
{
|
|
35328
35865
|
css: {
|
|
35329
35866
|
borderBottom: "1px solid $border_default"
|
|
35330
35867
|
}
|
|
35331
35868
|
},
|
|
35332
|
-
isMobile && isIOS ? /* @__PURE__ */
|
|
35333
|
-
isMobile && isAndroid ? /* @__PURE__ */
|
|
35869
|
+
isMobile && isIOS ? /* @__PURE__ */ import_react228.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
|
|
35870
|
+
isMobile && isAndroid ? /* @__PURE__ */ import_react228.default.createElement(
|
|
35334
35871
|
"img",
|
|
35335
35872
|
{
|
|
35336
35873
|
src: android_perm_1_default,
|
|
@@ -35338,47 +35875,47 @@ var init_PermissionErrorModal = __esm({
|
|
|
35338
35875
|
alt: "Android Permission flow "
|
|
35339
35876
|
}
|
|
35340
35877
|
) : null,
|
|
35341
|
-
/* @__PURE__ */
|
|
35878
|
+
/* @__PURE__ */ import_react228.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
|
|
35342
35879
|
),
|
|
35343
|
-
/* @__PURE__ */
|
|
35344
|
-
isMobile && isIOS ? /* @__PURE__ */
|
|
35345
|
-
isMobile && isAndroid ? /* @__PURE__ */
|
|
35346
|
-
!isMobile ? /* @__PURE__ */
|
|
35880
|
+
/* @__PURE__ */ import_react228.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
|
|
35881
|
+
isMobile && isIOS ? /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, /* @__PURE__ */ import_react228.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
|
|
35882
|
+
isMobile && isAndroid ? /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, /* @__PURE__ */ import_react228.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
|
|
35883
|
+
!isMobile ? /* @__PURE__ */ import_react228.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
|
|
35347
35884
|
))) : null;
|
|
35348
35885
|
};
|
|
35349
35886
|
}
|
|
35350
35887
|
});
|
|
35351
35888
|
|
|
35352
35889
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
|
35353
|
-
var
|
|
35890
|
+
var import_react229, import_react_sdk117, notificationTypes2, notificationId, ReconnectNotifications;
|
|
35354
35891
|
var init_ReconnectNotifications = __esm({
|
|
35355
35892
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
|
35356
35893
|
"use strict";
|
|
35357
35894
|
init_define_process_env();
|
|
35358
|
-
|
|
35359
|
-
|
|
35895
|
+
import_react229 = require("react");
|
|
35896
|
+
import_react_sdk117 = require("@100mslive/react-sdk");
|
|
35360
35897
|
init_ToastConfig();
|
|
35361
35898
|
init_ToastManager();
|
|
35362
35899
|
notificationTypes2 = [
|
|
35363
|
-
|
|
35364
|
-
|
|
35365
|
-
|
|
35900
|
+
import_react_sdk117.HMSNotificationTypes.RECONNECTED,
|
|
35901
|
+
import_react_sdk117.HMSNotificationTypes.RECONNECTING,
|
|
35902
|
+
import_react_sdk117.HMSNotificationTypes.ERROR
|
|
35366
35903
|
];
|
|
35367
35904
|
notificationId = null;
|
|
35368
35905
|
ReconnectNotifications = () => {
|
|
35369
|
-
const notification = (0,
|
|
35370
|
-
const prevErrorCode = (0,
|
|
35371
|
-
(0,
|
|
35906
|
+
const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
|
|
35907
|
+
const prevErrorCode = (0, import_react229.useRef)(0);
|
|
35908
|
+
(0, import_react229.useEffect)(() => {
|
|
35372
35909
|
var _a7, _b7;
|
|
35373
35910
|
if (!notification) {
|
|
35374
35911
|
return;
|
|
35375
35912
|
}
|
|
35376
|
-
if (notification.type ===
|
|
35913
|
+
if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
|
|
35377
35914
|
notificationId = ToastManager.replaceToast(
|
|
35378
35915
|
notificationId,
|
|
35379
35916
|
ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
|
|
35380
35917
|
);
|
|
35381
|
-
} else if (notification.type ===
|
|
35918
|
+
} else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
|
|
35382
35919
|
prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
|
|
35383
35920
|
notificationId = ToastManager.replaceToast(
|
|
35384
35921
|
notificationId,
|
|
@@ -35392,30 +35929,30 @@ var init_ReconnectNotifications = __esm({
|
|
|
35392
35929
|
});
|
|
35393
35930
|
|
|
35394
35931
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
35395
|
-
var
|
|
35932
|
+
var import_react230, import_react_sdk118, import_react_icons108, TrackBulkUnmuteModal;
|
|
35396
35933
|
var init_TrackBulkUnmuteModal = __esm({
|
|
35397
35934
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
|
35398
35935
|
"use strict";
|
|
35399
35936
|
init_define_process_env();
|
|
35400
|
-
|
|
35401
|
-
|
|
35402
|
-
|
|
35937
|
+
import_react230 = __toESM(require("react"));
|
|
35938
|
+
import_react_sdk118 = require("@100mslive/react-sdk");
|
|
35939
|
+
import_react_icons108 = require("@100mslive/react-icons");
|
|
35403
35940
|
init_DialogContent2();
|
|
35404
35941
|
TrackBulkUnmuteModal = () => {
|
|
35405
|
-
const hmsActions = (0,
|
|
35406
|
-
const [muteNotification, setMuteNotification] = (0,
|
|
35407
|
-
const notification = (0,
|
|
35408
|
-
|
|
35409
|
-
|
|
35410
|
-
|
|
35942
|
+
const hmsActions = (0, import_react_sdk118.useHMSActions)();
|
|
35943
|
+
const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
|
|
35944
|
+
const notification = (0, import_react_sdk118.useHMSNotifications)([
|
|
35945
|
+
import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
|
35946
|
+
import_react_sdk118.HMSNotificationTypes.ROOM_ENDED,
|
|
35947
|
+
import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
35411
35948
|
]);
|
|
35412
|
-
(0,
|
|
35949
|
+
(0, import_react230.useEffect)(() => {
|
|
35413
35950
|
switch (notification == null ? void 0 : notification.type) {
|
|
35414
|
-
case
|
|
35415
|
-
case
|
|
35951
|
+
case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
35952
|
+
case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
|
|
35416
35953
|
setMuteNotification(null);
|
|
35417
35954
|
break;
|
|
35418
|
-
case
|
|
35955
|
+
case import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
|
35419
35956
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
35420
35957
|
setMuteNotification(notification.data);
|
|
35421
35958
|
}
|
|
@@ -35429,7 +35966,7 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
35429
35966
|
}
|
|
35430
35967
|
const { requestedBy: peer, tracks, enabled } = muteNotification;
|
|
35431
35968
|
const types = new Set(tracks.map((track) => track.type));
|
|
35432
|
-
return /* @__PURE__ */
|
|
35969
|
+
return /* @__PURE__ */ import_react230.default.createElement(
|
|
35433
35970
|
RequestDialog,
|
|
35434
35971
|
{
|
|
35435
35972
|
title: "Unmute request",
|
|
@@ -35441,7 +35978,7 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
35441
35978
|
});
|
|
35442
35979
|
setMuteNotification(null);
|
|
35443
35980
|
},
|
|
35444
|
-
Icon:
|
|
35981
|
+
Icon: import_react_icons108.MicOnIcon
|
|
35445
35982
|
}
|
|
35446
35983
|
);
|
|
35447
35984
|
};
|
|
@@ -35449,22 +35986,22 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
35449
35986
|
});
|
|
35450
35987
|
|
|
35451
35988
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
35452
|
-
var
|
|
35989
|
+
var import_react231, import_react_sdk119, notificationTypes3, TrackNotifications;
|
|
35453
35990
|
var init_TrackNotifications = __esm({
|
|
35454
35991
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
|
35455
35992
|
"use strict";
|
|
35456
35993
|
init_define_process_env();
|
|
35457
|
-
|
|
35458
|
-
|
|
35994
|
+
import_react231 = require("react");
|
|
35995
|
+
import_react_sdk119 = require("@100mslive/react-sdk");
|
|
35459
35996
|
notificationTypes3 = [
|
|
35460
|
-
|
|
35461
|
-
|
|
35462
|
-
|
|
35463
|
-
|
|
35997
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_ADDED,
|
|
35998
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_REMOVED,
|
|
35999
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_MUTED,
|
|
36000
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_UNMUTED
|
|
35464
36001
|
];
|
|
35465
36002
|
TrackNotifications = () => {
|
|
35466
|
-
const notification = (0,
|
|
35467
|
-
(0,
|
|
36003
|
+
const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
|
|
36004
|
+
(0, import_react231.useEffect)(() => {
|
|
35468
36005
|
if (notification) {
|
|
35469
36006
|
console.debug(`[${notification.type}]`, notification);
|
|
35470
36007
|
}
|
|
@@ -35475,30 +36012,30 @@ var init_TrackNotifications = __esm({
|
|
|
35475
36012
|
});
|
|
35476
36013
|
|
|
35477
36014
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
35478
|
-
var
|
|
36015
|
+
var import_react232, import_react_sdk120, import_react_icons109, TrackUnmuteModal;
|
|
35479
36016
|
var init_TrackUnmuteModal = __esm({
|
|
35480
36017
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
|
35481
36018
|
"use strict";
|
|
35482
36019
|
init_define_process_env();
|
|
35483
|
-
|
|
35484
|
-
|
|
35485
|
-
|
|
36020
|
+
import_react232 = __toESM(require("react"));
|
|
36021
|
+
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
36022
|
+
import_react_icons109 = require("@100mslive/react-icons");
|
|
35486
36023
|
init_DialogContent2();
|
|
35487
36024
|
TrackUnmuteModal = () => {
|
|
35488
|
-
const hmsActions = (0,
|
|
35489
|
-
const notification = (0,
|
|
35490
|
-
|
|
35491
|
-
|
|
35492
|
-
|
|
36025
|
+
const hmsActions = (0, import_react_sdk120.useHMSActions)();
|
|
36026
|
+
const notification = (0, import_react_sdk120.useHMSNotifications)([
|
|
36027
|
+
import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
|
36028
|
+
import_react_sdk120.HMSNotificationTypes.ROOM_ENDED,
|
|
36029
|
+
import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
35493
36030
|
]);
|
|
35494
|
-
const [muteNotification, setMuteNotification] = (0,
|
|
35495
|
-
(0,
|
|
36031
|
+
const [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
|
|
36032
|
+
(0, import_react232.useEffect)(() => {
|
|
35496
36033
|
switch (notification == null ? void 0 : notification.type) {
|
|
35497
|
-
case
|
|
35498
|
-
case
|
|
36034
|
+
case import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36035
|
+
case import_react_sdk120.HMSNotificationTypes.ROOM_ENDED:
|
|
35499
36036
|
setMuteNotification(null);
|
|
35500
36037
|
break;
|
|
35501
|
-
case
|
|
36038
|
+
case import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
35502
36039
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
35503
36040
|
setMuteNotification(notification.data);
|
|
35504
36041
|
}
|
|
@@ -35511,7 +36048,7 @@ var init_TrackUnmuteModal = __esm({
|
|
|
35511
36048
|
return null;
|
|
35512
36049
|
}
|
|
35513
36050
|
const { requestedBy: peer, track, enabled } = muteNotification;
|
|
35514
|
-
return /* @__PURE__ */
|
|
36051
|
+
return /* @__PURE__ */ import_react232.default.createElement(
|
|
35515
36052
|
RequestDialog,
|
|
35516
36053
|
{
|
|
35517
36054
|
title: `Unmute your ${track.type}?`,
|
|
@@ -35521,7 +36058,7 @@ var init_TrackUnmuteModal = __esm({
|
|
|
35521
36058
|
hmsActions.setEnabledTrack(track.id, enabled);
|
|
35522
36059
|
setMuteNotification(null);
|
|
35523
36060
|
},
|
|
35524
|
-
Icon:
|
|
36061
|
+
Icon: import_react_icons109.MicOnIcon
|
|
35525
36062
|
}
|
|
35526
36063
|
);
|
|
35527
36064
|
};
|
|
@@ -35529,22 +36066,22 @@ var init_TrackUnmuteModal = __esm({
|
|
|
35529
36066
|
});
|
|
35530
36067
|
|
|
35531
36068
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
35532
|
-
var
|
|
36069
|
+
var import_react233, import_ts_pattern16, import_react_sdk121, import_react_icons110, TranscriptionNotifications;
|
|
35533
36070
|
var init_TranscriptionNotifications = __esm({
|
|
35534
36071
|
"src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
|
|
35535
36072
|
"use strict";
|
|
35536
36073
|
init_define_process_env();
|
|
35537
|
-
|
|
36074
|
+
import_react233 = __toESM(require("react"));
|
|
35538
36075
|
import_ts_pattern16 = require("ts-pattern");
|
|
35539
|
-
|
|
35540
|
-
|
|
36076
|
+
import_react_sdk121 = require("@100mslive/react-sdk");
|
|
36077
|
+
import_react_icons110 = require("@100mslive/react-icons");
|
|
35541
36078
|
init_ToastManager();
|
|
35542
36079
|
init_useUISettings();
|
|
35543
36080
|
init_constants();
|
|
35544
36081
|
TranscriptionNotifications = () => {
|
|
35545
|
-
const notification = (0,
|
|
36082
|
+
const notification = (0, import_react_sdk121.useHMSNotifications)(import_react_sdk121.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
|
|
35546
36083
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
35547
|
-
(0,
|
|
36084
|
+
(0, import_react233.useEffect)(() => {
|
|
35548
36085
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35549
36086
|
return;
|
|
35550
36087
|
}
|
|
@@ -35558,22 +36095,22 @@ var init_TranscriptionNotifications = __esm({
|
|
|
35558
36095
|
id = ToastManager.replaceToast(toastId, {
|
|
35559
36096
|
title: `Failed to enable Closed Caption`,
|
|
35560
36097
|
variant: "error",
|
|
35561
|
-
icon: /* @__PURE__ */
|
|
36098
|
+
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
35562
36099
|
});
|
|
35563
36100
|
}
|
|
35564
|
-
).with({ state:
|
|
36101
|
+
).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
|
|
35565
36102
|
id = ToastManager.replaceToast(toastId, {
|
|
35566
36103
|
title: `Closed Captioning enabled for everyone`,
|
|
35567
36104
|
variant: "standard",
|
|
35568
36105
|
duration: 2e3,
|
|
35569
|
-
icon: /* @__PURE__ */
|
|
36106
|
+
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
35570
36107
|
});
|
|
35571
|
-
}).with({ state:
|
|
36108
|
+
}).with({ state: import_react_sdk121.HMSTranscriptionState.STOPPED }, () => {
|
|
35572
36109
|
id = ToastManager.replaceToast(toastId, {
|
|
35573
36110
|
title: `Closed Captioning disabled for everyone`,
|
|
35574
36111
|
variant: "standard",
|
|
35575
36112
|
duration: 2e3,
|
|
35576
|
-
icon: /* @__PURE__ */
|
|
36113
|
+
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
35577
36114
|
});
|
|
35578
36115
|
}).otherwise(() => null);
|
|
35579
36116
|
setToastId(id);
|
|
@@ -35587,36 +36124,36 @@ var init_TranscriptionNotifications = __esm({
|
|
|
35587
36124
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
35588
36125
|
function Notifications() {
|
|
35589
36126
|
var _a7, _b7;
|
|
35590
|
-
const localPeerID = (0,
|
|
35591
|
-
const notification = (0,
|
|
36127
|
+
const localPeerID = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectLocalPeerID);
|
|
36128
|
+
const notification = (0, import_react_sdk122.useHMSNotifications)();
|
|
35592
36129
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
35593
|
-
const roomState = (0,
|
|
36130
|
+
const roomState = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectRoomState);
|
|
35594
36131
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
35595
36132
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
35596
36133
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
35597
|
-
const vanillaStore = (0,
|
|
36134
|
+
const vanillaStore = (0, import_react_sdk122.useHMSVanillaStore)();
|
|
35598
36135
|
const togglePollView = usePollViewToggle();
|
|
35599
|
-
const { showNotification } = (0,
|
|
35600
|
-
const amIScreenSharing = (0,
|
|
36136
|
+
const { showNotification } = (0, import_react_sdk122.useAwayNotifications)();
|
|
36137
|
+
const amIScreenSharing = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsLocalScreenShared);
|
|
35601
36138
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
35602
36139
|
const { pipWindow } = usePIPWindow();
|
|
35603
|
-
const handleRoleChangeDenied = (0,
|
|
36140
|
+
const handleRoleChangeDenied = (0, import_react234.useCallback)((request) => {
|
|
35604
36141
|
ToastManager.addToast({
|
|
35605
36142
|
title: `${request.peerName} denied your request to join the ${request.role.name} role`,
|
|
35606
36143
|
variant: "error"
|
|
35607
36144
|
});
|
|
35608
36145
|
}, []);
|
|
35609
|
-
(0,
|
|
35610
|
-
(0,
|
|
35611
|
-
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l,
|
|
36146
|
+
(0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
36147
|
+
(0, import_react234.useEffect)(() => {
|
|
36148
|
+
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
|
|
35612
36149
|
if (!notification || isNotificationDisabled) {
|
|
35613
36150
|
return;
|
|
35614
36151
|
}
|
|
35615
36152
|
switch (notification.type) {
|
|
35616
|
-
case
|
|
36153
|
+
case import_react_sdk122.HMSNotificationTypes.NAME_UPDATED:
|
|
35617
36154
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
35618
36155
|
break;
|
|
35619
|
-
case
|
|
36156
|
+
case import_react_sdk122.HMSNotificationTypes.ERROR:
|
|
35620
36157
|
if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
|
|
35621
36158
|
if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
|
|
35622
36159
|
ToastManager.addToast({
|
|
@@ -35626,7 +36163,7 @@ function Notifications() {
|
|
|
35626
36163
|
ToastManager.addToast({
|
|
35627
36164
|
title: "The room is currently full, try joining later",
|
|
35628
36165
|
close: true,
|
|
35629
|
-
icon: /* @__PURE__ */
|
|
36166
|
+
icon: /* @__PURE__ */ import_react234.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react234.default.createElement(import_react_icons111.GroupIcon, null))
|
|
35630
36167
|
});
|
|
35631
36168
|
} else {
|
|
35632
36169
|
ToastManager.addToast({
|
|
@@ -35648,8 +36185,8 @@ function Notifications() {
|
|
|
35648
36185
|
title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
|
|
35649
36186
|
});
|
|
35650
36187
|
break;
|
|
35651
|
-
case
|
|
35652
|
-
if (((
|
|
36188
|
+
case import_react_sdk122.HMSNotificationTypes.ROLE_UPDATED: {
|
|
36189
|
+
if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
|
|
35653
36190
|
ToastManager.addToast({
|
|
35654
36191
|
title: `You are now a ${notification.data.roleName}`
|
|
35655
36192
|
});
|
|
@@ -35657,7 +36194,7 @@ function Notifications() {
|
|
|
35657
36194
|
}
|
|
35658
36195
|
break;
|
|
35659
36196
|
}
|
|
35660
|
-
case
|
|
36197
|
+
case import_react_sdk122.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
35661
36198
|
const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
|
|
35662
36199
|
if (!notification.data.enabled) {
|
|
35663
36200
|
ToastManager.addToast({
|
|
@@ -35666,24 +36203,24 @@ function Notifications() {
|
|
|
35666
36203
|
});
|
|
35667
36204
|
}
|
|
35668
36205
|
break;
|
|
35669
|
-
case
|
|
35670
|
-
case
|
|
36206
|
+
case import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36207
|
+
case import_react_sdk122.HMSNotificationTypes.ROOM_ENDED:
|
|
35671
36208
|
ToastManager.addToast({
|
|
35672
36209
|
title: `${notification.message}.
|
|
35673
36210
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
35674
36211
|
});
|
|
35675
36212
|
break;
|
|
35676
|
-
case
|
|
36213
|
+
case import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
35677
36214
|
ToastManager.addToast({
|
|
35678
36215
|
title: notification.message
|
|
35679
36216
|
});
|
|
35680
36217
|
break;
|
|
35681
|
-
case
|
|
36218
|
+
case import_react_sdk122.HMSNotificationTypes.POLL_STARTED:
|
|
35682
36219
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
35683
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
36220
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
35684
36221
|
const pollToastID = ToastManager.addToast({
|
|
35685
36222
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
35686
|
-
action: /* @__PURE__ */
|
|
36223
|
+
action: /* @__PURE__ */ import_react234.default.createElement(
|
|
35687
36224
|
Button,
|
|
35688
36225
|
{
|
|
35689
36226
|
onClick: () => togglePollView(notification.data.id),
|
|
@@ -35702,14 +36239,14 @@ function Notifications() {
|
|
|
35702
36239
|
pollToastKey[notification.data.id] = pollToastID;
|
|
35703
36240
|
}
|
|
35704
36241
|
break;
|
|
35705
|
-
case
|
|
36242
|
+
case import_react_sdk122.HMSNotificationTypes.POLL_STOPPED:
|
|
35706
36243
|
const pollID = notification == null ? void 0 : notification.data.id;
|
|
35707
36244
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
|
35708
36245
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
|
35709
36246
|
delete pollToastKey[notification == null ? void 0 : notification.data.id];
|
|
35710
36247
|
}
|
|
35711
36248
|
break;
|
|
35712
|
-
case
|
|
36249
|
+
case import_react_sdk122.HMSNotificationTypes.NEW_MESSAGE:
|
|
35713
36250
|
if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
|
|
35714
36251
|
showNotification(`New message from ${notification.data.senderName}`, {
|
|
35715
36252
|
body: notification.data.message,
|
|
@@ -35724,16 +36261,16 @@ function Notifications() {
|
|
|
35724
36261
|
if (isNotificationDisabled) {
|
|
35725
36262
|
return null;
|
|
35726
36263
|
}
|
|
35727
|
-
return /* @__PURE__ */
|
|
36264
|
+
return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState === import_react_sdk122.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
|
|
35728
36265
|
}
|
|
35729
|
-
var
|
|
36266
|
+
var import_react234, import_react_sdk122, import_react_icons111, pollToastKey;
|
|
35730
36267
|
var init_Notifications = __esm({
|
|
35731
36268
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
35732
36269
|
"use strict";
|
|
35733
36270
|
init_define_process_env();
|
|
35734
|
-
|
|
35735
|
-
|
|
35736
|
-
|
|
36271
|
+
import_react234 = __toESM(require("react"));
|
|
36272
|
+
import_react_sdk122 = require("@100mslive/react-sdk");
|
|
36273
|
+
import_react_icons111 = require("@100mslive/react-icons");
|
|
35737
36274
|
init_src();
|
|
35738
36275
|
init_roomLayoutProvider();
|
|
35739
36276
|
init_ToastManager();
|
|
@@ -35767,23 +36304,23 @@ var init_Notifications2 = __esm({
|
|
|
35767
36304
|
});
|
|
35768
36305
|
|
|
35769
36306
|
// src/Prebuilt/components/PIP/PIPProvider.tsx
|
|
35770
|
-
var
|
|
36307
|
+
var import_react235, PIPProvider;
|
|
35771
36308
|
var init_PIPProvider = __esm({
|
|
35772
36309
|
"src/Prebuilt/components/PIP/PIPProvider.tsx"() {
|
|
35773
36310
|
"use strict";
|
|
35774
36311
|
init_define_process_env();
|
|
35775
|
-
|
|
36312
|
+
import_react235 = __toESM(require("react"));
|
|
35776
36313
|
init_context();
|
|
35777
36314
|
PIPProvider = ({ children }) => {
|
|
35778
36315
|
const isSupported = "documentPictureInPicture" in window;
|
|
35779
|
-
const [pipWindow, setPipWindow] = (0,
|
|
35780
|
-
const closePipWindow = (0,
|
|
36316
|
+
const [pipWindow, setPipWindow] = (0, import_react235.useState)(null);
|
|
36317
|
+
const closePipWindow = (0, import_react235.useCallback)(() => {
|
|
35781
36318
|
if (pipWindow != null) {
|
|
35782
36319
|
pipWindow.close();
|
|
35783
36320
|
setPipWindow(null);
|
|
35784
36321
|
}
|
|
35785
36322
|
}, [pipWindow]);
|
|
35786
|
-
const requestPipWindow = (0,
|
|
36323
|
+
const requestPipWindow = (0, import_react235.useCallback)(
|
|
35787
36324
|
(width, height) => __async(void 0, null, function* () {
|
|
35788
36325
|
if (pipWindow != null) {
|
|
35789
36326
|
return;
|
|
@@ -35799,7 +36336,7 @@ var init_PIPProvider = __esm({
|
|
|
35799
36336
|
}),
|
|
35800
36337
|
[pipWindow]
|
|
35801
36338
|
);
|
|
35802
|
-
const value = (0,
|
|
36339
|
+
const value = (0, import_react235.useMemo)(() => {
|
|
35803
36340
|
return {
|
|
35804
36341
|
isSupported,
|
|
35805
36342
|
pipWindow,
|
|
@@ -35807,19 +36344,19 @@ var init_PIPProvider = __esm({
|
|
|
35807
36344
|
closePipWindow
|
|
35808
36345
|
};
|
|
35809
36346
|
}, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
|
|
35810
|
-
return /* @__PURE__ */
|
|
36347
|
+
return /* @__PURE__ */ import_react235.default.createElement(PIPContext.Provider, { value }, children);
|
|
35811
36348
|
};
|
|
35812
36349
|
}
|
|
35813
36350
|
});
|
|
35814
36351
|
|
|
35815
36352
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
35816
|
-
var
|
|
36353
|
+
var import_react236, import_react_use59, PreviewScreen;
|
|
35817
36354
|
var init_PreviewScreen = __esm({
|
|
35818
36355
|
"src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
|
|
35819
36356
|
"use strict";
|
|
35820
36357
|
init_define_process_env();
|
|
35821
|
-
|
|
35822
|
-
|
|
36358
|
+
import_react236 = __toESM(require("react"));
|
|
36359
|
+
import_react_use59 = require("react-use");
|
|
35823
36360
|
init_src();
|
|
35824
36361
|
init_AppContext();
|
|
35825
36362
|
init_roomLayoutProvider();
|
|
@@ -35832,36 +36369,36 @@ var init_PreviewScreen = __esm({
|
|
|
35832
36369
|
var _a7, _b7, _c;
|
|
35833
36370
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
35834
36371
|
const skipPreview = !isPreviewScreenEnabled;
|
|
35835
|
-
const previewAsRole = (0,
|
|
36372
|
+
const previewAsRole = (0, import_react_use59.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
|
|
35836
36373
|
const { userName } = useHMSPrebuiltContext();
|
|
35837
36374
|
const initialName = userName || (skipPreview ? "Beam" : "");
|
|
35838
36375
|
const authToken = useAuthToken();
|
|
35839
36376
|
const roomLayout = useRoomLayout();
|
|
35840
36377
|
const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
|
|
35841
|
-
return /* @__PURE__ */
|
|
36378
|
+
return /* @__PURE__ */ import_react236.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react236.default.createElement(
|
|
35842
36379
|
Flex,
|
|
35843
36380
|
{
|
|
35844
36381
|
css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
|
|
35845
36382
|
justify: "center",
|
|
35846
36383
|
align: "center"
|
|
35847
36384
|
},
|
|
35848
|
-
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */
|
|
36385
|
+
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react236.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ import_react236.default.createElement(FullPageProgress_default, null)
|
|
35849
36386
|
));
|
|
35850
36387
|
};
|
|
35851
36388
|
}
|
|
35852
36389
|
});
|
|
35853
36390
|
|
|
35854
36391
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
35855
|
-
var
|
|
36392
|
+
var import_react237, Toast2;
|
|
35856
36393
|
var init_Toast3 = __esm({
|
|
35857
36394
|
"src/Prebuilt/components/Toast/Toast.jsx"() {
|
|
35858
36395
|
"use strict";
|
|
35859
36396
|
init_define_process_env();
|
|
35860
|
-
|
|
36397
|
+
import_react237 = __toESM(require("react"));
|
|
35861
36398
|
init_Toast2();
|
|
35862
36399
|
Toast2 = (_a7) => {
|
|
35863
36400
|
var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
|
|
35864
|
-
return /* @__PURE__ */
|
|
36401
|
+
return /* @__PURE__ */ import_react237.default.createElement(
|
|
35865
36402
|
Toast.HMSToast,
|
|
35866
36403
|
__spreadValues({
|
|
35867
36404
|
title,
|
|
@@ -35878,29 +36415,29 @@ var init_Toast3 = __esm({
|
|
|
35878
36415
|
});
|
|
35879
36416
|
|
|
35880
36417
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35881
|
-
var
|
|
36418
|
+
var import_react238, import_react_sdk123, ToastContainer;
|
|
35882
36419
|
var init_ToastContainer = __esm({
|
|
35883
36420
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
35884
36421
|
"use strict";
|
|
35885
36422
|
init_define_process_env();
|
|
35886
|
-
|
|
35887
|
-
|
|
36423
|
+
import_react238 = __toESM(require("react"));
|
|
36424
|
+
import_react_sdk123 = require("@100mslive/react-sdk");
|
|
35888
36425
|
init_Toast2();
|
|
35889
36426
|
init_Toast3();
|
|
35890
36427
|
init_ToastManager();
|
|
35891
36428
|
init_constants();
|
|
35892
36429
|
ToastContainer = () => {
|
|
35893
|
-
const isConnected = (0,
|
|
35894
|
-
const [toasts, setToast] = (0,
|
|
35895
|
-
(0,
|
|
36430
|
+
const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
|
|
36431
|
+
const [toasts, setToast] = (0, import_react238.useState)([]);
|
|
36432
|
+
(0, import_react238.useEffect)(() => {
|
|
35896
36433
|
ToastManager.addListener(setToast);
|
|
35897
36434
|
return () => {
|
|
35898
36435
|
ToastManager.removeListener(setToast);
|
|
35899
36436
|
};
|
|
35900
36437
|
}, []);
|
|
35901
|
-
return /* @__PURE__ */
|
|
35902
|
-
return /* @__PURE__ */
|
|
35903
|
-
}), /* @__PURE__ */
|
|
36438
|
+
return /* @__PURE__ */ import_react238.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
|
|
36439
|
+
return /* @__PURE__ */ import_react238.default.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
|
|
36440
|
+
}), /* @__PURE__ */ import_react238.default.createElement(
|
|
35904
36441
|
Toast.Viewport,
|
|
35905
36442
|
{
|
|
35906
36443
|
css: __spreadValues({
|
|
@@ -35913,13 +36450,13 @@ var init_ToastContainer = __esm({
|
|
|
35913
36450
|
});
|
|
35914
36451
|
|
|
35915
36452
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
35916
|
-
var
|
|
36453
|
+
var import_react239, import_react_icons112, RoomDetailsSheet;
|
|
35917
36454
|
var init_RoomDetailsSheet = __esm({
|
|
35918
36455
|
"src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx"() {
|
|
35919
36456
|
"use strict";
|
|
35920
36457
|
init_define_process_env();
|
|
35921
|
-
|
|
35922
|
-
|
|
36458
|
+
import_react239 = __toESM(require("react"));
|
|
36459
|
+
import_react_icons112 = require("@100mslive/react-icons");
|
|
35923
36460
|
init_Layout();
|
|
35924
36461
|
init_Sheet2();
|
|
35925
36462
|
init_Text2();
|
|
@@ -35932,57 +36469,57 @@ var init_RoomDetailsSheet = __esm({
|
|
|
35932
36469
|
const { title, description, details } = useRoomLayoutHeader();
|
|
35933
36470
|
const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
35934
36471
|
const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
|
|
35935
|
-
return /* @__PURE__ */
|
|
36472
|
+
return /* @__PURE__ */ import_react239.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react239.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react239.default.createElement(
|
|
35936
36473
|
Flex,
|
|
35937
36474
|
{
|
|
35938
36475
|
justify: "between",
|
|
35939
36476
|
align: "center",
|
|
35940
36477
|
css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
|
|
35941
36478
|
},
|
|
35942
|
-
/* @__PURE__ */
|
|
35943
|
-
/* @__PURE__ */
|
|
35944
|
-
), /* @__PURE__ */
|
|
36479
|
+
/* @__PURE__ */ import_react239.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
|
|
36480
|
+
/* @__PURE__ */ import_react239.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react239.default.createElement(import_react_icons112.CrossIcon, null))
|
|
36481
|
+
), /* @__PURE__ */ import_react239.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react239.default.createElement(Logo, null), /* @__PURE__ */ import_react239.default.createElement(Box, null, /* @__PURE__ */ import_react239.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react239.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react239.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
|
|
35945
36482
|
};
|
|
35946
36483
|
}
|
|
35947
36484
|
});
|
|
35948
36485
|
|
|
35949
36486
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35950
|
-
var
|
|
36487
|
+
var import_react240, import_react_sdk124, Sheet2;
|
|
35951
36488
|
var init_Sheet3 = __esm({
|
|
35952
36489
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
|
35953
36490
|
"use strict";
|
|
35954
36491
|
init_define_process_env();
|
|
35955
|
-
|
|
35956
|
-
|
|
36492
|
+
import_react240 = __toESM(require("react"));
|
|
36493
|
+
import_react_sdk124 = require("@100mslive/react-sdk");
|
|
35957
36494
|
init_RoomDetailsSheet();
|
|
35958
36495
|
init_Layout();
|
|
35959
36496
|
init_constants();
|
|
35960
36497
|
Sheet2 = () => {
|
|
35961
|
-
const sheet = (0,
|
|
36498
|
+
const sheet = (0, import_react_sdk124.useHMSStore)((0, import_react_sdk124.selectAppData)(APP_DATA.sheet));
|
|
35962
36499
|
let ViewComponent;
|
|
35963
36500
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
35964
|
-
ViewComponent = /* @__PURE__ */
|
|
36501
|
+
ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
|
|
35965
36502
|
}
|
|
35966
|
-
return /* @__PURE__ */
|
|
36503
|
+
return /* @__PURE__ */ import_react240.default.createElement(Box, null, ViewComponent);
|
|
35967
36504
|
};
|
|
35968
36505
|
}
|
|
35969
36506
|
});
|
|
35970
36507
|
|
|
35971
36508
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
35972
36509
|
function FlyingEmoji() {
|
|
35973
|
-
const localPeerId = (0,
|
|
35974
|
-
const vanillaStore = (0,
|
|
35975
|
-
const hmsActions = (0,
|
|
35976
|
-
const [emojis, setEmojis] = (0,
|
|
35977
|
-
const isMobile = (0,
|
|
35978
|
-
const isLargeRoom = (0,
|
|
35979
|
-
const startingPoints = (0,
|
|
35980
|
-
const showFlyingEmoji = (0,
|
|
36510
|
+
const localPeerId = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectLocalPeerID);
|
|
36511
|
+
const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
|
|
36512
|
+
const hmsActions = (0, import_react_sdk125.useHMSActions)();
|
|
36513
|
+
const [emojis, setEmojis] = (0, import_react241.useState)([]);
|
|
36514
|
+
const isMobile = (0, import_react_use60.useMedia)(config.media.md);
|
|
36515
|
+
const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
|
|
36516
|
+
const startingPoints = (0, import_react241.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
36517
|
+
const showFlyingEmoji = (0, import_react241.useCallback)(
|
|
35981
36518
|
(_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
|
|
35982
36519
|
if (!emojiId || !senderId || document.hidden) {
|
|
35983
36520
|
return;
|
|
35984
36521
|
}
|
|
35985
|
-
let senderPeerName = vanillaStore.getState((0,
|
|
36522
|
+
let senderPeerName = vanillaStore.getState((0, import_react_sdk125.selectPeerNameByID)(senderId));
|
|
35986
36523
|
if (!senderPeerName && isLargeRoom) {
|
|
35987
36524
|
const sender = yield hmsActions.getPeer(senderId);
|
|
35988
36525
|
senderPeerName = sender == null ? void 0 : sender.name;
|
|
@@ -36005,14 +36542,14 @@ function FlyingEmoji() {
|
|
|
36005
36542
|
}),
|
|
36006
36543
|
[vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
|
|
36007
36544
|
);
|
|
36008
|
-
(0,
|
|
36545
|
+
(0, import_react_sdk125.useCustomEvent)({
|
|
36009
36546
|
type: EMOJI_REACTION_TYPE,
|
|
36010
36547
|
onEvent: showFlyingEmoji
|
|
36011
36548
|
});
|
|
36012
|
-
(0,
|
|
36549
|
+
(0, import_react241.useEffect)(() => {
|
|
36013
36550
|
window.showFlyingEmoji = showFlyingEmoji;
|
|
36014
36551
|
}, [showFlyingEmoji]);
|
|
36015
|
-
return /* @__PURE__ */
|
|
36552
|
+
return /* @__PURE__ */ import_react241.default.createElement(
|
|
36016
36553
|
Box,
|
|
36017
36554
|
{
|
|
36018
36555
|
css: {
|
|
@@ -36028,7 +36565,7 @@ function FlyingEmoji() {
|
|
|
36028
36565
|
}
|
|
36029
36566
|
},
|
|
36030
36567
|
emojis.map((emoji) => {
|
|
36031
|
-
return /* @__PURE__ */
|
|
36568
|
+
return /* @__PURE__ */ import_react241.default.createElement(
|
|
36032
36569
|
Flex,
|
|
36033
36570
|
{
|
|
36034
36571
|
key: emoji.id,
|
|
@@ -36042,8 +36579,8 @@ function FlyingEmoji() {
|
|
|
36042
36579
|
},
|
|
36043
36580
|
onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
|
|
36044
36581
|
},
|
|
36045
|
-
/* @__PURE__ */
|
|
36046
|
-
emoji.senderName ? /* @__PURE__ */
|
|
36582
|
+
/* @__PURE__ */ import_react241.default.createElement(Box, null, /* @__PURE__ */ import_react241.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
|
|
36583
|
+
emoji.senderName ? /* @__PURE__ */ import_react241.default.createElement(
|
|
36047
36584
|
Box,
|
|
36048
36585
|
{
|
|
36049
36586
|
css: {
|
|
@@ -36053,7 +36590,7 @@ function FlyingEmoji() {
|
|
|
36053
36590
|
borderRadius: "$1"
|
|
36054
36591
|
}
|
|
36055
36592
|
},
|
|
36056
|
-
/* @__PURE__ */
|
|
36593
|
+
/* @__PURE__ */ import_react241.default.createElement(
|
|
36057
36594
|
Text,
|
|
36058
36595
|
{
|
|
36059
36596
|
css: {
|
|
@@ -36069,14 +36606,14 @@ function FlyingEmoji() {
|
|
|
36069
36606
|
})
|
|
36070
36607
|
);
|
|
36071
36608
|
}
|
|
36072
|
-
var
|
|
36609
|
+
var import_react241, import_react_use60, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
36073
36610
|
var init_FlyingEmoji = __esm({
|
|
36074
36611
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
36075
36612
|
"use strict";
|
|
36076
36613
|
init_define_process_env();
|
|
36077
|
-
|
|
36078
|
-
|
|
36079
|
-
|
|
36614
|
+
import_react241 = __toESM(require("react"));
|
|
36615
|
+
import_react_use60 = require("react-use");
|
|
36616
|
+
import_react_sdk125 = require("@100mslive/react-sdk");
|
|
36080
36617
|
init_Layout();
|
|
36081
36618
|
init_Text2();
|
|
36082
36619
|
init_Theme();
|
|
@@ -36109,47 +36646,47 @@ var init_FlyingEmoji = __esm({
|
|
|
36109
36646
|
|
|
36110
36647
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
36111
36648
|
function RemoteStopScreenshare() {
|
|
36112
|
-
const actions = (0,
|
|
36113
|
-
const onRemoteStopScreenshare = (0,
|
|
36649
|
+
const actions = (0, import_react_sdk126.useHMSActions)();
|
|
36650
|
+
const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
|
|
36114
36651
|
yield actions.setScreenShareEnabled(false);
|
|
36115
36652
|
}), [actions]);
|
|
36116
|
-
(0,
|
|
36653
|
+
(0, import_react_sdk126.useCustomEvent)({
|
|
36117
36654
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
36118
36655
|
onEvent: onRemoteStopScreenshare
|
|
36119
36656
|
});
|
|
36120
|
-
return /* @__PURE__ */
|
|
36657
|
+
return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
|
|
36121
36658
|
}
|
|
36122
|
-
var
|
|
36659
|
+
var import_react242, import_react_sdk126;
|
|
36123
36660
|
var init_RemoteStopScreenshare = __esm({
|
|
36124
36661
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
36125
36662
|
"use strict";
|
|
36126
36663
|
init_define_process_env();
|
|
36127
|
-
|
|
36128
|
-
|
|
36664
|
+
import_react242 = __toESM(require("react"));
|
|
36665
|
+
import_react_sdk126 = require("@100mslive/react-sdk");
|
|
36129
36666
|
init_constants();
|
|
36130
36667
|
}
|
|
36131
36668
|
});
|
|
36132
36669
|
|
|
36133
36670
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
36134
|
-
var
|
|
36671
|
+
var import_react243, import_react_sdk127, useAutoStartStreaming;
|
|
36135
36672
|
var init_useAutoStartStreaming = __esm({
|
|
36136
36673
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
36137
36674
|
"use strict";
|
|
36138
36675
|
init_define_process_env();
|
|
36139
|
-
|
|
36140
|
-
|
|
36676
|
+
import_react243 = require("react");
|
|
36677
|
+
import_react_sdk127 = require("@100mslive/react-sdk");
|
|
36141
36678
|
init_useUISettings();
|
|
36142
36679
|
init_hooks();
|
|
36143
36680
|
init_constants();
|
|
36144
36681
|
useAutoStartStreaming = () => {
|
|
36145
36682
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
36146
|
-
const permissions = (0,
|
|
36683
|
+
const permissions = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectPermissions);
|
|
36147
36684
|
const showStreamingUI = useShowStreamingUI();
|
|
36148
|
-
const hmsActions = (0,
|
|
36149
|
-
const isConnected = (0,
|
|
36150
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
36151
|
-
const streamStartedRef = (0,
|
|
36152
|
-
const startHLS = (0,
|
|
36685
|
+
const hmsActions = (0, import_react_sdk127.useHMSActions)();
|
|
36686
|
+
const isConnected = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
|
|
36687
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk127.useRecordingStreaming)();
|
|
36688
|
+
const streamStartedRef = (0, import_react243.useRef)(false);
|
|
36689
|
+
const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
|
|
36153
36690
|
try {
|
|
36154
36691
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
|
36155
36692
|
return;
|
|
@@ -36172,12 +36709,12 @@ var init_useAutoStartStreaming = __esm({
|
|
|
36172
36709
|
isHLSRecordingOn,
|
|
36173
36710
|
isBrowserRecordingOn
|
|
36174
36711
|
]);
|
|
36175
|
-
(0,
|
|
36712
|
+
(0, import_react243.useEffect)(() => {
|
|
36176
36713
|
if (!isHLSStarted && !isHLSRunning) {
|
|
36177
36714
|
streamStartedRef.current = false;
|
|
36178
36715
|
}
|
|
36179
36716
|
}, [isHLSStarted, isHLSRunning]);
|
|
36180
|
-
(0,
|
|
36717
|
+
(0, import_react243.useEffect)(() => {
|
|
36181
36718
|
if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
|
|
36182
36719
|
return;
|
|
36183
36720
|
}
|
|
@@ -36195,23 +36732,23 @@ function AppRoutes({
|
|
|
36195
36732
|
const roomLayout = useRoomLayout();
|
|
36196
36733
|
const isNotificationsDisabled = useIsNotificationDisabled();
|
|
36197
36734
|
const { activeState, rejoin } = useAppStateManager();
|
|
36198
|
-
return /* @__PURE__ */
|
|
36735
|
+
return /* @__PURE__ */ import_react244.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react244.default.createElement(import_react244.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react244.default.createElement(AppData, null), /* @__PURE__ */ import_react244.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react244.default.createElement(Notifications, null), /* @__PURE__ */ import_react244.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react244.default.createElement(Sheet2, null), /* @__PURE__ */ import_react244.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react244.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react244.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react244.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react244.default.createElement(
|
|
36199
36736
|
AuthToken_default,
|
|
36200
36737
|
{
|
|
36201
36738
|
authTokenByRoomCodeEndpoint,
|
|
36202
36739
|
defaultAuthToken,
|
|
36203
36740
|
activeState
|
|
36204
36741
|
}
|
|
36205
|
-
), roomLayout && activeState && /* @__PURE__ */
|
|
36742
|
+
), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
|
|
36206
36743
|
}
|
|
36207
|
-
var
|
|
36744
|
+
var import_react244, import_ts_pattern17, import_react_sdk128, HMSPrebuilt, AppStates, BackSwipe;
|
|
36208
36745
|
var init_App = __esm({
|
|
36209
36746
|
"src/Prebuilt/App.tsx"() {
|
|
36210
36747
|
"use strict";
|
|
36211
36748
|
init_define_process_env();
|
|
36212
|
-
|
|
36749
|
+
import_react244 = __toESM(require("react"));
|
|
36213
36750
|
import_ts_pattern17 = require("ts-pattern");
|
|
36214
|
-
|
|
36751
|
+
import_react_sdk128 = require("@100mslive/react-sdk");
|
|
36215
36752
|
init_AppData();
|
|
36216
36753
|
init_AuthToken();
|
|
36217
36754
|
init_ConferenceScreen();
|
|
@@ -36239,7 +36776,7 @@ var init_App = __esm({
|
|
|
36239
36776
|
init_useRoomLayoutScreen();
|
|
36240
36777
|
init_FeatureFlags();
|
|
36241
36778
|
init_constants();
|
|
36242
|
-
HMSPrebuilt =
|
|
36779
|
+
HMSPrebuilt = import_react244.default.forwardRef(
|
|
36243
36780
|
({
|
|
36244
36781
|
roomCode = "",
|
|
36245
36782
|
authToken = "",
|
|
@@ -36254,11 +36791,11 @@ var init_App = __esm({
|
|
|
36254
36791
|
onJoin
|
|
36255
36792
|
}, ref) => {
|
|
36256
36793
|
var _a7, _b7, _c, _d;
|
|
36257
|
-
const reactiveStore = (0,
|
|
36258
|
-
const [hydrated, setHydrated] =
|
|
36259
|
-
(0,
|
|
36794
|
+
const reactiveStore = (0, import_react244.useRef)();
|
|
36795
|
+
const [hydrated, setHydrated] = import_react244.default.useState(false);
|
|
36796
|
+
(0, import_react244.useEffect)(() => {
|
|
36260
36797
|
setHydrated(true);
|
|
36261
|
-
const hms = new
|
|
36798
|
+
const hms = new import_react_sdk128.HMSReactiveStore();
|
|
36262
36799
|
const hmsStore = hms.getStore();
|
|
36263
36800
|
const hmsActions = hms.getActions();
|
|
36264
36801
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -36271,13 +36808,13 @@ var init_App = __esm({
|
|
|
36271
36808
|
hmsNotifications
|
|
36272
36809
|
};
|
|
36273
36810
|
}, []);
|
|
36274
|
-
(0,
|
|
36811
|
+
(0, import_react244.useEffect)(() => {
|
|
36275
36812
|
if (!ref || !reactiveStore.current) {
|
|
36276
36813
|
return;
|
|
36277
36814
|
}
|
|
36278
36815
|
ref.current = __spreadValues({}, reactiveStore.current);
|
|
36279
36816
|
}, [ref]);
|
|
36280
|
-
(0,
|
|
36817
|
+
(0, import_react244.useEffect)(() => {
|
|
36281
36818
|
return () => {
|
|
36282
36819
|
var _a8;
|
|
36283
36820
|
VBHandler.reset();
|
|
@@ -36287,6 +36824,7 @@ var init_App = __esm({
|
|
|
36287
36824
|
const endpointsObj = endpoints;
|
|
36288
36825
|
const tokenByRoomCodeEndpoint = (endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode) || "";
|
|
36289
36826
|
const initEndpoint = (endpointsObj == null ? void 0 : endpointsObj.init) || "";
|
|
36827
|
+
const eventEndpoint = (endpointsObj == null ? void 0 : endpointsObj.event) || "";
|
|
36290
36828
|
const roomLayoutEndpoint = (endpointsObj == null ? void 0 : endpointsObj.roomLayout) || "";
|
|
36291
36829
|
const overrideLayout = {
|
|
36292
36830
|
logo,
|
|
@@ -36306,7 +36844,7 @@ var init_App = __esm({
|
|
|
36306
36844
|
return null;
|
|
36307
36845
|
}
|
|
36308
36846
|
globalStyles();
|
|
36309
|
-
return /* @__PURE__ */
|
|
36847
|
+
return /* @__PURE__ */ import_react244.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react244.default.createElement(
|
|
36310
36848
|
HMSPrebuiltContext.Provider,
|
|
36311
36849
|
{
|
|
36312
36850
|
value: {
|
|
@@ -36319,12 +36857,13 @@ var init_App = __esm({
|
|
|
36319
36857
|
endpoints: {
|
|
36320
36858
|
tokenByRoomCode: tokenByRoomCodeEndpoint,
|
|
36321
36859
|
init: initEndpoint,
|
|
36322
|
-
roomLayout: roomLayoutEndpoint
|
|
36860
|
+
roomLayout: roomLayoutEndpoint,
|
|
36861
|
+
event: eventEndpoint
|
|
36323
36862
|
}
|
|
36324
36863
|
}
|
|
36325
36864
|
},
|
|
36326
|
-
/* @__PURE__ */
|
|
36327
|
-
|
|
36865
|
+
/* @__PURE__ */ import_react244.default.createElement(
|
|
36866
|
+
import_react_sdk128.HMSRoomProvider,
|
|
36328
36867
|
{
|
|
36329
36868
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
36330
36869
|
actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
|
|
@@ -36333,7 +36872,7 @@ var init_App = __esm({
|
|
|
36333
36872
|
stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
|
|
36334
36873
|
leaveOnUnload
|
|
36335
36874
|
},
|
|
36336
|
-
/* @__PURE__ */
|
|
36875
|
+
/* @__PURE__ */ import_react244.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react244.default.createElement(RoomLayoutContext.Consumer, null, (data3) => {
|
|
36337
36876
|
var _a8;
|
|
36338
36877
|
const layout = data3 == null ? void 0 : data3.layout;
|
|
36339
36878
|
const theme2 = ((_a8 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a8[0]) || {};
|
|
@@ -36342,7 +36881,7 @@ var init_App = __esm({
|
|
|
36342
36881
|
if (typography2 == null ? void 0 : typography2.font_family) {
|
|
36343
36882
|
fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
|
|
36344
36883
|
}
|
|
36345
|
-
return /* @__PURE__ */
|
|
36884
|
+
return /* @__PURE__ */ import_react244.default.createElement(
|
|
36346
36885
|
HMSThemeProvider,
|
|
36347
36886
|
{
|
|
36348
36887
|
themeType: `${theme2.name}-${Date.now()}`,
|
|
@@ -36355,7 +36894,7 @@ var init_App = __esm({
|
|
|
36355
36894
|
}
|
|
36356
36895
|
}
|
|
36357
36896
|
},
|
|
36358
|
-
/* @__PURE__ */
|
|
36897
|
+
/* @__PURE__ */ import_react244.default.createElement(PIPProvider, null, /* @__PURE__ */ import_react244.default.createElement(Init, null), /* @__PURE__ */ import_react244.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react244.default.createElement(
|
|
36359
36898
|
Box,
|
|
36360
36899
|
{
|
|
36361
36900
|
className: DEFAULT_PORTAL_CONTAINER.slice(1),
|
|
@@ -36367,7 +36906,7 @@ var init_App = __esm({
|
|
|
36367
36906
|
position: "relative"
|
|
36368
36907
|
}
|
|
36369
36908
|
},
|
|
36370
|
-
/* @__PURE__ */
|
|
36909
|
+
/* @__PURE__ */ import_react244.default.createElement(
|
|
36371
36910
|
AppRoutes,
|
|
36372
36911
|
{
|
|
36373
36912
|
authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
|
|
@@ -36386,12 +36925,12 @@ var init_App = __esm({
|
|
|
36386
36925
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
36387
36926
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
36388
36927
|
useAutoStartStreaming();
|
|
36389
|
-
return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */
|
|
36928
|
+
return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react244.default.createElement(ConferenceScreen, null));
|
|
36390
36929
|
};
|
|
36391
36930
|
BackSwipe = () => {
|
|
36392
|
-
const isConnectedToRoom = (0,
|
|
36393
|
-
const hmsActions = (0,
|
|
36394
|
-
(0,
|
|
36931
|
+
const isConnectedToRoom = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
|
|
36932
|
+
const hmsActions = (0, import_react_sdk128.useHMSActions)();
|
|
36933
|
+
(0, import_react244.useEffect)(() => {
|
|
36395
36934
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
36396
36935
|
if (isConnectedToRoom) {
|
|
36397
36936
|
yield hmsActions.leave();
|
|
@@ -36440,12 +36979,12 @@ var init_Progress = __esm({
|
|
|
36440
36979
|
});
|
|
36441
36980
|
|
|
36442
36981
|
// src/Diagnostics/DiagnosticsContext.ts
|
|
36443
|
-
var
|
|
36982
|
+
var import_react245, DiagnosticsStep, initialSteps, DiagnosticsContext, useDiagnostics;
|
|
36444
36983
|
var init_DiagnosticsContext = __esm({
|
|
36445
36984
|
"src/Diagnostics/DiagnosticsContext.ts"() {
|
|
36446
36985
|
"use strict";
|
|
36447
36986
|
init_define_process_env();
|
|
36448
|
-
|
|
36987
|
+
import_react245 = __toESM(require("react"));
|
|
36449
36988
|
DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
|
|
36450
36989
|
DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
|
|
36451
36990
|
DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
|
|
@@ -36459,7 +36998,7 @@ var init_DiagnosticsContext = __esm({
|
|
|
36459
36998
|
[2 /* AUDIO */]: { name: "Test Audio" },
|
|
36460
36999
|
[3 /* CONNECTIVITY */]: { name: "Connection Quality" }
|
|
36461
37000
|
};
|
|
36462
|
-
DiagnosticsContext =
|
|
37001
|
+
DiagnosticsContext = import_react245.default.createContext({
|
|
36463
37002
|
activeStepIndex: 0,
|
|
36464
37003
|
setActiveStep: () => {
|
|
36465
37004
|
return;
|
|
@@ -36470,7 +37009,7 @@ var init_DiagnosticsContext = __esm({
|
|
|
36470
37009
|
}
|
|
36471
37010
|
});
|
|
36472
37011
|
useDiagnostics = () => {
|
|
36473
|
-
const context = (0,
|
|
37012
|
+
const context = (0, import_react245.useContext)(DiagnosticsContext);
|
|
36474
37013
|
const activeStep = context.steps[context.activeStepIndex];
|
|
36475
37014
|
return __spreadProps(__spreadValues({}, context), { activeStep });
|
|
36476
37015
|
};
|
|
@@ -36478,18 +37017,18 @@ var init_DiagnosticsContext = __esm({
|
|
|
36478
37017
|
});
|
|
36479
37018
|
|
|
36480
37019
|
// src/Diagnostics/components.tsx
|
|
36481
|
-
var
|
|
37020
|
+
var import_react246, TestContainer, TestFooter;
|
|
36482
37021
|
var init_components = __esm({
|
|
36483
37022
|
"src/Diagnostics/components.tsx"() {
|
|
36484
37023
|
"use strict";
|
|
36485
37024
|
init_define_process_env();
|
|
36486
|
-
|
|
37025
|
+
import_react246 = __toESM(require("react"));
|
|
36487
37026
|
init_Button2();
|
|
36488
37027
|
init_Layout();
|
|
36489
37028
|
init_Text2();
|
|
36490
37029
|
init_DiagnosticsContext();
|
|
36491
37030
|
TestContainer = ({ css: css2, children }) => {
|
|
36492
|
-
return /* @__PURE__ */
|
|
37031
|
+
return /* @__PURE__ */ import_react246.default.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
|
|
36493
37032
|
};
|
|
36494
37033
|
TestFooter = ({
|
|
36495
37034
|
error,
|
|
@@ -36507,7 +37046,7 @@ var init_components = __esm({
|
|
|
36507
37046
|
}
|
|
36508
37047
|
setActiveStep((step) => step + 1);
|
|
36509
37048
|
};
|
|
36510
|
-
return /* @__PURE__ */
|
|
37049
|
+
return /* @__PURE__ */ import_react246.default.createElement(
|
|
36511
37050
|
Flex,
|
|
36512
37051
|
{
|
|
36513
37052
|
css: {
|
|
@@ -36525,8 +37064,8 @@ var init_components = __esm({
|
|
|
36525
37064
|
"@lg": { flexDirection: "column", gap: "$8" }
|
|
36526
37065
|
}
|
|
36527
37066
|
},
|
|
36528
|
-
/* @__PURE__ */
|
|
36529
|
-
children ? children : /* @__PURE__ */
|
|
37067
|
+
/* @__PURE__ */ import_react246.default.createElement(Box, null, error && /* @__PURE__ */ import_react246.default.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
|
|
37068
|
+
children ? children : /* @__PURE__ */ import_react246.default.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react246.default.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ import_react246.default.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ import_react246.default.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ import_react246.default.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
|
|
36530
37069
|
);
|
|
36531
37070
|
};
|
|
36532
37071
|
}
|
|
@@ -36538,7 +37077,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
36538
37077
|
"use strict";
|
|
36539
37078
|
init_define_process_env();
|
|
36540
37079
|
var b2 = "function" === typeof Symbol && Symbol.for;
|
|
36541
|
-
var
|
|
37080
|
+
var c2 = b2 ? Symbol.for("react.element") : 60103;
|
|
36542
37081
|
var d = b2 ? Symbol.for("react.portal") : 60106;
|
|
36543
37082
|
var e = b2 ? Symbol.for("react.fragment") : 60107;
|
|
36544
37083
|
var f2 = b2 ? Symbol.for("react.strict_mode") : 60108;
|
|
@@ -36560,7 +37099,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
36560
37099
|
if ("object" === typeof a2 && null !== a2) {
|
|
36561
37100
|
var u = a2.$$typeof;
|
|
36562
37101
|
switch (u) {
|
|
36563
|
-
case
|
|
37102
|
+
case c2:
|
|
36564
37103
|
switch (a2 = a2.type, a2) {
|
|
36565
37104
|
case l2:
|
|
36566
37105
|
case m:
|
|
@@ -36586,14 +37125,14 @@ var require_react_is_production_min = __commonJS({
|
|
|
36586
37125
|
}
|
|
36587
37126
|
}
|
|
36588
37127
|
}
|
|
36589
|
-
function
|
|
37128
|
+
function A(a2) {
|
|
36590
37129
|
return z2(a2) === m;
|
|
36591
37130
|
}
|
|
36592
37131
|
exports.AsyncMode = l2;
|
|
36593
37132
|
exports.ConcurrentMode = m;
|
|
36594
37133
|
exports.ContextConsumer = k;
|
|
36595
37134
|
exports.ContextProvider = h2;
|
|
36596
|
-
exports.Element =
|
|
37135
|
+
exports.Element = c2;
|
|
36597
37136
|
exports.ForwardRef = n;
|
|
36598
37137
|
exports.Fragment = e;
|
|
36599
37138
|
exports.Lazy = t;
|
|
@@ -36603,9 +37142,9 @@ var require_react_is_production_min = __commonJS({
|
|
|
36603
37142
|
exports.StrictMode = f2;
|
|
36604
37143
|
exports.Suspense = p;
|
|
36605
37144
|
exports.isAsyncMode = function(a2) {
|
|
36606
|
-
return
|
|
37145
|
+
return A(a2) || z2(a2) === l2;
|
|
36607
37146
|
};
|
|
36608
|
-
exports.isConcurrentMode =
|
|
37147
|
+
exports.isConcurrentMode = A;
|
|
36609
37148
|
exports.isContextConsumer = function(a2) {
|
|
36610
37149
|
return z2(a2) === k;
|
|
36611
37150
|
};
|
|
@@ -36613,7 +37152,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
36613
37152
|
return z2(a2) === h2;
|
|
36614
37153
|
};
|
|
36615
37154
|
exports.isElement = function(a2) {
|
|
36616
|
-
return "object" === typeof a2 && null !== a2 && a2.$$typeof ===
|
|
37155
|
+
return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
|
|
36617
37156
|
};
|
|
36618
37157
|
exports.isForwardRef = function(a2) {
|
|
36619
37158
|
return z2(a2) === n;
|
|
@@ -36863,25 +37402,25 @@ var require_object_assign = __commonJS({
|
|
|
36863
37402
|
}
|
|
36864
37403
|
module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
|
|
36865
37404
|
var from;
|
|
36866
|
-
var
|
|
37405
|
+
var to = toObject(target);
|
|
36867
37406
|
var symbols;
|
|
36868
37407
|
for (var s = 1; s < arguments.length; s++) {
|
|
36869
37408
|
from = Object(arguments[s]);
|
|
36870
37409
|
for (var key in from) {
|
|
36871
37410
|
if (hasOwnProperty.call(from, key)) {
|
|
36872
|
-
|
|
37411
|
+
to[key] = from[key];
|
|
36873
37412
|
}
|
|
36874
37413
|
}
|
|
36875
37414
|
if (getOwnPropertySymbols) {
|
|
36876
37415
|
symbols = getOwnPropertySymbols(from);
|
|
36877
37416
|
for (var i = 0; i < symbols.length; i++) {
|
|
36878
37417
|
if (propIsEnumerable.call(from, symbols[i])) {
|
|
36879
|
-
|
|
37418
|
+
to[symbols[i]] = from[symbols[i]];
|
|
36880
37419
|
}
|
|
36881
37420
|
}
|
|
36882
37421
|
}
|
|
36883
37422
|
}
|
|
36884
|
-
return
|
|
37423
|
+
return to;
|
|
36885
37424
|
};
|
|
36886
37425
|
}
|
|
36887
37426
|
});
|
|
@@ -37029,7 +37568,7 @@ var require_factoryWithTypeCheckers = __commonJS({
|
|
|
37029
37568
|
shape: createShapeTypeChecker,
|
|
37030
37569
|
exact: createStrictShapeTypeChecker
|
|
37031
37570
|
};
|
|
37032
|
-
function
|
|
37571
|
+
function is(x, y2) {
|
|
37033
37572
|
if (x === y2) {
|
|
37034
37573
|
return x !== 0 || 1 / x === 1 / y2;
|
|
37035
37574
|
} else {
|
|
@@ -37172,7 +37711,7 @@ var require_factoryWithTypeCheckers = __commonJS({
|
|
|
37172
37711
|
function validate(props, propName, componentName, location, propFullName) {
|
|
37173
37712
|
var propValue = props[propName];
|
|
37174
37713
|
for (var i = 0; i < expectedValues.length; i++) {
|
|
37175
|
-
if (
|
|
37714
|
+
if (is(propValue, expectedValues[i])) {
|
|
37176
37715
|
return null;
|
|
37177
37716
|
}
|
|
37178
37717
|
}
|
|
@@ -37489,12 +38028,12 @@ var require_prop_types = __commonJS({
|
|
|
37489
38028
|
});
|
|
37490
38029
|
|
|
37491
38030
|
// src/Diagnostics/DeviceSelector.jsx
|
|
37492
|
-
var
|
|
38031
|
+
var import_react247, import_prop_types, DeviceSelector2;
|
|
37493
38032
|
var init_DeviceSelector = __esm({
|
|
37494
38033
|
"src/Diagnostics/DeviceSelector.jsx"() {
|
|
37495
38034
|
"use strict";
|
|
37496
38035
|
init_define_process_env();
|
|
37497
|
-
|
|
38036
|
+
import_react247 = __toESM(require("react"));
|
|
37498
38037
|
import_prop_types = __toESM(require_prop_types());
|
|
37499
38038
|
init_Dropdown2();
|
|
37500
38039
|
init_Layout();
|
|
@@ -37502,9 +38041,9 @@ var init_DeviceSelector = __esm({
|
|
|
37502
38041
|
init_Text2();
|
|
37503
38042
|
DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
37504
38043
|
var _a7, _b7;
|
|
37505
|
-
const [open, setOpen] = (0,
|
|
37506
|
-
const ref = (0,
|
|
37507
|
-
return /* @__PURE__ */
|
|
38044
|
+
const [open, setOpen] = (0, import_react247.useState)(false);
|
|
38045
|
+
const ref = (0, import_react247.useRef)(null);
|
|
38046
|
+
return /* @__PURE__ */ import_react247.default.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ import_react247.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react247.default.createElement(
|
|
37508
38047
|
Flex,
|
|
37509
38048
|
{
|
|
37510
38049
|
align: "center",
|
|
@@ -37516,7 +38055,7 @@ var init_DeviceSelector = __esm({
|
|
|
37516
38055
|
}
|
|
37517
38056
|
}
|
|
37518
38057
|
},
|
|
37519
|
-
/* @__PURE__ */
|
|
38058
|
+
/* @__PURE__ */ import_react247.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react247.default.createElement(
|
|
37520
38059
|
DialogDropdownTrigger,
|
|
37521
38060
|
{
|
|
37522
38061
|
ref,
|
|
@@ -37524,7 +38063,7 @@ var init_DeviceSelector = __esm({
|
|
|
37524
38063
|
title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
|
|
37525
38064
|
open
|
|
37526
38065
|
}
|
|
37527
|
-
), /* @__PURE__ */
|
|
38066
|
+
), /* @__PURE__ */ import_react247.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react247.default.createElement(
|
|
37528
38067
|
Dropdown.Content,
|
|
37529
38068
|
{
|
|
37530
38069
|
align: "start",
|
|
@@ -37538,7 +38077,7 @@ var init_DeviceSelector = __esm({
|
|
|
37538
38077
|
}
|
|
37539
38078
|
},
|
|
37540
38079
|
devices.map((device) => {
|
|
37541
|
-
return /* @__PURE__ */
|
|
38080
|
+
return /* @__PURE__ */ import_react247.default.createElement(
|
|
37542
38081
|
Dropdown.Item,
|
|
37543
38082
|
{
|
|
37544
38083
|
key: device.label,
|
|
@@ -37566,14 +38105,14 @@ var init_DeviceSelector = __esm({
|
|
|
37566
38105
|
});
|
|
37567
38106
|
|
|
37568
38107
|
// src/Diagnostics/AudioTest.tsx
|
|
37569
|
-
var
|
|
38108
|
+
var import_react248, import_react_sdk129, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
|
|
37570
38109
|
var init_AudioTest = __esm({
|
|
37571
38110
|
"src/Diagnostics/AudioTest.tsx"() {
|
|
37572
38111
|
"use strict";
|
|
37573
38112
|
init_define_process_env();
|
|
37574
|
-
|
|
37575
|
-
|
|
37576
|
-
|
|
38113
|
+
import_react248 = __toESM(require("react"));
|
|
38114
|
+
import_react_sdk129 = require("@100mslive/react-sdk");
|
|
38115
|
+
import_react_icons113 = require("@100mslive/react-icons");
|
|
37577
38116
|
init_PermissionErrorModal();
|
|
37578
38117
|
init_components();
|
|
37579
38118
|
init_Button2();
|
|
@@ -37584,33 +38123,33 @@ var init_AudioTest = __esm({
|
|
|
37584
38123
|
init_DiagnosticsContext();
|
|
37585
38124
|
init_useAudioOutputTest();
|
|
37586
38125
|
init_constants();
|
|
37587
|
-
SelectContainer = ({ children }) => /* @__PURE__ */
|
|
38126
|
+
SelectContainer = ({ children }) => /* @__PURE__ */ import_react248.default.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
|
|
37588
38127
|
MicTest = ({ setError }) => {
|
|
37589
38128
|
var _a7, _b7;
|
|
37590
38129
|
const { hmsDiagnostics } = useDiagnostics();
|
|
37591
|
-
const devices = (0,
|
|
37592
|
-
const [isRecording, setIsRecording] = (0,
|
|
37593
|
-
const [selectedMic, setSelectedMic] = (0,
|
|
37594
|
-
const trackID = (0,
|
|
37595
|
-
const audioLevel = (0,
|
|
37596
|
-
const { audioOutputDeviceId } = (0,
|
|
38130
|
+
const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
|
|
38131
|
+
const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
|
|
38132
|
+
const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
|
38133
|
+
const trackID = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalAudioTrackID);
|
|
38134
|
+
const audioLevel = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectTrackAudioByID)(trackID));
|
|
38135
|
+
const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
|
|
37597
38136
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
37598
38137
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
37599
38138
|
});
|
|
37600
|
-
return /* @__PURE__ */
|
|
38139
|
+
return /* @__PURE__ */ import_react248.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react248.default.createElement(
|
|
37601
38140
|
DeviceSelector2,
|
|
37602
38141
|
{
|
|
37603
38142
|
title: "Microphone (Input)",
|
|
37604
38143
|
devices: devices.audioInput,
|
|
37605
38144
|
selection: selectedMic,
|
|
37606
|
-
icon: /* @__PURE__ */
|
|
38145
|
+
icon: /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null),
|
|
37607
38146
|
onChange: (deviceId) => {
|
|
37608
38147
|
setError(void 0);
|
|
37609
38148
|
setSelectedMic(deviceId);
|
|
37610
38149
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
|
|
37611
38150
|
}
|
|
37612
38151
|
}
|
|
37613
|
-
), /* @__PURE__ */
|
|
38152
|
+
), /* @__PURE__ */ import_react248.default.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ import_react248.default.createElement(
|
|
37614
38153
|
Button,
|
|
37615
38154
|
{
|
|
37616
38155
|
variant: "standard",
|
|
@@ -37630,9 +38169,9 @@ var init_AudioTest = __esm({
|
|
|
37630
38169
|
},
|
|
37631
38170
|
disabled: devices.audioInput.length === 0 || playing
|
|
37632
38171
|
},
|
|
37633
|
-
isRecording ? /* @__PURE__ */
|
|
38172
|
+
isRecording ? /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.StopIcon, null) : /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null),
|
|
37634
38173
|
isRecording ? "Stop Recording" : "Record"
|
|
37635
|
-
), /* @__PURE__ */
|
|
38174
|
+
), /* @__PURE__ */ import_react248.default.createElement(
|
|
37636
38175
|
Button,
|
|
37637
38176
|
{
|
|
37638
38177
|
icon: true,
|
|
@@ -37646,9 +38185,9 @@ var init_AudioTest = __esm({
|
|
|
37646
38185
|
},
|
|
37647
38186
|
disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
|
|
37648
38187
|
},
|
|
37649
|
-
/* @__PURE__ */
|
|
38188
|
+
/* @__PURE__ */ import_react248.default.createElement(import_react_icons113.SpeakerIcon, null),
|
|
37650
38189
|
playing ? "Playing..." : "Playback"
|
|
37651
|
-
), /* @__PURE__ */
|
|
38190
|
+
), /* @__PURE__ */ import_react248.default.createElement(
|
|
37652
38191
|
"audio",
|
|
37653
38192
|
{
|
|
37654
38193
|
ref: audioRef,
|
|
@@ -37656,7 +38195,7 @@ var init_AudioTest = __esm({
|
|
|
37656
38195
|
onPlay: () => setPlaying(true),
|
|
37657
38196
|
style: { display: "none" }
|
|
37658
38197
|
}
|
|
37659
|
-
)), /* @__PURE__ */
|
|
38198
|
+
)), /* @__PURE__ */ import_react248.default.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ import_react248.default.createElement(Text, null, /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null)), /* @__PURE__ */ import_react248.default.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ import_react248.default.createElement(
|
|
37660
38199
|
Progress.Content,
|
|
37661
38200
|
{
|
|
37662
38201
|
style: {
|
|
@@ -37668,19 +38207,19 @@ var init_AudioTest = __esm({
|
|
|
37668
38207
|
};
|
|
37669
38208
|
SpeakerTest = () => {
|
|
37670
38209
|
var _a7;
|
|
37671
|
-
const actions = (0,
|
|
37672
|
-
const devices = (0,
|
|
37673
|
-
const { audioOutputDeviceId } = (0,
|
|
38210
|
+
const actions = (0, import_react_sdk129.useHMSActions)();
|
|
38211
|
+
const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
|
|
38212
|
+
const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
|
|
37674
38213
|
if (devices.audioOutput.length === 0) {
|
|
37675
|
-
return /* @__PURE__ */
|
|
38214
|
+
return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
|
|
37676
38215
|
}
|
|
37677
|
-
return /* @__PURE__ */
|
|
38216
|
+
return /* @__PURE__ */ import_react248.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react248.default.createElement(
|
|
37678
38217
|
DeviceSelector2,
|
|
37679
38218
|
{
|
|
37680
38219
|
title: "Speaker (Output)",
|
|
37681
38220
|
devices: devices.audioOutput,
|
|
37682
38221
|
selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
|
|
37683
|
-
icon: /* @__PURE__ */
|
|
38222
|
+
icon: /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.SpeakerIcon, null),
|
|
37684
38223
|
onChange: (deviceId) => {
|
|
37685
38224
|
actions.setAudioOutputDevice(deviceId);
|
|
37686
38225
|
}
|
|
@@ -37689,18 +38228,18 @@ var init_AudioTest = __esm({
|
|
|
37689
38228
|
};
|
|
37690
38229
|
AudioTest = () => {
|
|
37691
38230
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
37692
|
-
const [error, setErrorAlone] = (0,
|
|
37693
|
-
const setError = (0,
|
|
38231
|
+
const [error, setErrorAlone] = (0, import_react248.useState)();
|
|
38232
|
+
const setError = (0, import_react248.useCallback)(
|
|
37694
38233
|
(err) => {
|
|
37695
38234
|
updateStep(2 /* AUDIO */, { hasFailed: !!err });
|
|
37696
38235
|
setErrorAlone(err);
|
|
37697
38236
|
},
|
|
37698
38237
|
[updateStep, setErrorAlone]
|
|
37699
38238
|
);
|
|
37700
|
-
(0,
|
|
38239
|
+
(0, import_react248.useEffect)(() => {
|
|
37701
38240
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
|
|
37702
38241
|
}, [hmsDiagnostics, setError]);
|
|
37703
|
-
return /* @__PURE__ */
|
|
38242
|
+
return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null, /* @__PURE__ */ import_react248.default.createElement(TestContainer, null, /* @__PURE__ */ import_react248.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ import_react248.default.createElement(
|
|
37704
38243
|
Flex,
|
|
37705
38244
|
{
|
|
37706
38245
|
css: {
|
|
@@ -37712,21 +38251,21 @@ var init_AudioTest = __esm({
|
|
|
37712
38251
|
}
|
|
37713
38252
|
}
|
|
37714
38253
|
},
|
|
37715
|
-
/* @__PURE__ */
|
|
37716
|
-
/* @__PURE__ */
|
|
37717
|
-
)), /* @__PURE__ */
|
|
38254
|
+
/* @__PURE__ */ import_react248.default.createElement(MicTest, { setError }),
|
|
38255
|
+
/* @__PURE__ */ import_react248.default.createElement(SpeakerTest, null)
|
|
38256
|
+
)), /* @__PURE__ */ import_react248.default.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ import_react248.default.createElement(PermissionErrorModal, { error }));
|
|
37718
38257
|
};
|
|
37719
38258
|
}
|
|
37720
38259
|
});
|
|
37721
38260
|
|
|
37722
38261
|
// src/Diagnostics/BrowserTest.tsx
|
|
37723
|
-
var
|
|
38262
|
+
var import_react249, import_react_sdk130, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
|
|
37724
38263
|
var init_BrowserTest = __esm({
|
|
37725
38264
|
"src/Diagnostics/BrowserTest.tsx"() {
|
|
37726
38265
|
"use strict";
|
|
37727
38266
|
init_define_process_env();
|
|
37728
|
-
|
|
37729
|
-
|
|
38267
|
+
import_react249 = __toESM(require("react"));
|
|
38268
|
+
import_react_sdk130 = require("@100mslive/react-sdk");
|
|
37730
38269
|
init_components();
|
|
37731
38270
|
init_Layout();
|
|
37732
38271
|
init_Text2();
|
|
@@ -37811,12 +38350,12 @@ var init_BrowserTest = __esm({
|
|
|
37811
38350
|
icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
|
|
37812
38351
|
}
|
|
37813
38352
|
};
|
|
37814
|
-
CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */
|
|
38353
|
+
CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ import_react249.default.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ import_react249.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ import_react249.default.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ import_react249.default.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ import_react249.default.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ import_react249.default.createElement(Text, null, value)));
|
|
37815
38354
|
BrowserTest = () => {
|
|
37816
38355
|
var _a7, _b7, _c, _d;
|
|
37817
38356
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
37818
|
-
const [error, setError] = (0,
|
|
37819
|
-
(0,
|
|
38357
|
+
const [error, setError] = (0, import_react249.useState)();
|
|
38358
|
+
(0, import_react249.useEffect)(() => {
|
|
37820
38359
|
try {
|
|
37821
38360
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
|
|
37822
38361
|
} catch (err) {
|
|
@@ -37824,34 +38363,34 @@ var init_BrowserTest = __esm({
|
|
|
37824
38363
|
setError(err);
|
|
37825
38364
|
}
|
|
37826
38365
|
}, [hmsDiagnostics, updateStep]);
|
|
37827
|
-
return /* @__PURE__ */
|
|
38366
|
+
return /* @__PURE__ */ import_react249.default.createElement(import_react249.default.Fragment, null, /* @__PURE__ */ import_react249.default.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ import_react249.default.createElement(
|
|
37828
38367
|
CheckDetails,
|
|
37829
38368
|
{
|
|
37830
38369
|
title: "Browser",
|
|
37831
|
-
iconURL:
|
|
37832
|
-
value: `${
|
|
38370
|
+
iconURL: import_react_sdk130.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk130.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
|
|
38371
|
+
value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
|
|
37833
38372
|
}
|
|
37834
|
-
), /* @__PURE__ */
|
|
38373
|
+
), /* @__PURE__ */ import_react249.default.createElement(
|
|
37835
38374
|
CheckDetails,
|
|
37836
38375
|
{
|
|
37837
38376
|
title: "Operating system",
|
|
37838
|
-
iconURL:
|
|
37839
|
-
value: `${
|
|
38377
|
+
iconURL: import_react_sdk130.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk130.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
|
|
38378
|
+
value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
|
|
37840
38379
|
}
|
|
37841
|
-
)), /* @__PURE__ */
|
|
38380
|
+
)), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
37842
38381
|
};
|
|
37843
38382
|
}
|
|
37844
38383
|
});
|
|
37845
38384
|
|
|
37846
38385
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
37847
|
-
var
|
|
38386
|
+
var import_react250, import_react_sdk131, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
|
|
37848
38387
|
var init_ConnectivityTest = __esm({
|
|
37849
38388
|
"src/Diagnostics/ConnectivityTest.tsx"() {
|
|
37850
38389
|
"use strict";
|
|
37851
38390
|
init_define_process_env();
|
|
37852
|
-
|
|
37853
|
-
|
|
37854
|
-
|
|
38391
|
+
import_react250 = __toESM(require("react"));
|
|
38392
|
+
import_react_sdk131 = require("@100mslive/react-sdk");
|
|
38393
|
+
import_react_icons114 = require("@100mslive/react-icons");
|
|
37855
38394
|
init_components();
|
|
37856
38395
|
init_Button2();
|
|
37857
38396
|
init_Layout();
|
|
@@ -37865,13 +38404,13 @@ var init_ConnectivityTest = __esm({
|
|
|
37865
38404
|
us: "United States"
|
|
37866
38405
|
};
|
|
37867
38406
|
ConnectivityStateMessage = {
|
|
37868
|
-
[
|
|
37869
|
-
[
|
|
37870
|
-
[
|
|
37871
|
-
[
|
|
37872
|
-
[
|
|
37873
|
-
[
|
|
37874
|
-
[
|
|
38407
|
+
[import_react_sdk131.ConnectivityState.STARTING]: "Fetching Init",
|
|
38408
|
+
[import_react_sdk131.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
|
|
38409
|
+
[import_react_sdk131.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
|
|
38410
|
+
[import_react_sdk131.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
|
|
38411
|
+
[import_react_sdk131.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
|
|
38412
|
+
[import_react_sdk131.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
|
|
38413
|
+
[import_react_sdk131.ConnectivityState.COMPLETED]: "Completed"
|
|
37875
38414
|
};
|
|
37876
38415
|
ConnectivityTestStepResult = ({
|
|
37877
38416
|
title,
|
|
@@ -37879,8 +38418,8 @@ var init_ConnectivityTest = __esm({
|
|
|
37879
38418
|
success,
|
|
37880
38419
|
children
|
|
37881
38420
|
}) => {
|
|
37882
|
-
const [hideDetails, setHideDetails] = (0,
|
|
37883
|
-
return /* @__PURE__ */
|
|
38421
|
+
const [hideDetails, setHideDetails] = (0, import_react250.useState)(true);
|
|
38422
|
+
return /* @__PURE__ */ import_react250.default.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ import_react250.default.createElement(Flex, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CheckCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ import_react250.default.createElement(Flex, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CrossCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ import_react250.default.createElement(
|
|
37884
38423
|
Flex,
|
|
37885
38424
|
{
|
|
37886
38425
|
onClick: () => setHideDetails(!hideDetails),
|
|
@@ -37890,8 +38429,8 @@ var init_ConnectivityTest = __esm({
|
|
|
37890
38429
|
color: "$primary_bright"
|
|
37891
38430
|
}
|
|
37892
38431
|
},
|
|
37893
|
-
hideDetails ? /* @__PURE__ */
|
|
37894
|
-
/* @__PURE__ */
|
|
38432
|
+
hideDetails ? /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.EyeOpenIcon, null) : /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.EyeCloseIcon, null),
|
|
38433
|
+
/* @__PURE__ */ import_react250.default.createElement(
|
|
37895
38434
|
Text,
|
|
37896
38435
|
{
|
|
37897
38436
|
variant: "caption",
|
|
@@ -37902,38 +38441,38 @@ var init_ConnectivityTest = __esm({
|
|
|
37902
38441
|
hideDetails ? "View" : "Hide",
|
|
37903
38442
|
" detailed information"
|
|
37904
38443
|
)
|
|
37905
|
-
), !hideDetails ? /* @__PURE__ */
|
|
38444
|
+
), !hideDetails ? /* @__PURE__ */ import_react250.default.createElement(Box, null, children) : null);
|
|
37906
38445
|
};
|
|
37907
38446
|
DetailedInfo = ({
|
|
37908
38447
|
title,
|
|
37909
38448
|
value,
|
|
37910
38449
|
Icon: Icon4
|
|
37911
38450
|
}) => {
|
|
37912
|
-
return /* @__PURE__ */
|
|
38451
|
+
return /* @__PURE__ */ import_react250.default.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ import_react250.default.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ import_react250.default.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "caption" }, value)));
|
|
37913
38452
|
};
|
|
37914
38453
|
MediaServerResult = ({ result }) => {
|
|
37915
38454
|
var _a7, _b7, _c, _d;
|
|
37916
|
-
return /* @__PURE__ */
|
|
38455
|
+
return /* @__PURE__ */ import_react250.default.createElement(
|
|
37917
38456
|
ConnectivityTestStepResult,
|
|
37918
38457
|
{
|
|
37919
38458
|
title: "Media server connection test",
|
|
37920
38459
|
success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
|
|
37921
38460
|
},
|
|
37922
|
-
/* @__PURE__ */
|
|
38461
|
+
/* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(
|
|
37923
38462
|
DetailedInfo,
|
|
37924
38463
|
{
|
|
37925
38464
|
title: "Media Captured",
|
|
37926
38465
|
value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
|
|
37927
|
-
Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ?
|
|
38466
|
+
Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
37928
38467
|
}
|
|
37929
|
-
), /* @__PURE__ */
|
|
38468
|
+
), /* @__PURE__ */ import_react250.default.createElement(
|
|
37930
38469
|
DetailedInfo,
|
|
37931
38470
|
{
|
|
37932
38471
|
title: "Media Published",
|
|
37933
38472
|
value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
|
|
37934
|
-
Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ?
|
|
38473
|
+
Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
37935
38474
|
}
|
|
37936
|
-
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */
|
|
38475
|
+
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ import_react250.default.createElement(
|
|
37937
38476
|
DetailedInfo,
|
|
37938
38477
|
{
|
|
37939
38478
|
title: "Connection Quality Score (CQS)",
|
|
@@ -37943,27 +38482,27 @@ var init_ConnectivityTest = __esm({
|
|
|
37943
38482
|
);
|
|
37944
38483
|
};
|
|
37945
38484
|
SignallingResult = ({ result }) => {
|
|
37946
|
-
return /* @__PURE__ */
|
|
38485
|
+
return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(
|
|
37947
38486
|
DetailedInfo,
|
|
37948
38487
|
{
|
|
37949
38488
|
title: "Signalling Gateway",
|
|
37950
38489
|
value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
|
|
37951
|
-
Icon: (result == null ? void 0 : result.isConnected) ?
|
|
38490
|
+
Icon: (result == null ? void 0 : result.isConnected) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
37952
38491
|
}
|
|
37953
|
-
), /* @__PURE__ */
|
|
38492
|
+
), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: import_react_icons114.LinkIcon })));
|
|
37954
38493
|
};
|
|
37955
38494
|
AudioStats = ({ stats }) => {
|
|
37956
|
-
return /* @__PURE__ */
|
|
38495
|
+
return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
|
|
37957
38496
|
};
|
|
37958
38497
|
VideoStats = ({ stats }) => {
|
|
37959
|
-
return /* @__PURE__ */
|
|
38498
|
+
return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
|
|
37960
38499
|
};
|
|
37961
38500
|
Footer3 = ({
|
|
37962
38501
|
error,
|
|
37963
38502
|
result,
|
|
37964
38503
|
restart
|
|
37965
38504
|
}) => {
|
|
37966
|
-
return /* @__PURE__ */
|
|
38505
|
+
return /* @__PURE__ */ import_react250.default.createElement(TestFooter, { error }, /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react250.default.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ import_react250.default.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
|
|
37967
38506
|
};
|
|
37968
38507
|
ConnectivityTestReport = ({
|
|
37969
38508
|
error,
|
|
@@ -37973,14 +38512,14 @@ var init_ConnectivityTest = __esm({
|
|
|
37973
38512
|
}) => {
|
|
37974
38513
|
var _a7, _b7, _c, _d;
|
|
37975
38514
|
if (error) {
|
|
37976
|
-
return /* @__PURE__ */
|
|
38515
|
+
return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CrossCircleIcon, null)), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ import_react250.default.createElement(Footer3, { restart: startTest, error }));
|
|
37977
38516
|
}
|
|
37978
38517
|
if (result) {
|
|
37979
38518
|
console.log(result);
|
|
37980
|
-
return /* @__PURE__ */
|
|
38519
|
+
return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(TestContainer, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react250.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react250.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react250.default.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react250.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react250.default.createElement(Footer3, { result, restart: startTest, error }));
|
|
37981
38520
|
}
|
|
37982
38521
|
if (progress !== void 0) {
|
|
37983
|
-
return /* @__PURE__ */
|
|
38522
|
+
return /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ import_react250.default.createElement(
|
|
37984
38523
|
Text,
|
|
37985
38524
|
{
|
|
37986
38525
|
variant: "body2",
|
|
@@ -37996,7 +38535,7 @@ var init_ConnectivityTest = __esm({
|
|
|
37996
38535
|
setRegion,
|
|
37997
38536
|
startTest
|
|
37998
38537
|
}) => {
|
|
37999
|
-
return /* @__PURE__ */
|
|
38538
|
+
return /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ import_react250.default.createElement(
|
|
38000
38539
|
Flex,
|
|
38001
38540
|
{
|
|
38002
38541
|
justify: "between",
|
|
@@ -38008,7 +38547,7 @@ var init_ConnectivityTest = __esm({
|
|
|
38008
38547
|
}
|
|
38009
38548
|
}
|
|
38010
38549
|
},
|
|
38011
|
-
/* @__PURE__ */
|
|
38550
|
+
/* @__PURE__ */ import_react250.default.createElement(
|
|
38012
38551
|
Flex,
|
|
38013
38552
|
{
|
|
38014
38553
|
css: {
|
|
@@ -38018,7 +38557,7 @@ var init_ConnectivityTest = __esm({
|
|
|
38018
38557
|
}
|
|
38019
38558
|
}
|
|
38020
38559
|
},
|
|
38021
|
-
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */
|
|
38560
|
+
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ import_react250.default.createElement(
|
|
38022
38561
|
Button,
|
|
38023
38562
|
{
|
|
38024
38563
|
key,
|
|
@@ -38030,15 +38569,15 @@ var init_ConnectivityTest = __esm({
|
|
|
38030
38569
|
value
|
|
38031
38570
|
))
|
|
38032
38571
|
),
|
|
38033
|
-
/* @__PURE__ */
|
|
38572
|
+
/* @__PURE__ */ import_react250.default.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react250.default.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
|
|
38034
38573
|
));
|
|
38035
38574
|
};
|
|
38036
38575
|
ConnectivityTest = () => {
|
|
38037
38576
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
38038
|
-
const [region, setRegion] = (0,
|
|
38039
|
-
const [error, setError] = (0,
|
|
38040
|
-
const [progress, setProgress] = (0,
|
|
38041
|
-
const [result, setResult] = (0,
|
|
38577
|
+
const [region, setRegion] = (0, import_react250.useState)(Object.keys(Regions)[0]);
|
|
38578
|
+
const [error, setError] = (0, import_react250.useState)();
|
|
38579
|
+
const [progress, setProgress] = (0, import_react250.useState)();
|
|
38580
|
+
const [result, setResult] = (0, import_react250.useState)();
|
|
38042
38581
|
const startTest = () => {
|
|
38043
38582
|
updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
|
|
38044
38583
|
setError(void 0);
|
|
@@ -38057,14 +38596,14 @@ var init_ConnectivityTest = __esm({
|
|
|
38057
38596
|
setError(error2);
|
|
38058
38597
|
});
|
|
38059
38598
|
};
|
|
38060
|
-
return /* @__PURE__ */
|
|
38599
|
+
return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(
|
|
38061
38600
|
RegionSelector,
|
|
38062
38601
|
{
|
|
38063
38602
|
region,
|
|
38064
38603
|
setRegion,
|
|
38065
|
-
startTest: progress === void 0 || progress ===
|
|
38604
|
+
startTest: progress === void 0 || progress === import_react_sdk131.ConnectivityState.COMPLETED ? startTest : void 0
|
|
38066
38605
|
}
|
|
38067
|
-
), /* @__PURE__ */
|
|
38606
|
+
), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
38068
38607
|
};
|
|
38069
38608
|
downloadJson = (obj, fileName) => {
|
|
38070
38609
|
const a2 = document.createElement("a");
|
|
@@ -38079,14 +38618,14 @@ var init_ConnectivityTest = __esm({
|
|
|
38079
38618
|
});
|
|
38080
38619
|
|
|
38081
38620
|
// src/Diagnostics/VideoTest.tsx
|
|
38082
|
-
var
|
|
38621
|
+
var import_react251, import_react_sdk132, import_react_icons115, VideoTest;
|
|
38083
38622
|
var init_VideoTest = __esm({
|
|
38084
38623
|
"src/Diagnostics/VideoTest.tsx"() {
|
|
38085
38624
|
"use strict";
|
|
38086
38625
|
init_define_process_env();
|
|
38087
|
-
|
|
38088
|
-
|
|
38089
|
-
|
|
38626
|
+
import_react251 = __toESM(require("react"));
|
|
38627
|
+
import_react_sdk132 = require("@100mslive/react-sdk");
|
|
38628
|
+
import_react_icons115 = require("@100mslive/react-icons");
|
|
38090
38629
|
init_PermissionErrorModal();
|
|
38091
38630
|
init_components();
|
|
38092
38631
|
init_Layout();
|
|
@@ -38097,18 +38636,18 @@ var init_VideoTest = __esm({
|
|
|
38097
38636
|
init_DiagnosticsContext();
|
|
38098
38637
|
VideoTest = () => {
|
|
38099
38638
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
38100
|
-
const allDevices = (0,
|
|
38639
|
+
const allDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectDevices);
|
|
38101
38640
|
const { videoInput } = allDevices;
|
|
38102
|
-
const trackID = (0,
|
|
38103
|
-
const sdkSelectedDevices = (0,
|
|
38104
|
-
const [error, setError] = (0,
|
|
38105
|
-
(0,
|
|
38641
|
+
const trackID = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalVideoTrackID);
|
|
38642
|
+
const sdkSelectedDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalMediaSettings);
|
|
38643
|
+
const [error, setError] = (0, import_react251.useState)();
|
|
38644
|
+
(0, import_react251.useEffect)(() => {
|
|
38106
38645
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
38107
38646
|
updateStep(1 /* VIDEO */, { hasFailed: true });
|
|
38108
38647
|
setError(err);
|
|
38109
38648
|
});
|
|
38110
38649
|
}, [hmsDiagnostics, updateStep]);
|
|
38111
|
-
return /* @__PURE__ */
|
|
38650
|
+
return /* @__PURE__ */ import_react251.default.createElement(import_react251.default.Fragment, null, /* @__PURE__ */ import_react251.default.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ import_react251.default.createElement(
|
|
38112
38651
|
StyledVideoTile.Container,
|
|
38113
38652
|
{
|
|
38114
38653
|
css: {
|
|
@@ -38118,33 +38657,33 @@ var init_VideoTest = __esm({
|
|
|
38118
38657
|
"@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
|
|
38119
38658
|
}
|
|
38120
38659
|
},
|
|
38121
|
-
/* @__PURE__ */
|
|
38122
|
-
), /* @__PURE__ */
|
|
38660
|
+
/* @__PURE__ */ import_react251.default.createElement(Video, { mirror: true, trackId: trackID })
|
|
38661
|
+
), /* @__PURE__ */ import_react251.default.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ import_react251.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ import_react251.default.createElement(
|
|
38123
38662
|
DeviceSelector2,
|
|
38124
38663
|
{
|
|
38125
38664
|
title: "Video",
|
|
38126
38665
|
devices: videoInput || [],
|
|
38127
|
-
icon: /* @__PURE__ */
|
|
38666
|
+
icon: /* @__PURE__ */ import_react251.default.createElement(import_react_icons115.VideoOnIcon, null),
|
|
38128
38667
|
selection: sdkSelectedDevices.videoInputDeviceId,
|
|
38129
38668
|
onChange: (deviceId) => __async(void 0, null, function* () {
|
|
38130
38669
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
|
|
38131
38670
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
|
|
38132
38671
|
})
|
|
38133
38672
|
}
|
|
38134
|
-
))), /* @__PURE__ */
|
|
38673
|
+
))), /* @__PURE__ */ import_react251.default.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ import_react251.default.createElement(PermissionErrorModal, { error }));
|
|
38135
38674
|
};
|
|
38136
38675
|
}
|
|
38137
38676
|
});
|
|
38138
38677
|
|
|
38139
38678
|
// src/Diagnostics/Diagnostics.tsx
|
|
38140
|
-
var
|
|
38679
|
+
var import_react252, import_react_sdk133, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
|
|
38141
38680
|
var init_Diagnostics = __esm({
|
|
38142
38681
|
"src/Diagnostics/Diagnostics.tsx"() {
|
|
38143
38682
|
"use strict";
|
|
38144
38683
|
init_define_process_env();
|
|
38145
|
-
|
|
38146
|
-
|
|
38147
|
-
|
|
38684
|
+
import_react252 = __toESM(require("react"));
|
|
38685
|
+
import_react_sdk133 = require("@100mslive/react-sdk");
|
|
38686
|
+
import_react_icons116 = require("@100mslive/react-icons");
|
|
38148
38687
|
init_Layout();
|
|
38149
38688
|
init_Text2();
|
|
38150
38689
|
init_Theme();
|
|
@@ -38154,12 +38693,12 @@ var init_Diagnostics = __esm({
|
|
|
38154
38693
|
init_DiagnosticsContext();
|
|
38155
38694
|
init_VideoTest();
|
|
38156
38695
|
DiagnosticsStepIcon = {
|
|
38157
|
-
[1 /* VIDEO */]: /* @__PURE__ */
|
|
38158
|
-
[2 /* AUDIO */]: /* @__PURE__ */
|
|
38159
|
-
[0 /* BROWSER */]: /* @__PURE__ */
|
|
38160
|
-
[3 /* CONNECTIVITY */]: /* @__PURE__ */
|
|
38696
|
+
[1 /* VIDEO */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.VideoOnIcon, { width: "2rem", height: "2rem" }),
|
|
38697
|
+
[2 /* AUDIO */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.MicOnIcon, { width: "2rem", height: "2rem" }),
|
|
38698
|
+
[0 /* BROWSER */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.GlobeIcon, { width: "2rem", height: "2rem" }),
|
|
38699
|
+
[3 /* CONNECTIVITY */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.ConnectivityIcon, { width: "2rem", height: "2rem" })
|
|
38161
38700
|
};
|
|
38162
|
-
Container5 = ({ children }) => /* @__PURE__ */
|
|
38701
|
+
Container5 = ({ children }) => /* @__PURE__ */ import_react252.default.createElement(
|
|
38163
38702
|
Box,
|
|
38164
38703
|
{
|
|
38165
38704
|
css: {
|
|
@@ -38199,7 +38738,7 @@ var init_Diagnostics = __esm({
|
|
|
38199
38738
|
);
|
|
38200
38739
|
DiagnosticsStepTest = () => {
|
|
38201
38740
|
const { activeStepIndex } = useDiagnostics();
|
|
38202
|
-
let TestComponent = () => /* @__PURE__ */
|
|
38741
|
+
let TestComponent = () => /* @__PURE__ */ import_react252.default.createElement(import_react252.default.Fragment, null);
|
|
38203
38742
|
if (activeStepIndex === 2 /* AUDIO */) {
|
|
38204
38743
|
TestComponent = AudioTest;
|
|
38205
38744
|
} else if (activeStepIndex === 1 /* VIDEO */) {
|
|
@@ -38209,47 +38748,47 @@ var init_Diagnostics = __esm({
|
|
|
38209
38748
|
} else if (activeStepIndex === 3 /* CONNECTIVITY */) {
|
|
38210
38749
|
TestComponent = ConnectivityTest;
|
|
38211
38750
|
}
|
|
38212
|
-
return /* @__PURE__ */
|
|
38751
|
+
return /* @__PURE__ */ import_react252.default.createElement(TestComponent, { key: activeStepIndex });
|
|
38213
38752
|
};
|
|
38214
38753
|
DiagnosticsStepHeader = () => {
|
|
38215
38754
|
const { activeStepIndex, activeStep } = useDiagnostics();
|
|
38216
|
-
return /* @__PURE__ */
|
|
38755
|
+
return /* @__PURE__ */ import_react252.default.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ import_react252.default.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
|
|
38217
38756
|
};
|
|
38218
38757
|
DiagnosticsStepContainer = () => {
|
|
38219
|
-
return /* @__PURE__ */
|
|
38758
|
+
return /* @__PURE__ */ import_react252.default.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepTest, null));
|
|
38220
38759
|
};
|
|
38221
38760
|
DiagnosticsStepsList = () => {
|
|
38222
38761
|
const { activeStepIndex, activeStep, steps } = useDiagnostics();
|
|
38223
|
-
return /* @__PURE__ */
|
|
38762
|
+
return /* @__PURE__ */ import_react252.default.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
|
|
38224
38763
|
const keyIndex = Number(key);
|
|
38225
38764
|
const step = steps[keyIndex];
|
|
38226
38765
|
const isStepCompleted = activeStepIndex > keyIndex || activeStep.isCompleted;
|
|
38227
38766
|
let color = "$on_primary_low";
|
|
38228
|
-
let icon = /* @__PURE__ */
|
|
38767
|
+
let icon = /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
38229
38768
|
if (activeStepIndex === keyIndex) {
|
|
38230
38769
|
color = "$on_primary_high";
|
|
38231
|
-
icon = /* @__PURE__ */
|
|
38770
|
+
icon = /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
38232
38771
|
}
|
|
38233
38772
|
if (isStepCompleted) {
|
|
38234
38773
|
color = "$primary_bright";
|
|
38235
|
-
icon = /* @__PURE__ */
|
|
38774
|
+
icon = /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.CheckCircleIcon, { width: "1rem", height: "1rem" });
|
|
38236
38775
|
}
|
|
38237
38776
|
if (step.hasFailed) {
|
|
38238
38777
|
color = "$alert_error_default";
|
|
38239
|
-
icon = /* @__PURE__ */
|
|
38778
|
+
icon = /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.CrossCircleIcon, { width: "1rem", height: "1rem" });
|
|
38240
38779
|
}
|
|
38241
|
-
return /* @__PURE__ */
|
|
38780
|
+
return /* @__PURE__ */ import_react252.default.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: color } }, step.name));
|
|
38242
38781
|
}));
|
|
38243
38782
|
};
|
|
38244
38783
|
DiagnosticsProvider = () => {
|
|
38245
|
-
const actions = (0,
|
|
38246
|
-
const [activeStep, setActiveStep] = (0,
|
|
38247
|
-
const [steps, setSteps] = (0,
|
|
38248
|
-
const diagnosticsRef = (0,
|
|
38249
|
-
const updateStep = (0,
|
|
38784
|
+
const actions = (0, import_react_sdk133.useHMSActions)();
|
|
38785
|
+
const [activeStep, setActiveStep] = (0, import_react252.useState)(0);
|
|
38786
|
+
const [steps, setSteps] = (0, import_react252.useState)(initialSteps);
|
|
38787
|
+
const diagnosticsRef = (0, import_react252.useRef)(actions.initDiagnostics());
|
|
38788
|
+
const updateStep = (0, import_react252.useCallback)((step, value) => {
|
|
38250
38789
|
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|
|
38251
38790
|
}, []);
|
|
38252
|
-
return /* @__PURE__ */
|
|
38791
|
+
return /* @__PURE__ */ import_react252.default.createElement(
|
|
38253
38792
|
DiagnosticsContext.Provider,
|
|
38254
38793
|
{
|
|
38255
38794
|
value: {
|
|
@@ -38260,11 +38799,11 @@ var init_Diagnostics = __esm({
|
|
|
38260
38799
|
updateStep
|
|
38261
38800
|
}
|
|
38262
38801
|
},
|
|
38263
|
-
/* @__PURE__ */
|
|
38802
|
+
/* @__PURE__ */ import_react252.default.createElement(Container5, null, /* @__PURE__ */ import_react252.default.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ import_react252.default.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ import_react252.default.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepContainer, null)))
|
|
38264
38803
|
);
|
|
38265
38804
|
};
|
|
38266
38805
|
Diagnostics = () => {
|
|
38267
|
-
return /* @__PURE__ */
|
|
38806
|
+
return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk133.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
|
|
38268
38807
|
};
|
|
38269
38808
|
}
|
|
38270
38809
|
});
|