@100mslive/roomkit-react 0.3.20-alpha.2 → 0.3.20-alpha.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-6UIKXBYL.css → HLSView-A66OZI4V.css} +3 -3
- package/dist/{HLSView-6UIKXBYL.css.map → HLSView-A66OZI4V.css.map} +1 -1
- package/dist/{HLSView-3MZRLTM4.js → HLSView-OC227E7N.js} +47 -63
- package/dist/HLSView-OC227E7N.js.map +7 -0
- package/dist/Prebuilt/AppContext.d.ts +1 -1
- package/dist/Prebuilt/components/AuthToken.d.ts +1 -1
- package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +0 -1
- package/dist/{chunk-ZVQJMV44.js → chunk-PQZ2DCJW.js} +664 -693
- package/dist/chunk-PQZ2DCJW.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +703 -749
- 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 +70 -90
- package/dist/meta.esbuild.json +82 -102
- package/package.json +7 -7
- package/src/Prebuilt/App.tsx +5 -5
- package/src/Prebuilt/AppContext.tsx +1 -1
- package/src/Prebuilt/components/AuthToken.tsx +1 -1
- package/src/Prebuilt/components/HMSVideo/HMSVideo.jsx +4 -24
- package/src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx +3 -13
- package/src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx +1 -1
- package/src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx +1 -1
- package/src/Prebuilt/components/ScreenshareTile.tsx +2 -2
- package/src/Prebuilt/components/Settings/SettingsModal.jsx +2 -1
- package/src/Prebuilt/components/TileMenu/TileMenu.tsx +6 -7
- package/src/Prebuilt/components/TileMenu/TileMenuContent.tsx +3 -3
- package/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +2 -4
- package/src/Prebuilt/components/VideoTile.tsx +2 -2
- package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +1 -13
- package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +2 -3
- package/src/Prebuilt/components/{peerTileUtils.tsx → peerTileUtils.jsx} +6 -21
- package/src/Prebuilt/layouts/HLSView.jsx +5 -2
- package/dist/HLSView-3MZRLTM4.js.map +0 -7
- package/dist/Prebuilt/components/peerTileUtils.d.ts +0 -7
- package/dist/chunk-ZVQJMV44.js.map +0 -7
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 = (fn, res) => function __init() {
|
|
39
|
+
return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 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 = (to2, 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(to2, key) && key !== except)
|
|
52
|
+
__defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
53
53
|
}
|
|
54
|
-
return
|
|
54
|
+
return to2;
|
|
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_34501c7f-df66-4eff-a559-9c1ceb3565f4", 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.10-alpha.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.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.20-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_34501c7f-df66-4eff-a559-9c1ceb3565f4", 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.20-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.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.1.12297006", 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: "602", 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: "20240908.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.7/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:20512", 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.20-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10849904308", 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: "af10282af58c6f480c9727a88a434aabfcb7f3c6", 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: "732f3e2f747eefed9d759401c9eedd334724e0749fe923f16fc6404a44c7f348", 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--1726233716409-0.6084418377623888:/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--1726233716219-0.030380637235246866:/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--1726233690771-0.8239940001672474:/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--1726233690567-0.8244189350058768:/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_7357e856-45e2-40aa-ae38-b03828373576", INVOCATION_ID: "0345ae1e36454a4da1c9f5dabbc38131", 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: "671", 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 477", 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.1.12297006", 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.20-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_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: "af10282af58c6f480c9727a88a434aabfcb7f3c6", 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_34501c7f-df66-4eff-a559-9c1ceb3565f4", 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_34501c7f-df66-4eff-a559-9c1ceb3565f4", 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.1.12297006", 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.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_34501c7f-df66-4eff-a559-9c1ceb3565f4" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_92ad7544-a587-443b-af04-976babee0a30", 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.10-alpha.4", 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.20-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_92ad7544-a587-443b-af04-976babee0a30", 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.20-alpha.4", 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.1.12297006", 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: "603", 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: "20240908.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.7/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:3846", 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.20-alpha.4", 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: "10922025379", 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: "54eb16e9c238cb6f2e1f4fe99495f5cb26b83330", 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: "7c281f2290e294c6698dcde646a212610855ca2e508c7fa5862324aa90e30233", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/chore/main-copy", 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--1726662288191-0.7293960620395092:/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--1726662287978-0.5179298679727129:/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--1726662262822-0.784620972219783:/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--1726662262644-0.7312942798965592:/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_4e30d6e8-9fb2-4b16-8535-e024f94b484a", INVOCATION_ID: "2735d05d091d4bc48ffd2423714ed0b3", 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: "673", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^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 239", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "chore/main-copy", 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.1.12297006", 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.20-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.4", 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: "54eb16e9c238cb6f2e1f4fe99495f5cb26b83330", 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/chore/main-copy", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/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_92ad7544-a587-443b-af04-976babee0a30", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_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_92ad7544-a587-443b-af04-976babee0a30", 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.1.12297006", 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.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_92ad7544-a587-443b-af04-976babee0a30" };
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -6311,8 +6311,8 @@ var require_lodash = __commonJS({
|
|
|
6311
6311
|
function createBind(func, bitmask, thisArg) {
|
|
6312
6312
|
var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
|
|
6313
6313
|
function wrapper() {
|
|
6314
|
-
var
|
|
6315
|
-
return
|
|
6314
|
+
var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6315
|
+
return fn.apply(isBind ? thisArg : this, arguments);
|
|
6316
6316
|
}
|
|
6317
6317
|
return wrapper;
|
|
6318
6318
|
}
|
|
@@ -6378,8 +6378,8 @@ var require_lodash = __commonJS({
|
|
|
6378
6378
|
arity - length
|
|
6379
6379
|
);
|
|
6380
6380
|
}
|
|
6381
|
-
var
|
|
6382
|
-
return apply(
|
|
6381
|
+
var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6382
|
+
return apply(fn, this, args);
|
|
6383
6383
|
}
|
|
6384
6384
|
return wrapper;
|
|
6385
6385
|
}
|
|
@@ -6467,7 +6467,7 @@ var require_lodash = __commonJS({
|
|
|
6467
6467
|
arity - length
|
|
6468
6468
|
);
|
|
6469
6469
|
}
|
|
6470
|
-
var thisBinding = isBind ? thisArg : this,
|
|
6470
|
+
var thisBinding = isBind ? thisArg : this, fn = isBindKey ? thisBinding[func] : func;
|
|
6471
6471
|
length = args.length;
|
|
6472
6472
|
if (argPos) {
|
|
6473
6473
|
args = reorder(args, argPos);
|
|
@@ -6478,9 +6478,9 @@ var require_lodash = __commonJS({
|
|
|
6478
6478
|
args.length = ary2;
|
|
6479
6479
|
}
|
|
6480
6480
|
if (this && this !== root && this instanceof wrapper) {
|
|
6481
|
-
|
|
6481
|
+
fn = Ctor || createCtor(fn);
|
|
6482
6482
|
}
|
|
6483
|
-
return
|
|
6483
|
+
return fn.apply(thisBinding, args);
|
|
6484
6484
|
}
|
|
6485
6485
|
return wrapper;
|
|
6486
6486
|
}
|
|
@@ -6537,14 +6537,14 @@ var require_lodash = __commonJS({
|
|
|
6537
6537
|
function createPartial(func, bitmask, thisArg, partials) {
|
|
6538
6538
|
var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
|
|
6539
6539
|
function wrapper() {
|
|
6540
|
-
var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength),
|
|
6540
|
+
var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6541
6541
|
while (++leftIndex < leftLength) {
|
|
6542
6542
|
args[leftIndex] = partials[leftIndex];
|
|
6543
6543
|
}
|
|
6544
6544
|
while (argsLength--) {
|
|
6545
6545
|
args[leftIndex++] = arguments[++argsIndex];
|
|
6546
6546
|
}
|
|
6547
|
-
return apply(
|
|
6547
|
+
return apply(fn, isBind ? thisArg : this, args);
|
|
6548
6548
|
}
|
|
6549
6549
|
return wrapper;
|
|
6550
6550
|
}
|
|
@@ -10395,15 +10395,6 @@ var init_VBHandler = __esm({
|
|
|
10395
10395
|
this.effectsPlugin = void 0;
|
|
10396
10396
|
this.hmsPlugin = void 0;
|
|
10397
10397
|
};
|
|
10398
|
-
this.isBlurSupported = () => {
|
|
10399
|
-
if ((isSafari || isIOS) && this.hmsPlugin) {
|
|
10400
|
-
return false;
|
|
10401
|
-
}
|
|
10402
|
-
if (this.effectsPlugin) {
|
|
10403
|
-
return true;
|
|
10404
|
-
}
|
|
10405
|
-
return false;
|
|
10406
|
-
};
|
|
10407
10398
|
this.isEffectsSupported = () => {
|
|
10408
10399
|
var _a7, _b7;
|
|
10409
10400
|
if (!isSafari) {
|
|
@@ -11959,6 +11950,7 @@ var init_SettingsModal = __esm({
|
|
|
11959
11950
|
{
|
|
11960
11951
|
direction: "column",
|
|
11961
11952
|
css: {
|
|
11953
|
+
px: "$8",
|
|
11962
11954
|
pb: "$8",
|
|
11963
11955
|
overflowY: "auto"
|
|
11964
11956
|
}
|
|
@@ -11976,7 +11968,7 @@ var init_SettingsModal = __esm({
|
|
|
11976
11968
|
css: {
|
|
11977
11969
|
all: "unset",
|
|
11978
11970
|
fontFamily: "$sans",
|
|
11979
|
-
|
|
11971
|
+
py: "$10",
|
|
11980
11972
|
display: "flex",
|
|
11981
11973
|
alignItems: "center",
|
|
11982
11974
|
fontSize: "$sm",
|
|
@@ -16154,7 +16146,7 @@ var require_ua_parser = __commonJS({
|
|
|
16154
16146
|
}
|
|
16155
16147
|
};
|
|
16156
16148
|
var rgxMapper = function(ua2, arrays) {
|
|
16157
|
-
var i = 0, j2, k, p,
|
|
16149
|
+
var i = 0, j2, k, p, q, matches, match18;
|
|
16158
16150
|
while (i < arrays.length && !matches) {
|
|
16159
16151
|
var regex = arrays[i], props = arrays[i + 1];
|
|
16160
16152
|
j2 = k = 0;
|
|
@@ -16166,25 +16158,25 @@ var require_ua_parser = __commonJS({
|
|
|
16166
16158
|
if (!!matches) {
|
|
16167
16159
|
for (p = 0; p < props.length; p++) {
|
|
16168
16160
|
match18 = matches[++k];
|
|
16169
|
-
|
|
16170
|
-
if (typeof
|
|
16171
|
-
if (
|
|
16172
|
-
if (typeof
|
|
16173
|
-
this[
|
|
16161
|
+
q = props[p];
|
|
16162
|
+
if (typeof q === OBJ_TYPE && q.length > 0) {
|
|
16163
|
+
if (q.length === 2) {
|
|
16164
|
+
if (typeof q[1] == FUNC_TYPE) {
|
|
16165
|
+
this[q[0]] = q[1].call(this, match18);
|
|
16174
16166
|
} else {
|
|
16175
|
-
this[
|
|
16167
|
+
this[q[0]] = q[1];
|
|
16176
16168
|
}
|
|
16177
|
-
} else if (
|
|
16178
|
-
if (typeof
|
|
16179
|
-
this[
|
|
16169
|
+
} else if (q.length === 3) {
|
|
16170
|
+
if (typeof q[1] === FUNC_TYPE && !(q[1].exec && q[1].test)) {
|
|
16171
|
+
this[q[0]] = match18 ? q[1].call(this, match18, q[2]) : undefined2;
|
|
16180
16172
|
} else {
|
|
16181
|
-
this[
|
|
16173
|
+
this[q[0]] = match18 ? match18.replace(q[1], q[2]) : undefined2;
|
|
16182
16174
|
}
|
|
16183
|
-
} else if (
|
|
16184
|
-
this[
|
|
16175
|
+
} else if (q.length === 4) {
|
|
16176
|
+
this[q[0]] = match18 ? q[3].call(this, match18.replace(q[1], q[2])) : undefined2;
|
|
16185
16177
|
}
|
|
16186
16178
|
} else {
|
|
16187
|
-
this[
|
|
16179
|
+
this[q] = match18 ? match18 : undefined2;
|
|
16188
16180
|
}
|
|
16189
16181
|
}
|
|
16190
16182
|
}
|
|
@@ -18290,7 +18282,7 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18290
18282
|
if (typeof c2 !== "object" || c2.mandatory || c2.optional) {
|
|
18291
18283
|
return c2;
|
|
18292
18284
|
}
|
|
18293
|
-
const
|
|
18285
|
+
const cc2 = {};
|
|
18294
18286
|
Object.keys(c2).forEach((key) => {
|
|
18295
18287
|
if (key === "require" || key === "advanced" || key === "mediaSource") {
|
|
18296
18288
|
return;
|
|
@@ -18306,35 +18298,35 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18306
18298
|
return name === "deviceId" ? "sourceId" : name;
|
|
18307
18299
|
};
|
|
18308
18300
|
if (r.ideal !== void 0) {
|
|
18309
|
-
|
|
18301
|
+
cc2.optional = cc2.optional || [];
|
|
18310
18302
|
let oc = {};
|
|
18311
18303
|
if (typeof r.ideal === "number") {
|
|
18312
18304
|
oc[oldname_("min", key)] = r.ideal;
|
|
18313
|
-
|
|
18305
|
+
cc2.optional.push(oc);
|
|
18314
18306
|
oc = {};
|
|
18315
18307
|
oc[oldname_("max", key)] = r.ideal;
|
|
18316
|
-
|
|
18308
|
+
cc2.optional.push(oc);
|
|
18317
18309
|
} else {
|
|
18318
18310
|
oc[oldname_("", key)] = r.ideal;
|
|
18319
|
-
|
|
18311
|
+
cc2.optional.push(oc);
|
|
18320
18312
|
}
|
|
18321
18313
|
}
|
|
18322
18314
|
if (r.exact !== void 0 && typeof r.exact !== "number") {
|
|
18323
|
-
|
|
18324
|
-
|
|
18315
|
+
cc2.mandatory = cc2.mandatory || {};
|
|
18316
|
+
cc2.mandatory[oldname_("", key)] = r.exact;
|
|
18325
18317
|
} else {
|
|
18326
18318
|
["min", "max"].forEach((mix) => {
|
|
18327
18319
|
if (r[mix] !== void 0) {
|
|
18328
|
-
|
|
18329
|
-
|
|
18320
|
+
cc2.mandatory = cc2.mandatory || {};
|
|
18321
|
+
cc2.mandatory[oldname_(mix, key)] = r[mix];
|
|
18330
18322
|
}
|
|
18331
18323
|
});
|
|
18332
18324
|
}
|
|
18333
18325
|
});
|
|
18334
18326
|
if (c2.advanced) {
|
|
18335
|
-
|
|
18327
|
+
cc2.optional = (cc2.optional || []).concat(c2.advanced);
|
|
18336
18328
|
}
|
|
18337
|
-
return
|
|
18329
|
+
return cc2;
|
|
18338
18330
|
};
|
|
18339
18331
|
const shimConstraints_ = function(constraints, func) {
|
|
18340
18332
|
if (browserDetails.version >= 61) {
|
|
@@ -18511,11 +18503,11 @@ function shimOnTrack(window2) {
|
|
|
18511
18503
|
get() {
|
|
18512
18504
|
return this._ontrack;
|
|
18513
18505
|
},
|
|
18514
|
-
set(
|
|
18506
|
+
set(f2) {
|
|
18515
18507
|
if (this._ontrack) {
|
|
18516
18508
|
this.removeEventListener("track", this._ontrack);
|
|
18517
18509
|
}
|
|
18518
|
-
this.addEventListener("track", this._ontrack =
|
|
18510
|
+
this.addEventListener("track", this._ontrack = f2);
|
|
18519
18511
|
},
|
|
18520
18512
|
enumerable: true,
|
|
18521
18513
|
configurable: true
|
|
@@ -19523,12 +19515,12 @@ function shimRemoteStreamsAPI(window2) {
|
|
|
19523
19515
|
get() {
|
|
19524
19516
|
return this._onaddstream;
|
|
19525
19517
|
},
|
|
19526
|
-
set(
|
|
19518
|
+
set(f2) {
|
|
19527
19519
|
if (this._onaddstream) {
|
|
19528
19520
|
this.removeEventListener("addstream", this._onaddstream);
|
|
19529
19521
|
this.removeEventListener("track", this._onaddstreampoly);
|
|
19530
19522
|
}
|
|
19531
|
-
this.addEventListener("addstream", this._onaddstream =
|
|
19523
|
+
this.addEventListener("addstream", this._onaddstream = f2);
|
|
19532
19524
|
this.addEventListener("track", this._onaddstreampoly = (e) => {
|
|
19533
19525
|
e.streams.forEach((stream) => {
|
|
19534
19526
|
if (!this._remoteStreams) {
|
|
@@ -21319,8 +21311,8 @@ var require_grammar = __commonJS({
|
|
|
21319
21311
|
var require_parser = __commonJS({
|
|
21320
21312
|
"../../node_modules/sdp-transform/lib/parser.js"(exports) {
|
|
21321
21313
|
init_define_process_env();
|
|
21322
|
-
var toIntIfInt = function(
|
|
21323
|
-
return String(Number(
|
|
21314
|
+
var toIntIfInt = function(v) {
|
|
21315
|
+
return String(Number(v)) === v ? Number(v) : v;
|
|
21324
21316
|
};
|
|
21325
21317
|
var attachProperties = function(match18, location, names, rawName) {
|
|
21326
21318
|
if (rawName && !names) {
|
|
@@ -21553,7 +21545,7 @@ function Ue(a2, e) {
|
|
|
21553
21545
|
if (e)
|
|
21554
21546
|
for (let r of e.auxiliaryTracks) {
|
|
21555
21547
|
let s = a2[r];
|
|
21556
|
-
|
|
21548
|
+
oo(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
|
|
21557
21549
|
}
|
|
21558
21550
|
return { video: t, audio: i };
|
|
21559
21551
|
}
|
|
@@ -21563,7 +21555,7 @@ function pt(a2) {
|
|
|
21563
21555
|
function ht(a2) {
|
|
21564
21556
|
return a2 && a2.type === "video";
|
|
21565
21557
|
}
|
|
21566
|
-
function
|
|
21558
|
+
function oo(a2) {
|
|
21567
21559
|
return a2 && a2.source === "screen";
|
|
21568
21560
|
}
|
|
21569
21561
|
function si(a2) {
|
|
@@ -21583,22 +21575,22 @@ function St(a2) {
|
|
|
21583
21575
|
let e = false, t = false, i = false;
|
|
21584
21576
|
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 };
|
|
21585
21577
|
}
|
|
21586
|
-
function
|
|
21578
|
+
function uo() {
|
|
21587
21579
|
if (B && window) {
|
|
21588
21580
|
let a2 = window.location.hostname;
|
|
21589
21581
|
return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
|
|
21590
21582
|
}
|
|
21591
21583
|
return "CUSTOM";
|
|
21592
21584
|
}
|
|
21593
|
-
function
|
|
21585
|
+
function ce(a2) {
|
|
21594
21586
|
return a2 != null;
|
|
21595
21587
|
}
|
|
21596
21588
|
function vt(a2 = "prod", e) {
|
|
21597
21589
|
let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
21598
21590
|
if (Be)
|
|
21599
|
-
return Rs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version:
|
|
21591
|
+
return Rs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: As, 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 });
|
|
21600
21592
|
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;
|
|
21601
|
-
return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), Rs({ os: n, os_version: d, sdk: t, sdk_version:
|
|
21593
|
+
return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), Rs({ os: n, os_version: d, sdk: t, sdk_version: As, 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 });
|
|
21602
21594
|
}
|
|
21603
21595
|
function kr(a2) {
|
|
21604
21596
|
return a2.replace(/ /g, "_");
|
|
@@ -21613,16 +21605,16 @@ function ci(a2, e = 300) {
|
|
|
21613
21605
|
}, e);
|
|
21614
21606
|
};
|
|
21615
21607
|
}
|
|
21616
|
-
function
|
|
21608
|
+
function R(a2) {
|
|
21617
21609
|
return (e) => (t) => a2(t, e);
|
|
21618
21610
|
}
|
|
21619
|
-
function
|
|
21611
|
+
function Jm(a2) {
|
|
21620
21612
|
return (e) => {
|
|
21621
21613
|
if (e.sessionStore)
|
|
21622
21614
|
return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
21623
21615
|
};
|
|
21624
21616
|
}
|
|
21625
|
-
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,
|
|
21617
|
+
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, Za, eo, to, ti, ns, cs, os, h, M, gr, so, c, yr, Tr, ao, ds, fr, ls, hs, no, l, he, B, ms, Be, lo, cc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, po, S, Mr, Ps, me, ai, As, Rs, H, y, Er, z, Pr, br, Rr, ws, Ds, _s, Ns, Os, Hr, xs, Cr, Fs, Lr, Gs, wr, Dr, Ks, qs, Pt, rt, V, No, Zh, em, j, Mi, ta, O, Gr, Oo, Oe, rm, xo, fe, Uo, ie, Ee, sm, am, ne, Y, Bo, ra, om, nm, $r, Vo, dm, lm, um, pm, hm, mm, Sm, gm, Rt, Fo, Tm, re, aa, fm, vm, ve, Mm, at, Go, oa, ym, na, km, Em, Pm, bm, Im, Am, Rm, Hm, Cm, Lm, ca, Nm, Wo, Om, la, Kr, ua, pa, ha, ma, Sa, ga, Ta, fa, Ht, b, qr, Ct, va, $o, Ko, J, jr, qo, jo, Jo, Qo, zo, X, jm, zm, Ym, yi, Ma, Xm, Zm, eS, Yo, Xo, iS, ya, rS, Zo, sS, aS, oS, nS, cS, dS, ka, Ea, uS, pS, Pa, hS, mS, ba, SS, gS, TS, Ia, Aa, en, tn, rn, fS, vS, MS, yS, kS, Ra, _S, sn, NS, OS, xS, on, nn, ln, Xr, be, Vt, Q, sr, lt, Hn, Cn, Ln, wn, Ya, Dn, Xa, rs, Ae, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, Wn, ss, $n, Kn, qn, jn, Jn, Qn;
|
|
21626
21618
|
var init_dist = __esm({
|
|
21627
21619
|
"../hms-video-store/dist/index.js"() {
|
|
21628
21620
|
"use strict";
|
|
@@ -21650,14 +21642,14 @@ var init_dist = __esm({
|
|
|
21650
21642
|
import_uuid9 = require("uuid");
|
|
21651
21643
|
import_uuid10 = require("uuid");
|
|
21652
21644
|
init_es();
|
|
21653
|
-
|
|
21654
|
-
|
|
21655
|
-
|
|
21645
|
+
Za = Object.defineProperty;
|
|
21646
|
+
eo = Object.defineProperties;
|
|
21647
|
+
to = Object.getOwnPropertyDescriptors;
|
|
21656
21648
|
ti = Object.getOwnPropertySymbols;
|
|
21657
21649
|
ns = Object.prototype.hasOwnProperty;
|
|
21658
21650
|
cs = Object.prototype.propertyIsEnumerable;
|
|
21659
|
-
os = (a2, e, t) => e in a2 ?
|
|
21660
|
-
|
|
21651
|
+
os = (a2, e, t) => e in a2 ? Za(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
21652
|
+
h = (a2, e) => {
|
|
21661
21653
|
for (var t in e || (e = {}))
|
|
21662
21654
|
ns.call(e, t) && os(a2, t, e[t]);
|
|
21663
21655
|
if (ti)
|
|
@@ -21665,7 +21657,7 @@ var init_dist = __esm({
|
|
|
21665
21657
|
cs.call(e, t) && os(a2, t, e[t]);
|
|
21666
21658
|
return a2;
|
|
21667
21659
|
};
|
|
21668
|
-
M = (a2, e) =>
|
|
21660
|
+
M = (a2, e) => eo(a2, to(e));
|
|
21669
21661
|
gr = (a2, e) => {
|
|
21670
21662
|
var t = {};
|
|
21671
21663
|
for (var i in a2)
|
|
@@ -21675,7 +21667,7 @@ var init_dist = __esm({
|
|
|
21675
21667
|
e.indexOf(i) < 0 && cs.call(a2, i) && (t[i] = a2[i]);
|
|
21676
21668
|
return t;
|
|
21677
21669
|
};
|
|
21678
|
-
|
|
21670
|
+
so = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
21679
21671
|
c = (a2, e, t) => new Promise((i, r) => {
|
|
21680
21672
|
var s = (d) => {
|
|
21681
21673
|
try {
|
|
@@ -21692,16 +21684,16 @@ var init_dist = __esm({
|
|
|
21692
21684
|
}, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
|
|
21693
21685
|
n((t = t.apply(a2, e)).next());
|
|
21694
21686
|
});
|
|
21695
|
-
yr =
|
|
21696
|
-
|
|
21687
|
+
yr = so((_c, mo) => {
|
|
21688
|
+
mo.exports = { version: "0.12.20-alpha.4", 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"] };
|
|
21697
21689
|
});
|
|
21698
21690
|
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 || {});
|
|
21699
|
-
|
|
21691
|
+
ao = ((e) => (e.CHAT = "chat", e))(ao || {});
|
|
21700
21692
|
ds = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ds || {});
|
|
21701
21693
|
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 || {});
|
|
21702
21694
|
ls = ((t) => (t.audio = "audio", t.video = "video", t))(ls || {});
|
|
21703
21695
|
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 || {});
|
|
21704
|
-
|
|
21696
|
+
no = typeof window != "undefined" && typeof window.expect != "undefined";
|
|
21705
21697
|
l = class {
|
|
21706
21698
|
static v(e, ...t) {
|
|
21707
21699
|
this.log(0, e, ...t);
|
|
@@ -21767,18 +21759,18 @@ var init_dist = __esm({
|
|
|
21767
21759
|
}
|
|
21768
21760
|
}
|
|
21769
21761
|
};
|
|
21770
|
-
l.level =
|
|
21762
|
+
l.level = no ? 7 : 0;
|
|
21771
21763
|
he = new import_ua_parser_js.UAParser();
|
|
21772
21764
|
B = typeof window != "undefined";
|
|
21773
21765
|
Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
|
|
21774
|
-
|
|
21775
|
-
|
|
21766
|
+
lo = () => !Be;
|
|
21767
|
+
cc = lo();
|
|
21776
21768
|
ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
|
|
21777
21769
|
ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
|
|
21778
21770
|
Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
|
|
21779
|
-
Qe =
|
|
21771
|
+
Qe = uo();
|
|
21780
21772
|
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 } };
|
|
21781
|
-
|
|
21773
|
+
f = class a extends Error {
|
|
21782
21774
|
constructor(t, i, r, s, o, n = false) {
|
|
21783
21775
|
super(s);
|
|
21784
21776
|
this.code = t;
|
|
@@ -21807,113 +21799,113 @@ var init_dist = __esm({
|
|
|
21807
21799
|
}`;
|
|
21808
21800
|
}
|
|
21809
21801
|
};
|
|
21810
|
-
|
|
21802
|
+
po = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
21811
21803
|
S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
21812
|
-
return new
|
|
21804
|
+
return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
21813
21805
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
21814
|
-
return new
|
|
21806
|
+
return new f(P4.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
|
|
21815
21807
|
}, AbnormalClose(a2, e = "") {
|
|
21816
|
-
return new
|
|
21808
|
+
return new f(P4.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
|
|
21817
21809
|
} }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
|
|
21818
|
-
return new
|
|
21810
|
+
return new f(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
|
|
21819
21811
|
}, EndpointUnreachable(a2, e = "") {
|
|
21820
|
-
return new
|
|
21812
|
+
return new f(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
|
|
21821
21813
|
}, InvalidTokenFormat(a2, e = "") {
|
|
21822
|
-
return new
|
|
21814
|
+
return new f(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
|
|
21823
21815
|
}, InitConfigNotAvailable(a2, e = "") {
|
|
21824
|
-
return new
|
|
21816
|
+
return new f(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
|
|
21825
21817
|
} }, TracksErrors: { GenericTrack(a2, e = "") {
|
|
21826
|
-
return new
|
|
21818
|
+
return new f(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
|
|
21827
21819
|
}, CantAccessCaptureDevice(a2, e, t = "") {
|
|
21828
|
-
return new
|
|
21820
|
+
return new f(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
|
|
21829
21821
|
}, DeviceNotAvailable(a2, e, t = "") {
|
|
21830
|
-
return new
|
|
21822
|
+
return new f(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
|
|
21831
21823
|
}, DeviceInUse(a2, e, t = "") {
|
|
21832
|
-
return new
|
|
21824
|
+
return new f(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
|
|
21833
21825
|
}, DeviceLostMidway(a2, e, t = "") {
|
|
21834
|
-
return new
|
|
21826
|
+
return new f(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
|
|
21835
21827
|
}, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
|
|
21836
|
-
return new
|
|
21828
|
+
return new f(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
|
|
21837
21829
|
}, InvalidVideoSettings(a2, e = "") {
|
|
21838
|
-
return new
|
|
21830
|
+
return new f(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
|
|
21839
21831
|
}, AutoplayBlocked(a2, e = "") {
|
|
21840
|
-
return new
|
|
21832
|
+
return new f(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
|
|
21841
21833
|
}, CodecChangeNotPermitted(a2, e = "") {
|
|
21842
|
-
return new
|
|
21834
|
+
return new f(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
|
|
21843
21835
|
}, OverConstrained(a2, e, t = "") {
|
|
21844
|
-
return new
|
|
21836
|
+
return new f(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
|
|
21845
21837
|
}, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
|
|
21846
|
-
return new
|
|
21838
|
+
return new f(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
|
|
21847
21839
|
}, SystemDeniedPermission(a2, e, t = "") {
|
|
21848
|
-
return new
|
|
21840
|
+
return new f(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
|
|
21849
21841
|
}, CurrentTabNotShared() {
|
|
21850
|
-
return new
|
|
21842
|
+
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");
|
|
21851
21843
|
}, AudioPlaybackError(a2) {
|
|
21852
|
-
return new
|
|
21844
|
+
return new f(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
|
|
21853
21845
|
}, SelectedDeviceMissing(a2) {
|
|
21854
|
-
return new
|
|
21846
|
+
return new f(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
|
|
21855
21847
|
} }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
|
|
21856
|
-
return new
|
|
21848
|
+
return new f(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
|
|
21857
21849
|
}, CreateAnswerFailed(a2, e = "") {
|
|
21858
|
-
return new
|
|
21850
|
+
return new f(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
|
|
21859
21851
|
}, SetLocalDescriptionFailed(a2, e = "") {
|
|
21860
|
-
return new
|
|
21852
|
+
return new f(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
|
|
21861
21853
|
}, SetRemoteDescriptionFailed(a2, e = "") {
|
|
21862
|
-
return new
|
|
21854
|
+
return new f(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
|
|
21863
21855
|
}, ICEFailure(a2, e = "", t = false) {
|
|
21864
|
-
return new
|
|
21856
|
+
return new f(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
|
|
21865
21857
|
}, ICEDisconnected(a2, e = "") {
|
|
21866
|
-
return new
|
|
21858
|
+
return new f(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
|
|
21867
21859
|
}, StatsFailed(a2, e = "") {
|
|
21868
|
-
return new
|
|
21860
|
+
return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
21869
21861
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
21870
|
-
return new
|
|
21862
|
+
return new f(a2, "ServerErrors", e, t, t, po.includes(e));
|
|
21871
21863
|
}, AlreadyJoined(a2, e = "") {
|
|
21872
|
-
return new
|
|
21864
|
+
return new f(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
21873
21865
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
21874
|
-
return new
|
|
21866
|
+
return new f(P4.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
|
|
21875
21867
|
} }, GenericErrors: { NotConnected(a2, e = "") {
|
|
21876
|
-
return new
|
|
21868
|
+
return new f(P4.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
|
|
21877
21869
|
}, Signalling(a2, e) {
|
|
21878
|
-
return new
|
|
21870
|
+
return new f(P4.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
|
|
21879
21871
|
}, Unknown(a2, e) {
|
|
21880
|
-
return new
|
|
21872
|
+
return new f(P4.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
|
|
21881
21873
|
}, NotReady(a2, e = "") {
|
|
21882
|
-
return new
|
|
21874
|
+
return new f(P4.GenericErrors.NOT_READY, "NotReady", a2, e, e);
|
|
21883
21875
|
}, JsonParsingFailed(a2, e, t = "") {
|
|
21884
|
-
return new
|
|
21876
|
+
return new f(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
|
|
21885
21877
|
}, TrackMetadataMissing(a2, e = "") {
|
|
21886
|
-
return new
|
|
21878
|
+
return new f(P4.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
|
|
21887
21879
|
}, RTCTrackMissing(a2, e = "") {
|
|
21888
|
-
return new
|
|
21880
|
+
return new f(P4.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
|
|
21889
21881
|
}, PeerMetadataMissing(a2, e = "") {
|
|
21890
|
-
return new
|
|
21882
|
+
return new f(P4.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
|
|
21891
21883
|
}, ValidationFailed(a2, e) {
|
|
21892
|
-
return new
|
|
21884
|
+
return new f(P4.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
|
|
21893
21885
|
}, InvalidRole(a2, e) {
|
|
21894
|
-
return new
|
|
21886
|
+
return new f(P4.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
|
|
21895
21887
|
}, PreviewAlreadyInProgress(a2, e = "") {
|
|
21896
|
-
return new
|
|
21888
|
+
return new f(P4.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
|
|
21897
21889
|
}, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
|
|
21898
|
-
return new
|
|
21890
|
+
return new f(P4.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
|
|
21899
21891
|
}, MissingMediaDevices() {
|
|
21900
|
-
return new
|
|
21892
|
+
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);
|
|
21901
21893
|
}, MissingRTCPeerConnection() {
|
|
21902
|
-
return new
|
|
21894
|
+
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);
|
|
21903
21895
|
} }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
|
|
21904
|
-
return new
|
|
21896
|
+
return new f(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
|
|
21905
21897
|
}, InitFailed(a2, e = "") {
|
|
21906
|
-
return new
|
|
21898
|
+
return new f(7002, "InitFailed", a2, "Plugin init failed", e);
|
|
21907
21899
|
}, ProcessingFailed(a2, e = "") {
|
|
21908
|
-
return new
|
|
21900
|
+
return new f(7003, "ProcessingFailed", a2, "Plugin processing failed", e);
|
|
21909
21901
|
}, AddAlreadyInProgress(a2, e = "") {
|
|
21910
|
-
return new
|
|
21902
|
+
return new f(7004, "AddAlreadyInProgress", a2, "Plugin add already in progress", e);
|
|
21911
21903
|
}, DeviceNotSupported(a2, e = "") {
|
|
21912
|
-
return new
|
|
21904
|
+
return new f(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
|
|
21913
21905
|
} }, PlaylistErrors: { NoEntryToPlay(a2, e) {
|
|
21914
|
-
return new
|
|
21906
|
+
return new f(P4.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
|
|
21915
21907
|
}, NoEntryPlaying(a2, e) {
|
|
21916
|
-
return new
|
|
21908
|
+
return new f(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
|
|
21917
21909
|
} } };
|
|
21918
21910
|
Mr = class {
|
|
21919
21911
|
constructor() {
|
|
@@ -21978,20 +21970,20 @@ var init_dist = __esm({
|
|
|
21978
21970
|
let a2, e = new me("hms-analytics-deviceId"), t = e.get();
|
|
21979
21971
|
return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
|
|
21980
21972
|
};
|
|
21981
|
-
|
|
21982
|
-
Rs = (a2, e = ",") => Object.keys(a2).filter((t) =>
|
|
21973
|
+
As = yr().version;
|
|
21974
|
+
Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
21983
21975
|
H = class {
|
|
21984
21976
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
21985
21977
|
this.metadata = { peer: {}, userAgent: vt() };
|
|
21986
21978
|
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();
|
|
21987
21979
|
}
|
|
21988
21980
|
toSignalParams() {
|
|
21989
|
-
return { name: this.name, info: M(
|
|
21981
|
+
return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
|
21990
21982
|
}
|
|
21991
21983
|
};
|
|
21992
21984
|
y = class {
|
|
21993
21985
|
static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
|
|
21994
|
-
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(
|
|
21986
|
+
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(h({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
|
|
21995
21987
|
return new H({ name: o, level: n, properties: d });
|
|
21996
21988
|
}
|
|
21997
21989
|
static disconnect(e, t) {
|
|
@@ -22005,7 +21997,7 @@ var init_dist = __esm({
|
|
|
22005
21997
|
}
|
|
22006
21998
|
static join(i) {
|
|
22007
21999
|
var r = i, { error: e } = r, t = gr(r, ["error"]);
|
|
22008
|
-
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(
|
|
22000
|
+
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);
|
|
22009
22001
|
return new H({ name: s, level: o, properties: n });
|
|
22010
22002
|
}
|
|
22011
22003
|
static publish({ devices: e, settings: t, error: i }) {
|
|
@@ -22048,7 +22040,7 @@ var init_dist = __esm({
|
|
|
22048
22040
|
let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
|
|
22049
22041
|
if (!t && e.degradedAt instanceof Date) {
|
|
22050
22042
|
let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
|
|
22051
|
-
s = M(
|
|
22043
|
+
s = M(h({}, s), { duration: n, restoredAt: o });
|
|
22052
22044
|
}
|
|
22053
22045
|
return new H({ name: i, level: r, properties: s });
|
|
22054
22046
|
}
|
|
@@ -22075,17 +22067,17 @@ var init_dist = __esm({
|
|
|
22075
22067
|
return new H({ name: "krisp.stop", level: 1 });
|
|
22076
22068
|
}
|
|
22077
22069
|
static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
|
|
22078
|
-
return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties:
|
|
22070
|
+
return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ reason: i, type: t }, r) });
|
|
22079
22071
|
}
|
|
22080
22072
|
static eventNameFor(e, t) {
|
|
22081
22073
|
return `${e}.${t ? "success" : "failed"}`;
|
|
22082
22074
|
}
|
|
22083
22075
|
static getPropertiesWithError(e, t) {
|
|
22084
22076
|
let i = this.getErrorProperties(t);
|
|
22085
|
-
return e =
|
|
22077
|
+
return e = h(h({}, i), e), e;
|
|
22086
22078
|
}
|
|
22087
22079
|
static getErrorProperties(e) {
|
|
22088
|
-
return e ? e instanceof
|
|
22080
|
+
return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
|
|
22089
22081
|
}
|
|
22090
22082
|
};
|
|
22091
22083
|
y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
|
|
@@ -22123,17 +22115,17 @@ var init_dist = __esm({
|
|
|
22123
22115
|
return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
|
|
22124
22116
|
}
|
|
22125
22117
|
};
|
|
22126
|
-
|
|
22118
|
+
z = new Er();
|
|
22127
22119
|
Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
|
|
22128
22120
|
br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
|
|
22129
|
-
|
|
22130
|
-
|
|
22131
|
-
|
|
22132
|
-
|
|
22133
|
-
|
|
22134
|
-
|
|
22121
|
+
Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
|
|
22122
|
+
ws = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(ws || {});
|
|
22123
|
+
Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
|
|
22124
|
+
_s = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(_s || {});
|
|
22125
|
+
Ns = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ns || {});
|
|
22126
|
+
Os = ((e) => (e.CAPTION = "caption", e))(Os || {});
|
|
22135
22127
|
Hr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Hr || {});
|
|
22136
|
-
|
|
22128
|
+
xs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(xs || {});
|
|
22137
22129
|
Cr = class {
|
|
22138
22130
|
constructor() {
|
|
22139
22131
|
this.TAG = "[HMSIntersectionObserverWrapper]";
|
|
@@ -22161,7 +22153,7 @@ var init_dist = __esm({
|
|
|
22161
22153
|
return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
|
|
22162
22154
|
}
|
|
22163
22155
|
};
|
|
22164
|
-
|
|
22156
|
+
Fs = new Cr();
|
|
22165
22157
|
Lr = class {
|
|
22166
22158
|
constructor() {
|
|
22167
22159
|
this.TAG = "[HMSResizeObserverWrapper]";
|
|
@@ -22189,43 +22181,43 @@ var init_dist = __esm({
|
|
|
22189
22181
|
return e || l.w(this.TAG, "Resize Observer is not supported"), e;
|
|
22190
22182
|
}
|
|
22191
22183
|
};
|
|
22192
|
-
|
|
22184
|
+
Gs = new Lr();
|
|
22193
22185
|
wr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(wr || {});
|
|
22194
22186
|
Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
|
|
22195
|
-
|
|
22196
|
-
|
|
22187
|
+
Ks = "https://event.100ms.live/v2/client/report";
|
|
22188
|
+
qs = "https://event-nonprod.100ms.live/v2/client/report";
|
|
22197
22189
|
Pt = Math.pow(2, 31) - 1;
|
|
22198
22190
|
rt = class {
|
|
22199
22191
|
};
|
|
22200
22192
|
rt.makePeerId = () => (0, import_uuid7.v4)();
|
|
22201
22193
|
V = (a2) => a2.room;
|
|
22202
|
-
|
|
22203
|
-
|
|
22204
|
-
|
|
22205
|
-
|
|
22194
|
+
No = (a2) => a2.errors;
|
|
22195
|
+
Zh = createSelector(No, (a2) => a2.length === 0 ? null : a2.at(-1));
|
|
22196
|
+
em = createSelector(V, (a2) => a2.id);
|
|
22197
|
+
j = (a2) => a2.peers;
|
|
22206
22198
|
Mi = (a2) => a2.messages.byID;
|
|
22207
|
-
|
|
22199
|
+
ta = (a2) => a2.messages.allIDs;
|
|
22208
22200
|
O = (a2) => a2.tracks;
|
|
22209
22201
|
Gr = (a2) => a2.appData;
|
|
22210
|
-
|
|
22202
|
+
Oo = (a2) => a2.speakers;
|
|
22211
22203
|
Oe = createSelector([V], (a2) => a2 && a2.isConnected);
|
|
22212
|
-
|
|
22213
|
-
|
|
22214
|
-
fe = createSelector([V,
|
|
22215
|
-
|
|
22216
|
-
ie = createSelector(V,
|
|
22204
|
+
rm = 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));
|
|
22205
|
+
xo = (a2) => a2.hideLocalPeer;
|
|
22206
|
+
fe = createSelector([V, j, xo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
|
|
22207
|
+
Uo = createSelector(O, (a2) => Object.values(a2));
|
|
22208
|
+
ie = createSelector(V, j, (a2, e) => e[a2.localPeer]);
|
|
22217
22209
|
Ee = createSelector(V, (a2) => a2.localPeer);
|
|
22218
|
-
|
|
22219
|
-
|
|
22220
|
-
|
|
22221
|
-
|
|
22222
|
-
|
|
22223
|
-
|
|
22210
|
+
sm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
|
|
22211
|
+
am = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
|
|
22212
|
+
ne = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
|
|
22213
|
+
Y = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
|
|
22214
|
+
Bo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
|
|
22215
|
+
ra = createSelector([ne, Y, Bo], (a2, e, t) => {
|
|
22224
22216
|
let i = t ? [...t] : [];
|
|
22225
22217
|
return a2 && i.unshift(a2), e && i.unshift(e), i;
|
|
22226
22218
|
});
|
|
22227
|
-
|
|
22228
|
-
|
|
22219
|
+
om = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
|
|
22220
|
+
nm = createSelector(j, Oo, (a2, e) => {
|
|
22229
22221
|
let t = Object.entries(e).sort((i, r) => {
|
|
22230
22222
|
var n, d;
|
|
22231
22223
|
let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
|
|
@@ -22242,7 +22234,7 @@ var init_dist = __esm({
|
|
|
22242
22234
|
let { video: t, audio: i } = Ue(e, a2);
|
|
22243
22235
|
return !!(t || i);
|
|
22244
22236
|
});
|
|
22245
|
-
|
|
22237
|
+
Vo = createSelector(j, O, (a2, e) => {
|
|
22246
22238
|
let t;
|
|
22247
22239
|
for (let i in a2) {
|
|
22248
22240
|
let r = a2[i], { video: s, audio: o } = Ue(e, r);
|
|
@@ -22252,15 +22244,15 @@ var init_dist = __esm({
|
|
|
22252
22244
|
}
|
|
22253
22245
|
return t;
|
|
22254
22246
|
});
|
|
22255
|
-
|
|
22256
|
-
|
|
22247
|
+
dm = createSelector(Vo, (a2) => !!a2);
|
|
22248
|
+
lm = createSelector(j, O, (a2, e) => {
|
|
22257
22249
|
for (let t in a2) {
|
|
22258
22250
|
let i = a2[t], { audio: r, video: s } = Ue(e, i);
|
|
22259
22251
|
if (!s && r)
|
|
22260
22252
|
return i;
|
|
22261
22253
|
}
|
|
22262
22254
|
});
|
|
22263
|
-
|
|
22255
|
+
um = createSelector(j, O, (a2, e) => {
|
|
22264
22256
|
let t = [], i = [];
|
|
22265
22257
|
for (let r in a2) {
|
|
22266
22258
|
let s = a2[r], { video: o, audio: n } = Ue(e, s);
|
|
@@ -22268,78 +22260,78 @@ var init_dist = __esm({
|
|
|
22268
22260
|
}
|
|
22269
22261
|
return t.concat(i);
|
|
22270
22262
|
});
|
|
22271
|
-
|
|
22263
|
+
pm = createSelector(j, O, (a2, e) => {
|
|
22272
22264
|
for (let t in e) {
|
|
22273
22265
|
let i = e[t];
|
|
22274
22266
|
if (mt(i) && ht(i) && i.peerId)
|
|
22275
22267
|
return a2[i.peerId];
|
|
22276
22268
|
}
|
|
22277
22269
|
});
|
|
22278
|
-
|
|
22270
|
+
hm = createSelector(j, O, (a2, e) => {
|
|
22279
22271
|
for (let t in e) {
|
|
22280
22272
|
let i = e[t];
|
|
22281
22273
|
if (si(i) && i.peerId)
|
|
22282
22274
|
return a2[i.peerId];
|
|
22283
22275
|
}
|
|
22284
22276
|
});
|
|
22285
|
-
|
|
22286
|
-
|
|
22287
|
-
|
|
22288
|
-
|
|
22277
|
+
mm = createSelector(Uo, (a2) => a2.filter(us));
|
|
22278
|
+
Sm = createSelector(ta, (a2) => a2.length);
|
|
22279
|
+
gm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
|
|
22280
|
+
Rt = createSelector(ta, Mi, (a2, e) => {
|
|
22289
22281
|
let t = [];
|
|
22290
22282
|
return a2.forEach((i) => {
|
|
22291
22283
|
t.push(e[i]);
|
|
22292
22284
|
}), t;
|
|
22293
22285
|
});
|
|
22294
|
-
|
|
22286
|
+
Fo = createSelector(Rt, (a2) => a2.filter((e) => {
|
|
22295
22287
|
var t;
|
|
22296
22288
|
return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
|
|
22297
22289
|
}));
|
|
22298
|
-
|
|
22290
|
+
Tm = createSelector(Fo, (a2) => a2.filter((e) => !e.read).length);
|
|
22299
22291
|
re = createSelector([V], (a2) => a2 && a2.roomState);
|
|
22300
|
-
|
|
22301
|
-
|
|
22302
|
-
|
|
22292
|
+
aa = createSelector(re, (a2) => a2 === "Preview");
|
|
22293
|
+
fm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
|
|
22294
|
+
vm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
|
|
22303
22295
|
ve = (a2) => a2.roles;
|
|
22304
|
-
|
|
22296
|
+
Mm = createSelector([ve], (a2) => Object.keys(a2));
|
|
22305
22297
|
at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
|
|
22306
|
-
|
|
22298
|
+
Go = (a2) => {
|
|
22307
22299
|
var e;
|
|
22308
22300
|
return (e = a2.preview) == null ? void 0 : e.asRole;
|
|
22309
22301
|
};
|
|
22310
|
-
|
|
22311
|
-
|
|
22302
|
+
oa = createSelector([Go, ve], (a2, e) => a2 ? e[a2] : null);
|
|
22303
|
+
ym = createSelector([at], (a2) => {
|
|
22312
22304
|
var e;
|
|
22313
22305
|
return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
|
|
22314
22306
|
});
|
|
22315
|
-
|
|
22316
|
-
|
|
22317
|
-
|
|
22318
|
-
|
|
22319
|
-
|
|
22320
|
-
|
|
22321
|
-
|
|
22307
|
+
na = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
|
|
22308
|
+
km = createSelector(V, (a2) => a2.recording);
|
|
22309
|
+
Em = createSelector(V, (a2) => a2.rtmp);
|
|
22310
|
+
Pm = createSelector(V, (a2) => a2.hls);
|
|
22311
|
+
bm = createSelector(V, (a2) => a2.transcriptions);
|
|
22312
|
+
Im = createSelector(V, (a2) => a2.sessionId);
|
|
22313
|
+
Am = createSelector(V, (a2) => a2.startedAt);
|
|
22322
22314
|
Rm = createSelector(V, (a2) => !!a2.isLargeRoom);
|
|
22323
|
-
|
|
22324
|
-
|
|
22325
|
-
|
|
22326
|
-
|
|
22327
|
-
|
|
22328
|
-
|
|
22329
|
-
|
|
22330
|
-
|
|
22315
|
+
Hm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
|
|
22316
|
+
Cm = createSelector(V, (a2) => !!a2.isVBEnabled);
|
|
22317
|
+
Lm = createSelector(V, (a2) => a2.effectsKey);
|
|
22318
|
+
ca = (a2) => a2.polls;
|
|
22319
|
+
Nm = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
|
|
22320
|
+
Wo = (a2) => a2.whiteboards;
|
|
22321
|
+
Om = createSelector(Wo, (a2) => Object.values(a2)[0]);
|
|
22322
|
+
la = (a2 = "audio") => (e) => e.playlist[a2].list;
|
|
22331
22323
|
Kr = (a2 = "audio") => (e) => e.playlist[a2].selection;
|
|
22332
|
-
|
|
22333
|
-
|
|
22334
|
-
|
|
22335
|
-
|
|
22336
|
-
|
|
22337
|
-
|
|
22324
|
+
ua = (a2 = "audio") => (e) => e.playlist[a2].progress;
|
|
22325
|
+
pa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
|
|
22326
|
+
ha = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
|
|
22327
|
+
ma = (a2 = "audio") => (e) => e.playlist[a2].volume;
|
|
22328
|
+
Sa = (a2 = "audio") => createSelector(la(a2), (e) => Object.values(e));
|
|
22329
|
+
ga = (a2 = "audio") => createSelector(la(a2), Kr(a2), (e, t) => {
|
|
22338
22330
|
if (t.id)
|
|
22339
22331
|
return e[t.id];
|
|
22340
22332
|
});
|
|
22341
|
-
|
|
22342
|
-
|
|
22333
|
+
Ta = { selection: Kr("audio"), progress: ua("audio"), currentTime: pa("audio"), playbackRate: ha("audio"), volume: ma("audio"), list: Sa("audio"), selectedItem: ga("audio") };
|
|
22334
|
+
fa = { selection: Kr("video"), progress: ua("video"), currentTime: pa("video"), playbackRate: ha("video"), volume: ma("video"), list: Sa("video"), selectedItem: ga("video") };
|
|
22343
22335
|
Ht = "HMS-Store:";
|
|
22344
22336
|
b = class {
|
|
22345
22337
|
static v(e, ...t) {
|
|
@@ -22409,124 +22401,124 @@ var init_dist = __esm({
|
|
|
22409
22401
|
b.level = 0;
|
|
22410
22402
|
qr = (a2, e) => e;
|
|
22411
22403
|
Ct = (a2, e) => e;
|
|
22412
|
-
|
|
22413
|
-
Wo = (a2, e) => e;
|
|
22404
|
+
va = (a2, e) => e;
|
|
22414
22405
|
$o = (a2, e) => e;
|
|
22415
|
-
|
|
22406
|
+
Ko = (a2, e) => e;
|
|
22407
|
+
J = createSelector([j, qr], (a2, e) => e ? a2[e] : null);
|
|
22416
22408
|
jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
|
|
22417
|
-
|
|
22409
|
+
qo = createSelector([O, Ct], (a2, e) => {
|
|
22418
22410
|
if (!e)
|
|
22419
22411
|
return null;
|
|
22420
22412
|
let t = a2[e];
|
|
22421
22413
|
return (t == null ? void 0 : t.type) === "video" ? t : null;
|
|
22422
22414
|
});
|
|
22423
|
-
|
|
22415
|
+
jo = createSelector([O, Ct], (a2, e) => {
|
|
22424
22416
|
if (!e)
|
|
22425
22417
|
return null;
|
|
22426
22418
|
let t = a2[e];
|
|
22427
22419
|
return (t == null ? void 0 : t.type) === "audio" ? t : null;
|
|
22428
22420
|
});
|
|
22429
|
-
|
|
22421
|
+
Jo = createSelector([O, Ct], (a2, e) => {
|
|
22430
22422
|
if (!e)
|
|
22431
22423
|
return null;
|
|
22432
22424
|
let t = a2[e];
|
|
22433
22425
|
return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
22434
22426
|
});
|
|
22435
|
-
|
|
22427
|
+
Qo = createSelector([O, Ct], (a2, e) => {
|
|
22436
22428
|
if (!e)
|
|
22437
22429
|
return null;
|
|
22438
22430
|
let t = a2[e];
|
|
22439
22431
|
return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
22440
22432
|
});
|
|
22441
|
-
|
|
22442
|
-
|
|
22443
|
-
|
|
22433
|
+
zo = createSelector([ca, Ko], (a2, e) => e ? a2[e] : null);
|
|
22434
|
+
X = R(J);
|
|
22435
|
+
jm = R(createSelector([Gr, $o], (a2, e) => {
|
|
22444
22436
|
if (a2)
|
|
22445
22437
|
return e ? a2[e] : a2;
|
|
22446
22438
|
}));
|
|
22447
|
-
|
|
22448
|
-
|
|
22449
|
-
yi =
|
|
22450
|
-
|
|
22451
|
-
|
|
22452
|
-
|
|
22453
|
-
|
|
22454
|
-
|
|
22455
|
-
let t =
|
|
22439
|
+
zm = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
|
|
22440
|
+
Ym = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
|
|
22441
|
+
yi = R(jr);
|
|
22442
|
+
Ma = R(qo);
|
|
22443
|
+
Xm = R(jo);
|
|
22444
|
+
Zm = R(Jo);
|
|
22445
|
+
eS = R(Qo);
|
|
22446
|
+
Yo = R((a2, e) => {
|
|
22447
|
+
let t = J(a2, e);
|
|
22456
22448
|
if (t && t.videoTrack && t.videoTrack !== "")
|
|
22457
22449
|
return a2.tracks[t.videoTrack];
|
|
22458
22450
|
});
|
|
22459
|
-
|
|
22460
|
-
let t =
|
|
22451
|
+
Xo = R((a2, e) => {
|
|
22452
|
+
let t = J(a2, e);
|
|
22461
22453
|
if (t && t.audioTrack && t.audioTrack !== "")
|
|
22462
22454
|
return a2.tracks[t.audioTrack];
|
|
22463
22455
|
});
|
|
22464
|
-
|
|
22465
|
-
let t =
|
|
22456
|
+
iS = R((a2, e) => {
|
|
22457
|
+
let t = J(a2, e);
|
|
22466
22458
|
return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
|
|
22467
22459
|
});
|
|
22468
|
-
|
|
22469
|
-
|
|
22470
|
-
|
|
22471
|
-
let t =
|
|
22472
|
-
return
|
|
22473
|
-
};
|
|
22474
|
-
|
|
22475
|
-
|
|
22460
|
+
ya = (a2, e) => e ? a2.speakers[e] : null;
|
|
22461
|
+
rS = R(createSelector(ya, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
22462
|
+
Zo = (a2, e) => {
|
|
22463
|
+
let t = Xo(e)(a2);
|
|
22464
|
+
return ya(a2, t == null ? void 0 : t.id);
|
|
22465
|
+
};
|
|
22466
|
+
sS = R(createSelector(Zo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
22467
|
+
aS = R((a2, e) => {
|
|
22476
22468
|
if (e)
|
|
22477
22469
|
return a2.connectionQualities[e];
|
|
22478
22470
|
});
|
|
22479
|
-
|
|
22480
|
-
let t =
|
|
22471
|
+
oS = R((a2, e) => {
|
|
22472
|
+
let t = J(a2, e);
|
|
22481
22473
|
if (t) {
|
|
22482
22474
|
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
|
|
22483
22475
|
return i ? a2.tracks[i] : void 0;
|
|
22484
22476
|
}
|
|
22485
22477
|
});
|
|
22486
|
-
|
|
22478
|
+
nS = R(createSelector(O, J, (a2, e) => {
|
|
22487
22479
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22488
22480
|
let r = a2[i];
|
|
22489
22481
|
return mt(r) && ht(r);
|
|
22490
22482
|
});
|
|
22491
22483
|
return t ? a2[t] : void 0;
|
|
22492
22484
|
}));
|
|
22493
|
-
|
|
22485
|
+
cS = R(createSelector(O, J, (a2, e) => {
|
|
22494
22486
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22495
22487
|
let r = a2[i];
|
|
22496
22488
|
return mt(r) && pt(r);
|
|
22497
22489
|
});
|
|
22498
22490
|
return t ? a2[t] : void 0;
|
|
22499
22491
|
}));
|
|
22500
|
-
|
|
22492
|
+
dS = R(createSelector(O, J, (a2, e) => {
|
|
22501
22493
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22502
22494
|
let r = a2[i];
|
|
22503
22495
|
return si(r) && pt(r);
|
|
22504
22496
|
});
|
|
22505
22497
|
return t ? a2[t] : void 0;
|
|
22506
22498
|
}));
|
|
22507
|
-
|
|
22508
|
-
|
|
22509
|
-
|
|
22510
|
-
let t =
|
|
22499
|
+
ka = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
|
|
22500
|
+
Ea = (a2) => createSelector(ka(a2), (e) => e.audio);
|
|
22501
|
+
uS = R((a2, e) => {
|
|
22502
|
+
let t = J(a2, e);
|
|
22511
22503
|
return je(a2, t == null ? void 0 : t.audioTrack);
|
|
22512
22504
|
});
|
|
22513
|
-
|
|
22514
|
-
let t =
|
|
22505
|
+
pS = R((a2, e) => {
|
|
22506
|
+
let t = J(a2, e);
|
|
22515
22507
|
return je(a2, t == null ? void 0 : t.videoTrack);
|
|
22516
22508
|
});
|
|
22517
|
-
|
|
22509
|
+
Pa = R((a2, e) => {
|
|
22518
22510
|
if (e && a2.tracks[e])
|
|
22519
22511
|
return a2.tracks[e].volume === 0;
|
|
22520
22512
|
});
|
|
22521
|
-
|
|
22522
|
-
let t =
|
|
22523
|
-
return
|
|
22513
|
+
hS = R((a2, e) => {
|
|
22514
|
+
let t = J(a2, e);
|
|
22515
|
+
return Pa(t == null ? void 0 : t.audioTrack)(a2);
|
|
22524
22516
|
});
|
|
22525
|
-
|
|
22526
|
-
let t =
|
|
22527
|
-
return
|
|
22517
|
+
mS = R((a2, e) => {
|
|
22518
|
+
let t = Ea(e)(a2);
|
|
22519
|
+
return Pa(t == null ? void 0 : t.id)(a2);
|
|
22528
22520
|
});
|
|
22529
|
-
|
|
22521
|
+
ba = R((a2, e) => {
|
|
22530
22522
|
let t = jr(a2, e);
|
|
22531
22523
|
if (t) {
|
|
22532
22524
|
if (t.type !== "audio") {
|
|
@@ -22536,15 +22528,15 @@ var init_dist = __esm({
|
|
|
22536
22528
|
return t.volume;
|
|
22537
22529
|
}
|
|
22538
22530
|
});
|
|
22539
|
-
|
|
22540
|
-
let t =
|
|
22541
|
-
return
|
|
22531
|
+
SS = R((a2, e) => {
|
|
22532
|
+
let t = J(a2, e);
|
|
22533
|
+
return ba(t == null ? void 0 : t.audioTrack)(a2);
|
|
22542
22534
|
});
|
|
22543
|
-
|
|
22544
|
-
let t =
|
|
22545
|
-
return
|
|
22535
|
+
gS = R((a2, e) => {
|
|
22536
|
+
let t = Ea(e)(a2);
|
|
22537
|
+
return ba(t == null ? void 0 : t.id)(a2);
|
|
22546
22538
|
});
|
|
22547
|
-
|
|
22539
|
+
TS = R((a2, e) => {
|
|
22548
22540
|
let t = jr(a2, e);
|
|
22549
22541
|
if (t) {
|
|
22550
22542
|
if (t.type !== "video") {
|
|
@@ -22554,49 +22546,49 @@ var init_dist = __esm({
|
|
|
22554
22546
|
return t.layer;
|
|
22555
22547
|
}
|
|
22556
22548
|
});
|
|
22557
|
-
|
|
22549
|
+
Ia = createSelector([Rt, Ee, qr], (a2, e, t) => {
|
|
22558
22550
|
if (t)
|
|
22559
22551
|
return a2.filter((i) => {
|
|
22560
22552
|
var r;
|
|
22561
22553
|
return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
|
|
22562
22554
|
});
|
|
22563
22555
|
});
|
|
22564
|
-
|
|
22556
|
+
Aa = createSelector([Rt, va], (a2, e) => {
|
|
22565
22557
|
if (e)
|
|
22566
22558
|
return a2.filter((t) => {
|
|
22567
22559
|
var i, r;
|
|
22568
22560
|
return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
|
|
22569
22561
|
});
|
|
22570
22562
|
});
|
|
22571
|
-
|
|
22563
|
+
en = createSelector(Rt, (a2) => a2.filter((e) => {
|
|
22572
22564
|
var t;
|
|
22573
22565
|
return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
|
|
22574
22566
|
}));
|
|
22575
|
-
|
|
22576
|
-
|
|
22577
|
-
|
|
22578
|
-
|
|
22579
|
-
|
|
22580
|
-
|
|
22581
|
-
|
|
22582
|
-
Ra =
|
|
22583
|
-
|
|
22567
|
+
tn = createSelector([Aa, va], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
22568
|
+
rn = createSelector([Ia, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
22569
|
+
fS = createSelector(en, (a2) => a2.filter((e) => !e.read).length);
|
|
22570
|
+
vS = R(Ia);
|
|
22571
|
+
MS = R(Aa);
|
|
22572
|
+
yS = R(tn);
|
|
22573
|
+
kS = R(rn);
|
|
22574
|
+
Ra = R(zo);
|
|
22575
|
+
_S = createSelector([j, O], (a2, e) => Object.values(a2).map((i) => {
|
|
22584
22576
|
var r;
|
|
22585
22577
|
return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
|
|
22586
22578
|
}));
|
|
22587
|
-
|
|
22588
|
-
|
|
22589
|
-
|
|
22590
|
-
|
|
22591
|
-
|
|
22579
|
+
sn = (a2) => a2.roleChangeRequests[0] || null;
|
|
22580
|
+
NS = createSelector([sn, j, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
|
|
22581
|
+
OS = createSelector([at], (a2) => St(a2));
|
|
22582
|
+
xS = createSelector([oa], (a2) => St(a2));
|
|
22583
|
+
on = createSelector([Y, O], (a2, e) => {
|
|
22592
22584
|
let t = null;
|
|
22593
22585
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
22594
22586
|
});
|
|
22595
|
-
|
|
22587
|
+
nn = createSelector([ne, O], (a2, e) => {
|
|
22596
22588
|
let t = null;
|
|
22597
22589
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
22598
22590
|
});
|
|
22599
|
-
|
|
22591
|
+
ln = ((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))(ln || {});
|
|
22600
22592
|
Xr = class {
|
|
22601
22593
|
constructor() {
|
|
22602
22594
|
this.TAG = "[HTTPAnalyticsTransport]";
|
|
@@ -22616,7 +22608,7 @@ var init_dist = __esm({
|
|
|
22616
22608
|
this.addEventToStorage(e);
|
|
22617
22609
|
return;
|
|
22618
22610
|
}
|
|
22619
|
-
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" ?
|
|
22611
|
+
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" ? Ks : qs;
|
|
22620
22612
|
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) => {
|
|
22621
22613
|
if (r.status === 401) {
|
|
22622
22614
|
this.removeFromStorage(e);
|
|
@@ -22653,14 +22645,14 @@ var init_dist = __esm({
|
|
|
22653
22645
|
static sendFeedback(s) {
|
|
22654
22646
|
return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
|
|
22655
22647
|
l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
|
|
22656
|
-
let o = new URL("v2/client/feedback", t), n = M(
|
|
22648
|
+
let o = new URL("v2/client/feedback", t), n = M(h({}, i), { payload: r });
|
|
22657
22649
|
try {
|
|
22658
22650
|
let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
|
|
22659
22651
|
try {
|
|
22660
22652
|
this.handleError(d);
|
|
22661
22653
|
return;
|
|
22662
22654
|
} catch (u) {
|
|
22663
|
-
throw l.e(this.TAG, "error", u.message, d.status), u instanceof
|
|
22655
|
+
throw l.e(this.TAG, "error", u.message, d.status), u instanceof f ? u : S.APIErrors.ServerErrors(d.status, "FEEDBACK", u.message);
|
|
22664
22656
|
}
|
|
22665
22657
|
} catch (d) {
|
|
22666
22658
|
let u = d;
|
|
@@ -22670,65 +22662,65 @@ var init_dist = __esm({
|
|
|
22670
22662
|
}
|
|
22671
22663
|
};
|
|
22672
22664
|
Vt.TAG = "[FeedbackService]";
|
|
22673
|
-
|
|
22665
|
+
Q = ((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))(Q || {});
|
|
22674
22666
|
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 || {});
|
|
22675
22667
|
lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
|
|
22676
|
-
|
|
22677
|
-
|
|
22678
|
-
|
|
22679
|
-
|
|
22680
|
-
|
|
22681
|
-
|
|
22682
|
-
|
|
22668
|
+
Hn = (a2) => a2.localPeer.id;
|
|
22669
|
+
Cn = (a2) => a2.localPeer.audioTrack;
|
|
22670
|
+
Ln = (a2) => a2.localPeer.videoTrack;
|
|
22671
|
+
wn = (a2, e) => e;
|
|
22672
|
+
Ya = (a2, e) => e;
|
|
22673
|
+
Dn = (a2) => a2.remoteTrackStats;
|
|
22674
|
+
Xa = (a2) => a2.peerStats;
|
|
22683
22675
|
rs = (a2) => a2.localTrackStats;
|
|
22684
|
-
|
|
22685
|
-
|
|
22676
|
+
Ae = createSelector([Xa, Hn], (a2, e) => a2[e]);
|
|
22677
|
+
_n = createSelector(Ae, (a2) => {
|
|
22686
22678
|
var e;
|
|
22687
22679
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
22688
22680
|
});
|
|
22689
|
-
|
|
22681
|
+
Nn = createSelector(Ae, (a2) => {
|
|
22690
22682
|
var e;
|
|
22691
22683
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
|
|
22692
22684
|
});
|
|
22693
|
-
|
|
22685
|
+
On = createSelector(Ae, (a2) => {
|
|
22694
22686
|
var e;
|
|
22695
22687
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
|
|
22696
22688
|
});
|
|
22697
|
-
|
|
22689
|
+
xn = createSelector(Ae, (a2) => {
|
|
22698
22690
|
var e;
|
|
22699
22691
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
|
|
22700
22692
|
});
|
|
22701
|
-
|
|
22693
|
+
Un = createSelector(Ae, (a2) => {
|
|
22702
22694
|
var e;
|
|
22703
22695
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
|
|
22704
22696
|
});
|
|
22705
|
-
|
|
22697
|
+
Bn = createSelector(Ae, (a2) => {
|
|
22706
22698
|
var e;
|
|
22707
22699
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
|
|
22708
22700
|
});
|
|
22709
|
-
|
|
22701
|
+
Vn = createSelector(Ae, (a2) => {
|
|
22710
22702
|
var e;
|
|
22711
22703
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
|
|
22712
22704
|
});
|
|
22713
|
-
|
|
22705
|
+
Fn = createSelector(Ae, (a2) => {
|
|
22714
22706
|
var e;
|
|
22715
22707
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
22716
22708
|
});
|
|
22717
|
-
|
|
22718
|
-
|
|
22719
|
-
ss = createSelector([rs,
|
|
22720
|
-
|
|
22721
|
-
|
|
22722
|
-
|
|
22709
|
+
Gn = createSelector([Xa, wn], (a2, e) => e ? a2[e] : void 0);
|
|
22710
|
+
Wn = createSelector([Dn, Ya], (a2, e) => e ? a2[e] : void 0);
|
|
22711
|
+
ss = createSelector([rs, Ya], (a2, e) => e ? a2[e] : void 0);
|
|
22712
|
+
$n = R(Gn);
|
|
22713
|
+
Kn = R(Wn);
|
|
22714
|
+
qn = createSelector([rs, Cn], (a2, e) => {
|
|
22723
22715
|
var t;
|
|
22724
22716
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
22725
22717
|
});
|
|
22726
|
-
|
|
22727
|
-
|
|
22718
|
+
jn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
|
|
22719
|
+
Jn = createSelector([rs, Ln], (a2, e) => {
|
|
22728
22720
|
var t;
|
|
22729
22721
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
22730
22722
|
});
|
|
22731
|
-
|
|
22723
|
+
Qn = R(createSelector(ss, (a2) => a2));
|
|
22732
22724
|
}
|
|
22733
22725
|
});
|
|
22734
22726
|
|
|
@@ -22853,7 +22845,7 @@ var init_StreamActions = __esm({
|
|
|
22853
22845
|
};
|
|
22854
22846
|
RecordingPauseStatus = () => {
|
|
22855
22847
|
const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
|
|
22856
|
-
if (recording.hls && recording.hls.state ===
|
|
22848
|
+
if (recording.hls && recording.hls.state === ws.PAUSED) {
|
|
22857
22849
|
return /* @__PURE__ */ import_react88.default.createElement(
|
|
22858
22850
|
Tooltip,
|
|
22859
22851
|
{
|
|
@@ -22972,15 +22964,6 @@ var init_ChangeNameContent = __esm({
|
|
|
22972
22964
|
onExit,
|
|
22973
22965
|
onBackClick
|
|
22974
22966
|
}) => {
|
|
22975
|
-
const inputRef = (0, import_react89.useRef)(null);
|
|
22976
|
-
(0, import_react89.useEffect)(() => {
|
|
22977
|
-
if (isMobile) {
|
|
22978
|
-
setTimeout(() => {
|
|
22979
|
-
var _a7;
|
|
22980
|
-
(_a7 = inputRef.current) == null ? void 0 : _a7.focus();
|
|
22981
|
-
}, 200);
|
|
22982
|
-
}
|
|
22983
|
-
}, [isMobile]);
|
|
22984
22967
|
return /* @__PURE__ */ import_react89.default.createElement(
|
|
22985
22968
|
"form",
|
|
22986
22969
|
{
|
|
@@ -23016,10 +22999,9 @@ var init_ChangeNameContent = __esm({
|
|
|
23016
22999
|
/* @__PURE__ */ import_react89.default.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%", "@md": { px: "$8" } } }, /* @__PURE__ */ import_react89.default.createElement(
|
|
23017
23000
|
Input,
|
|
23018
23001
|
{
|
|
23019
|
-
ref: inputRef,
|
|
23020
23002
|
css: { width: "100%", bg: "$surface_default" },
|
|
23021
23003
|
value: currentName,
|
|
23022
|
-
type: "text",
|
|
23004
|
+
type: isMobile ? "search" : "text",
|
|
23023
23005
|
onChange: (e) => {
|
|
23024
23006
|
setCurrentName(e.target.value);
|
|
23025
23007
|
},
|
|
@@ -23131,7 +23113,7 @@ var init_ChangeNameModal = __esm({
|
|
|
23131
23113
|
}
|
|
23132
23114
|
};
|
|
23133
23115
|
if (isMobile) {
|
|
23134
|
-
return /* @__PURE__ */ import_react90.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" }
|
|
23116
|
+
return /* @__PURE__ */ import_react90.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" } }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props))));
|
|
23135
23117
|
}
|
|
23136
23118
|
return /* @__PURE__ */ import_react90.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react90.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react90.default.createElement(Dialog.Content, { css: { bg: "$surface_dim", width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props)))));
|
|
23137
23119
|
};
|
|
@@ -28261,7 +28243,7 @@ var init_Chat = __esm({
|
|
|
28261
28243
|
const listRef = (0, import_react153.useRef)(null);
|
|
28262
28244
|
const hmsActions = (0, import_react_sdk74.useHMSActions)();
|
|
28263
28245
|
const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
|
|
28264
|
-
const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(
|
|
28246
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(Jm("chatState" /* CHAT_STATE */)) || {};
|
|
28265
28247
|
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
28266
28248
|
const isMobileHLSStream = useMobileHLSStream();
|
|
28267
28249
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -28351,7 +28333,7 @@ var init_Chat = __esm({
|
|
|
28351
28333
|
scrollToBottom,
|
|
28352
28334
|
listRef
|
|
28353
28335
|
}) => {
|
|
28354
|
-
const unreadCount = (0, import_react_sdk74.useHMSStore)(
|
|
28336
|
+
const unreadCount = (0, import_react_sdk74.useHMSStore)(gm);
|
|
28355
28337
|
if (!unreadCount || !listRef.current) {
|
|
28356
28338
|
return null;
|
|
28357
28339
|
}
|
|
@@ -28773,44 +28755,6 @@ var init_TileConnection = __esm({
|
|
|
28773
28755
|
}
|
|
28774
28756
|
});
|
|
28775
28757
|
|
|
28776
|
-
// src/Prebuilt/components/peerTileUtils.tsx
|
|
28777
|
-
var PEER_NAME_PLACEHOLDER, labelMap, getVideoTileLabel;
|
|
28778
|
-
var init_peerTileUtils = __esm({
|
|
28779
|
-
"src/Prebuilt/components/peerTileUtils.tsx"() {
|
|
28780
|
-
"use strict";
|
|
28781
|
-
init_define_process_env();
|
|
28782
|
-
PEER_NAME_PLACEHOLDER = "peerName";
|
|
28783
|
-
labelMap = /* @__PURE__ */ new Map([
|
|
28784
|
-
[[true, "screen"].toString(), "Your Screen"],
|
|
28785
|
-
[[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
|
|
28786
|
-
[[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
|
|
28787
|
-
[[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
|
|
28788
|
-
[[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
|
|
28789
|
-
[[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
|
|
28790
|
-
]);
|
|
28791
|
-
getVideoTileLabel = ({
|
|
28792
|
-
peerName,
|
|
28793
|
-
isLocal,
|
|
28794
|
-
videoTrack,
|
|
28795
|
-
audioTrack
|
|
28796
|
-
}) => {
|
|
28797
|
-
const isPeerPresent = peerName !== void 0;
|
|
28798
|
-
if (!isPeerPresent || !videoTrack) {
|
|
28799
|
-
const label2 = labelMap.get([isLocal, void 0].toString());
|
|
28800
|
-
return isPeerPresent && label2 ? label2.replace(PEER_NAME_PLACEHOLDER, peerName) : "";
|
|
28801
|
-
}
|
|
28802
|
-
const isLocallyMuted = (audioTrack == null ? void 0 : audioTrack.volume) === 0;
|
|
28803
|
-
let label = labelMap.get([isLocal, videoTrack.source].toString());
|
|
28804
|
-
if (label) {
|
|
28805
|
-
label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
|
|
28806
|
-
} else {
|
|
28807
|
-
label = `${peerName} ${videoTrack.source}`;
|
|
28808
|
-
}
|
|
28809
|
-
return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
|
|
28810
|
-
};
|
|
28811
|
-
}
|
|
28812
|
-
});
|
|
28813
|
-
|
|
28814
28758
|
// src/Prebuilt/components/TileMenu/utils.ts
|
|
28815
28759
|
var getDragClassName;
|
|
28816
28760
|
var init_utils6 = __esm({
|
|
@@ -29046,7 +28990,7 @@ var init_TileMenuContent = __esm({
|
|
|
29046
28990
|
},
|
|
29047
28991
|
isAudioEnabled ? /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.MicOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.MicOffIcon, { height: 20, width: 20 }),
|
|
29048
28992
|
/* @__PURE__ */ import_react158.default.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
|
|
29049
|
-
) : null,
|
|
28993
|
+
) : null, canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
|
|
29050
28994
|
StyledMenuTile.ItemButton,
|
|
29051
28995
|
{
|
|
29052
28996
|
className: dragClassName,
|
|
@@ -29059,7 +29003,7 @@ var init_TileMenuContent = __esm({
|
|
|
29059
29003
|
},
|
|
29060
29004
|
/* @__PURE__ */ import_react158.default.createElement(import_react_icons76.PersonSettingsIcon, { height: 20, width: 20 }),
|
|
29061
29005
|
/* @__PURE__ */ import_react158.default.createElement("span", null, "Switch Role")
|
|
29062
|
-
) : null,
|
|
29006
|
+
) : null, audioTrackID ? /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react158.default.createElement(
|
|
29063
29007
|
Slider,
|
|
29064
29008
|
{
|
|
29065
29009
|
css: { my: "0.5rem" },
|
|
@@ -29114,7 +29058,6 @@ var init_TileMenu2 = __esm({
|
|
|
29114
29058
|
init_Theme();
|
|
29115
29059
|
init_TileMenu();
|
|
29116
29060
|
init_ChangeNameModal();
|
|
29117
|
-
init_peerTileUtils();
|
|
29118
29061
|
init_RoleChangeModal();
|
|
29119
29062
|
init_TileMenuContent();
|
|
29120
29063
|
init_useDropdownList();
|
|
@@ -29139,7 +29082,6 @@ var init_TileMenu2 = __esm({
|
|
|
29139
29082
|
const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
|
|
29140
29083
|
const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
|
|
29141
29084
|
const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
|
|
29142
|
-
const audioTrack = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(audioTrackID));
|
|
29143
29085
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
29144
29086
|
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
29145
29087
|
const peer = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerByID)(peerID));
|
|
@@ -29147,7 +29089,7 @@ var init_TileMenu2 = __esm({
|
|
|
29147
29089
|
const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
|
|
29148
29090
|
useDropdownList({ open, name: "TileMenu" });
|
|
29149
29091
|
const dragClassName = getDragClassName();
|
|
29150
|
-
if (!
|
|
29092
|
+
if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
|
|
29151
29093
|
return null;
|
|
29152
29094
|
}
|
|
29153
29095
|
const openNameChangeModal = () => setShowNameChangeModal(true);
|
|
@@ -29158,6 +29100,7 @@ var init_TileMenu2 = __esm({
|
|
|
29158
29100
|
audioTrackID,
|
|
29159
29101
|
videoTrackID,
|
|
29160
29102
|
peerID,
|
|
29103
|
+
isPrimaryVideoTrack,
|
|
29161
29104
|
showSpotlight,
|
|
29162
29105
|
showPinAction,
|
|
29163
29106
|
canMinimise,
|
|
@@ -29187,7 +29130,7 @@ var init_TileMenu2 = __esm({
|
|
|
29187
29130
|
borderBottom: "1px solid $border_default"
|
|
29188
29131
|
}
|
|
29189
29132
|
},
|
|
29190
|
-
/* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } },
|
|
29133
|
+
/* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal ? ` (You)` : null), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ import_react159.default.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
|
|
29191
29134
|
/* @__PURE__ */ import_react159.default.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ import_react159.default.createElement(import_react_icons77.CrossIcon, null))
|
|
29192
29135
|
), /* @__PURE__ */ import_react159.default.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ import_react159.default.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ import_react159.default.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ import_react159.default.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
|
|
29193
29136
|
};
|
|
@@ -29195,6 +29138,38 @@ var init_TileMenu2 = __esm({
|
|
|
29195
29138
|
}
|
|
29196
29139
|
});
|
|
29197
29140
|
|
|
29141
|
+
// src/Prebuilt/components/peerTileUtils.jsx
|
|
29142
|
+
var PEER_NAME_PLACEHOLDER, labelMap, getVideoTileLabel;
|
|
29143
|
+
var init_peerTileUtils = __esm({
|
|
29144
|
+
"src/Prebuilt/components/peerTileUtils.jsx"() {
|
|
29145
|
+
"use strict";
|
|
29146
|
+
init_define_process_env();
|
|
29147
|
+
PEER_NAME_PLACEHOLDER = "peerName";
|
|
29148
|
+
labelMap = /* @__PURE__ */ new Map([
|
|
29149
|
+
[[true, "screen"].toString(), "Your Screen"],
|
|
29150
|
+
[[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
|
|
29151
|
+
[[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
|
|
29152
|
+
[[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
|
|
29153
|
+
[[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
|
|
29154
|
+
[[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
|
|
29155
|
+
]);
|
|
29156
|
+
getVideoTileLabel = ({ peerName, isLocal, track }) => {
|
|
29157
|
+
const isPeerPresent = peerName !== void 0;
|
|
29158
|
+
if (!isPeerPresent || !track) {
|
|
29159
|
+
return isPeerPresent ? labelMap.get([isLocal, void 0].toString()).replace(PEER_NAME_PLACEHOLDER, peerName) : "";
|
|
29160
|
+
}
|
|
29161
|
+
const isLocallyMuted = track.volume === 0;
|
|
29162
|
+
let label = labelMap.get([isLocal, track.source].toString());
|
|
29163
|
+
if (label) {
|
|
29164
|
+
label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
|
|
29165
|
+
} else {
|
|
29166
|
+
label = `${peerName} ${track.source}`;
|
|
29167
|
+
}
|
|
29168
|
+
return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
|
|
29169
|
+
};
|
|
29170
|
+
}
|
|
29171
|
+
});
|
|
29172
|
+
|
|
29198
29173
|
// src/Prebuilt/components/VideoTile.tsx
|
|
29199
29174
|
var import_react160, import_react_use31, import_react_sdk81, import_react_icons78, PeerMetadata, Tile, VideoTile, VideoTile_default;
|
|
29200
29175
|
var init_VideoTile2 = __esm({
|
|
@@ -29259,9 +29234,8 @@ var init_VideoTile2 = __esm({
|
|
|
29259
29234
|
});
|
|
29260
29235
|
const label = getVideoTileLabel({
|
|
29261
29236
|
peerName,
|
|
29262
|
-
|
|
29263
|
-
|
|
29264
|
-
audioTrack
|
|
29237
|
+
track,
|
|
29238
|
+
isLocal
|
|
29265
29239
|
});
|
|
29266
29240
|
const onHoverHandler = (0, import_react160.useCallback)((event) => {
|
|
29267
29241
|
setIsMouseHovered(event.type === "mouseenter");
|
|
@@ -29442,7 +29416,7 @@ var init_VBPicker = __esm({
|
|
|
29442
29416
|
init_constants();
|
|
29443
29417
|
iconDims = { height: "40px", width: "40px" };
|
|
29444
29418
|
VBPicker = ({ backgroundMedia = [] }) => {
|
|
29445
|
-
var _a7
|
|
29419
|
+
var _a7;
|
|
29446
29420
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
29447
29421
|
const hmsActions = (0, import_react_sdk82.useHMSActions)();
|
|
29448
29422
|
const localPeer = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeer);
|
|
@@ -29455,15 +29429,14 @@ var init_VBPicker = __esm({
|
|
|
29455
29429
|
const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
|
|
29456
29430
|
const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
|
|
29457
29431
|
const isEffectsSupported = VBHandler.isEffectsSupported();
|
|
29458
|
-
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(
|
|
29459
|
-
const effectsKey = (0, import_react_sdk82.useHMSStore)(
|
|
29432
|
+
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Hm);
|
|
29433
|
+
const effectsKey = (0, import_react_sdk82.useHMSStore)(Lm);
|
|
29460
29434
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
29461
29435
|
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
29462
29436
|
const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
|
|
29463
|
-
const background = (0, import_react_sdk82.useHMSStore)(
|
|
29437
|
+
const background = (0, import_react_sdk82.useHMSStore)(jm(APP_DATA.background));
|
|
29464
29438
|
const mediaList = backgroundMedia.map((media) => media.url || "");
|
|
29465
29439
|
const pluginLoadingRef = (0, import_react163.useRef)(false);
|
|
29466
|
-
const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
|
|
29467
29440
|
const inPreview = roomState === import_react_sdk82.HMSRoomState.Preview;
|
|
29468
29441
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
29469
29442
|
(0, import_react163.useEffect)(() => {
|
|
@@ -29585,13 +29558,13 @@ var init_VBPicker = __esm({
|
|
|
29585
29558
|
yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
|
|
29586
29559
|
hmsActions.setAppData(APP_DATA.background, import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR);
|
|
29587
29560
|
}),
|
|
29588
|
-
supported:
|
|
29561
|
+
supported: isEffectsSupported && isEffectsEnabled
|
|
29589
29562
|
}
|
|
29590
29563
|
],
|
|
29591
29564
|
activeBackground: background
|
|
29592
29565
|
}
|
|
29593
29566
|
),
|
|
29594
|
-
/* @__PURE__ */ import_react163.default.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, background === import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR &&
|
|
29567
|
+
/* @__PURE__ */ import_react163.default.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, background === import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ import_react163.default.createElement(Box, null, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ import_react163.default.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ import_react163.default.createElement(
|
|
29595
29568
|
Slider,
|
|
29596
29569
|
{
|
|
29597
29570
|
showTooltip: false,
|
|
@@ -30674,10 +30647,10 @@ var init_useTileLayout = __esm({
|
|
|
30674
30647
|
tileHeight = maxRowHeight;
|
|
30675
30648
|
} else {
|
|
30676
30649
|
const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
|
|
30677
|
-
for (const
|
|
30678
|
-
if (
|
|
30679
|
-
if (tileHeight <
|
|
30680
|
-
tileHeight =
|
|
30650
|
+
for (const h2 of calcHeights) {
|
|
30651
|
+
if (h2 < maxRowHeight) {
|
|
30652
|
+
if (tileHeight < h2) {
|
|
30653
|
+
tileHeight = h2;
|
|
30681
30654
|
}
|
|
30682
30655
|
}
|
|
30683
30656
|
}
|
|
@@ -30713,7 +30686,6 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
30713
30686
|
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
30714
30687
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
30715
30688
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
30716
|
-
const peerCount = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectPeerCount);
|
|
30717
30689
|
const pageList = usePagesWithTiles({
|
|
30718
30690
|
peers,
|
|
30719
30691
|
maxTileCount
|
|
@@ -30743,20 +30715,19 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
30743
30715
|
), pageList.length === 0 ? /* @__PURE__ */ import_react177.default.createElement(
|
|
30744
30716
|
WaitingView,
|
|
30745
30717
|
{
|
|
30746
|
-
title:
|
|
30747
|
-
subtitle:
|
|
30718
|
+
title: "You're the first to join",
|
|
30719
|
+
subtitle: "Sit back and relax till others join",
|
|
30748
30720
|
icon: /* @__PURE__ */ import_react177.default.createElement(import_react_icons84.PeopleAddIcon, { width: "56px", height: "56px", style: { color: "white" } })
|
|
30749
30721
|
}
|
|
30750
30722
|
) : null, isInsetEnabled && /* @__PURE__ */ import_react177.default.createElement(InsetTile, null));
|
|
30751
30723
|
}
|
|
30752
|
-
var import_react177, import_react_use39,
|
|
30724
|
+
var import_react177, import_react_use39, import_react_icons84;
|
|
30753
30725
|
var init_EqualProminence = __esm({
|
|
30754
30726
|
"src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
|
|
30755
30727
|
"use strict";
|
|
30756
30728
|
init_define_process_env();
|
|
30757
30729
|
import_react177 = __toESM(require("react"));
|
|
30758
30730
|
import_react_use39 = require("react-use");
|
|
30759
|
-
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
30760
30731
|
import_react_icons84 = require("@100mslive/react-icons");
|
|
30761
30732
|
init_Layout();
|
|
30762
30733
|
init_Theme();
|
|
@@ -30859,14 +30830,14 @@ var init_ProminenceLayout = __esm({
|
|
|
30859
30830
|
});
|
|
30860
30831
|
|
|
30861
30832
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
30862
|
-
var import_react179, import_react_use40,
|
|
30833
|
+
var import_react179, import_react_use40, import_react_sdk89, SecondaryTiles;
|
|
30863
30834
|
var init_SecondaryTiles = __esm({
|
|
30864
30835
|
"src/Prebuilt/components/SecondaryTiles.tsx"() {
|
|
30865
30836
|
"use strict";
|
|
30866
30837
|
init_define_process_env();
|
|
30867
30838
|
import_react179 = __toESM(require("react"));
|
|
30868
30839
|
import_react_use40 = require("react-use");
|
|
30869
|
-
|
|
30840
|
+
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
30870
30841
|
init_ProminenceLayout();
|
|
30871
30842
|
init_Theme();
|
|
30872
30843
|
init_Pagination2();
|
|
@@ -30877,10 +30848,10 @@ var init_SecondaryTiles = __esm({
|
|
|
30877
30848
|
const isMobile = (0, import_react_use40.useMedia)(config.media.md);
|
|
30878
30849
|
const maxTileCount = isMobile ? 2 : 4;
|
|
30879
30850
|
const [page, setPage] = (0, import_react179.useState)(0);
|
|
30880
|
-
const pinnedTrackId = (0,
|
|
30881
|
-
const spotlightPeerId = (0,
|
|
30882
|
-
const activeScreensharePeerId = (0,
|
|
30883
|
-
const pinnedPeer = (_a7 = (0,
|
|
30851
|
+
const pinnedTrackId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.pinnedTrackId));
|
|
30852
|
+
const spotlightPeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectSessionStore)("spotlight" /* SPOTLIGHT */));
|
|
30853
|
+
const activeScreensharePeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
30854
|
+
const pinnedPeer = (_a7 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
|
|
30884
30855
|
const pageChangedAfterPinning = (0, import_react179.useRef)(false);
|
|
30885
30856
|
const pagesWithTiles = usePagesWithTiles({
|
|
30886
30857
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
|
@@ -30989,7 +30960,7 @@ function RoleProminence({
|
|
|
30989
30960
|
}) {
|
|
30990
30961
|
var _a7;
|
|
30991
30962
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
30992
|
-
const localPeer = (0,
|
|
30963
|
+
const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
|
|
30993
30964
|
const isMobile = (0, import_react_use41.useMedia)(config.media.md);
|
|
30994
30965
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
30995
30966
|
maxTileCount = isMobile ? 4 : maxTileCount;
|
|
@@ -31020,14 +30991,14 @@ function RoleProminence({
|
|
|
31020
30991
|
}
|
|
31021
30992
|
), /* @__PURE__ */ import_react181.default.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react181.default.createElement(InsetTile, null));
|
|
31022
30993
|
}
|
|
31023
|
-
var import_react181, import_react_use41,
|
|
30994
|
+
var import_react181, import_react_use41, import_react_sdk90;
|
|
31024
30995
|
var init_RoleProminence = __esm({
|
|
31025
30996
|
"src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
|
|
31026
30997
|
"use strict";
|
|
31027
30998
|
init_define_process_env();
|
|
31028
30999
|
import_react181 = __toESM(require("react"));
|
|
31029
31000
|
import_react_use41 = require("react-use");
|
|
31030
|
-
|
|
31001
|
+
import_react_sdk90 = require("@100mslive/react-sdk");
|
|
31031
31002
|
init_Theme();
|
|
31032
31003
|
init_InsetTile();
|
|
31033
31004
|
init_Pagination2();
|
|
@@ -31158,19 +31129,19 @@ var init_LayoutModeSelector = __esm({
|
|
|
31158
31129
|
});
|
|
31159
31130
|
|
|
31160
31131
|
// src/Prebuilt/components/ScreenshareDisplay.tsx
|
|
31161
|
-
var import_react183,
|
|
31132
|
+
var import_react183, import_react_sdk91, import_react_icons86, ScreenshareDisplay;
|
|
31162
31133
|
var init_ScreenshareDisplay = __esm({
|
|
31163
31134
|
"src/Prebuilt/components/ScreenshareDisplay.tsx"() {
|
|
31164
31135
|
"use strict";
|
|
31165
31136
|
init_define_process_env();
|
|
31166
31137
|
import_react183 = __toESM(require("react"));
|
|
31167
|
-
|
|
31138
|
+
import_react_sdk91 = require("@100mslive/react-sdk");
|
|
31168
31139
|
import_react_icons86 = require("@100mslive/react-icons");
|
|
31169
31140
|
init_Button2();
|
|
31170
31141
|
init_Layout();
|
|
31171
31142
|
init_Text2();
|
|
31172
31143
|
ScreenshareDisplay = () => {
|
|
31173
|
-
const hmsActions = (0,
|
|
31144
|
+
const hmsActions = (0, import_react_sdk91.useHMSActions)();
|
|
31174
31145
|
return /* @__PURE__ */ import_react183.default.createElement(
|
|
31175
31146
|
Flex,
|
|
31176
31147
|
{
|
|
@@ -31204,7 +31175,7 @@ var init_ScreenshareDisplay = __esm({
|
|
|
31204
31175
|
});
|
|
31205
31176
|
|
|
31206
31177
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
31207
|
-
var import_react184, import_react_use42, import_screenfull2,
|
|
31178
|
+
var import_react184, import_react_use42, import_screenfull2, import_react_sdk92, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
|
|
31208
31179
|
var init_ScreenshareTile = __esm({
|
|
31209
31180
|
"src/Prebuilt/components/ScreenshareTile.tsx"() {
|
|
31210
31181
|
"use strict";
|
|
@@ -31212,7 +31183,7 @@ var init_ScreenshareTile = __esm({
|
|
|
31212
31183
|
import_react184 = __toESM(require("react"));
|
|
31213
31184
|
import_react_use42 = require("react-use");
|
|
31214
31185
|
import_screenfull2 = __toESM(require("screenfull"));
|
|
31215
|
-
|
|
31186
|
+
import_react_sdk92 = require("@100mslive/react-sdk");
|
|
31216
31187
|
import_react_icons87 = require("@100mslive/react-icons");
|
|
31217
31188
|
init_TileMenu2();
|
|
31218
31189
|
init_Layout();
|
|
@@ -31234,10 +31205,10 @@ var init_ScreenshareTile = __esm({
|
|
|
31234
31205
|
flexShrink: 0
|
|
31235
31206
|
};
|
|
31236
31207
|
Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
31237
|
-
const isLocal = (0,
|
|
31238
|
-
const track = (0,
|
|
31208
|
+
const isLocal = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerID) === peerId;
|
|
31209
|
+
const track = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareByPeerID)(peerId));
|
|
31239
31210
|
const { theme: theme2 } = useTheme();
|
|
31240
|
-
const peer = (0,
|
|
31211
|
+
const peer = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectPeerByID)(peerId));
|
|
31241
31212
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
31242
31213
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react184.useState)(false);
|
|
31243
31214
|
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
@@ -31248,7 +31219,7 @@ var init_ScreenshareTile = __esm({
|
|
|
31248
31219
|
onClose: () => setFullscreen(false)
|
|
31249
31220
|
});
|
|
31250
31221
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
|
31251
|
-
const audioTrack = (0,
|
|
31222
|
+
const audioTrack = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
|
|
31252
31223
|
if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
|
|
31253
31224
|
return /* @__PURE__ */ import_react184.default.createElement(ScreenshareDisplay, null);
|
|
31254
31225
|
}
|
|
@@ -31258,8 +31229,7 @@ var init_ScreenshareTile = __esm({
|
|
|
31258
31229
|
const label = getVideoTileLabel({
|
|
31259
31230
|
peerName: peer == null ? void 0 : peer.name,
|
|
31260
31231
|
isLocal: false,
|
|
31261
|
-
|
|
31262
|
-
audioTrack
|
|
31232
|
+
track
|
|
31263
31233
|
});
|
|
31264
31234
|
return /* @__PURE__ */ import_react184.default.createElement(
|
|
31265
31235
|
StyledVideoTile.Root,
|
|
@@ -31328,14 +31298,14 @@ var init_ScreenshareTile = __esm({
|
|
|
31328
31298
|
});
|
|
31329
31299
|
|
|
31330
31300
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
31331
|
-
var import_react185, import_react_use43,
|
|
31301
|
+
var import_react185, import_react_use43, import_react_sdk93, ScreenshareLayout;
|
|
31332
31302
|
var init_ScreenshareLayout = __esm({
|
|
31333
31303
|
"src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
|
|
31334
31304
|
"use strict";
|
|
31335
31305
|
init_define_process_env();
|
|
31336
31306
|
import_react185 = __toESM(require("react"));
|
|
31337
31307
|
import_react_use43 = require("react-use");
|
|
31338
|
-
|
|
31308
|
+
import_react_sdk93 = require("@100mslive/react-sdk");
|
|
31339
31309
|
init_Theme();
|
|
31340
31310
|
init_InsetTile();
|
|
31341
31311
|
init_Pagination2();
|
|
@@ -31347,7 +31317,7 @@ var init_ScreenshareLayout = __esm({
|
|
|
31347
31317
|
init_constants();
|
|
31348
31318
|
ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
31349
31319
|
var _a7;
|
|
31350
|
-
const peersSharing = (0,
|
|
31320
|
+
const peersSharing = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeersScreenSharing);
|
|
31351
31321
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31352
31322
|
const [page, setPage] = (0, import_react185.useState)(0);
|
|
31353
31323
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
@@ -31396,14 +31366,14 @@ var init_ScreenshareLayout = __esm({
|
|
|
31396
31366
|
}
|
|
31397
31367
|
});
|
|
31398
31368
|
|
|
31399
|
-
// ../../../../../../../tmp/tmp-
|
|
31400
|
-
var
|
|
31401
|
-
"../../../../../../../tmp/tmp-
|
|
31369
|
+
// ../../../../../../../tmp/tmp-2870-VIzQBpFeNJZ7/1920517a4d80/index.css
|
|
31370
|
+
var init_a4d80 = __esm({
|
|
31371
|
+
"../../../../../../../tmp/tmp-2870-VIzQBpFeNJZ7/1920517a4d80/index.css"() {
|
|
31402
31372
|
}
|
|
31403
31373
|
});
|
|
31404
31374
|
|
|
31405
31375
|
// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
|
|
31406
|
-
var import_react186, import_react_use44, import_hms_whiteboard,
|
|
31376
|
+
var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk94, WhiteboardEmbed, WhiteboardLayout;
|
|
31407
31377
|
var init_WhiteboardLayout = __esm({
|
|
31408
31378
|
"src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
|
|
31409
31379
|
"use strict";
|
|
@@ -31411,7 +31381,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
31411
31381
|
import_react186 = __toESM(require("react"));
|
|
31412
31382
|
import_react_use44 = require("react-use");
|
|
31413
31383
|
import_hms_whiteboard = require("@100mslive/hms-whiteboard");
|
|
31414
|
-
|
|
31384
|
+
import_react_sdk94 = require("@100mslive/react-sdk");
|
|
31415
31385
|
init_Layout();
|
|
31416
31386
|
init_Theme();
|
|
31417
31387
|
init_InsetTile();
|
|
@@ -31420,10 +31390,10 @@ var init_WhiteboardLayout = __esm({
|
|
|
31420
31390
|
init_ProminenceLayout();
|
|
31421
31391
|
init_useUISettings();
|
|
31422
31392
|
init_constants();
|
|
31423
|
-
|
|
31393
|
+
init_a4d80();
|
|
31424
31394
|
WhiteboardEmbed = () => {
|
|
31425
31395
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31426
|
-
const { token, endpoint, zoomToContent } = (0,
|
|
31396
|
+
const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
|
|
31427
31397
|
if (!token) {
|
|
31428
31398
|
return null;
|
|
31429
31399
|
}
|
|
@@ -31444,8 +31414,8 @@ var init_WhiteboardLayout = __esm({
|
|
|
31444
31414
|
);
|
|
31445
31415
|
};
|
|
31446
31416
|
WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
31447
|
-
const whiteboard = (0,
|
|
31448
|
-
const whiteboardOwner = (0,
|
|
31417
|
+
const whiteboard = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectWhiteboard);
|
|
31418
|
+
const whiteboardOwner = (0, import_react_sdk94.useHMSStore)((0, import_react_sdk94.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
|
|
31449
31419
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
31450
31420
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31451
31421
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
@@ -31486,12 +31456,12 @@ var init_WhiteboardLayout = __esm({
|
|
|
31486
31456
|
});
|
|
31487
31457
|
|
|
31488
31458
|
// src/Prebuilt/common/PeersSorter.ts
|
|
31489
|
-
var
|
|
31459
|
+
var import_react_sdk95, PeersSorter, PeersSorter_default;
|
|
31490
31460
|
var init_PeersSorter = __esm({
|
|
31491
31461
|
"src/Prebuilt/common/PeersSorter.ts"() {
|
|
31492
31462
|
"use strict";
|
|
31493
31463
|
init_define_process_env();
|
|
31494
|
-
|
|
31464
|
+
import_react_sdk95 = require("@100mslive/react-sdk");
|
|
31495
31465
|
PeersSorter = class {
|
|
31496
31466
|
constructor(store) {
|
|
31497
31467
|
this.storeUnsubscribe = void 0;
|
|
@@ -31512,7 +31482,7 @@ var init_PeersSorter = __esm({
|
|
|
31512
31482
|
}
|
|
31513
31483
|
});
|
|
31514
31484
|
if (!this.storeUnsubscribe) {
|
|
31515
|
-
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange,
|
|
31485
|
+
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk95.selectDominantSpeaker);
|
|
31516
31486
|
}
|
|
31517
31487
|
this.moveSpeakerToFront(this.speaker);
|
|
31518
31488
|
};
|
|
@@ -31587,13 +31557,13 @@ var init_PeersSorter = __esm({
|
|
|
31587
31557
|
});
|
|
31588
31558
|
|
|
31589
31559
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
|
31590
|
-
var import_react187,
|
|
31560
|
+
var import_react187, import_react_sdk96, GridLayout;
|
|
31591
31561
|
var init_GridLayout = __esm({
|
|
31592
31562
|
"src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
|
|
31593
31563
|
"use strict";
|
|
31594
31564
|
init_define_process_env();
|
|
31595
31565
|
import_react187 = __toESM(require("react"));
|
|
31596
|
-
|
|
31566
|
+
import_react_sdk96 = require("@100mslive/react-sdk");
|
|
31597
31567
|
init_EqualProminence();
|
|
31598
31568
|
init_RoleProminence();
|
|
31599
31569
|
init_ScreenshareLayout();
|
|
@@ -31613,12 +31583,12 @@ var init_GridLayout = __esm({
|
|
|
31613
31583
|
edge_to_edge = false,
|
|
31614
31584
|
hide_metadata_on_tile = false
|
|
31615
31585
|
}) => {
|
|
31616
|
-
const peerSharing = (0,
|
|
31617
|
-
const whiteboard = (0,
|
|
31586
|
+
const peerSharing = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeerScreenSharing);
|
|
31587
|
+
const whiteboard = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectWhiteboard);
|
|
31618
31588
|
const pinnedTrack = usePinnedTrack();
|
|
31619
|
-
const peers = (0,
|
|
31620
|
-
const localPeerRole = (0,
|
|
31621
|
-
const localPeerID = (0,
|
|
31589
|
+
const peers = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeers);
|
|
31590
|
+
const localPeerRole = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectLocalPeerRoleName);
|
|
31591
|
+
const localPeerID = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectLocalPeerID);
|
|
31622
31592
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31623
31593
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
31624
31594
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -31646,7 +31616,7 @@ var init_GridLayout = __esm({
|
|
|
31646
31616
|
peers,
|
|
31647
31617
|
pinnedTrack
|
|
31648
31618
|
]);
|
|
31649
|
-
const vanillaStore = (0,
|
|
31619
|
+
const vanillaStore = (0, import_react_sdk96.useHMSVanillaStore)();
|
|
31650
31620
|
const [sortedPeers, setSortedPeers] = (0, import_react187.useState)(updatedPeers);
|
|
31651
31621
|
const peersSorter = (0, import_react187.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
|
|
31652
31622
|
const [pageSize, setPageSize] = (0, import_react187.useState)(0);
|
|
@@ -31717,13 +31687,13 @@ var init_GridLayout = __esm({
|
|
|
31717
31687
|
});
|
|
31718
31688
|
|
|
31719
31689
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
31720
|
-
var import_react188,
|
|
31690
|
+
var import_react188, import_react_sdk97, EmbedView, EmbedScreenShareView, EmbedComponent;
|
|
31721
31691
|
var init_EmbedView = __esm({
|
|
31722
31692
|
"src/Prebuilt/layouts/EmbedView.jsx"() {
|
|
31723
31693
|
"use strict";
|
|
31724
31694
|
init_define_process_env();
|
|
31725
31695
|
import_react188 = __toESM(require("react"));
|
|
31726
|
-
|
|
31696
|
+
import_react_sdk97 = require("@100mslive/react-sdk");
|
|
31727
31697
|
init_SecondaryTiles();
|
|
31728
31698
|
init_ToastManager();
|
|
31729
31699
|
init_ProminenceLayout();
|
|
@@ -31734,8 +31704,8 @@ var init_EmbedView = __esm({
|
|
|
31734
31704
|
return /* @__PURE__ */ import_react188.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react188.default.createElement(EmbedComponent, null));
|
|
31735
31705
|
};
|
|
31736
31706
|
EmbedScreenShareView = ({ children }) => {
|
|
31737
|
-
const peers = (0,
|
|
31738
|
-
const peerPresenting = (0,
|
|
31707
|
+
const peers = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
|
|
31708
|
+
const peerPresenting = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
|
|
31739
31709
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31740
31710
|
const smallTilePeers = (0, import_react188.useMemo)(() => {
|
|
31741
31711
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
@@ -31750,9 +31720,9 @@ var init_EmbedView = __esm({
|
|
|
31750
31720
|
return /* @__PURE__ */ import_react188.default.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ import_react188.default.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ import_react188.default.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
|
31751
31721
|
};
|
|
31752
31722
|
EmbedComponent = () => {
|
|
31753
|
-
const embedConfig = (0,
|
|
31723
|
+
const embedConfig = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.embedConfig));
|
|
31754
31724
|
const resetConfig = useResetEmbedConfig();
|
|
31755
|
-
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0,
|
|
31725
|
+
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk97.useEmbedShare)(resetConfig);
|
|
31756
31726
|
(0, import_react188.useEffect)(() => {
|
|
31757
31727
|
(() => __async(void 0, null, function* () {
|
|
31758
31728
|
if (embedConfig && !isEmbedShareInProgress) {
|
|
@@ -31802,13 +31772,13 @@ var init_EmbedView = __esm({
|
|
|
31802
31772
|
});
|
|
31803
31773
|
|
|
31804
31774
|
// src/Prebuilt/layouts/PDFView.jsx
|
|
31805
|
-
var import_react189,
|
|
31775
|
+
var import_react189, import_react_sdk98, PDFView;
|
|
31806
31776
|
var init_PDFView = __esm({
|
|
31807
31777
|
"src/Prebuilt/layouts/PDFView.jsx"() {
|
|
31808
31778
|
"use strict";
|
|
31809
31779
|
init_define_process_env();
|
|
31810
31780
|
import_react189 = __toESM(require("react"));
|
|
31811
|
-
|
|
31781
|
+
import_react_sdk98 = require("@100mslive/react-sdk");
|
|
31812
31782
|
init_ToastManager();
|
|
31813
31783
|
init_Layout();
|
|
31814
31784
|
init_EmbedView();
|
|
@@ -31816,7 +31786,7 @@ var init_PDFView = __esm({
|
|
|
31816
31786
|
PDFView = () => {
|
|
31817
31787
|
const pdfConfig = usePDFConfig();
|
|
31818
31788
|
const resetConfig = useResetPDFConfig();
|
|
31819
|
-
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0,
|
|
31789
|
+
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk98.usePDFShare)(resetConfig);
|
|
31820
31790
|
(0, import_react189.useEffect)(() => {
|
|
31821
31791
|
return () => {
|
|
31822
31792
|
resetConfig();
|
|
@@ -31871,7 +31841,7 @@ var init_PDFView = __esm({
|
|
|
31871
31841
|
});
|
|
31872
31842
|
|
|
31873
31843
|
// src/Prebuilt/plugins/CaptionsViewer.tsx
|
|
31874
|
-
var import_react190, import_react_draggable2, import_react_use45,
|
|
31844
|
+
var import_react190, import_react_draggable2, import_react_use45, import_react_sdk99, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
|
|
31875
31845
|
var init_CaptionsViewer = __esm({
|
|
31876
31846
|
"src/Prebuilt/plugins/CaptionsViewer.tsx"() {
|
|
31877
31847
|
"use strict";
|
|
@@ -31879,7 +31849,7 @@ var init_CaptionsViewer = __esm({
|
|
|
31879
31849
|
import_react190 = __toESM(require("react"));
|
|
31880
31850
|
import_react_draggable2 = __toESM(require("react-draggable"));
|
|
31881
31851
|
import_react_use45 = require("react-use");
|
|
31882
|
-
|
|
31852
|
+
import_react_sdk99 = require("@100mslive/react-sdk");
|
|
31883
31853
|
init_Layout();
|
|
31884
31854
|
init_Text2();
|
|
31885
31855
|
init_Theme();
|
|
@@ -32020,7 +31990,7 @@ var init_CaptionsViewer = __esm({
|
|
|
32020
31990
|
}
|
|
32021
31991
|
};
|
|
32022
31992
|
TranscriptView = ({ peer_id, data: data3 }) => {
|
|
32023
|
-
const peerName = (0,
|
|
31993
|
+
const peerName = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectPeerNameByID)(peer_id)) || "Participant";
|
|
32024
31994
|
data3 = data3.trim();
|
|
32025
31995
|
if (!data3)
|
|
32026
31996
|
return null;
|
|
@@ -32048,7 +32018,7 @@ var init_CaptionsViewer = __esm({
|
|
|
32048
32018
|
const [captionQueue] = (0, import_react190.useState)(new CaptionMaintainerQueue());
|
|
32049
32019
|
const [currentData, setCurrentData] = (0, import_react190.useState)([]);
|
|
32050
32020
|
const isCaptionEnabled = useIsCaptionEnabled();
|
|
32051
|
-
const isTranscriptionEnabled = (0,
|
|
32021
|
+
const isTranscriptionEnabled = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsTranscriptionEnabled);
|
|
32052
32022
|
const nodeRef = (0, import_react190.useRef)(null);
|
|
32053
32023
|
(0, import_react190.useEffect)(() => {
|
|
32054
32024
|
const timeInterval = setInterval(() => {
|
|
@@ -32061,7 +32031,7 @@ var init_CaptionsViewer = __esm({
|
|
|
32061
32031
|
}, 1e3);
|
|
32062
32032
|
return () => clearInterval(timeInterval);
|
|
32063
32033
|
}, [captionQueue]);
|
|
32064
|
-
(0,
|
|
32034
|
+
(0, import_react_sdk99.useTranscript)({
|
|
32065
32035
|
onTranscript: (data3) => {
|
|
32066
32036
|
captionQueue && captionQueue.push(data3);
|
|
32067
32037
|
}
|
|
@@ -32118,16 +32088,16 @@ var init_CaptionsViewer = __esm({
|
|
|
32118
32088
|
});
|
|
32119
32089
|
|
|
32120
32090
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
|
32121
|
-
var import_react191,
|
|
32091
|
+
var import_react191, import_react_sdk100, useCloseScreenshareWhiteboard;
|
|
32122
32092
|
var init_useCloseScreenshareWhiteboard = __esm({
|
|
32123
32093
|
"src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
|
|
32124
32094
|
"use strict";
|
|
32125
32095
|
init_define_process_env();
|
|
32126
32096
|
import_react191 = require("react");
|
|
32127
|
-
|
|
32097
|
+
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
32128
32098
|
useCloseScreenshareWhiteboard = () => {
|
|
32129
|
-
const peerSharing = (0,
|
|
32130
|
-
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0,
|
|
32099
|
+
const peerSharing = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectPeerScreenSharing);
|
|
32100
|
+
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk100.useWhiteboard)();
|
|
32131
32101
|
(0, import_react191.useEffect)(() => {
|
|
32132
32102
|
if (isWhiteboardOwner && peerSharing) {
|
|
32133
32103
|
toggleWhiteboard == null ? void 0 : toggleWhiteboard();
|
|
@@ -32266,26 +32236,6 @@ var init_HMSVideo = __esm({
|
|
|
32266
32236
|
init_Layout();
|
|
32267
32237
|
HMSVideo = (0, import_react193.forwardRef)((_a7, videoRef) => {
|
|
32268
32238
|
var _b7 = _a7, { children } = _b7, props = __objRest(_b7, ["children"]);
|
|
32269
|
-
const [width, setWidth] = (0, import_react193.useState)("auto");
|
|
32270
|
-
(0, import_react193.useEffect)(() => {
|
|
32271
|
-
const updatingVideoWidth = () => {
|
|
32272
|
-
const videoEl2 = videoRef.current;
|
|
32273
|
-
if (!videoEl2) {
|
|
32274
|
-
return;
|
|
32275
|
-
}
|
|
32276
|
-
if (videoEl2.videoWidth > videoEl2.videoHeight && width !== "100%") {
|
|
32277
|
-
setWidth("100%");
|
|
32278
|
-
}
|
|
32279
|
-
};
|
|
32280
|
-
const videoEl = videoRef.current;
|
|
32281
|
-
if (!videoEl) {
|
|
32282
|
-
return;
|
|
32283
|
-
}
|
|
32284
|
-
videoEl.addEventListener("loadedmetadata", updatingVideoWidth);
|
|
32285
|
-
return () => {
|
|
32286
|
-
videoEl.removeEventListener("loadedmetadata", updatingVideoWidth);
|
|
32287
|
-
};
|
|
32288
|
-
}, []);
|
|
32289
32239
|
return /* @__PURE__ */ import_react193.default.createElement(
|
|
32290
32240
|
Flex,
|
|
32291
32241
|
__spreadValues({
|
|
@@ -32296,8 +32246,9 @@ var init_HMSVideo = __esm({
|
|
|
32296
32246
|
justifyContent: "center",
|
|
32297
32247
|
transition: "all 0.3s ease-in-out",
|
|
32298
32248
|
"@md": {
|
|
32249
|
+
height: "auto",
|
|
32299
32250
|
"& video": {
|
|
32300
|
-
height:
|
|
32251
|
+
height: "$60 !important"
|
|
32301
32252
|
}
|
|
32302
32253
|
},
|
|
32303
32254
|
"& video::cue": {
|
|
@@ -32326,7 +32277,7 @@ var init_HMSVideo = __esm({
|
|
|
32326
32277
|
style: {
|
|
32327
32278
|
margin: "0 auto",
|
|
32328
32279
|
objectFit: "contain",
|
|
32329
|
-
width,
|
|
32280
|
+
width: "auto",
|
|
32330
32281
|
height: "100%",
|
|
32331
32282
|
maxWidth: "100%"
|
|
32332
32283
|
},
|
|
@@ -33254,7 +33205,7 @@ var HLSView_exports = {};
|
|
|
33254
33205
|
__export(HLSView_exports, {
|
|
33255
33206
|
default: () => HLSView_default
|
|
33256
33207
|
});
|
|
33257
|
-
var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13,
|
|
33208
|
+
var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13, import_react_sdk101, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
|
|
33258
33209
|
var init_HLSView = __esm({
|
|
33259
33210
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
|
33260
33211
|
"use strict";
|
|
@@ -33264,7 +33215,7 @@ var init_HLSView = __esm({
|
|
|
33264
33215
|
import_hls_player3 = require("@100mslive/hls-player");
|
|
33265
33216
|
import_screenfull3 = __toESM(require("screenfull"));
|
|
33266
33217
|
import_ts_pattern13 = require("ts-pattern");
|
|
33267
|
-
|
|
33218
|
+
import_react_sdk101 = require("@100mslive/react-sdk");
|
|
33268
33219
|
import_react_icons97 = require("@100mslive/react-icons");
|
|
33269
33220
|
init_ChatToggle();
|
|
33270
33221
|
init_HlsStatsOverlay();
|
|
@@ -33292,11 +33243,11 @@ var init_HLSView = __esm({
|
|
|
33292
33243
|
toastMap = {};
|
|
33293
33244
|
ToggleChat = ({ isFullScreen = false }) => {
|
|
33294
33245
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
33295
|
-
const sidepane = (0,
|
|
33246
|
+
const sidepane = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.sidePane));
|
|
33296
33247
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
33297
33248
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
33298
33249
|
const isMobile = (0, import_react_use49.useMedia)(config.media.md);
|
|
33299
|
-
const hmsActions = (0,
|
|
33250
|
+
const hmsActions = (0, import_react_sdk101.useHMSActions)();
|
|
33300
33251
|
(0, import_react206.useEffect)(() => {
|
|
33301
33252
|
(0, import_ts_pattern13.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
|
|
33302
33253
|
hmsActions.setAppData(APP_DATA.sidePane, "");
|
|
@@ -33314,10 +33265,10 @@ var init_HLSView = __esm({
|
|
|
33314
33265
|
const videoRef = (0, import_react206.useRef)(null);
|
|
33315
33266
|
const hlsViewRef = (0, import_react206.useRef)();
|
|
33316
33267
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
33317
|
-
const hlsState = (0,
|
|
33318
|
-
const enablHlsStats = (0,
|
|
33319
|
-
const notification = (0,
|
|
33320
|
-
const hmsActions = (0,
|
|
33268
|
+
const hlsState = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectHLSState);
|
|
33269
|
+
const enablHlsStats = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.hlsStats));
|
|
33270
|
+
const notification = (0, import_react_sdk101.useHMSNotifications)(import_react_sdk101.HMSNotificationTypes.POLL_STOPPED);
|
|
33271
|
+
const hmsActions = (0, import_react_sdk101.useHMSActions)();
|
|
33321
33272
|
const { themeType } = useTheme();
|
|
33322
33273
|
const [streamEnded, setStreamEnded] = (0, import_react206.useState)(false);
|
|
33323
33274
|
let [hlsStatsState, setHlsStatsState] = (0, import_react206.useState)(null);
|
|
@@ -33336,7 +33287,7 @@ var init_HLSView = __esm({
|
|
|
33336
33287
|
const [isPaused, setIsPaused] = (0, import_react206.useState)(false);
|
|
33337
33288
|
const [show, toggle] = (0, import_react_use49.useToggle)(false);
|
|
33338
33289
|
const lastHlsUrl = (0, import_react_use49.usePrevious)(hlsUrl);
|
|
33339
|
-
const vanillaStore = (0,
|
|
33290
|
+
const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
|
|
33340
33291
|
const [controlsVisible, setControlsVisible] = (0, import_react206.useState)(true);
|
|
33341
33292
|
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react206.useState)(true);
|
|
33342
33293
|
const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react206.useState)(false);
|
|
@@ -33422,8 +33373,8 @@ var init_HLSView = __esm({
|
|
|
33422
33373
|
const parsedPayload = parsePayload(payload);
|
|
33423
33374
|
if (parsedPayload.startsWith("poll:")) {
|
|
33424
33375
|
const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
|
|
33425
|
-
const poll = vanillaStore.getState((0,
|
|
33426
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
33376
|
+
const poll = vanillaStore.getState((0, import_react_sdk101.selectPollByID)(pollId));
|
|
33377
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk101.selectPeerNameByID)(poll.startedBy)) || "Participant";
|
|
33427
33378
|
if (!toastMap[pollId]) {
|
|
33428
33379
|
const toastID = ToastManager.addToast({
|
|
33429
33380
|
title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
|
|
@@ -33579,7 +33530,7 @@ var init_HLSView = __esm({
|
|
|
33579
33530
|
const onDoubleClickHandler = (0, import_react206.useCallback)(
|
|
33580
33531
|
(event) => {
|
|
33581
33532
|
var _a8;
|
|
33582
|
-
if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !==
|
|
33533
|
+
if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk101.HLSPlaylistType.DVR) {
|
|
33583
33534
|
return;
|
|
33584
33535
|
}
|
|
33585
33536
|
const sidePercentage = event.screenX * 100 / event.target.clientWidth;
|
|
@@ -33605,7 +33556,7 @@ var init_HLSView = __esm({
|
|
|
33605
33556
|
);
|
|
33606
33557
|
const onClickHandler = (0, import_react206.useCallback)(() => __async(void 0, null, function* () {
|
|
33607
33558
|
var _a8;
|
|
33608
|
-
(0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type:
|
|
33559
|
+
(0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk101.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
|
|
33609
33560
|
if (isPaused) {
|
|
33610
33561
|
yield hlsPlayer == null ? void 0 : hlsPlayer.play();
|
|
33611
33562
|
} else {
|
|
@@ -33683,7 +33634,12 @@ var init_HLSView = __esm({
|
|
|
33683
33634
|
justify: "center",
|
|
33684
33635
|
css: {
|
|
33685
33636
|
flex: isLandscape ? "2 1 0" : "1 1 0",
|
|
33686
|
-
transition: "all 0.3s ease-in-out"
|
|
33637
|
+
transition: "all 0.3s ease-in-out",
|
|
33638
|
+
"&:fullscreen": {
|
|
33639
|
+
"& video": {
|
|
33640
|
+
height: "unset !important"
|
|
33641
|
+
}
|
|
33642
|
+
}
|
|
33687
33643
|
}
|
|
33688
33644
|
},
|
|
33689
33645
|
hlsViewRef.current && (isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(Box, { css: { position: "fixed", left: "$4", top: "$4", zIndex: 11 } }, /* @__PURE__ */ import_react206.default.createElement(LeaveRoom, { screenType: "hls_live_streaming", container: hlsViewRef.current })),
|
|
@@ -33703,7 +33659,7 @@ var init_HLSView = __esm({
|
|
|
33703
33659
|
},
|
|
33704
33660
|
onKeyDown: (event) => __async(void 0, null, function* () {
|
|
33705
33661
|
var _a8;
|
|
33706
|
-
if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) ===
|
|
33662
|
+
if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR) {
|
|
33707
33663
|
yield keyHandler(event);
|
|
33708
33664
|
}
|
|
33709
33665
|
}),
|
|
@@ -33729,7 +33685,6 @@ var init_HLSView = __esm({
|
|
|
33729
33685
|
onMouseMove: onHoverHandler,
|
|
33730
33686
|
onMouseLeave: onHoverHandler,
|
|
33731
33687
|
onClick: onClickHandler,
|
|
33732
|
-
isFullScreen,
|
|
33733
33688
|
onDoubleClick: (e) => {
|
|
33734
33689
|
onDoubleClickHandler(e);
|
|
33735
33690
|
}
|
|
@@ -33748,7 +33703,7 @@ var init_HLSView = __esm({
|
|
|
33748
33703
|
size: "100%"
|
|
33749
33704
|
}
|
|
33750
33705
|
},
|
|
33751
|
-
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) ===
|
|
33706
|
+
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
|
|
33752
33707
|
HMSVideoPlayer.PlayPauseSeekControls.Overlay,
|
|
33753
33708
|
{
|
|
33754
33709
|
isPaused,
|
|
@@ -33756,7 +33711,7 @@ var init_HLSView = __esm({
|
|
|
33756
33711
|
hoverControlsVisible
|
|
33757
33712
|
}
|
|
33758
33713
|
)
|
|
33759
|
-
), isMobile || isLandscape ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, !showLoader && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) ===
|
|
33714
|
+
), isMobile || isLandscape ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, !showLoader && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
|
|
33760
33715
|
HMSVideoPlayer.PlayPauseSeekControls.Overlay,
|
|
33761
33716
|
{
|
|
33762
33717
|
isPaused,
|
|
@@ -33823,7 +33778,7 @@ var init_HLSView = __esm({
|
|
|
33823
33778
|
align: "start",
|
|
33824
33779
|
css: {
|
|
33825
33780
|
position: "absolute",
|
|
33826
|
-
bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) ===
|
|
33781
|
+
bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? "$8" : "0",
|
|
33827
33782
|
left: "0",
|
|
33828
33783
|
zIndex: 1,
|
|
33829
33784
|
background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
|
|
@@ -33833,7 +33788,7 @@ var init_HLSView = __esm({
|
|
|
33833
33788
|
transition: "visibility 0s 0.5s, opacity 0.5s linear"
|
|
33834
33789
|
}
|
|
33835
33790
|
},
|
|
33836
|
-
((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) ===
|
|
33791
|
+
((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
|
|
33837
33792
|
/* @__PURE__ */ import_react206.default.createElement(
|
|
33838
33793
|
HMSVideoPlayer.Controls.Root,
|
|
33839
33794
|
{
|
|
@@ -33842,7 +33797,7 @@ var init_HLSView = __esm({
|
|
|
33842
33797
|
},
|
|
33843
33798
|
onClick: (e) => e.stopPropagation()
|
|
33844
33799
|
},
|
|
33845
|
-
/* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) ===
|
|
33800
|
+
/* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.PlayPauseSeekControls.Button, { isPaused, onSeekTo }), !isVideoLive ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null) : null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react206.default.createElement(
|
|
33846
33801
|
IconButton,
|
|
33847
33802
|
{
|
|
33848
33803
|
css: { px: "$2" },
|
|
@@ -33875,7 +33830,7 @@ var init_HLSView = __esm({
|
|
|
33875
33830
|
},
|
|
33876
33831
|
isVideoLive ? "LIVE" : "GO LIVE"
|
|
33877
33832
|
)))
|
|
33878
|
-
), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) ===
|
|
33833
|
+
), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null),
|
|
33879
33834
|
/* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react206.default.createElement(
|
|
33880
33835
|
HLSQualitySelector,
|
|
33881
33836
|
{
|
|
@@ -33884,8 +33839,7 @@ var init_HLSView = __esm({
|
|
|
33884
33839
|
open: qualityDropDownOpen,
|
|
33885
33840
|
selection: currentSelectedQuality,
|
|
33886
33841
|
onQualityChange: handleQuality,
|
|
33887
|
-
isAuto: isUserSelectedAuto
|
|
33888
|
-
containerRef: hlsViewRef.current
|
|
33842
|
+
isAuto: isUserSelectedAuto
|
|
33889
33843
|
}
|
|
33890
33844
|
) : null, isFullScreenSupported ? /* @__PURE__ */ import_react206.default.createElement(FullScreenButton2, { isFullScreen, onToggle: toggle }) : null)
|
|
33891
33845
|
)
|
|
@@ -33901,7 +33855,7 @@ var init_HLSView = __esm({
|
|
|
33901
33855
|
});
|
|
33902
33856
|
|
|
33903
33857
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
33904
|
-
var import_react207, import_react_use50, import_ts_pattern14,
|
|
33858
|
+
var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk102, import_react_icons98, HLSView2, VideoStreamingSection;
|
|
33905
33859
|
var init_VideoStreamingSection = __esm({
|
|
33906
33860
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
|
33907
33861
|
"use strict";
|
|
@@ -33909,7 +33863,7 @@ var init_VideoStreamingSection = __esm({
|
|
|
33909
33863
|
import_react207 = __toESM(require("react"));
|
|
33910
33864
|
import_react_use50 = require("react-use");
|
|
33911
33865
|
import_ts_pattern14 = require("ts-pattern");
|
|
33912
|
-
|
|
33866
|
+
import_react_sdk102 = require("@100mslive/react-sdk");
|
|
33913
33867
|
import_react_icons98 = require("@100mslive/react-icons");
|
|
33914
33868
|
init_FullPageProgress();
|
|
33915
33869
|
init_GridLayout();
|
|
@@ -33930,10 +33884,10 @@ var init_VideoStreamingSection = __esm({
|
|
|
33930
33884
|
hideControls = false
|
|
33931
33885
|
}) => {
|
|
33932
33886
|
var _a7;
|
|
33933
|
-
const localPeerRoleName = (0,
|
|
33934
|
-
const isConnected = (0,
|
|
33935
|
-
const isSharingScreen = (0,
|
|
33936
|
-
const hmsActions = (0,
|
|
33887
|
+
const localPeerRoleName = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectLocalPeerRoleName);
|
|
33888
|
+
const isConnected = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
|
|
33889
|
+
const isSharingScreen = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsLocalScreenShared);
|
|
33890
|
+
const hmsActions = (0, import_react_sdk102.useHMSActions)();
|
|
33937
33891
|
const urlToIframe = useUrlToEmbed();
|
|
33938
33892
|
const pdfAnnotatorActive = usePDFConfig();
|
|
33939
33893
|
const isMobileHLSStream = useMobileHLSStream();
|
|
@@ -34075,13 +34029,13 @@ var init_RoomDetailsHeader = __esm({
|
|
|
34075
34029
|
});
|
|
34076
34030
|
|
|
34077
34031
|
// src/Prebuilt/components/Header/common.jsx
|
|
34078
|
-
var import_react209,
|
|
34032
|
+
var import_react209, import_react_sdk103, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
|
34079
34033
|
var init_common2 = __esm({
|
|
34080
34034
|
"src/Prebuilt/components/Header/common.jsx"() {
|
|
34081
34035
|
"use strict";
|
|
34082
34036
|
init_define_process_env();
|
|
34083
34037
|
import_react209 = __toESM(require("react"));
|
|
34084
|
-
|
|
34038
|
+
import_react_sdk103 = require("@100mslive/react-sdk");
|
|
34085
34039
|
import_react_icons100 = require("@100mslive/react-icons");
|
|
34086
34040
|
init_Divider2();
|
|
34087
34041
|
init_Label2();
|
|
@@ -34091,12 +34045,12 @@ var init_common2 = __esm({
|
|
|
34091
34045
|
init_IconButton3();
|
|
34092
34046
|
init_ToastManager();
|
|
34093
34047
|
CamaraFlipActions = () => {
|
|
34094
|
-
const actions = (0,
|
|
34095
|
-
const { allDevices } = (0,
|
|
34048
|
+
const actions = (0, import_react_sdk103.useHMSActions)();
|
|
34049
|
+
const { allDevices } = (0, import_react_sdk103.useDevices)();
|
|
34096
34050
|
const { videoInput } = allDevices;
|
|
34097
|
-
const isVideoOn = (0,
|
|
34098
|
-
const videoTrackId = (0,
|
|
34099
|
-
const localVideoTrack = (0,
|
|
34051
|
+
const isVideoOn = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsLocalVideoEnabled);
|
|
34052
|
+
const videoTrackId = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectLocalVideoTrackID);
|
|
34053
|
+
const localVideoTrack = (0, import_react_sdk103.useHMSStore)((0, import_react_sdk103.selectVideoTrackByID)(videoTrackId));
|
|
34100
34054
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
34101
34055
|
return null;
|
|
34102
34056
|
}
|
|
@@ -34119,7 +34073,7 @@ var init_common2 = __esm({
|
|
|
34119
34073
|
));
|
|
34120
34074
|
};
|
|
34121
34075
|
AudioActions = () => {
|
|
34122
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
|
34076
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk103.useDevices)();
|
|
34123
34077
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
|
34124
34078
|
const { audioInput, audioOutput } = allDevices;
|
|
34125
34079
|
let availableAudioDevices = audioInput;
|
|
@@ -34128,7 +34082,7 @@ var init_common2 = __esm({
|
|
|
34128
34082
|
availableAudioDevices = audioOutput;
|
|
34129
34083
|
selectedAudio = selectedDeviceIDs.audioOutput;
|
|
34130
34084
|
}
|
|
34131
|
-
const hmsActions = (0,
|
|
34085
|
+
const hmsActions = (0, import_react_sdk103.useHMSActions)();
|
|
34132
34086
|
const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
|
|
34133
34087
|
const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
|
|
34134
34088
|
if (!audioFiltered) {
|
|
@@ -34151,7 +34105,7 @@ var init_common2 = __esm({
|
|
|
34151
34105
|
try {
|
|
34152
34106
|
yield updateDevice({
|
|
34153
34107
|
deviceId,
|
|
34154
|
-
deviceType: shouldShowAudioOutput ?
|
|
34108
|
+
deviceType: shouldShowAudioOutput ? import_react_sdk103.DeviceType.audioOutput : import_react_sdk103.DeviceType.audioInput
|
|
34155
34109
|
});
|
|
34156
34110
|
} catch (e) {
|
|
34157
34111
|
ToastManager.addToast({
|
|
@@ -34235,23 +34189,23 @@ var init_common2 = __esm({
|
|
|
34235
34189
|
});
|
|
34236
34190
|
|
|
34237
34191
|
// src/Prebuilt/components/Header/Header.tsx
|
|
34238
|
-
var import_react210, import_react_use52,
|
|
34192
|
+
var import_react210, import_react_use52, import_react_sdk104, Header2;
|
|
34239
34193
|
var init_Header = __esm({
|
|
34240
34194
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
34241
34195
|
"use strict";
|
|
34242
34196
|
init_define_process_env();
|
|
34243
34197
|
import_react210 = __toESM(require("react"));
|
|
34244
34198
|
import_react_use52 = require("react-use");
|
|
34245
|
-
|
|
34199
|
+
import_react_sdk104 = require("@100mslive/react-sdk");
|
|
34246
34200
|
init_src();
|
|
34247
34201
|
init_HeaderComponents();
|
|
34248
34202
|
init_RoomDetailsHeader();
|
|
34249
34203
|
init_StreamActions();
|
|
34250
34204
|
init_common2();
|
|
34251
34205
|
Header2 = () => {
|
|
34252
|
-
const roomState = (0,
|
|
34206
|
+
const roomState = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectRoomState);
|
|
34253
34207
|
const isMobile = (0, import_react_use52.useMedia)(config.media.md);
|
|
34254
|
-
if (roomState !==
|
|
34208
|
+
if (roomState !== import_react_sdk104.HMSRoomState.Connected) {
|
|
34255
34209
|
return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
|
|
34256
34210
|
}
|
|
34257
34211
|
return /* @__PURE__ */ import_react210.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react210.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react210.default.createElement(Logo, null), /* @__PURE__ */ import_react210.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react210.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react210.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react210.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react210.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react210.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react210.default.createElement(
|
|
@@ -34281,25 +34235,25 @@ var init_Header2 = __esm({
|
|
|
34281
34235
|
});
|
|
34282
34236
|
|
|
34283
34237
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
|
34284
|
-
var import_react211,
|
|
34238
|
+
var import_react211, import_react_sdk105, PreviousRoleInMetadata;
|
|
34285
34239
|
var init_PreviousRoleInMetadata = __esm({
|
|
34286
34240
|
"src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
|
|
34287
34241
|
"use strict";
|
|
34288
34242
|
init_define_process_env();
|
|
34289
34243
|
import_react211 = require("react");
|
|
34290
|
-
|
|
34244
|
+
import_react_sdk105 = require("@100mslive/react-sdk");
|
|
34291
34245
|
init_useMetadata();
|
|
34292
34246
|
PreviousRoleInMetadata = () => {
|
|
34293
|
-
const vanillaStore = (0,
|
|
34247
|
+
const vanillaStore = (0, import_react_sdk105.useHMSVanillaStore)();
|
|
34294
34248
|
const { updateMetaData } = useMyMetadata();
|
|
34295
34249
|
(0, import_react211.useEffect)(() => {
|
|
34296
|
-
let previousRole = vanillaStore.getState(
|
|
34250
|
+
let previousRole = vanillaStore.getState(import_react_sdk105.selectLocalPeerRoleName);
|
|
34297
34251
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
|
34298
34252
|
if (previousRole !== currentRole && currentRole) {
|
|
34299
34253
|
updateMetaData({ prevRole: previousRole });
|
|
34300
34254
|
previousRole = currentRole;
|
|
34301
34255
|
}
|
|
34302
|
-
},
|
|
34256
|
+
}, import_react_sdk105.selectLocalPeerRoleName);
|
|
34303
34257
|
return unsubscribe;
|
|
34304
34258
|
}, [vanillaStore]);
|
|
34305
34259
|
return null;
|
|
@@ -34308,14 +34262,14 @@ var init_PreviousRoleInMetadata = __esm({
|
|
|
34308
34262
|
});
|
|
34309
34263
|
|
|
34310
34264
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
34311
|
-
var import_react212, import_uuid12,
|
|
34265
|
+
var import_react212, import_uuid12, import_react_sdk106, ConferenceScreen;
|
|
34312
34266
|
var init_ConferenceScreen = __esm({
|
|
34313
34267
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
|
34314
34268
|
"use strict";
|
|
34315
34269
|
init_define_process_env();
|
|
34316
34270
|
import_react212 = __toESM(require("react"));
|
|
34317
34271
|
import_uuid12 = require("uuid");
|
|
34318
|
-
|
|
34272
|
+
import_react_sdk106 = require("@100mslive/react-sdk");
|
|
34319
34273
|
init_Footer3();
|
|
34320
34274
|
init_MoreSettings();
|
|
34321
34275
|
init_HLSFailureModal();
|
|
@@ -34339,18 +34293,18 @@ var init_ConferenceScreen = __esm({
|
|
|
34339
34293
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
34340
34294
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
34341
34295
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
34342
|
-
const roomState = (0,
|
|
34343
|
-
const isConnectedToRoom = (0,
|
|
34344
|
-
const hmsActions = (0,
|
|
34296
|
+
const roomState = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectRoomState);
|
|
34297
|
+
const isConnectedToRoom = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectIsConnectedToRoom);
|
|
34298
|
+
const hmsActions = (0, import_react_sdk106.useHMSActions)();
|
|
34345
34299
|
const [hideControls, setHideControls] = (0, import_react212.useState)(false);
|
|
34346
|
-
const dropdownList = (0,
|
|
34300
|
+
const dropdownList = (0, import_react_sdk106.useHMSStore)((0, import_react_sdk106.selectAppData)(APP_DATA.dropdownList));
|
|
34347
34301
|
const authTokenInAppData = useAuthToken();
|
|
34348
34302
|
const headerRef = (0, import_react212.useRef)(null);
|
|
34349
34303
|
const footerRef = (0, import_react212.useRef)(null);
|
|
34350
34304
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
|
34351
34305
|
const dropdownListRef = (0, import_react212.useRef)();
|
|
34352
34306
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
34353
|
-
const { requestPermission } = (0,
|
|
34307
|
+
const { requestPermission } = (0, import_react_sdk106.useAwayNotifications)();
|
|
34354
34308
|
const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
|
|
34355
34309
|
const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
|
|
34356
34310
|
const isMobileHLSStream = useMobileHLSStream();
|
|
@@ -34378,7 +34332,7 @@ var init_ConferenceScreen = __esm({
|
|
|
34378
34332
|
};
|
|
34379
34333
|
}, [dropdownList, hideControls, isMobileDevice]);
|
|
34380
34334
|
(0, import_react212.useEffect)(() => {
|
|
34381
|
-
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !==
|
|
34335
|
+
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk106.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
|
34382
34336
|
hmsActions.join({
|
|
34383
34337
|
userName: userName || (0, import_uuid12.v4)(),
|
|
34384
34338
|
authToken: authTokenInAppData,
|
|
@@ -34407,8 +34361,8 @@ var init_ConferenceScreen = __esm({
|
|
|
34407
34361
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
|
34408
34362
|
};
|
|
34409
34363
|
}, [onJoinFunc]);
|
|
34410
|
-
if (!isConnectedToRoom && ![
|
|
34411
|
-
return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState ===
|
|
34364
|
+
if (!isConnectedToRoom && ![import_react_sdk106.HMSRoomState.Reconnecting, import_react_sdk106.HMSRoomState.Disconnected].includes(roomState)) {
|
|
34365
|
+
return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk106.HMSRoomState.Connecting ? "Joining..." : "" });
|
|
34412
34366
|
}
|
|
34413
34367
|
const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
|
|
34414
34368
|
return /* @__PURE__ */ import_react212.default.createElement(import_react212.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react212.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react212.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react212.default.createElement(
|
|
@@ -34594,7 +34548,7 @@ var init_ErrorBoundary = __esm({
|
|
|
34594
34548
|
|
|
34595
34549
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
34596
34550
|
function FeatureFlagsInit() {
|
|
34597
|
-
const roomId = (0,
|
|
34551
|
+
const roomId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomID);
|
|
34598
34552
|
(0, import_react214.useEffect)(() => {
|
|
34599
34553
|
if (roomId) {
|
|
34600
34554
|
FeatureFlags.init(roomId);
|
|
@@ -34602,13 +34556,13 @@ function FeatureFlagsInit() {
|
|
|
34602
34556
|
}, [roomId]);
|
|
34603
34557
|
return null;
|
|
34604
34558
|
}
|
|
34605
|
-
var import_react214,
|
|
34559
|
+
var import_react214, import_react_sdk107, FeatureFlags;
|
|
34606
34560
|
var init_FeatureFlags = __esm({
|
|
34607
34561
|
"src/Prebuilt/services/FeatureFlags.jsx"() {
|
|
34608
34562
|
"use strict";
|
|
34609
34563
|
init_define_process_env();
|
|
34610
34564
|
import_react214 = require("react");
|
|
34611
|
-
|
|
34565
|
+
import_react_sdk107 = require("@100mslive/react-sdk");
|
|
34612
34566
|
FeatureFlags = class {
|
|
34613
34567
|
static init(roomId) {
|
|
34614
34568
|
if (!window.HMS) {
|
|
@@ -34666,13 +34620,13 @@ var init_Init = __esm({
|
|
|
34666
34620
|
});
|
|
34667
34621
|
|
|
34668
34622
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
|
34669
|
-
var import_react216,
|
|
34623
|
+
var import_react216, import_react_sdk108, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
|
|
34670
34624
|
var init_KeyboardInputManager = __esm({
|
|
34671
34625
|
"src/Prebuilt/components/Input/KeyboardInputManager.js"() {
|
|
34672
34626
|
"use strict";
|
|
34673
34627
|
init_define_process_env();
|
|
34674
34628
|
import_react216 = require("react");
|
|
34675
|
-
|
|
34629
|
+
import_react_sdk108 = require("@100mslive/react-sdk");
|
|
34676
34630
|
init_constants();
|
|
34677
34631
|
isEvenListenersAttached = false;
|
|
34678
34632
|
KeyboardInputManager = class {
|
|
@@ -34680,27 +34634,27 @@ var init_KeyboardInputManager = __esm({
|
|
|
34680
34634
|
__privateAdd(this, _actions, void 0);
|
|
34681
34635
|
__privateAdd(this, _store, void 0);
|
|
34682
34636
|
__privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
|
|
34683
|
-
const enabled = __privateGet(this, _store).getState(
|
|
34637
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalAudioEnabled);
|
|
34684
34638
|
yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
|
|
34685
34639
|
}));
|
|
34686
34640
|
__privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
|
|
34687
|
-
const enabled = __privateGet(this, _store).getState(
|
|
34641
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalVideoEnabled);
|
|
34688
34642
|
yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
|
|
34689
34643
|
}));
|
|
34690
34644
|
__privateAdd(this, _hideSidepane, () => {
|
|
34691
|
-
if (__privateGet(this, _store).getState((0,
|
|
34645
|
+
if (__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.sidePane))) {
|
|
34692
34646
|
__privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
|
|
34693
34647
|
}
|
|
34694
34648
|
});
|
|
34695
34649
|
__privateAdd(this, _toggleStatsForNerds, () => {
|
|
34696
|
-
const uiSettings = __privateGet(this, _store).getState((0,
|
|
34650
|
+
const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.uiSettings));
|
|
34697
34651
|
const statsEnabled = uiSettings.showStatsOnTiles;
|
|
34698
34652
|
__privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
|
|
34699
34653
|
showStatsOnTiles: !statsEnabled
|
|
34700
34654
|
}));
|
|
34701
34655
|
});
|
|
34702
34656
|
__privateAdd(this, _toggleHlsStats, () => {
|
|
34703
|
-
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0,
|
|
34657
|
+
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.hlsStats)));
|
|
34704
34658
|
});
|
|
34705
34659
|
// eslint-disable-next-line complexity
|
|
34706
34660
|
__privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
|
|
@@ -34758,8 +34712,8 @@ var init_KeyboardInputManager = __esm({
|
|
|
34758
34712
|
_bind = new WeakMap();
|
|
34759
34713
|
_unbind = new WeakMap();
|
|
34760
34714
|
KeyboardHandler = () => {
|
|
34761
|
-
const store = (0,
|
|
34762
|
-
const actions = (0,
|
|
34715
|
+
const store = (0, import_react_sdk108.useHMSVanillaStore)();
|
|
34716
|
+
const actions = (0, import_react_sdk108.useHMSActions)();
|
|
34763
34717
|
(0, import_react216.useEffect)(() => {
|
|
34764
34718
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
|
34765
34719
|
keyboardManager.bindAllShortcuts();
|
|
@@ -34771,14 +34725,14 @@ var init_KeyboardInputManager = __esm({
|
|
|
34771
34725
|
});
|
|
34772
34726
|
|
|
34773
34727
|
// src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
|
|
34774
|
-
var import_react217, import_react_use53,
|
|
34728
|
+
var import_react217, import_react_use53, import_react_sdk109, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
|
|
34775
34729
|
var init_FeedbackForm = __esm({
|
|
34776
34730
|
"src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx"() {
|
|
34777
34731
|
"use strict";
|
|
34778
34732
|
init_define_process_env();
|
|
34779
34733
|
import_react217 = __toESM(require("react"));
|
|
34780
34734
|
import_react_use53 = require("react-use");
|
|
34781
|
-
|
|
34735
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
|
34782
34736
|
import_react_icons102 = require("@100mslive/react-icons");
|
|
34783
34737
|
init_Button2();
|
|
34784
34738
|
init_Checkbox2();
|
|
@@ -34836,7 +34790,7 @@ var init_FeedbackForm = __esm({
|
|
|
34836
34790
|
const { feedback } = useRoomLayoutLeaveScreen();
|
|
34837
34791
|
const { endpoints } = useHMSPrebuiltContext();
|
|
34838
34792
|
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
|
34839
|
-
const hmsActions = (0,
|
|
34793
|
+
const hmsActions = (0, import_react_sdk109.useHMSActions)();
|
|
34840
34794
|
const [comment, setComment] = (0, import_react217.useState)("");
|
|
34841
34795
|
const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
|
|
34842
34796
|
const handleCheckedChange = (checked, index) => {
|
|
@@ -35398,7 +35352,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
35398
35352
|
|
|
35399
35353
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
35400
35354
|
function AutoplayBlockedModal() {
|
|
35401
|
-
const { error, resetError, unblockAudio } = (0,
|
|
35355
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk110.useAutoplayError)();
|
|
35402
35356
|
return /* @__PURE__ */ import_react222.default.createElement(
|
|
35403
35357
|
Dialog.Root,
|
|
35404
35358
|
{
|
|
@@ -35423,33 +35377,33 @@ function AutoplayBlockedModal() {
|
|
|
35423
35377
|
)))
|
|
35424
35378
|
);
|
|
35425
35379
|
}
|
|
35426
|
-
var import_react222,
|
|
35380
|
+
var import_react222, import_react_sdk110;
|
|
35427
35381
|
var init_AutoplayBlockedModal = __esm({
|
|
35428
35382
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
|
35429
35383
|
"use strict";
|
|
35430
35384
|
init_define_process_env();
|
|
35431
35385
|
import_react222 = __toESM(require("react"));
|
|
35432
|
-
|
|
35386
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
|
35433
35387
|
init_src();
|
|
35434
35388
|
init_DialogContent2();
|
|
35435
35389
|
}
|
|
35436
35390
|
});
|
|
35437
35391
|
|
|
35438
35392
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
35439
|
-
var import_react223, import_uuid13,
|
|
35393
|
+
var import_react223, import_uuid13, import_react_sdk111, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
35440
35394
|
var init_ChatNotifications = __esm({
|
|
35441
35395
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
35442
35396
|
"use strict";
|
|
35443
35397
|
init_define_process_env();
|
|
35444
35398
|
import_react223 = __toESM(require("react"));
|
|
35445
35399
|
import_uuid13 = require("uuid");
|
|
35446
|
-
|
|
35400
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
|
35447
35401
|
import_react_icons106 = require("@100mslive/react-icons");
|
|
35448
35402
|
init_ToastManager();
|
|
35449
35403
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
35450
35404
|
ChatNotifications = () => {
|
|
35451
|
-
const chatState = (0,
|
|
35452
|
-
const localPeerId = (0,
|
|
35405
|
+
const chatState = (0, import_react_sdk111.useHMSStore)((0, import_react_sdk111.selectSessionStore)("chatState" /* CHAT_STATE */));
|
|
35406
|
+
const localPeerId = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
|
|
35453
35407
|
(0, import_react223.useEffect)(() => {
|
|
35454
35408
|
var _a7, _b7;
|
|
35455
35409
|
if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
|
|
@@ -35472,13 +35426,13 @@ var init_ChatNotifications = __esm({
|
|
|
35472
35426
|
});
|
|
35473
35427
|
|
|
35474
35428
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
35475
|
-
var import_react224,
|
|
35429
|
+
var import_react224, import_react_sdk112, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
|
|
35476
35430
|
var init_ToastConfig = __esm({
|
|
35477
35431
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
|
35478
35432
|
"use strict";
|
|
35479
35433
|
init_define_process_env();
|
|
35480
35434
|
import_react224 = __toESM(require("react"));
|
|
35481
|
-
|
|
35435
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
35482
35436
|
import_react_icons107 = require("@100mslive/react-icons");
|
|
35483
35437
|
init_Button2();
|
|
35484
35438
|
init_roomLayoutProvider();
|
|
@@ -35494,10 +35448,10 @@ var init_ToastConfig = __esm({
|
|
|
35494
35448
|
});
|
|
35495
35449
|
HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
35496
35450
|
var _a7, _b7, _c;
|
|
35497
|
-
const hmsActions = (0,
|
|
35451
|
+
const hmsActions = (0, import_react_sdk112.useHMSActions)();
|
|
35498
35452
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
35499
35453
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
35500
|
-
const peer = (0,
|
|
35454
|
+
const peer = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectPeerByID)(id));
|
|
35501
35455
|
const layout = useRoomLayout();
|
|
35502
35456
|
const {
|
|
35503
35457
|
bring_to_stage_label,
|
|
@@ -35714,14 +35668,14 @@ var init_ToastBatcher = __esm({
|
|
|
35714
35668
|
});
|
|
35715
35669
|
|
|
35716
35670
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
35717
|
-
var import_react225, import_react_use57,
|
|
35671
|
+
var import_react225, import_react_use57, import_react_sdk113, HandRaisedNotifications;
|
|
35718
35672
|
var init_HandRaisedNotifications = __esm({
|
|
35719
35673
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
|
35720
35674
|
"use strict";
|
|
35721
35675
|
init_define_process_env();
|
|
35722
35676
|
import_react225 = require("react");
|
|
35723
35677
|
import_react_use57 = require("react-use");
|
|
35724
|
-
|
|
35678
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
|
35725
35679
|
init_roomLayoutProvider();
|
|
35726
35680
|
init_ToastBatcher();
|
|
35727
35681
|
init_useRoomLayoutScreen();
|
|
@@ -35729,24 +35683,24 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35729
35683
|
init_constants();
|
|
35730
35684
|
HandRaisedNotifications = () => {
|
|
35731
35685
|
var _a7, _b7;
|
|
35732
|
-
const notification = (0,
|
|
35733
|
-
const roomState = (0,
|
|
35734
|
-
const vanillaStore = (0,
|
|
35686
|
+
const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.HAND_RAISE_CHANGED);
|
|
35687
|
+
const roomState = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectRoomState);
|
|
35688
|
+
const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
|
|
35735
35689
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
35736
35690
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
35737
|
-
const amIScreenSharing = (0,
|
|
35738
|
-
const { showNotification } = (0,
|
|
35691
|
+
const amIScreenSharing = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectIsLocalScreenShared);
|
|
35692
|
+
const { showNotification } = (0, import_react_sdk113.useAwayNotifications)();
|
|
35739
35693
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
35740
35694
|
(0, import_react225.useEffect)(() => {
|
|
35741
35695
|
var _a8;
|
|
35742
35696
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35743
35697
|
return;
|
|
35744
35698
|
}
|
|
35745
|
-
if (roomState !==
|
|
35699
|
+
if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35746
35700
|
return;
|
|
35747
35701
|
}
|
|
35748
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35749
|
-
const peer = vanillaStore.getState((0,
|
|
35702
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
|
|
35703
|
+
const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
|
|
35750
35704
|
if (hasPeerHandRaised) {
|
|
35751
35705
|
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));
|
|
35752
35706
|
ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
|
|
@@ -35758,12 +35712,12 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35758
35712
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35759
35713
|
return;
|
|
35760
35714
|
}
|
|
35761
|
-
if (roomState !==
|
|
35715
|
+
if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35762
35716
|
return;
|
|
35763
35717
|
}
|
|
35764
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35765
|
-
const peer = vanillaStore.getState((0,
|
|
35766
|
-
const handRaisedPeers = vanillaStore.getState(
|
|
35718
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
|
|
35719
|
+
const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
|
|
35720
|
+
const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
|
|
35767
35721
|
if (amIScreenSharing && hasPeerHandRaised) {
|
|
35768
35722
|
const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
|
|
35769
35723
|
showNotification(title, { icon: logoURL });
|
|
@@ -35778,17 +35732,17 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35778
35732
|
});
|
|
35779
35733
|
|
|
35780
35734
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
35781
|
-
var import_react226,
|
|
35735
|
+
var import_react226, import_react_sdk114, InitErrorModal;
|
|
35782
35736
|
var init_InitErrorModal = __esm({
|
|
35783
35737
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
|
35784
35738
|
"use strict";
|
|
35785
35739
|
init_define_process_env();
|
|
35786
35740
|
import_react226 = __toESM(require("react"));
|
|
35787
|
-
|
|
35741
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
|
35788
35742
|
init_src();
|
|
35789
35743
|
init_DialogContent2();
|
|
35790
35744
|
InitErrorModal = () => {
|
|
35791
|
-
const notification = (0,
|
|
35745
|
+
const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
|
|
35792
35746
|
const [showModal, setShowModal] = (0, import_react226.useState)(false);
|
|
35793
35747
|
const [info, setInfo] = (0, import_react226.useState)({ title: "Init Error", description: "" });
|
|
35794
35748
|
(0, import_react226.useEffect)(() => {
|
|
@@ -35817,19 +35771,19 @@ var init_InitErrorModal = __esm({
|
|
|
35817
35771
|
});
|
|
35818
35772
|
|
|
35819
35773
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
|
35820
|
-
var import_react227,
|
|
35774
|
+
var import_react227, import_react_sdk115, notificationTypes, PeerNotifications;
|
|
35821
35775
|
var init_PeerNotifications = __esm({
|
|
35822
35776
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
|
35823
35777
|
"use strict";
|
|
35824
35778
|
init_define_process_env();
|
|
35825
35779
|
import_react227 = require("react");
|
|
35826
|
-
|
|
35780
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
35827
35781
|
init_ToastBatcher();
|
|
35828
35782
|
init_useUISettings();
|
|
35829
35783
|
init_constants();
|
|
35830
|
-
notificationTypes = [
|
|
35784
|
+
notificationTypes = [import_react_sdk115.HMSNotificationTypes.PEER_JOINED, import_react_sdk115.HMSNotificationTypes.PEER_LEFT];
|
|
35831
35785
|
PeerNotifications = () => {
|
|
35832
|
-
const notification = (0,
|
|
35786
|
+
const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes);
|
|
35833
35787
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
35834
35788
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
|
35835
35789
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -35839,12 +35793,12 @@ var init_PeerNotifications = __esm({
|
|
|
35839
35793
|
}
|
|
35840
35794
|
console.debug(`[${notification.type}]`, notification);
|
|
35841
35795
|
switch (notification.type) {
|
|
35842
|
-
case
|
|
35796
|
+
case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
|
|
35843
35797
|
if (!isPeerJoinSubscribed) {
|
|
35844
35798
|
return;
|
|
35845
35799
|
}
|
|
35846
35800
|
break;
|
|
35847
|
-
case
|
|
35801
|
+
case import_react_sdk115.HMSNotificationTypes.PEER_LEFT:
|
|
35848
35802
|
if (selectedPeer.id === notification.data.id) {
|
|
35849
35803
|
setPeerSelector({});
|
|
35850
35804
|
}
|
|
@@ -35880,17 +35834,17 @@ var init_ios_perm_0 = __esm({
|
|
|
35880
35834
|
|
|
35881
35835
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
35882
35836
|
function PermissionErrorNotificationModal() {
|
|
35883
|
-
const notification = (0,
|
|
35837
|
+
const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
|
|
35884
35838
|
return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
|
|
35885
35839
|
}
|
|
35886
|
-
var import_react228, import_react_use58,
|
|
35840
|
+
var import_react228, import_react_use58, import_react_sdk116, PermissionErrorModal;
|
|
35887
35841
|
var init_PermissionErrorModal = __esm({
|
|
35888
35842
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
35889
35843
|
"use strict";
|
|
35890
35844
|
init_define_process_env();
|
|
35891
35845
|
import_react228 = __toESM(require("react"));
|
|
35892
35846
|
import_react_use58 = require("react-use");
|
|
35893
|
-
|
|
35847
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
|
35894
35848
|
init_src();
|
|
35895
35849
|
init_android_perm_1();
|
|
35896
35850
|
init_ios_perm_0();
|
|
@@ -35956,35 +35910,35 @@ var init_PermissionErrorModal = __esm({
|
|
|
35956
35910
|
});
|
|
35957
35911
|
|
|
35958
35912
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
|
35959
|
-
var import_react229,
|
|
35913
|
+
var import_react229, import_react_sdk117, notificationTypes2, notificationId, ReconnectNotifications;
|
|
35960
35914
|
var init_ReconnectNotifications = __esm({
|
|
35961
35915
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
|
35962
35916
|
"use strict";
|
|
35963
35917
|
init_define_process_env();
|
|
35964
35918
|
import_react229 = require("react");
|
|
35965
|
-
|
|
35919
|
+
import_react_sdk117 = require("@100mslive/react-sdk");
|
|
35966
35920
|
init_ToastConfig();
|
|
35967
35921
|
init_ToastManager();
|
|
35968
35922
|
notificationTypes2 = [
|
|
35969
|
-
|
|
35970
|
-
|
|
35971
|
-
|
|
35923
|
+
import_react_sdk117.HMSNotificationTypes.RECONNECTED,
|
|
35924
|
+
import_react_sdk117.HMSNotificationTypes.RECONNECTING,
|
|
35925
|
+
import_react_sdk117.HMSNotificationTypes.ERROR
|
|
35972
35926
|
];
|
|
35973
35927
|
notificationId = null;
|
|
35974
35928
|
ReconnectNotifications = () => {
|
|
35975
|
-
const notification = (0,
|
|
35929
|
+
const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
|
|
35976
35930
|
const prevErrorCode = (0, import_react229.useRef)(0);
|
|
35977
35931
|
(0, import_react229.useEffect)(() => {
|
|
35978
35932
|
var _a7, _b7;
|
|
35979
35933
|
if (!notification) {
|
|
35980
35934
|
return;
|
|
35981
35935
|
}
|
|
35982
|
-
if (notification.type ===
|
|
35936
|
+
if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
|
|
35983
35937
|
notificationId = ToastManager.replaceToast(
|
|
35984
35938
|
notificationId,
|
|
35985
35939
|
ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
|
|
35986
35940
|
);
|
|
35987
|
-
} else if (notification.type ===
|
|
35941
|
+
} else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
|
|
35988
35942
|
prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
|
|
35989
35943
|
notificationId = ToastManager.replaceToast(
|
|
35990
35944
|
notificationId,
|
|
@@ -35998,30 +35952,30 @@ var init_ReconnectNotifications = __esm({
|
|
|
35998
35952
|
});
|
|
35999
35953
|
|
|
36000
35954
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
36001
|
-
var import_react230,
|
|
35955
|
+
var import_react230, import_react_sdk118, import_react_icons108, TrackBulkUnmuteModal;
|
|
36002
35956
|
var init_TrackBulkUnmuteModal = __esm({
|
|
36003
35957
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
|
36004
35958
|
"use strict";
|
|
36005
35959
|
init_define_process_env();
|
|
36006
35960
|
import_react230 = __toESM(require("react"));
|
|
36007
|
-
|
|
35961
|
+
import_react_sdk118 = require("@100mslive/react-sdk");
|
|
36008
35962
|
import_react_icons108 = require("@100mslive/react-icons");
|
|
36009
35963
|
init_DialogContent2();
|
|
36010
35964
|
TrackBulkUnmuteModal = () => {
|
|
36011
|
-
const hmsActions = (0,
|
|
35965
|
+
const hmsActions = (0, import_react_sdk118.useHMSActions)();
|
|
36012
35966
|
const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
|
|
36013
|
-
const notification = (0,
|
|
36014
|
-
|
|
36015
|
-
|
|
36016
|
-
|
|
35967
|
+
const notification = (0, import_react_sdk118.useHMSNotifications)([
|
|
35968
|
+
import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
|
35969
|
+
import_react_sdk118.HMSNotificationTypes.ROOM_ENDED,
|
|
35970
|
+
import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
36017
35971
|
]);
|
|
36018
35972
|
(0, import_react230.useEffect)(() => {
|
|
36019
35973
|
switch (notification == null ? void 0 : notification.type) {
|
|
36020
|
-
case
|
|
36021
|
-
case
|
|
35974
|
+
case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
35975
|
+
case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
|
|
36022
35976
|
setMuteNotification(null);
|
|
36023
35977
|
break;
|
|
36024
|
-
case
|
|
35978
|
+
case import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
|
36025
35979
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
36026
35980
|
setMuteNotification(notification.data);
|
|
36027
35981
|
}
|
|
@@ -36055,21 +36009,21 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
36055
36009
|
});
|
|
36056
36010
|
|
|
36057
36011
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
36058
|
-
var import_react231,
|
|
36012
|
+
var import_react231, import_react_sdk119, notificationTypes3, TrackNotifications;
|
|
36059
36013
|
var init_TrackNotifications = __esm({
|
|
36060
36014
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
|
36061
36015
|
"use strict";
|
|
36062
36016
|
init_define_process_env();
|
|
36063
36017
|
import_react231 = require("react");
|
|
36064
|
-
|
|
36018
|
+
import_react_sdk119 = require("@100mslive/react-sdk");
|
|
36065
36019
|
notificationTypes3 = [
|
|
36066
|
-
|
|
36067
|
-
|
|
36068
|
-
|
|
36069
|
-
|
|
36020
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_ADDED,
|
|
36021
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_REMOVED,
|
|
36022
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_MUTED,
|
|
36023
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_UNMUTED
|
|
36070
36024
|
];
|
|
36071
36025
|
TrackNotifications = () => {
|
|
36072
|
-
const notification = (0,
|
|
36026
|
+
const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
|
|
36073
36027
|
(0, import_react231.useEffect)(() => {
|
|
36074
36028
|
if (notification) {
|
|
36075
36029
|
console.debug(`[${notification.type}]`, notification);
|
|
@@ -36081,30 +36035,30 @@ var init_TrackNotifications = __esm({
|
|
|
36081
36035
|
});
|
|
36082
36036
|
|
|
36083
36037
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
36084
|
-
var import_react232,
|
|
36038
|
+
var import_react232, import_react_sdk120, import_react_icons109, TrackUnmuteModal;
|
|
36085
36039
|
var init_TrackUnmuteModal = __esm({
|
|
36086
36040
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
|
36087
36041
|
"use strict";
|
|
36088
36042
|
init_define_process_env();
|
|
36089
36043
|
import_react232 = __toESM(require("react"));
|
|
36090
|
-
|
|
36044
|
+
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
36091
36045
|
import_react_icons109 = require("@100mslive/react-icons");
|
|
36092
36046
|
init_DialogContent2();
|
|
36093
36047
|
TrackUnmuteModal = () => {
|
|
36094
|
-
const hmsActions = (0,
|
|
36095
|
-
const notification = (0,
|
|
36096
|
-
|
|
36097
|
-
|
|
36098
|
-
|
|
36048
|
+
const hmsActions = (0, import_react_sdk120.useHMSActions)();
|
|
36049
|
+
const notification = (0, import_react_sdk120.useHMSNotifications)([
|
|
36050
|
+
import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
|
36051
|
+
import_react_sdk120.HMSNotificationTypes.ROOM_ENDED,
|
|
36052
|
+
import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
36099
36053
|
]);
|
|
36100
36054
|
const [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
|
|
36101
36055
|
(0, import_react232.useEffect)(() => {
|
|
36102
36056
|
switch (notification == null ? void 0 : notification.type) {
|
|
36103
|
-
case
|
|
36104
|
-
case
|
|
36057
|
+
case import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36058
|
+
case import_react_sdk120.HMSNotificationTypes.ROOM_ENDED:
|
|
36105
36059
|
setMuteNotification(null);
|
|
36106
36060
|
break;
|
|
36107
|
-
case
|
|
36061
|
+
case import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
36108
36062
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
36109
36063
|
setMuteNotification(notification.data);
|
|
36110
36064
|
}
|
|
@@ -36122,7 +36076,7 @@ var init_TrackUnmuteModal = __esm({
|
|
|
36122
36076
|
{
|
|
36123
36077
|
title: `Unmute your ${track.type}?`,
|
|
36124
36078
|
onOpenChange: (value) => !value && setMuteNotification(null),
|
|
36125
|
-
body: `${peer == null ? void 0 : peer.name}
|
|
36079
|
+
body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
|
|
36126
36080
|
onAction: () => {
|
|
36127
36081
|
hmsActions.setEnabledTrack(track.id, enabled);
|
|
36128
36082
|
setMuteNotification(null);
|
|
@@ -36135,20 +36089,20 @@ var init_TrackUnmuteModal = __esm({
|
|
|
36135
36089
|
});
|
|
36136
36090
|
|
|
36137
36091
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
36138
|
-
var import_react233, import_ts_pattern16,
|
|
36092
|
+
var import_react233, import_ts_pattern16, import_react_sdk121, import_react_icons110, TranscriptionNotifications;
|
|
36139
36093
|
var init_TranscriptionNotifications = __esm({
|
|
36140
36094
|
"src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
|
|
36141
36095
|
"use strict";
|
|
36142
36096
|
init_define_process_env();
|
|
36143
36097
|
import_react233 = __toESM(require("react"));
|
|
36144
36098
|
import_ts_pattern16 = require("ts-pattern");
|
|
36145
|
-
|
|
36099
|
+
import_react_sdk121 = require("@100mslive/react-sdk");
|
|
36146
36100
|
import_react_icons110 = require("@100mslive/react-icons");
|
|
36147
36101
|
init_ToastManager();
|
|
36148
36102
|
init_useUISettings();
|
|
36149
36103
|
init_constants();
|
|
36150
36104
|
TranscriptionNotifications = () => {
|
|
36151
|
-
const notification = (0,
|
|
36105
|
+
const notification = (0, import_react_sdk121.useHMSNotifications)(import_react_sdk121.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
|
|
36152
36106
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
36153
36107
|
(0, import_react233.useEffect)(() => {
|
|
36154
36108
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
@@ -36167,14 +36121,14 @@ var init_TranscriptionNotifications = __esm({
|
|
|
36167
36121
|
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
36168
36122
|
});
|
|
36169
36123
|
}
|
|
36170
|
-
).with({ state:
|
|
36124
|
+
).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
|
|
36171
36125
|
id = ToastManager.replaceToast(toastId, {
|
|
36172
36126
|
title: `Closed Captioning enabled for everyone`,
|
|
36173
36127
|
variant: "standard",
|
|
36174
36128
|
duration: 2e3,
|
|
36175
36129
|
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
36176
36130
|
});
|
|
36177
|
-
}).with({ state:
|
|
36131
|
+
}).with({ state: import_react_sdk121.HMSTranscriptionState.STOPPED }, () => {
|
|
36178
36132
|
id = ToastManager.replaceToast(toastId, {
|
|
36179
36133
|
title: `Closed Captioning disabled for everyone`,
|
|
36180
36134
|
variant: "standard",
|
|
@@ -36193,17 +36147,17 @@ var init_TranscriptionNotifications = __esm({
|
|
|
36193
36147
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
36194
36148
|
function Notifications() {
|
|
36195
36149
|
var _a7, _b7;
|
|
36196
|
-
const localPeerID = (0,
|
|
36197
|
-
const notification = (0,
|
|
36150
|
+
const localPeerID = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectLocalPeerID);
|
|
36151
|
+
const notification = (0, import_react_sdk122.useHMSNotifications)();
|
|
36198
36152
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
36199
|
-
const roomState = (0,
|
|
36153
|
+
const roomState = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectRoomState);
|
|
36200
36154
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
36201
36155
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
36202
36156
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
36203
|
-
const vanillaStore = (0,
|
|
36157
|
+
const vanillaStore = (0, import_react_sdk122.useHMSVanillaStore)();
|
|
36204
36158
|
const togglePollView = usePollViewToggle();
|
|
36205
|
-
const { showNotification } = (0,
|
|
36206
|
-
const amIScreenSharing = (0,
|
|
36159
|
+
const { showNotification } = (0, import_react_sdk122.useAwayNotifications)();
|
|
36160
|
+
const amIScreenSharing = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsLocalScreenShared);
|
|
36207
36161
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
36208
36162
|
const { pipWindow } = usePIPWindow();
|
|
36209
36163
|
const handleRoleChangeDenied = (0, import_react234.useCallback)((request) => {
|
|
@@ -36212,17 +36166,17 @@ function Notifications() {
|
|
|
36212
36166
|
variant: "error"
|
|
36213
36167
|
});
|
|
36214
36168
|
}, []);
|
|
36215
|
-
(0,
|
|
36169
|
+
(0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
36216
36170
|
(0, import_react234.useEffect)(() => {
|
|
36217
|
-
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l,
|
|
36171
|
+
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
|
|
36218
36172
|
if (!notification || isNotificationDisabled) {
|
|
36219
36173
|
return;
|
|
36220
36174
|
}
|
|
36221
36175
|
switch (notification.type) {
|
|
36222
|
-
case
|
|
36176
|
+
case import_react_sdk122.HMSNotificationTypes.NAME_UPDATED:
|
|
36223
36177
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
36224
36178
|
break;
|
|
36225
|
-
case
|
|
36179
|
+
case import_react_sdk122.HMSNotificationTypes.ERROR:
|
|
36226
36180
|
if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
|
|
36227
36181
|
if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
|
|
36228
36182
|
ToastManager.addToast({
|
|
@@ -36254,8 +36208,8 @@ function Notifications() {
|
|
|
36254
36208
|
title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
|
|
36255
36209
|
});
|
|
36256
36210
|
break;
|
|
36257
|
-
case
|
|
36258
|
-
if (((
|
|
36211
|
+
case import_react_sdk122.HMSNotificationTypes.ROLE_UPDATED: {
|
|
36212
|
+
if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
|
|
36259
36213
|
ToastManager.addToast({
|
|
36260
36214
|
title: `You are now a ${notification.data.roleName}`
|
|
36261
36215
|
});
|
|
@@ -36263,7 +36217,7 @@ function Notifications() {
|
|
|
36263
36217
|
}
|
|
36264
36218
|
break;
|
|
36265
36219
|
}
|
|
36266
|
-
case
|
|
36220
|
+
case import_react_sdk122.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
36267
36221
|
const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
|
|
36268
36222
|
if (!notification.data.enabled) {
|
|
36269
36223
|
ToastManager.addToast({
|
|
@@ -36272,21 +36226,21 @@ function Notifications() {
|
|
|
36272
36226
|
});
|
|
36273
36227
|
}
|
|
36274
36228
|
break;
|
|
36275
|
-
case
|
|
36276
|
-
case
|
|
36229
|
+
case import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36230
|
+
case import_react_sdk122.HMSNotificationTypes.ROOM_ENDED:
|
|
36277
36231
|
ToastManager.addToast({
|
|
36278
36232
|
title: `${notification.message}.
|
|
36279
36233
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
36280
36234
|
});
|
|
36281
36235
|
break;
|
|
36282
|
-
case
|
|
36236
|
+
case import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
36283
36237
|
ToastManager.addToast({
|
|
36284
36238
|
title: notification.message
|
|
36285
36239
|
});
|
|
36286
36240
|
break;
|
|
36287
|
-
case
|
|
36241
|
+
case import_react_sdk122.HMSNotificationTypes.POLL_STARTED:
|
|
36288
36242
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
36289
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
36243
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
36290
36244
|
const pollToastID = ToastManager.addToast({
|
|
36291
36245
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
36292
36246
|
action: /* @__PURE__ */ import_react234.default.createElement(
|
|
@@ -36308,14 +36262,14 @@ function Notifications() {
|
|
|
36308
36262
|
pollToastKey[notification.data.id] = pollToastID;
|
|
36309
36263
|
}
|
|
36310
36264
|
break;
|
|
36311
|
-
case
|
|
36265
|
+
case import_react_sdk122.HMSNotificationTypes.POLL_STOPPED:
|
|
36312
36266
|
const pollID = notification == null ? void 0 : notification.data.id;
|
|
36313
36267
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
|
36314
36268
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
|
36315
36269
|
delete pollToastKey[notification == null ? void 0 : notification.data.id];
|
|
36316
36270
|
}
|
|
36317
36271
|
break;
|
|
36318
|
-
case
|
|
36272
|
+
case import_react_sdk122.HMSNotificationTypes.NEW_MESSAGE:
|
|
36319
36273
|
if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
|
|
36320
36274
|
showNotification(`New message from ${notification.data.senderName}`, {
|
|
36321
36275
|
body: notification.data.message,
|
|
@@ -36330,15 +36284,15 @@ function Notifications() {
|
|
|
36330
36284
|
if (isNotificationDisabled) {
|
|
36331
36285
|
return null;
|
|
36332
36286
|
}
|
|
36333
|
-
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 ===
|
|
36287
|
+
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));
|
|
36334
36288
|
}
|
|
36335
|
-
var import_react234,
|
|
36289
|
+
var import_react234, import_react_sdk122, import_react_icons111, pollToastKey;
|
|
36336
36290
|
var init_Notifications = __esm({
|
|
36337
36291
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
36338
36292
|
"use strict";
|
|
36339
36293
|
init_define_process_env();
|
|
36340
36294
|
import_react234 = __toESM(require("react"));
|
|
36341
|
-
|
|
36295
|
+
import_react_sdk122 = require("@100mslive/react-sdk");
|
|
36342
36296
|
import_react_icons111 = require("@100mslive/react-icons");
|
|
36343
36297
|
init_src();
|
|
36344
36298
|
init_roomLayoutProvider();
|
|
@@ -36484,19 +36438,19 @@ var init_Toast3 = __esm({
|
|
|
36484
36438
|
});
|
|
36485
36439
|
|
|
36486
36440
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
36487
|
-
var import_react238,
|
|
36441
|
+
var import_react238, import_react_sdk123, ToastContainer;
|
|
36488
36442
|
var init_ToastContainer = __esm({
|
|
36489
36443
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
36490
36444
|
"use strict";
|
|
36491
36445
|
init_define_process_env();
|
|
36492
36446
|
import_react238 = __toESM(require("react"));
|
|
36493
|
-
|
|
36447
|
+
import_react_sdk123 = require("@100mslive/react-sdk");
|
|
36494
36448
|
init_Toast2();
|
|
36495
36449
|
init_Toast3();
|
|
36496
36450
|
init_ToastManager();
|
|
36497
36451
|
init_constants();
|
|
36498
36452
|
ToastContainer = () => {
|
|
36499
|
-
const isConnected = (0,
|
|
36453
|
+
const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
|
|
36500
36454
|
const [toasts, setToast] = (0, import_react238.useState)([]);
|
|
36501
36455
|
(0, import_react238.useEffect)(() => {
|
|
36502
36456
|
ToastManager.addListener(setToast);
|
|
@@ -36553,18 +36507,18 @@ var init_RoomDetailsSheet = __esm({
|
|
|
36553
36507
|
});
|
|
36554
36508
|
|
|
36555
36509
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
36556
|
-
var import_react240,
|
|
36510
|
+
var import_react240, import_react_sdk124, Sheet2;
|
|
36557
36511
|
var init_Sheet3 = __esm({
|
|
36558
36512
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
|
36559
36513
|
"use strict";
|
|
36560
36514
|
init_define_process_env();
|
|
36561
36515
|
import_react240 = __toESM(require("react"));
|
|
36562
|
-
|
|
36516
|
+
import_react_sdk124 = require("@100mslive/react-sdk");
|
|
36563
36517
|
init_RoomDetailsSheet();
|
|
36564
36518
|
init_Layout();
|
|
36565
36519
|
init_constants();
|
|
36566
36520
|
Sheet2 = () => {
|
|
36567
|
-
const sheet = (0,
|
|
36521
|
+
const sheet = (0, import_react_sdk124.useHMSStore)((0, import_react_sdk124.selectAppData)(APP_DATA.sheet));
|
|
36568
36522
|
let ViewComponent;
|
|
36569
36523
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
36570
36524
|
ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
|
|
@@ -36576,19 +36530,19 @@ var init_Sheet3 = __esm({
|
|
|
36576
36530
|
|
|
36577
36531
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
36578
36532
|
function FlyingEmoji() {
|
|
36579
|
-
const localPeerId = (0,
|
|
36580
|
-
const vanillaStore = (0,
|
|
36581
|
-
const hmsActions = (0,
|
|
36533
|
+
const localPeerId = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectLocalPeerID);
|
|
36534
|
+
const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
|
|
36535
|
+
const hmsActions = (0, import_react_sdk125.useHMSActions)();
|
|
36582
36536
|
const [emojis, setEmojis] = (0, import_react241.useState)([]);
|
|
36583
36537
|
const isMobile = (0, import_react_use60.useMedia)(config.media.md);
|
|
36584
|
-
const isLargeRoom = (0,
|
|
36538
|
+
const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
|
|
36585
36539
|
const startingPoints = (0, import_react241.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
36586
36540
|
const showFlyingEmoji = (0, import_react241.useCallback)(
|
|
36587
36541
|
(_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
|
|
36588
36542
|
if (!emojiId || !senderId || document.hidden) {
|
|
36589
36543
|
return;
|
|
36590
36544
|
}
|
|
36591
|
-
let senderPeerName = vanillaStore.getState((0,
|
|
36545
|
+
let senderPeerName = vanillaStore.getState((0, import_react_sdk125.selectPeerNameByID)(senderId));
|
|
36592
36546
|
if (!senderPeerName && isLargeRoom) {
|
|
36593
36547
|
const sender = yield hmsActions.getPeer(senderId);
|
|
36594
36548
|
senderPeerName = sender == null ? void 0 : sender.name;
|
|
@@ -36611,7 +36565,7 @@ function FlyingEmoji() {
|
|
|
36611
36565
|
}),
|
|
36612
36566
|
[vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
|
|
36613
36567
|
);
|
|
36614
|
-
(0,
|
|
36568
|
+
(0, import_react_sdk125.useCustomEvent)({
|
|
36615
36569
|
type: EMOJI_REACTION_TYPE,
|
|
36616
36570
|
onEvent: showFlyingEmoji
|
|
36617
36571
|
});
|
|
@@ -36675,14 +36629,14 @@ function FlyingEmoji() {
|
|
|
36675
36629
|
})
|
|
36676
36630
|
);
|
|
36677
36631
|
}
|
|
36678
|
-
var import_react241, import_react_use60,
|
|
36632
|
+
var import_react241, import_react_use60, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
36679
36633
|
var init_FlyingEmoji = __esm({
|
|
36680
36634
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
36681
36635
|
"use strict";
|
|
36682
36636
|
init_define_process_env();
|
|
36683
36637
|
import_react241 = __toESM(require("react"));
|
|
36684
36638
|
import_react_use60 = require("react-use");
|
|
36685
|
-
|
|
36639
|
+
import_react_sdk125 = require("@100mslive/react-sdk");
|
|
36686
36640
|
init_Layout();
|
|
36687
36641
|
init_Text2();
|
|
36688
36642
|
init_Theme();
|
|
@@ -36715,45 +36669,45 @@ var init_FlyingEmoji = __esm({
|
|
|
36715
36669
|
|
|
36716
36670
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
36717
36671
|
function RemoteStopScreenshare() {
|
|
36718
|
-
const actions = (0,
|
|
36672
|
+
const actions = (0, import_react_sdk126.useHMSActions)();
|
|
36719
36673
|
const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
|
|
36720
36674
|
yield actions.setScreenShareEnabled(false);
|
|
36721
36675
|
}), [actions]);
|
|
36722
|
-
(0,
|
|
36676
|
+
(0, import_react_sdk126.useCustomEvent)({
|
|
36723
36677
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
36724
36678
|
onEvent: onRemoteStopScreenshare
|
|
36725
36679
|
});
|
|
36726
36680
|
return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
|
|
36727
36681
|
}
|
|
36728
|
-
var import_react242,
|
|
36682
|
+
var import_react242, import_react_sdk126;
|
|
36729
36683
|
var init_RemoteStopScreenshare = __esm({
|
|
36730
36684
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
36731
36685
|
"use strict";
|
|
36732
36686
|
init_define_process_env();
|
|
36733
36687
|
import_react242 = __toESM(require("react"));
|
|
36734
|
-
|
|
36688
|
+
import_react_sdk126 = require("@100mslive/react-sdk");
|
|
36735
36689
|
init_constants();
|
|
36736
36690
|
}
|
|
36737
36691
|
});
|
|
36738
36692
|
|
|
36739
36693
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
36740
|
-
var import_react243,
|
|
36694
|
+
var import_react243, import_react_sdk127, useAutoStartStreaming;
|
|
36741
36695
|
var init_useAutoStartStreaming = __esm({
|
|
36742
36696
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
36743
36697
|
"use strict";
|
|
36744
36698
|
init_define_process_env();
|
|
36745
36699
|
import_react243 = require("react");
|
|
36746
|
-
|
|
36700
|
+
import_react_sdk127 = require("@100mslive/react-sdk");
|
|
36747
36701
|
init_useUISettings();
|
|
36748
36702
|
init_hooks();
|
|
36749
36703
|
init_constants();
|
|
36750
36704
|
useAutoStartStreaming = () => {
|
|
36751
36705
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
36752
|
-
const permissions = (0,
|
|
36706
|
+
const permissions = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectPermissions);
|
|
36753
36707
|
const showStreamingUI = useShowStreamingUI();
|
|
36754
|
-
const hmsActions = (0,
|
|
36755
|
-
const isConnected = (0,
|
|
36756
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
36708
|
+
const hmsActions = (0, import_react_sdk127.useHMSActions)();
|
|
36709
|
+
const isConnected = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
|
|
36710
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk127.useRecordingStreaming)();
|
|
36757
36711
|
const streamStartedRef = (0, import_react243.useRef)(false);
|
|
36758
36712
|
const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
|
|
36759
36713
|
try {
|
|
@@ -36810,14 +36764,14 @@ function AppRoutes({
|
|
|
36810
36764
|
}
|
|
36811
36765
|
), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
|
|
36812
36766
|
}
|
|
36813
|
-
var import_react244, import_ts_pattern17,
|
|
36767
|
+
var import_react244, import_ts_pattern17, import_react_sdk128, HMSPrebuilt, AppStates, BackSwipe;
|
|
36814
36768
|
var init_App = __esm({
|
|
36815
36769
|
"src/Prebuilt/App.tsx"() {
|
|
36816
36770
|
"use strict";
|
|
36817
36771
|
init_define_process_env();
|
|
36818
36772
|
import_react244 = __toESM(require("react"));
|
|
36819
36773
|
import_ts_pattern17 = require("ts-pattern");
|
|
36820
|
-
|
|
36774
|
+
import_react_sdk128 = require("@100mslive/react-sdk");
|
|
36821
36775
|
init_AppData();
|
|
36822
36776
|
init_AuthToken();
|
|
36823
36777
|
init_ConferenceScreen();
|
|
@@ -36864,7 +36818,7 @@ var init_App = __esm({
|
|
|
36864
36818
|
const [hydrated, setHydrated] = import_react244.default.useState(false);
|
|
36865
36819
|
(0, import_react244.useEffect)(() => {
|
|
36866
36820
|
setHydrated(true);
|
|
36867
|
-
const hms = new
|
|
36821
|
+
const hms = new import_react_sdk128.HMSReactiveStore();
|
|
36868
36822
|
const hmsStore = hms.getStore();
|
|
36869
36823
|
const hmsActions = hms.getActions();
|
|
36870
36824
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -36891,10 +36845,10 @@ var init_App = __esm({
|
|
|
36891
36845
|
};
|
|
36892
36846
|
}, []);
|
|
36893
36847
|
const endpointsObj = endpoints;
|
|
36894
|
-
const tokenByRoomCodeEndpoint = endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode;
|
|
36895
|
-
const initEndpoint = endpointsObj == null ? void 0 : endpointsObj.init;
|
|
36896
|
-
const eventEndpoint = endpointsObj == null ? void 0 : endpointsObj.event;
|
|
36897
|
-
const roomLayoutEndpoint = endpointsObj == null ? void 0 : endpointsObj.roomLayout;
|
|
36848
|
+
const tokenByRoomCodeEndpoint = (endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode) || "";
|
|
36849
|
+
const initEndpoint = (endpointsObj == null ? void 0 : endpointsObj.init) || "";
|
|
36850
|
+
const eventEndpoint = (endpointsObj == null ? void 0 : endpointsObj.event) || "";
|
|
36851
|
+
const roomLayoutEndpoint = (endpointsObj == null ? void 0 : endpointsObj.roomLayout) || "";
|
|
36898
36852
|
const overrideLayout = {
|
|
36899
36853
|
logo,
|
|
36900
36854
|
themes,
|
|
@@ -36932,7 +36886,7 @@ var init_App = __esm({
|
|
|
36932
36886
|
}
|
|
36933
36887
|
},
|
|
36934
36888
|
/* @__PURE__ */ import_react244.default.createElement(
|
|
36935
|
-
|
|
36889
|
+
import_react_sdk128.HMSRoomProvider,
|
|
36936
36890
|
{
|
|
36937
36891
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
36938
36892
|
actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
|
|
@@ -36997,8 +36951,8 @@ var init_App = __esm({
|
|
|
36997
36951
|
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));
|
|
36998
36952
|
};
|
|
36999
36953
|
BackSwipe = () => {
|
|
37000
|
-
const isConnectedToRoom = (0,
|
|
37001
|
-
const hmsActions = (0,
|
|
36954
|
+
const isConnectedToRoom = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
|
|
36955
|
+
const hmsActions = (0, import_react_sdk128.useHMSActions)();
|
|
37002
36956
|
(0, import_react244.useEffect)(() => {
|
|
37003
36957
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
37004
36958
|
if (isConnectedToRoom) {
|
|
@@ -37149,18 +37103,18 @@ var require_react_is_production_min = __commonJS({
|
|
|
37149
37103
|
var c2 = b2 ? Symbol.for("react.element") : 60103;
|
|
37150
37104
|
var d = b2 ? Symbol.for("react.portal") : 60106;
|
|
37151
37105
|
var e = b2 ? Symbol.for("react.fragment") : 60107;
|
|
37152
|
-
var
|
|
37106
|
+
var f2 = b2 ? Symbol.for("react.strict_mode") : 60108;
|
|
37153
37107
|
var g = b2 ? Symbol.for("react.profiler") : 60114;
|
|
37154
|
-
var
|
|
37108
|
+
var h2 = b2 ? Symbol.for("react.provider") : 60109;
|
|
37155
37109
|
var k = b2 ? Symbol.for("react.context") : 60110;
|
|
37156
37110
|
var l2 = b2 ? Symbol.for("react.async_mode") : 60111;
|
|
37157
|
-
var
|
|
37111
|
+
var m = b2 ? Symbol.for("react.concurrent_mode") : 60111;
|
|
37158
37112
|
var n = b2 ? Symbol.for("react.forward_ref") : 60112;
|
|
37159
37113
|
var p = b2 ? Symbol.for("react.suspense") : 60113;
|
|
37160
|
-
var
|
|
37114
|
+
var q = b2 ? Symbol.for("react.suspense_list") : 60120;
|
|
37161
37115
|
var r = b2 ? Symbol.for("react.memo") : 60115;
|
|
37162
37116
|
var t = b2 ? Symbol.for("react.lazy") : 60116;
|
|
37163
|
-
var
|
|
37117
|
+
var v = b2 ? Symbol.for("react.block") : 60121;
|
|
37164
37118
|
var w = b2 ? Symbol.for("react.fundamental") : 60117;
|
|
37165
37119
|
var x = b2 ? Symbol.for("react.responder") : 60118;
|
|
37166
37120
|
var y2 = b2 ? Symbol.for("react.scope") : 60119;
|
|
@@ -37171,10 +37125,10 @@ var require_react_is_production_min = __commonJS({
|
|
|
37171
37125
|
case c2:
|
|
37172
37126
|
switch (a2 = a2.type, a2) {
|
|
37173
37127
|
case l2:
|
|
37174
|
-
case
|
|
37128
|
+
case m:
|
|
37175
37129
|
case e:
|
|
37176
37130
|
case g:
|
|
37177
|
-
case
|
|
37131
|
+
case f2:
|
|
37178
37132
|
case p:
|
|
37179
37133
|
return a2;
|
|
37180
37134
|
default:
|
|
@@ -37183,7 +37137,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
37183
37137
|
case n:
|
|
37184
37138
|
case t:
|
|
37185
37139
|
case r:
|
|
37186
|
-
case
|
|
37140
|
+
case h2:
|
|
37187
37141
|
return a2;
|
|
37188
37142
|
default:
|
|
37189
37143
|
return u;
|
|
@@ -37194,13 +37148,13 @@ var require_react_is_production_min = __commonJS({
|
|
|
37194
37148
|
}
|
|
37195
37149
|
}
|
|
37196
37150
|
}
|
|
37197
|
-
function
|
|
37198
|
-
return z2(a2) ===
|
|
37151
|
+
function A(a2) {
|
|
37152
|
+
return z2(a2) === m;
|
|
37199
37153
|
}
|
|
37200
37154
|
exports.AsyncMode = l2;
|
|
37201
|
-
exports.ConcurrentMode =
|
|
37155
|
+
exports.ConcurrentMode = m;
|
|
37202
37156
|
exports.ContextConsumer = k;
|
|
37203
|
-
exports.ContextProvider =
|
|
37157
|
+
exports.ContextProvider = h2;
|
|
37204
37158
|
exports.Element = c2;
|
|
37205
37159
|
exports.ForwardRef = n;
|
|
37206
37160
|
exports.Fragment = e;
|
|
@@ -37208,17 +37162,17 @@ var require_react_is_production_min = __commonJS({
|
|
|
37208
37162
|
exports.Memo = r;
|
|
37209
37163
|
exports.Portal = d;
|
|
37210
37164
|
exports.Profiler = g;
|
|
37211
|
-
exports.StrictMode =
|
|
37165
|
+
exports.StrictMode = f2;
|
|
37212
37166
|
exports.Suspense = p;
|
|
37213
37167
|
exports.isAsyncMode = function(a2) {
|
|
37214
|
-
return
|
|
37168
|
+
return A(a2) || z2(a2) === l2;
|
|
37215
37169
|
};
|
|
37216
|
-
exports.isConcurrentMode =
|
|
37170
|
+
exports.isConcurrentMode = A;
|
|
37217
37171
|
exports.isContextConsumer = function(a2) {
|
|
37218
37172
|
return z2(a2) === k;
|
|
37219
37173
|
};
|
|
37220
37174
|
exports.isContextProvider = function(a2) {
|
|
37221
|
-
return z2(a2) ===
|
|
37175
|
+
return z2(a2) === h2;
|
|
37222
37176
|
};
|
|
37223
37177
|
exports.isElement = function(a2) {
|
|
37224
37178
|
return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
|
|
@@ -37242,13 +37196,13 @@ var require_react_is_production_min = __commonJS({
|
|
|
37242
37196
|
return z2(a2) === g;
|
|
37243
37197
|
};
|
|
37244
37198
|
exports.isStrictMode = function(a2) {
|
|
37245
|
-
return z2(a2) ===
|
|
37199
|
+
return z2(a2) === f2;
|
|
37246
37200
|
};
|
|
37247
37201
|
exports.isSuspense = function(a2) {
|
|
37248
37202
|
return z2(a2) === p;
|
|
37249
37203
|
};
|
|
37250
37204
|
exports.isValidElementType = function(a2) {
|
|
37251
|
-
return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 ===
|
|
37205
|
+
return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m || a2 === g || a2 === f2 || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h2 || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
|
|
37252
37206
|
};
|
|
37253
37207
|
exports.typeOf = z2;
|
|
37254
37208
|
}
|
|
@@ -37471,25 +37425,25 @@ var require_object_assign = __commonJS({
|
|
|
37471
37425
|
}
|
|
37472
37426
|
module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
|
|
37473
37427
|
var from;
|
|
37474
|
-
var
|
|
37428
|
+
var to2 = toObject(target);
|
|
37475
37429
|
var symbols;
|
|
37476
37430
|
for (var s = 1; s < arguments.length; s++) {
|
|
37477
37431
|
from = Object(arguments[s]);
|
|
37478
37432
|
for (var key in from) {
|
|
37479
37433
|
if (hasOwnProperty.call(from, key)) {
|
|
37480
|
-
|
|
37434
|
+
to2[key] = from[key];
|
|
37481
37435
|
}
|
|
37482
37436
|
}
|
|
37483
37437
|
if (getOwnPropertySymbols) {
|
|
37484
37438
|
symbols = getOwnPropertySymbols(from);
|
|
37485
37439
|
for (var i = 0; i < symbols.length; i++) {
|
|
37486
37440
|
if (propIsEnumerable.call(from, symbols[i])) {
|
|
37487
|
-
|
|
37441
|
+
to2[symbols[i]] = from[symbols[i]];
|
|
37488
37442
|
}
|
|
37489
37443
|
}
|
|
37490
37444
|
}
|
|
37491
37445
|
}
|
|
37492
|
-
return
|
|
37446
|
+
return to2;
|
|
37493
37447
|
};
|
|
37494
37448
|
}
|
|
37495
37449
|
});
|
|
@@ -38174,13 +38128,13 @@ var init_DeviceSelector = __esm({
|
|
|
38174
38128
|
});
|
|
38175
38129
|
|
|
38176
38130
|
// src/Diagnostics/AudioTest.tsx
|
|
38177
|
-
var import_react248,
|
|
38131
|
+
var import_react248, import_react_sdk129, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
|
|
38178
38132
|
var init_AudioTest = __esm({
|
|
38179
38133
|
"src/Diagnostics/AudioTest.tsx"() {
|
|
38180
38134
|
"use strict";
|
|
38181
38135
|
init_define_process_env();
|
|
38182
38136
|
import_react248 = __toESM(require("react"));
|
|
38183
|
-
|
|
38137
|
+
import_react_sdk129 = require("@100mslive/react-sdk");
|
|
38184
38138
|
import_react_icons113 = require("@100mslive/react-icons");
|
|
38185
38139
|
init_PermissionErrorModal();
|
|
38186
38140
|
init_components();
|
|
@@ -38196,12 +38150,12 @@ var init_AudioTest = __esm({
|
|
|
38196
38150
|
MicTest = ({ setError }) => {
|
|
38197
38151
|
var _a7, _b7;
|
|
38198
38152
|
const { hmsDiagnostics } = useDiagnostics();
|
|
38199
|
-
const devices = (0,
|
|
38153
|
+
const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
|
|
38200
38154
|
const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
|
|
38201
38155
|
const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
|
38202
|
-
const trackID = (0,
|
|
38203
|
-
const audioLevel = (0,
|
|
38204
|
-
const { audioOutputDeviceId } = (0,
|
|
38156
|
+
const trackID = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalAudioTrackID);
|
|
38157
|
+
const audioLevel = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectTrackAudioByID)(trackID));
|
|
38158
|
+
const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
|
|
38205
38159
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
38206
38160
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
38207
38161
|
});
|
|
@@ -38276,9 +38230,9 @@ var init_AudioTest = __esm({
|
|
|
38276
38230
|
};
|
|
38277
38231
|
SpeakerTest = () => {
|
|
38278
38232
|
var _a7;
|
|
38279
|
-
const actions = (0,
|
|
38280
|
-
const devices = (0,
|
|
38281
|
-
const { audioOutputDeviceId } = (0,
|
|
38233
|
+
const actions = (0, import_react_sdk129.useHMSActions)();
|
|
38234
|
+
const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
|
|
38235
|
+
const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
|
|
38282
38236
|
if (devices.audioOutput.length === 0) {
|
|
38283
38237
|
return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
|
|
38284
38238
|
}
|
|
@@ -38328,13 +38282,13 @@ var init_AudioTest = __esm({
|
|
|
38328
38282
|
});
|
|
38329
38283
|
|
|
38330
38284
|
// src/Diagnostics/BrowserTest.tsx
|
|
38331
|
-
var import_react249,
|
|
38285
|
+
var import_react249, import_react_sdk130, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
|
|
38332
38286
|
var init_BrowserTest = __esm({
|
|
38333
38287
|
"src/Diagnostics/BrowserTest.tsx"() {
|
|
38334
38288
|
"use strict";
|
|
38335
38289
|
init_define_process_env();
|
|
38336
38290
|
import_react249 = __toESM(require("react"));
|
|
38337
|
-
|
|
38291
|
+
import_react_sdk130 = require("@100mslive/react-sdk");
|
|
38338
38292
|
init_components();
|
|
38339
38293
|
init_Layout();
|
|
38340
38294
|
init_Text2();
|
|
@@ -38436,15 +38390,15 @@ var init_BrowserTest = __esm({
|
|
|
38436
38390
|
CheckDetails,
|
|
38437
38391
|
{
|
|
38438
38392
|
title: "Browser",
|
|
38439
|
-
iconURL:
|
|
38440
|
-
value: `${
|
|
38393
|
+
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),
|
|
38394
|
+
value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
|
|
38441
38395
|
}
|
|
38442
38396
|
), /* @__PURE__ */ import_react249.default.createElement(
|
|
38443
38397
|
CheckDetails,
|
|
38444
38398
|
{
|
|
38445
38399
|
title: "Operating system",
|
|
38446
|
-
iconURL:
|
|
38447
|
-
value: `${
|
|
38400
|
+
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),
|
|
38401
|
+
value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
|
|
38448
38402
|
}
|
|
38449
38403
|
)), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
38450
38404
|
};
|
|
@@ -38452,13 +38406,13 @@ var init_BrowserTest = __esm({
|
|
|
38452
38406
|
});
|
|
38453
38407
|
|
|
38454
38408
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
38455
|
-
var import_react250,
|
|
38409
|
+
var import_react250, import_react_sdk131, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
|
|
38456
38410
|
var init_ConnectivityTest = __esm({
|
|
38457
38411
|
"src/Diagnostics/ConnectivityTest.tsx"() {
|
|
38458
38412
|
"use strict";
|
|
38459
38413
|
init_define_process_env();
|
|
38460
38414
|
import_react250 = __toESM(require("react"));
|
|
38461
|
-
|
|
38415
|
+
import_react_sdk131 = require("@100mslive/react-sdk");
|
|
38462
38416
|
import_react_icons114 = require("@100mslive/react-icons");
|
|
38463
38417
|
init_components();
|
|
38464
38418
|
init_Button2();
|
|
@@ -38473,13 +38427,13 @@ var init_ConnectivityTest = __esm({
|
|
|
38473
38427
|
us: "United States"
|
|
38474
38428
|
};
|
|
38475
38429
|
ConnectivityStateMessage = {
|
|
38476
|
-
[
|
|
38477
|
-
[
|
|
38478
|
-
[
|
|
38479
|
-
[
|
|
38480
|
-
[
|
|
38481
|
-
[
|
|
38482
|
-
[
|
|
38430
|
+
[import_react_sdk131.ConnectivityState.STARTING]: "Fetching Init",
|
|
38431
|
+
[import_react_sdk131.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
|
|
38432
|
+
[import_react_sdk131.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
|
|
38433
|
+
[import_react_sdk131.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
|
|
38434
|
+
[import_react_sdk131.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
|
|
38435
|
+
[import_react_sdk131.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
|
|
38436
|
+
[import_react_sdk131.ConnectivityState.COMPLETED]: "Completed"
|
|
38483
38437
|
};
|
|
38484
38438
|
ConnectivityTestStepResult = ({
|
|
38485
38439
|
title,
|
|
@@ -38670,7 +38624,7 @@ var init_ConnectivityTest = __esm({
|
|
|
38670
38624
|
{
|
|
38671
38625
|
region,
|
|
38672
38626
|
setRegion,
|
|
38673
|
-
startTest: progress === void 0 || progress ===
|
|
38627
|
+
startTest: progress === void 0 || progress === import_react_sdk131.ConnectivityState.COMPLETED ? startTest : void 0
|
|
38674
38628
|
}
|
|
38675
38629
|
), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
38676
38630
|
};
|
|
@@ -38687,13 +38641,13 @@ var init_ConnectivityTest = __esm({
|
|
|
38687
38641
|
});
|
|
38688
38642
|
|
|
38689
38643
|
// src/Diagnostics/VideoTest.tsx
|
|
38690
|
-
var import_react251,
|
|
38644
|
+
var import_react251, import_react_sdk132, import_react_icons115, VideoTest;
|
|
38691
38645
|
var init_VideoTest = __esm({
|
|
38692
38646
|
"src/Diagnostics/VideoTest.tsx"() {
|
|
38693
38647
|
"use strict";
|
|
38694
38648
|
init_define_process_env();
|
|
38695
38649
|
import_react251 = __toESM(require("react"));
|
|
38696
|
-
|
|
38650
|
+
import_react_sdk132 = require("@100mslive/react-sdk");
|
|
38697
38651
|
import_react_icons115 = require("@100mslive/react-icons");
|
|
38698
38652
|
init_PermissionErrorModal();
|
|
38699
38653
|
init_components();
|
|
@@ -38705,10 +38659,10 @@ var init_VideoTest = __esm({
|
|
|
38705
38659
|
init_DiagnosticsContext();
|
|
38706
38660
|
VideoTest = () => {
|
|
38707
38661
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
38708
|
-
const allDevices = (0,
|
|
38662
|
+
const allDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectDevices);
|
|
38709
38663
|
const { videoInput } = allDevices;
|
|
38710
|
-
const trackID = (0,
|
|
38711
|
-
const sdkSelectedDevices = (0,
|
|
38664
|
+
const trackID = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalVideoTrackID);
|
|
38665
|
+
const sdkSelectedDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalMediaSettings);
|
|
38712
38666
|
const [error, setError] = (0, import_react251.useState)();
|
|
38713
38667
|
(0, import_react251.useEffect)(() => {
|
|
38714
38668
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
@@ -38745,13 +38699,13 @@ var init_VideoTest = __esm({
|
|
|
38745
38699
|
});
|
|
38746
38700
|
|
|
38747
38701
|
// src/Diagnostics/Diagnostics.tsx
|
|
38748
|
-
var import_react252,
|
|
38702
|
+
var import_react252, import_react_sdk133, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
|
|
38749
38703
|
var init_Diagnostics = __esm({
|
|
38750
38704
|
"src/Diagnostics/Diagnostics.tsx"() {
|
|
38751
38705
|
"use strict";
|
|
38752
38706
|
init_define_process_env();
|
|
38753
38707
|
import_react252 = __toESM(require("react"));
|
|
38754
|
-
|
|
38708
|
+
import_react_sdk133 = require("@100mslive/react-sdk");
|
|
38755
38709
|
import_react_icons116 = require("@100mslive/react-icons");
|
|
38756
38710
|
init_Layout();
|
|
38757
38711
|
init_Text2();
|
|
@@ -38850,7 +38804,7 @@ var init_Diagnostics = __esm({
|
|
|
38850
38804
|
}));
|
|
38851
38805
|
};
|
|
38852
38806
|
DiagnosticsProvider = () => {
|
|
38853
|
-
const actions = (0,
|
|
38807
|
+
const actions = (0, import_react_sdk133.useHMSActions)();
|
|
38854
38808
|
const [activeStep, setActiveStep] = (0, import_react252.useState)(0);
|
|
38855
38809
|
const [steps, setSteps] = (0, import_react252.useState)(initialSteps);
|
|
38856
38810
|
const diagnosticsRef = (0, import_react252.useRef)(actions.initDiagnostics());
|
|
@@ -38872,7 +38826,7 @@ var init_Diagnostics = __esm({
|
|
|
38872
38826
|
);
|
|
38873
38827
|
};
|
|
38874
38828
|
Diagnostics = () => {
|
|
38875
|
-
return /* @__PURE__ */ import_react252.default.createElement(
|
|
38829
|
+
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)));
|
|
38876
38830
|
};
|
|
38877
38831
|
}
|
|
38878
38832
|
});
|