@100mslive/roomkit-react 0.3.5-alpha.0 → 0.3.5-alpha.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-GF23J3TJ.js → HLSView-I6DCFRWE.js} +2 -2
- package/dist/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.d.ts +1 -1
- package/dist/{chunk-7O27GQEH.js → chunk-ZE5KXBZW.js} +628 -639
- package/dist/chunk-ZE5KXBZW.js.map +7 -0
- package/dist/index.cjs.js +376 -388
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +24 -34
- package/dist/meta.esbuild.json +35 -45
- package/package.json +6 -6
- package/src/Prebuilt/App.tsx +0 -1
- package/src/Prebuilt/components/AppData/AppData.tsx +16 -12
- package/src/Prebuilt/components/Chat/ChatSelector.tsx +4 -1
- package/src/Prebuilt/components/Connection/ConnectionIndicator.tsx +3 -2
- package/src/Prebuilt/components/Footer/ParticipantList.tsx +1 -1
- package/src/Prebuilt/components/Footer/WhiteboardToggle.tsx +4 -7
- package/src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx +7 -22
- package/dist/chunk-7O27GQEH.js.map +0 -7
- /package/dist/{HLSView-GF23J3TJ.js.map → HLSView-I6DCFRWE.js.map} +0 -0
|
@@ -33,8 +33,8 @@ var __objRest = (source, exclude) => {
|
|
|
33
33
|
}
|
|
34
34
|
return target;
|
|
35
35
|
};
|
|
36
|
-
var __esm = (
|
|
37
|
-
return
|
|
36
|
+
var __esm = (fn2, res) => function __init() {
|
|
37
|
+
return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
|
|
38
38
|
};
|
|
39
39
|
var __commonJS = (cb, mod) => function __require() {
|
|
40
40
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
@@ -43,13 +43,13 @@ var __export = (target, all) => {
|
|
|
43
43
|
for (var name in all)
|
|
44
44
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
45
45
|
};
|
|
46
|
-
var __copyProps = (
|
|
46
|
+
var __copyProps = (to, from, except, desc) => {
|
|
47
47
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
48
48
|
for (let key of __getOwnPropNames(from))
|
|
49
|
-
if (!__hasOwnProp.call(
|
|
50
|
-
__defProp(
|
|
49
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
50
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
51
51
|
}
|
|
52
|
-
return
|
|
52
|
+
return to;
|
|
53
53
|
};
|
|
54
54
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
55
55
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
106
106
|
var define_process_env_default;
|
|
107
107
|
var init_define_process_env = __esm({
|
|
108
108
|
"<define:process.env>"() {
|
|
109
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3f179e2a-0273-4c12-bf04-005bfb6de68d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.5-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3f179e2a-0273-4c12-bf04-005bfb6de68d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.5-alpha.0", 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.8", 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.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", 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: "594", 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_devDependencies__rollup_plugin_image: "^3.0.2", 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.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240317.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.1/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:20579", 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__rollup_plugin_commonjs: "^21.0.3", 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.5-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8449690854", 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: "ff505981427628881b2c9c601640319966773bd2", 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: "e545733b15e3a9253d5a1cef5d29dfab496fa3910419720fe8147e093fcd3411", 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--1711532751910-0.7164482395491947:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1711532751719-0.8203476954468907:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1711532729873-0.6297403571471112:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1711532729699-0.7760332225690942:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_526005c1-0b3d-4b30-880f-ebba4158c2e9", INVOCATION_ID: "9fe2f550138e49b5a525b996b2abb0dc", 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: "496", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 3", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.5-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.5-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "ff505981427628881b2c9c601640319966773bd2", 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_3f179e2a-0273-4c12-bf04-005bfb6de68d", 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_3f179e2a-0273-4c12-bf04-005bfb6de68d", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3f179e2a-0273-4c12-bf04-005bfb6de68d" };
|
|
109
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_0b07f365-139a-421d-9c7c-4ccf938658c1", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.5-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_0b07f365-139a-421d-9c7c-4ccf938658c1", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.5-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.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", 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: "605", 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_devDependencies__rollup_plugin_image: "^3.0.2", 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.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240324.2.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.1/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:17368", 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__rollup_plugin_commonjs: "^21.0.3", 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.5-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8520178349", 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: "2612f221c9a7a7705261bf50d57fbca61aee6386", 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: "ffc65f578b854015c24ed4b809c28f37ef116b2cb05dc112117078c5f71b5c7a", 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--1712048637876-0.3799319346227026:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712048637680-0.818091046210133:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712048615292-0.14259610769725772:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712048615112-0.4129072975441872:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_19615d3c-7043-465b-8a56-86a8382c3c29", INVOCATION_ID: "d3a76b33e4ae403cb6c003016dec63d3", 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: "498", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 367", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.5-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.5-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "2612f221c9a7a7705261bf50d57fbca61aee6386", 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_0b07f365-139a-421d-9c7c-4ccf938658c1", 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_0b07f365-139a-421d-9c7c-4ccf938658c1", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.169+2/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_0b07f365-139a-421d-9c7c-4ccf938658c1" };
|
|
110
110
|
}
|
|
111
111
|
});
|
|
112
112
|
|
|
@@ -2285,8 +2285,8 @@ var require_lodash = __commonJS({
|
|
|
2285
2285
|
function createBind(func, bitmask, thisArg) {
|
|
2286
2286
|
var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
|
|
2287
2287
|
function wrapper() {
|
|
2288
|
-
var
|
|
2289
|
-
return
|
|
2288
|
+
var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
2289
|
+
return fn2.apply(isBind ? thisArg : this, arguments);
|
|
2290
2290
|
}
|
|
2291
2291
|
return wrapper;
|
|
2292
2292
|
}
|
|
@@ -2352,8 +2352,8 @@ var require_lodash = __commonJS({
|
|
|
2352
2352
|
arity - length
|
|
2353
2353
|
);
|
|
2354
2354
|
}
|
|
2355
|
-
var
|
|
2356
|
-
return apply(
|
|
2355
|
+
var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
2356
|
+
return apply(fn2, this, args);
|
|
2357
2357
|
}
|
|
2358
2358
|
return wrapper;
|
|
2359
2359
|
}
|
|
@@ -2441,7 +2441,7 @@ var require_lodash = __commonJS({
|
|
|
2441
2441
|
arity - length
|
|
2442
2442
|
);
|
|
2443
2443
|
}
|
|
2444
|
-
var thisBinding = isBind ? thisArg : this,
|
|
2444
|
+
var thisBinding = isBind ? thisArg : this, fn2 = isBindKey ? thisBinding[func] : func;
|
|
2445
2445
|
length = args.length;
|
|
2446
2446
|
if (argPos) {
|
|
2447
2447
|
args = reorder(args, argPos);
|
|
@@ -2452,9 +2452,9 @@ var require_lodash = __commonJS({
|
|
|
2452
2452
|
args.length = ary2;
|
|
2453
2453
|
}
|
|
2454
2454
|
if (this && this !== root && this instanceof wrapper) {
|
|
2455
|
-
|
|
2455
|
+
fn2 = Ctor || createCtor(fn2);
|
|
2456
2456
|
}
|
|
2457
|
-
return
|
|
2457
|
+
return fn2.apply(thisBinding, args);
|
|
2458
2458
|
}
|
|
2459
2459
|
return wrapper;
|
|
2460
2460
|
}
|
|
@@ -2511,14 +2511,14 @@ var require_lodash = __commonJS({
|
|
|
2511
2511
|
function createPartial(func, bitmask, thisArg, partials) {
|
|
2512
2512
|
var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
|
|
2513
2513
|
function wrapper() {
|
|
2514
|
-
var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength),
|
|
2514
|
+
var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
2515
2515
|
while (++leftIndex < leftLength) {
|
|
2516
2516
|
args[leftIndex] = partials[leftIndex];
|
|
2517
2517
|
}
|
|
2518
2518
|
while (argsLength--) {
|
|
2519
2519
|
args[leftIndex++] = arguments[++argsIndex];
|
|
2520
2520
|
}
|
|
2521
|
-
return apply(
|
|
2521
|
+
return apply(fn2, isBind ? thisArg : this, args);
|
|
2522
2522
|
}
|
|
2523
2523
|
return wrapper;
|
|
2524
2524
|
}
|
|
@@ -11910,19 +11910,19 @@ var Collapsible = {
|
|
|
11910
11910
|
|
|
11911
11911
|
// src/Prebuilt/App.tsx
|
|
11912
11912
|
init_define_process_env();
|
|
11913
|
-
import React177, { useEffect as useEffect69, useRef as
|
|
11913
|
+
import React177, { useEffect as useEffect69, useRef as useRef28 } from "react";
|
|
11914
11914
|
import { match as match15 } from "ts-pattern";
|
|
11915
11915
|
import {
|
|
11916
11916
|
HMSReactiveStore,
|
|
11917
11917
|
HMSRoomProvider,
|
|
11918
11918
|
selectIsConnectedToRoom as selectIsConnectedToRoom13,
|
|
11919
11919
|
useHMSActions as useHMSActions54,
|
|
11920
|
-
useHMSStore as
|
|
11920
|
+
useHMSStore as useHMSStore97
|
|
11921
11921
|
} from "@100mslive/react-sdk";
|
|
11922
11922
|
|
|
11923
11923
|
// src/Prebuilt/components/AppData/AppData.tsx
|
|
11924
11924
|
init_define_process_env();
|
|
11925
|
-
import React23, { useEffect as useEffect5 } from "react";
|
|
11925
|
+
import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef6 } from "react";
|
|
11926
11926
|
import { useMedia } from "react-use";
|
|
11927
11927
|
import {
|
|
11928
11928
|
HMSRoomState,
|
|
@@ -12691,6 +12691,17 @@ var AppData = React23.memo(() => {
|
|
|
12691
12691
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
12692
12692
|
const isMobile = useMedia(config.media.md);
|
|
12693
12693
|
const { isLocalVideoEnabled } = useAVToggle();
|
|
12694
|
+
const sidepaneOpenedRef = useRef6(false);
|
|
12695
|
+
const defaultMediaURL = useMemo4(() => {
|
|
12696
|
+
var _a9;
|
|
12697
|
+
const media = ((_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) || [];
|
|
12698
|
+
for (let i = 0; i < media.length; i++) {
|
|
12699
|
+
if (media[i].default && media[i].url) {
|
|
12700
|
+
return media[i].url;
|
|
12701
|
+
}
|
|
12702
|
+
}
|
|
12703
|
+
return "";
|
|
12704
|
+
}, [(_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media]);
|
|
12694
12705
|
useEffect5(() => {
|
|
12695
12706
|
hmsActions.initAppData(__spreadValues(__spreadValues({}, initialAppData), appData));
|
|
12696
12707
|
hmsActions.setFrameworkInfo({
|
|
@@ -12714,20 +12725,12 @@ var AppData = React23.memo(() => {
|
|
|
12714
12725
|
hmsActions.setAppData(APP_DATA.subscribedNotifications, preferences.subscribedNotifications, true);
|
|
12715
12726
|
}, [preferences.subscribedNotifications, hmsActions]);
|
|
12716
12727
|
useEffect5(() => {
|
|
12717
|
-
|
|
12718
|
-
let defaultMediaURL;
|
|
12719
|
-
(_b7 = (_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) == null ? void 0 : _b7.forEach((media) => {
|
|
12720
|
-
if (media.default && media.url) {
|
|
12721
|
-
defaultMediaURL = media.url;
|
|
12722
|
-
}
|
|
12723
|
-
});
|
|
12724
|
-
if (defaultMediaURL) {
|
|
12728
|
+
if (defaultMediaURL && !sidepaneOpenedRef.current && !isMobile && isLocalVideoEnabled) {
|
|
12725
12729
|
hmsActions.setAppData(APP_DATA.background, defaultMediaURL);
|
|
12726
|
-
|
|
12727
|
-
|
|
12728
|
-
}
|
|
12730
|
+
sidepaneOpenedRef.current = true;
|
|
12731
|
+
toggleVB();
|
|
12729
12732
|
}
|
|
12730
|
-
}, [hmsActions,
|
|
12733
|
+
}, [hmsActions, toggleVB, isLocalVideoEnabled, isMobile, defaultMediaURL]);
|
|
12731
12734
|
return /* @__PURE__ */ React23.createElement(ResetStreamingStart, null);
|
|
12732
12735
|
});
|
|
12733
12736
|
var ResetStreamingStart = () => {
|
|
@@ -12896,7 +12899,7 @@ var AuthToken_default = AuthToken;
|
|
|
12896
12899
|
|
|
12897
12900
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
12898
12901
|
init_define_process_env();
|
|
12899
|
-
import React155, { useEffect as useEffect50, useRef as
|
|
12902
|
+
import React155, { useEffect as useEffect50, useRef as useRef26, useState as useState65 } from "react";
|
|
12900
12903
|
import { v4 as uuid3 } from "uuid";
|
|
12901
12904
|
import {
|
|
12902
12905
|
HMSRoomState as HMSRoomState7,
|
|
@@ -12904,7 +12907,7 @@ import {
|
|
|
12904
12907
|
selectIsConnectedToRoom as selectIsConnectedToRoom10,
|
|
12905
12908
|
selectRoomState as selectRoomState7,
|
|
12906
12909
|
useHMSActions as useHMSActions47,
|
|
12907
|
-
useHMSStore as
|
|
12910
|
+
useHMSStore as useHMSStore86
|
|
12908
12911
|
} from "@100mslive/react-sdk";
|
|
12909
12912
|
|
|
12910
12913
|
// src/Prebuilt/components/Footer/Footer.tsx
|
|
@@ -13208,7 +13211,7 @@ var Sheet = {
|
|
|
13208
13211
|
|
|
13209
13212
|
// src/Prebuilt/components/Settings/DeviceSettings.jsx
|
|
13210
13213
|
init_define_process_env();
|
|
13211
|
-
import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as
|
|
13214
|
+
import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef8, useState as useState8 } from "react";
|
|
13212
13215
|
import { useMedia as useMedia2 } from "react-use";
|
|
13213
13216
|
import {
|
|
13214
13217
|
DeviceType,
|
|
@@ -13270,9 +13273,9 @@ var DialogDropdownTrigger = React28.forwardRef(({ title, css: css2, open, icon,
|
|
|
13270
13273
|
|
|
13271
13274
|
// src/Prebuilt/components/hooks/useAudioOutputTest.tsx
|
|
13272
13275
|
init_define_process_env();
|
|
13273
|
-
import { useEffect as useEffect7, useRef as
|
|
13276
|
+
import { useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
|
|
13274
13277
|
var useAudioOutputTest = ({ deviceId }) => {
|
|
13275
|
-
const audioRef =
|
|
13278
|
+
const audioRef = useRef7(null);
|
|
13276
13279
|
const [playing, setPlaying] = useState7(false);
|
|
13277
13280
|
useEffect7(() => {
|
|
13278
13281
|
if (audioRef.current && deviceId) {
|
|
@@ -13371,7 +13374,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
|
|
|
13371
13374
|
var _a8, _b7;
|
|
13372
13375
|
const [open, setOpen] = useState8(false);
|
|
13373
13376
|
const selectionBg = useDropdownSelection();
|
|
13374
|
-
const ref =
|
|
13377
|
+
const ref = useRef8(null);
|
|
13375
13378
|
return /* @__PURE__ */ React29.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ React29.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React29.createElement(
|
|
13376
13379
|
Flex,
|
|
13377
13380
|
{
|
|
@@ -14079,7 +14082,7 @@ var useDropdownList = ({ name, open }) => {
|
|
|
14079
14082
|
|
|
14080
14083
|
// src/Prebuilt/common/hooks.ts
|
|
14081
14084
|
init_define_process_env();
|
|
14082
|
-
import { useCallback as useCallback8, useEffect as useEffect12, useRef as
|
|
14085
|
+
import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef9, useState as useState11 } from "react";
|
|
14083
14086
|
import { useMedia as useMedia4 } from "react-use";
|
|
14084
14087
|
import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
|
|
14085
14088
|
import {
|
|
@@ -15151,7 +15154,7 @@ var PIP = ({ content = null }) => {
|
|
|
15151
15154
|
|
|
15152
15155
|
// src/Prebuilt/components/RoleChangeModal.jsx
|
|
15153
15156
|
init_define_process_env();
|
|
15154
|
-
import React43, { forwardRef, useRef as
|
|
15157
|
+
import React43, { forwardRef, useRef as useRef10, useState as useState16 } from "react";
|
|
15155
15158
|
import { selectPeerByID, useHMSActions as useHMSActions10, useHMSStore as useHMSStore15 } from "@100mslive/react-sdk";
|
|
15156
15159
|
import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon as ChevronUpIcon3 } from "@100mslive/react-icons";
|
|
15157
15160
|
var PeerName = forwardRef((_a8, ref) => {
|
|
@@ -15181,7 +15184,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
|
|
|
15181
15184
|
const [open, setOpen] = useState16(false);
|
|
15182
15185
|
const selectionBg = useDropdownSelection();
|
|
15183
15186
|
const [peerNameRef, setPeerNameRef] = useState16();
|
|
15184
|
-
const ref =
|
|
15187
|
+
const ref = useRef10();
|
|
15185
15188
|
if (!peer) {
|
|
15186
15189
|
return null;
|
|
15187
15190
|
}
|
|
@@ -15295,7 +15298,7 @@ import { InfoIcon } from "@100mslive/react-icons";
|
|
|
15295
15298
|
|
|
15296
15299
|
// src/Prebuilt/primitives/DialogContent.jsx
|
|
15297
15300
|
init_define_process_env();
|
|
15298
|
-
import React44, { useRef as
|
|
15301
|
+
import React44, { useRef as useRef11 } from "react";
|
|
15299
15302
|
import { CheckIcon as CheckIcon3, CloudUploadIcon, CrossIcon as CrossIcon7 } from "@100mslive/react-icons";
|
|
15300
15303
|
var DialogContent = (_a8) => {
|
|
15301
15304
|
var _b7 = _a8, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
|
|
@@ -15372,7 +15375,7 @@ var DialogSelect = (_a8) => {
|
|
|
15372
15375
|
};
|
|
15373
15376
|
var DialogInputFile = (_a8) => {
|
|
15374
15377
|
var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
|
|
15375
|
-
const inputRef =
|
|
15378
|
+
const inputRef = useRef11();
|
|
15376
15379
|
return /* @__PURE__ */ React44.createElement(
|
|
15377
15380
|
DialogCol,
|
|
15378
15381
|
{
|
|
@@ -15614,7 +15617,7 @@ var StartRecording_default = StartRecording;
|
|
|
15614
15617
|
|
|
15615
15618
|
// src/Prebuilt/components/StatsForNerds.jsx
|
|
15616
15619
|
init_define_process_env();
|
|
15617
|
-
import React47, { useEffect as useEffect14, useMemo as
|
|
15620
|
+
import React47, { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef12, useState as useState19 } from "react";
|
|
15618
15621
|
import { match as match3, P as P2 } from "ts-pattern";
|
|
15619
15622
|
import {
|
|
15620
15623
|
selectHMSStats as selectHMSStats2,
|
|
@@ -15627,14 +15630,14 @@ import {
|
|
|
15627
15630
|
var StatsForNerds = ({ onOpenChange }) => {
|
|
15628
15631
|
var _a8;
|
|
15629
15632
|
const tracksWithLabels = useTracksWithLabel();
|
|
15630
|
-
const statsOptions =
|
|
15633
|
+
const statsOptions = useMemo5(
|
|
15631
15634
|
() => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
|
|
15632
15635
|
[tracksWithLabels]
|
|
15633
15636
|
);
|
|
15634
15637
|
const [selectedStat, setSelectedStat] = useState19(statsOptions[0]);
|
|
15635
15638
|
const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
|
|
15636
15639
|
const [open, setOpen] = useState19(false);
|
|
15637
|
-
const ref =
|
|
15640
|
+
const ref = useRef12();
|
|
15638
15641
|
const selectionBg = useDropdownSelection();
|
|
15639
15642
|
useEffect14(() => {
|
|
15640
15643
|
if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
|
|
@@ -15699,7 +15702,7 @@ var useTracksWithLabel = () => {
|
|
|
15699
15702
|
const tracksMap = useHMSStore17(selectTracksMap2);
|
|
15700
15703
|
const peersMap = useHMSStore17(selectPeersMap);
|
|
15701
15704
|
const localPeerID = useHMSStore17(selectLocalPeerID2);
|
|
15702
|
-
const tracksWithLabels =
|
|
15705
|
+
const tracksWithLabels = useMemo5(
|
|
15703
15706
|
() => Object.values(tracksMap).reduce((res, track) => {
|
|
15704
15707
|
var _a8, _b7;
|
|
15705
15708
|
const peerName = (_a8 = peersMap[track.peerId]) == null ? void 0 : _a8.name;
|
|
@@ -15801,15 +15804,15 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
|
|
|
15801
15804
|
|
|
15802
15805
|
// src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
|
|
15803
15806
|
init_define_process_env();
|
|
15804
|
-
import React48, { useCallback as useCallback11, useRef as
|
|
15807
|
+
import React48, { useCallback as useCallback11, useRef as useRef13, useState as useState20 } from "react";
|
|
15805
15808
|
import { useHMSActions as useHMSActions12 } from "@100mslive/react-sdk";
|
|
15806
15809
|
import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon4 } from "@100mslive/react-icons";
|
|
15807
15810
|
var BulkRoleChangeModal = ({ onOpenChange }) => {
|
|
15808
15811
|
var _a8, _b7;
|
|
15809
15812
|
const roles = useFilteredRoles();
|
|
15810
15813
|
const hmsActions = useHMSActions12();
|
|
15811
|
-
const ref =
|
|
15812
|
-
const roleRef =
|
|
15814
|
+
const ref = useRef13(null);
|
|
15815
|
+
const roleRef = useRef13(null);
|
|
15813
15816
|
const [selectedBulkRole, setBulkRole] = useState20([]);
|
|
15814
15817
|
const [selectedRole, setRole] = useState20("");
|
|
15815
15818
|
const [bulkRoleDialog, setBulkRoleDialog] = useState20(false);
|
|
@@ -16245,7 +16248,7 @@ var DesktopOptions = ({
|
|
|
16245
16248
|
|
|
16246
16249
|
// src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
|
|
16247
16250
|
init_define_process_env();
|
|
16248
|
-
import React58, { useRef as
|
|
16251
|
+
import React58, { useRef as useRef15, useState as useState28 } from "react";
|
|
16249
16252
|
import { useClickAway } from "react-use";
|
|
16250
16253
|
import { match as match5 } from "ts-pattern";
|
|
16251
16254
|
import {
|
|
@@ -16273,7 +16276,7 @@ import {
|
|
|
16273
16276
|
|
|
16274
16277
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
16275
16278
|
init_define_process_env();
|
|
16276
|
-
import React54, { useCallback as useCallback17, useEffect as useEffect16, useRef as
|
|
16279
|
+
import React54, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef14, useState as useState25 } from "react";
|
|
16277
16280
|
import { useMedia as useMedia7 } from "react-use";
|
|
16278
16281
|
|
|
16279
16282
|
// ../hms-video-store/dist/index.js
|
|
@@ -16359,8 +16362,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
|
|
|
16359
16362
|
// ../hms-video-store/dist/index.js
|
|
16360
16363
|
var import_ua_parser_js = __toESM(require_ua_parser());
|
|
16361
16364
|
var import_lodash3 = __toESM(require_lodash2());
|
|
16362
|
-
import { v4 as
|
|
16363
|
-
import { v4 as
|
|
16365
|
+
import { v4 as za } from "uuid";
|
|
16366
|
+
import { v4 as Ja } from "uuid";
|
|
16364
16367
|
|
|
16365
16368
|
// ../../node_modules/webrtc-adapter/src/js/adapter_core.js
|
|
16366
16369
|
init_define_process_env();
|
|
@@ -16598,7 +16601,7 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
16598
16601
|
if (typeof c !== "object" || c.mandatory || c.optional) {
|
|
16599
16602
|
return c;
|
|
16600
16603
|
}
|
|
16601
|
-
const
|
|
16604
|
+
const cc = {};
|
|
16602
16605
|
Object.keys(c).forEach((key) => {
|
|
16603
16606
|
if (key === "require" || key === "advanced" || key === "mediaSource") {
|
|
16604
16607
|
return;
|
|
@@ -16614,35 +16617,35 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
16614
16617
|
return name === "deviceId" ? "sourceId" : name;
|
|
16615
16618
|
};
|
|
16616
16619
|
if (r.ideal !== void 0) {
|
|
16617
|
-
|
|
16618
|
-
let
|
|
16620
|
+
cc.optional = cc.optional || [];
|
|
16621
|
+
let oc2 = {};
|
|
16619
16622
|
if (typeof r.ideal === "number") {
|
|
16620
|
-
|
|
16621
|
-
|
|
16622
|
-
|
|
16623
|
-
|
|
16624
|
-
|
|
16623
|
+
oc2[oldname_("min", key)] = r.ideal;
|
|
16624
|
+
cc.optional.push(oc2);
|
|
16625
|
+
oc2 = {};
|
|
16626
|
+
oc2[oldname_("max", key)] = r.ideal;
|
|
16627
|
+
cc.optional.push(oc2);
|
|
16625
16628
|
} else {
|
|
16626
|
-
|
|
16627
|
-
|
|
16629
|
+
oc2[oldname_("", key)] = r.ideal;
|
|
16630
|
+
cc.optional.push(oc2);
|
|
16628
16631
|
}
|
|
16629
16632
|
}
|
|
16630
16633
|
if (r.exact !== void 0 && typeof r.exact !== "number") {
|
|
16631
|
-
|
|
16632
|
-
|
|
16634
|
+
cc.mandatory = cc.mandatory || {};
|
|
16635
|
+
cc.mandatory[oldname_("", key)] = r.exact;
|
|
16633
16636
|
} else {
|
|
16634
16637
|
["min", "max"].forEach((mix) => {
|
|
16635
16638
|
if (r[mix] !== void 0) {
|
|
16636
|
-
|
|
16637
|
-
|
|
16639
|
+
cc.mandatory = cc.mandatory || {};
|
|
16640
|
+
cc.mandatory[oldname_(mix, key)] = r[mix];
|
|
16638
16641
|
}
|
|
16639
16642
|
});
|
|
16640
16643
|
}
|
|
16641
16644
|
});
|
|
16642
16645
|
if (c.advanced) {
|
|
16643
|
-
|
|
16646
|
+
cc.optional = (cc.optional || []).concat(c.advanced);
|
|
16644
16647
|
}
|
|
16645
|
-
return
|
|
16648
|
+
return cc;
|
|
16646
16649
|
};
|
|
16647
16650
|
const shimConstraints_ = function(constraints, func) {
|
|
16648
16651
|
if (browserDetails.version >= 61) {
|
|
@@ -16852,20 +16855,20 @@ function shimOnTrack(window2) {
|
|
|
16852
16855
|
}
|
|
16853
16856
|
function shimGetSendersWithDtmf(window2) {
|
|
16854
16857
|
if (typeof window2 === "object" && window2.RTCPeerConnection && !("getSenders" in window2.RTCPeerConnection.prototype) && "createDTMFSender" in window2.RTCPeerConnection.prototype) {
|
|
16855
|
-
const shimSenderWithDtmf = function(
|
|
16858
|
+
const shimSenderWithDtmf = function(pc2, track) {
|
|
16856
16859
|
return {
|
|
16857
16860
|
track,
|
|
16858
16861
|
get dtmf() {
|
|
16859
16862
|
if (this._dtmf === void 0) {
|
|
16860
16863
|
if (track.kind === "audio") {
|
|
16861
|
-
this._dtmf =
|
|
16864
|
+
this._dtmf = pc2.createDTMFSender(track);
|
|
16862
16865
|
} else {
|
|
16863
16866
|
this._dtmf = null;
|
|
16864
16867
|
}
|
|
16865
16868
|
}
|
|
16866
16869
|
return this._dtmf;
|
|
16867
16870
|
},
|
|
16868
|
-
_pc:
|
|
16871
|
+
_pc: pc2
|
|
16869
16872
|
};
|
|
16870
16873
|
};
|
|
16871
16874
|
if (!window2.RTCPeerConnection.prototype.getSenders) {
|
|
@@ -17220,11 +17223,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
|
|
|
17220
17223
|
}
|
|
17221
17224
|
return this.getSenders().find((s) => s.track === track);
|
|
17222
17225
|
};
|
|
17223
|
-
function replaceInternalStreamId(
|
|
17226
|
+
function replaceInternalStreamId(pc2, description) {
|
|
17224
17227
|
let sdp2 = description.sdp;
|
|
17225
|
-
Object.keys(
|
|
17226
|
-
const externalStream =
|
|
17227
|
-
const internalStream =
|
|
17228
|
+
Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
|
|
17229
|
+
const externalStream = pc2._reverseStreams[internalId];
|
|
17230
|
+
const internalStream = pc2._streams[externalStream.id];
|
|
17228
17231
|
sdp2 = sdp2.replace(
|
|
17229
17232
|
new RegExp(internalStream.id, "g"),
|
|
17230
17233
|
externalStream.id
|
|
@@ -17235,11 +17238,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
|
|
|
17235
17238
|
sdp: sdp2
|
|
17236
17239
|
});
|
|
17237
17240
|
}
|
|
17238
|
-
function replaceExternalStreamId(
|
|
17241
|
+
function replaceExternalStreamId(pc2, description) {
|
|
17239
17242
|
let sdp2 = description.sdp;
|
|
17240
|
-
Object.keys(
|
|
17241
|
-
const externalStream =
|
|
17242
|
-
const internalStream =
|
|
17243
|
+
Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
|
|
17244
|
+
const externalStream = pc2._reverseStreams[internalId];
|
|
17245
|
+
const internalStream = pc2._streams[externalStream.id];
|
|
17243
17246
|
sdp2 = sdp2.replace(
|
|
17244
17247
|
new RegExp(externalStream.id, "g"),
|
|
17245
17248
|
internalStream.id
|
|
@@ -17353,9 +17356,9 @@ function shimPeerConnection(window2, browserDetails) {
|
|
|
17353
17356
|
}
|
|
17354
17357
|
function fixNegotiationNeeded(window2, browserDetails) {
|
|
17355
17358
|
wrapPeerConnectionEvent(window2, "negotiationneeded", (e) => {
|
|
17356
|
-
const
|
|
17357
|
-
if (browserDetails.version < 72 ||
|
|
17358
|
-
if (
|
|
17359
|
+
const pc2 = e.target;
|
|
17360
|
+
if (browserDetails.version < 72 || pc2.getConfiguration && pc2.getConfiguration().sdpSemantics === "plan-b") {
|
|
17361
|
+
if (pc2.signalingState !== "stable") {
|
|
17359
17362
|
return;
|
|
17360
17363
|
}
|
|
17361
17364
|
}
|
|
@@ -17802,24 +17805,24 @@ function shimRemoteStreamsAPI(window2) {
|
|
|
17802
17805
|
});
|
|
17803
17806
|
const origSetRemoteDescription = window2.RTCPeerConnection.prototype.setRemoteDescription;
|
|
17804
17807
|
window2.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() {
|
|
17805
|
-
const
|
|
17808
|
+
const pc2 = this;
|
|
17806
17809
|
if (!this._onaddstreampoly) {
|
|
17807
17810
|
this.addEventListener("track", this._onaddstreampoly = function(e) {
|
|
17808
17811
|
e.streams.forEach((stream) => {
|
|
17809
|
-
if (!
|
|
17810
|
-
|
|
17812
|
+
if (!pc2._remoteStreams) {
|
|
17813
|
+
pc2._remoteStreams = [];
|
|
17811
17814
|
}
|
|
17812
|
-
if (
|
|
17815
|
+
if (pc2._remoteStreams.indexOf(stream) >= 0) {
|
|
17813
17816
|
return;
|
|
17814
17817
|
}
|
|
17815
|
-
|
|
17818
|
+
pc2._remoteStreams.push(stream);
|
|
17816
17819
|
const event = new Event("addstream");
|
|
17817
17820
|
event.stream = stream;
|
|
17818
|
-
|
|
17821
|
+
pc2.dispatchEvent(event);
|
|
17819
17822
|
});
|
|
17820
17823
|
});
|
|
17821
17824
|
}
|
|
17822
|
-
return origSetRemoteDescription.apply(
|
|
17825
|
+
return origSetRemoteDescription.apply(pc2, arguments);
|
|
17823
17826
|
};
|
|
17824
17827
|
}
|
|
17825
17828
|
}
|
|
@@ -18185,15 +18188,15 @@ function shimSendThrowTypeError(window2) {
|
|
|
18185
18188
|
if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
|
|
18186
18189
|
return;
|
|
18187
18190
|
}
|
|
18188
|
-
function wrapDcSend(
|
|
18189
|
-
const origDataChannelSend =
|
|
18190
|
-
|
|
18191
|
+
function wrapDcSend(dc, pc2) {
|
|
18192
|
+
const origDataChannelSend = dc.send;
|
|
18193
|
+
dc.send = function send() {
|
|
18191
18194
|
const data3 = arguments[0];
|
|
18192
18195
|
const length = data3.length || data3.size || data3.byteLength;
|
|
18193
|
-
if (
|
|
18194
|
-
throw new TypeError("Message too large (can send a maximum of " +
|
|
18196
|
+
if (dc.readyState === "open" && pc2.sctp && length > pc2.sctp.maxMessageSize) {
|
|
18197
|
+
throw new TypeError("Message too large (can send a maximum of " + pc2.sctp.maxMessageSize + " bytes)");
|
|
18195
18198
|
}
|
|
18196
|
-
return origDataChannelSend.apply(
|
|
18199
|
+
return origDataChannelSend.apply(dc, arguments);
|
|
18197
18200
|
};
|
|
18198
18201
|
}
|
|
18199
18202
|
const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
|
|
@@ -18249,11 +18252,11 @@ function shimConnectionState(window2) {
|
|
|
18249
18252
|
proto[method] = function() {
|
|
18250
18253
|
if (!this._connectionstatechangepoly) {
|
|
18251
18254
|
this._connectionstatechangepoly = (e) => {
|
|
18252
|
-
const
|
|
18253
|
-
if (
|
|
18254
|
-
|
|
18255
|
+
const pc2 = e.target;
|
|
18256
|
+
if (pc2._lastConnectionState !== pc2.connectionState) {
|
|
18257
|
+
pc2._lastConnectionState = pc2.connectionState;
|
|
18255
18258
|
const newEvent = new Event("connectionstatechange", e);
|
|
18256
|
-
|
|
18259
|
+
pc2.dispatchEvent(newEvent);
|
|
18257
18260
|
}
|
|
18258
18261
|
return e;
|
|
18259
18262
|
};
|
|
@@ -18457,57 +18460,57 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
|
|
|
18457
18460
|
|
|
18458
18461
|
// ../hms-video-store/dist/index.js
|
|
18459
18462
|
var import_lodash4 = __toESM(require_lodash2());
|
|
18460
|
-
import { v4 as
|
|
18461
|
-
import { v4 as
|
|
18462
|
-
import { v4 as
|
|
18463
|
-
import { EventEmitter2 as
|
|
18463
|
+
import { v4 as oo } from "uuid";
|
|
18464
|
+
import { v4 as uo } from "uuid";
|
|
18465
|
+
import { v4 as So } from "uuid";
|
|
18466
|
+
import { EventEmitter2 as go } from "eventemitter2";
|
|
18464
18467
|
var wt = __toESM(require_lib());
|
|
18465
|
-
import { EventEmitter2 as
|
|
18466
|
-
import { v4 as _o } from "uuid";
|
|
18467
|
-
import { EventEmitter2 as No } from "eventemitter2";
|
|
18468
|
-
import Oo from "eventemitter2";
|
|
18468
|
+
import { EventEmitter2 as _o } from "eventemitter2";
|
|
18469
18469
|
import { v4 as xo } from "uuid";
|
|
18470
|
+
import { EventEmitter2 as Uo } from "eventemitter2";
|
|
18471
|
+
import Bo from "eventemitter2";
|
|
18470
18472
|
import { v4 as Vo } from "uuid";
|
|
18471
|
-
|
|
18472
|
-
var
|
|
18473
|
-
var
|
|
18473
|
+
import { v4 as Wo } from "uuid";
|
|
18474
|
+
var ba = Object.defineProperty;
|
|
18475
|
+
var Ra = Object.defineProperties;
|
|
18476
|
+
var Ia = Object.getOwnPropertyDescriptors;
|
|
18474
18477
|
var Vt = Object.getOwnPropertySymbols;
|
|
18475
|
-
var
|
|
18476
|
-
var
|
|
18477
|
-
var $r = (a2, e, t) => e in a2 ?
|
|
18478
|
+
var Kr = Object.prototype.hasOwnProperty;
|
|
18479
|
+
var qr = Object.prototype.propertyIsEnumerable;
|
|
18480
|
+
var $r = (a2, e, t) => e in a2 ? ba(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
18478
18481
|
var S = (a2, e) => {
|
|
18479
18482
|
for (var t in e || (e = {}))
|
|
18480
|
-
|
|
18483
|
+
Kr.call(e, t) && $r(a2, t, e[t]);
|
|
18481
18484
|
if (Vt)
|
|
18482
18485
|
for (var t of Vt(e))
|
|
18483
|
-
|
|
18486
|
+
qr.call(e, t) && $r(a2, t, e[t]);
|
|
18484
18487
|
return a2;
|
|
18485
18488
|
};
|
|
18486
|
-
var v = (a2, e) =>
|
|
18487
|
-
var
|
|
18489
|
+
var v = (a2, e) => Ra(a2, Ia(e));
|
|
18490
|
+
var Zi = (a2, e) => {
|
|
18488
18491
|
var t = {};
|
|
18489
18492
|
for (var i in a2)
|
|
18490
|
-
|
|
18493
|
+
Kr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
|
|
18491
18494
|
if (a2 != null && Vt)
|
|
18492
18495
|
for (var i of Vt(a2))
|
|
18493
|
-
e.indexOf(i) < 0 &&
|
|
18496
|
+
e.indexOf(i) < 0 && qr.call(a2, i) && (t[i] = a2[i]);
|
|
18494
18497
|
return t;
|
|
18495
18498
|
};
|
|
18496
|
-
var
|
|
18497
|
-
var
|
|
18498
|
-
|
|
18499
|
+
var La = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
18500
|
+
var ur = La((ad, Qa) => {
|
|
18501
|
+
Qa.exports = { version: "0.12.5-alpha.2", 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"] };
|
|
18499
18502
|
});
|
|
18500
|
-
var
|
|
18501
|
-
var
|
|
18502
|
-
var
|
|
18503
|
-
var
|
|
18504
|
-
var
|
|
18503
|
+
var er = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(er || {});
|
|
18504
|
+
var wa = ((e) => (e.CHAT = "chat", e))(wa || {});
|
|
18505
|
+
var jr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(jr || {});
|
|
18506
|
+
var tr = ((C) => (C.PEER_JOINED = "PEER_JOINED", C.PEER_LEFT = "PEER_LEFT", C.PEER_LIST = "PEER_LIST", C.NEW_MESSAGE = "NEW_MESSAGE", C.ERROR = "ERROR", C.RECONNECTING = "RECONNECTING", C.RECONNECTED = "RECONNECTED", C.TRACK_ADDED = "TRACK_ADDED", C.TRACK_REMOVED = "TRACK_REMOVED", C.TRACK_MUTED = "TRACK_MUTED", C.TRACK_UNMUTED = "TRACK_UNMUTED", C.TRACK_DEGRADED = "TRACK_DEGRADED", C.TRACK_RESTORED = "TRACK_RESTORED", C.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", C.ROLE_UPDATED = "ROLE_UPDATED", C.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", C.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", C.ROOM_ENDED = "ROOM_ENDED", C.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", C.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", C.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", C.NAME_UPDATED = "NAME_UPDATED", C.METADATA_UPDATED = "METADATA_UPDATED", C.POLL_CREATED = "POLL_CREATED", C.POLL_STARTED = "POLL_STARTED", C.POLL_STOPPED = "POLL_STOPPED", C.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", C.POLLS_LIST = "POLLS_LIST", C.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(tr || {});
|
|
18507
|
+
var Jr = ((t) => (t.audio = "audio", t.video = "video", t))(Jr || {});
|
|
18505
18508
|
function He(a2, e) {
|
|
18506
18509
|
let t, i;
|
|
18507
18510
|
if (e)
|
|
18508
18511
|
for (let r of e.auxiliaryTracks) {
|
|
18509
18512
|
let s = a2[r];
|
|
18510
|
-
|
|
18513
|
+
Da(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
|
|
18511
18514
|
}
|
|
18512
18515
|
return { video: t, audio: i };
|
|
18513
18516
|
}
|
|
@@ -18517,16 +18520,16 @@ function tt(a2) {
|
|
|
18517
18520
|
function it(a2) {
|
|
18518
18521
|
return a2 && a2.type === "video";
|
|
18519
18522
|
}
|
|
18520
|
-
function
|
|
18523
|
+
function Da(a2) {
|
|
18521
18524
|
return a2 && a2.source === "screen";
|
|
18522
18525
|
}
|
|
18523
|
-
function
|
|
18526
|
+
function Wt(a2) {
|
|
18524
18527
|
return a2 && a2.source === "audioplaylist";
|
|
18525
18528
|
}
|
|
18526
18529
|
function rt(a2) {
|
|
18527
18530
|
return a2 && a2.source === "videoplaylist";
|
|
18528
18531
|
}
|
|
18529
|
-
function
|
|
18532
|
+
function Qr(a2) {
|
|
18530
18533
|
return a2 ? !!(a2 != null && a2.degraded) : false;
|
|
18531
18534
|
}
|
|
18532
18535
|
function Ue(a2, e) {
|
|
@@ -18538,33 +18541,33 @@ function st(a2) {
|
|
|
18538
18541
|
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 };
|
|
18539
18542
|
}
|
|
18540
18543
|
var B = (a2) => a2.room;
|
|
18541
|
-
var
|
|
18542
|
-
var
|
|
18543
|
-
var
|
|
18544
|
+
var _a7 = (a2) => a2.errors;
|
|
18545
|
+
var wn = createSelector(_a7, (a2) => a2.length === 0 ? null : a2.at(-1));
|
|
18546
|
+
var Dn = createSelector(B, (a2) => a2.id);
|
|
18544
18547
|
var G = (a2) => a2.peers;
|
|
18545
|
-
var
|
|
18546
|
-
var
|
|
18548
|
+
var $t = (a2) => a2.messages.byID;
|
|
18549
|
+
var Yr = (a2) => a2.messages.allIDs;
|
|
18547
18550
|
var D = (a2) => a2.tracks;
|
|
18548
|
-
var
|
|
18549
|
-
var
|
|
18551
|
+
var ir = (a2) => a2.appData;
|
|
18552
|
+
var Na = (a2) => a2.speakers;
|
|
18550
18553
|
var ye = createSelector([B], (a2) => a2 && a2.isConnected);
|
|
18551
|
-
var
|
|
18552
|
-
var
|
|
18553
|
-
var oe = createSelector([B, G,
|
|
18554
|
-
var
|
|
18554
|
+
var On = createSelector([ye, B], (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));
|
|
18555
|
+
var Oa = (a2) => a2.hideLocalPeer;
|
|
18556
|
+
var oe = createSelector([B, G, Oa], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
|
|
18557
|
+
var xa = createSelector(D, (a2) => Object.values(a2));
|
|
18555
18558
|
var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
|
|
18556
18559
|
var ue = createSelector(B, (a2) => a2.localPeer);
|
|
18557
|
-
var
|
|
18558
|
-
var
|
|
18560
|
+
var xn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
|
|
18561
|
+
var Un = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
|
|
18559
18562
|
var Z = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
|
|
18560
18563
|
var q = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
|
|
18561
|
-
var
|
|
18562
|
-
var
|
|
18564
|
+
var Ua = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
|
|
18565
|
+
var Zr = createSelector([Z, q, Ua], (a2, e, t) => {
|
|
18563
18566
|
let i = t ? [...t] : [];
|
|
18564
18567
|
return a2 && i.unshift(a2), e && i.unshift(e), i;
|
|
18565
18568
|
});
|
|
18566
|
-
var
|
|
18567
|
-
var
|
|
18569
|
+
var Bn = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
|
|
18570
|
+
var Vn = createSelector(G, Na, (a2, e) => {
|
|
18568
18571
|
let t = Object.entries(e).sort((i, r) => {
|
|
18569
18572
|
var n, l;
|
|
18570
18573
|
let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
|
|
@@ -18577,11 +18580,11 @@ var xn = createSelector(G, wa, (a2, e) => {
|
|
|
18577
18580
|
}
|
|
18578
18581
|
return null;
|
|
18579
18582
|
});
|
|
18580
|
-
var
|
|
18583
|
+
var sr = createSelector(z, D, (a2, e) => {
|
|
18581
18584
|
let { video: t, audio: i } = He(e, a2);
|
|
18582
18585
|
return !!(t || i);
|
|
18583
18586
|
});
|
|
18584
|
-
var
|
|
18587
|
+
var Ba = createSelector(G, D, (a2, e) => {
|
|
18585
18588
|
let t;
|
|
18586
18589
|
for (let i in a2) {
|
|
18587
18590
|
let r = a2[i], { video: s, audio: o } = He(e, r);
|
|
@@ -18591,15 +18594,15 @@ var Oa = createSelector(G, D, (a2, e) => {
|
|
|
18591
18594
|
}
|
|
18592
18595
|
return t;
|
|
18593
18596
|
});
|
|
18594
|
-
var
|
|
18595
|
-
var
|
|
18597
|
+
var Gn = createSelector(Ba, (a2) => !!a2);
|
|
18598
|
+
var Wn = createSelector(G, D, (a2, e) => {
|
|
18596
18599
|
for (let t in a2) {
|
|
18597
18600
|
let i = a2[t], { audio: r, video: s } = He(e, i);
|
|
18598
18601
|
if (!s && r)
|
|
18599
18602
|
return i;
|
|
18600
18603
|
}
|
|
18601
18604
|
});
|
|
18602
|
-
var
|
|
18605
|
+
var $n = createSelector(G, D, (a2, e) => {
|
|
18603
18606
|
let t = [], i = [];
|
|
18604
18607
|
for (let r in a2) {
|
|
18605
18608
|
let s = a2[r], { video: o, audio: n } = He(e, s);
|
|
@@ -18607,80 +18610,80 @@ var Fn = createSelector(G, D, (a2, e) => {
|
|
|
18607
18610
|
}
|
|
18608
18611
|
return t.concat(i);
|
|
18609
18612
|
});
|
|
18610
|
-
var
|
|
18613
|
+
var Kn = createSelector(G, D, (a2, e) => {
|
|
18611
18614
|
for (let t in e) {
|
|
18612
18615
|
let i = e[t];
|
|
18613
18616
|
if (rt(i) && it(i) && i.peerId)
|
|
18614
18617
|
return a2[i.peerId];
|
|
18615
18618
|
}
|
|
18616
18619
|
});
|
|
18617
|
-
var
|
|
18620
|
+
var qn = createSelector(G, D, (a2, e) => {
|
|
18618
18621
|
for (let t in e) {
|
|
18619
18622
|
let i = e[t];
|
|
18620
|
-
if (
|
|
18623
|
+
if (Wt(i) && i.peerId)
|
|
18621
18624
|
return a2[i.peerId];
|
|
18622
18625
|
}
|
|
18623
18626
|
});
|
|
18624
|
-
var
|
|
18625
|
-
var
|
|
18626
|
-
var
|
|
18627
|
-
var at = createSelector(
|
|
18627
|
+
var jn = createSelector(xa, (a2) => a2.filter(Qr));
|
|
18628
|
+
var Jn = createSelector(Yr, (a2) => a2.length);
|
|
18629
|
+
var Qn = createSelector($t, (a2) => Object.values(a2).filter((e) => !e.read).length);
|
|
18630
|
+
var at = createSelector(Yr, $t, (a2, e) => {
|
|
18628
18631
|
let t = [];
|
|
18629
18632
|
return a2.forEach((i) => {
|
|
18630
18633
|
t.push(e[i]);
|
|
18631
18634
|
}), t;
|
|
18632
18635
|
});
|
|
18633
|
-
var
|
|
18636
|
+
var Va = createSelector(at, (a2) => a2.filter((e) => {
|
|
18634
18637
|
var t;
|
|
18635
18638
|
return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
|
|
18636
18639
|
}));
|
|
18637
|
-
var
|
|
18640
|
+
var zn = createSelector(Va, (a2) => a2.filter((e) => !e.read).length);
|
|
18638
18641
|
var Y = createSelector([B], (a2) => a2 && a2.roomState);
|
|
18639
|
-
var
|
|
18640
|
-
var
|
|
18642
|
+
var ts = createSelector(Y, (a2) => a2 === "Preview");
|
|
18643
|
+
var Yn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
|
|
18641
18644
|
var ne = (a2) => a2.roles;
|
|
18642
|
-
var
|
|
18645
|
+
var Xn = createSelector([ne], (a2) => Object.keys(a2));
|
|
18643
18646
|
var Kt = createSelector([z, ne], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
|
|
18644
|
-
var
|
|
18647
|
+
var Fa = (a2) => {
|
|
18645
18648
|
var e;
|
|
18646
18649
|
return (e = a2.preview) == null ? void 0 : e.asRole;
|
|
18647
18650
|
};
|
|
18648
|
-
var
|
|
18649
|
-
var
|
|
18651
|
+
var is = createSelector([Fa, ne], (a2, e) => a2 ? e[a2] : null);
|
|
18652
|
+
var Zn = createSelector([Kt], (a2) => {
|
|
18650
18653
|
var e;
|
|
18651
18654
|
return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
|
|
18652
18655
|
});
|
|
18653
|
-
var
|
|
18654
|
-
var
|
|
18655
|
-
var
|
|
18656
|
-
var
|
|
18657
|
-
var
|
|
18658
|
-
var
|
|
18659
|
-
var
|
|
18660
|
-
var
|
|
18661
|
-
var
|
|
18662
|
-
var
|
|
18663
|
-
var
|
|
18664
|
-
var
|
|
18665
|
-
var
|
|
18666
|
-
var
|
|
18667
|
-
var
|
|
18668
|
-
var
|
|
18669
|
-
var
|
|
18670
|
-
var
|
|
18671
|
-
var
|
|
18672
|
-
var
|
|
18673
|
-
var
|
|
18656
|
+
var rs = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
|
|
18657
|
+
var ec = createSelector(B, (a2) => a2.recording);
|
|
18658
|
+
var tc = createSelector(B, (a2) => a2.rtmp);
|
|
18659
|
+
var ic = createSelector(B, (a2) => a2.hls);
|
|
18660
|
+
var rc = createSelector(B, (a2) => a2.sessionId);
|
|
18661
|
+
var sc = createSelector(B, (a2) => a2.startedAt);
|
|
18662
|
+
var ac = createSelector(B, (a2) => !!a2.isLargeRoom);
|
|
18663
|
+
var oc = createSelector(B, (a2) => !!a2.isEffectsEnabled);
|
|
18664
|
+
var nc = createSelector(B, (a2) => a2.effectsKey);
|
|
18665
|
+
var ss = (a2) => a2.polls;
|
|
18666
|
+
var uc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
|
|
18667
|
+
var Ga = (a2) => a2.whiteboards;
|
|
18668
|
+
var pc = createSelector(Ga, (a2) => Object.values(a2)[0]);
|
|
18669
|
+
var os = (a2 = "audio") => (e) => e.playlist[a2].list;
|
|
18670
|
+
var ar = (a2 = "audio") => (e) => e.playlist[a2].selection;
|
|
18671
|
+
var ns = (a2 = "audio") => (e) => e.playlist[a2].progress;
|
|
18672
|
+
var cs = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
|
|
18673
|
+
var ds = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
|
|
18674
|
+
var ls = (a2 = "audio") => (e) => e.playlist[a2].volume;
|
|
18675
|
+
var us = (a2 = "audio") => createSelector(os(a2), (e) => Object.values(e));
|
|
18676
|
+
var ps = (a2 = "audio") => createSelector(os(a2), ar(a2), (e, t) => {
|
|
18674
18677
|
if (t.id)
|
|
18675
18678
|
return e[t.id];
|
|
18676
18679
|
});
|
|
18677
|
-
var
|
|
18678
|
-
var
|
|
18680
|
+
var hs = { selection: ar("audio"), progress: ns("audio"), currentTime: cs("audio"), playbackRate: ds("audio"), volume: ls("audio"), list: us("audio"), selectedItem: ps("audio") };
|
|
18681
|
+
var ms = { selection: ar("video"), progress: ns("video"), currentTime: cs("video"), playbackRate: ds("video"), volume: ls("video"), list: us("video"), selectedItem: ps("video") };
|
|
18679
18682
|
function R(a2) {
|
|
18680
18683
|
return (e) => (t) => a2(t, e);
|
|
18681
18684
|
}
|
|
18682
|
-
var
|
|
18683
|
-
var
|
|
18685
|
+
var Ss = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(Ss || {});
|
|
18686
|
+
var Wa = typeof window != "undefined" && typeof window.expect != "undefined";
|
|
18684
18687
|
var d = class {
|
|
18685
18688
|
static v(e, ...t) {
|
|
18686
18689
|
this.log(0, e, ...t);
|
|
@@ -18746,25 +18749,25 @@ var d = class {
|
|
|
18746
18749
|
}
|
|
18747
18750
|
}
|
|
18748
18751
|
};
|
|
18749
|
-
d.level =
|
|
18752
|
+
d.level = Wa ? 7 : 0;
|
|
18750
18753
|
var pe = new import_ua_parser_js.UAParser();
|
|
18751
18754
|
var _ = typeof window != "undefined";
|
|
18752
|
-
var Ss;
|
|
18753
|
-
var Ce = typeof window == "undefined" && !((Ss = pe.getBrowser().name) != null && Ss.toLowerCase().includes("electron"));
|
|
18754
|
-
var Ga = () => !Ce;
|
|
18755
|
-
var Tc = Ga();
|
|
18756
18755
|
var gs;
|
|
18756
|
+
var Ce = typeof window == "undefined" && !((gs = pe.getBrowser().name) != null && gs.toLowerCase().includes("electron"));
|
|
18757
|
+
var Ka = () => !Ce;
|
|
18758
|
+
var Mc = Ka();
|
|
18757
18759
|
var Ts;
|
|
18758
|
-
var
|
|
18759
|
-
var Ms = ((
|
|
18760
|
-
|
|
18760
|
+
var fs;
|
|
18761
|
+
var Ms = ((fs = (Ts = pe.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
|
|
18762
|
+
var ys = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(ys || {});
|
|
18763
|
+
function qa() {
|
|
18761
18764
|
if (_ && window) {
|
|
18762
18765
|
let a2 = window.location.hostname;
|
|
18763
18766
|
return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
|
|
18764
18767
|
}
|
|
18765
18768
|
return "CUSTOM";
|
|
18766
18769
|
}
|
|
18767
|
-
var Ve =
|
|
18770
|
+
var Ve = qa();
|
|
18768
18771
|
var M = { 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 } };
|
|
18769
18772
|
var f = class a extends Error {
|
|
18770
18773
|
constructor(t, i, r, s, o, n = false) {
|
|
@@ -18795,11 +18798,11 @@ var f = class a extends Error {
|
|
|
18795
18798
|
}`;
|
|
18796
18799
|
}
|
|
18797
18800
|
};
|
|
18798
|
-
var
|
|
18801
|
+
var ja = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
18799
18802
|
var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
18800
18803
|
return new f(M.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
18801
18804
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
18802
|
-
return new f(M.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost
|
|
18805
|
+
return new f(M.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
|
|
18803
18806
|
}, AbnormalClose(a2, e = "") {
|
|
18804
18807
|
return new f(M.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
|
|
18805
18808
|
} }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
|
|
@@ -18855,7 +18858,7 @@ var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
|
18855
18858
|
}, StatsFailed(a2, e = "") {
|
|
18856
18859
|
return new f(M.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
18857
18860
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
18858
|
-
return new f(a2, "ServerErrors", e, t, t,
|
|
18861
|
+
return new f(a2, "ServerErrors", e, t, t, ja.includes(e));
|
|
18859
18862
|
}, AlreadyJoined(a2, e = "") {
|
|
18860
18863
|
return new f(M.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
18861
18864
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
@@ -18903,7 +18906,7 @@ var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
|
18903
18906
|
}, NoEntryPlaying(a2, e) {
|
|
18904
18907
|
return new f(M.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
|
|
18905
18908
|
} } };
|
|
18906
|
-
var
|
|
18909
|
+
var cr = class {
|
|
18907
18910
|
constructor() {
|
|
18908
18911
|
this.valuesMap = /* @__PURE__ */ new Map();
|
|
18909
18912
|
}
|
|
@@ -18928,9 +18931,9 @@ var nr = class {
|
|
|
18928
18931
|
return this.valuesMap.size;
|
|
18929
18932
|
}
|
|
18930
18933
|
};
|
|
18931
|
-
var
|
|
18934
|
+
var ks = () => {
|
|
18932
18935
|
try {
|
|
18933
|
-
_ && !localStorage && (window.localStorage = new
|
|
18936
|
+
_ && !localStorage && (window.localStorage = new cr());
|
|
18934
18937
|
} catch (a2) {
|
|
18935
18938
|
d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
|
|
18936
18939
|
}
|
|
@@ -18942,7 +18945,7 @@ var ce = class {
|
|
|
18942
18945
|
}
|
|
18943
18946
|
getStorage() {
|
|
18944
18947
|
try {
|
|
18945
|
-
return _ && !this.storage && (
|
|
18948
|
+
return _ && !this.storage && (ks(), this.storage = window.localStorage), this.storage;
|
|
18946
18949
|
} catch (e) {
|
|
18947
18950
|
return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
|
|
18948
18951
|
}
|
|
@@ -18962,29 +18965,29 @@ var ce = class {
|
|
|
18962
18965
|
(e = this.getStorage()) == null || e.removeItem(this.key);
|
|
18963
18966
|
}
|
|
18964
18967
|
};
|
|
18965
|
-
var
|
|
18968
|
+
var Ps = () => {
|
|
18966
18969
|
let a2, e = new ce("hms-analytics-deviceId"), t = e.get();
|
|
18967
|
-
return t ? a2 = t : (a2 =
|
|
18970
|
+
return t ? a2 = t : (a2 = Ja(), e.set(a2)), a2;
|
|
18968
18971
|
};
|
|
18969
18972
|
function ie(a2) {
|
|
18970
18973
|
return a2 != null;
|
|
18971
18974
|
}
|
|
18972
|
-
var
|
|
18975
|
+
var As = ur().version;
|
|
18973
18976
|
function ot(a2 = "prod", e) {
|
|
18974
18977
|
let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
18975
18978
|
if (Ce)
|
|
18976
|
-
return bs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version:
|
|
18977
|
-
let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n =
|
|
18978
|
-
return s.type && (p = `${
|
|
18979
|
+
return bs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: As, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
18980
|
+
let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = pr(`web_${r.name}`), l = r.version || "", u = pr(`${o.name}_${o.version}`), p = u;
|
|
18981
|
+
return s.type && (p = `${pr(`${s.vendor}_${s.type}`)}/${u}`), bs({ os: n, os_version: l, sdk: t, sdk_version: As, device_model: p, env: i, domain: Ve, 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 });
|
|
18979
18982
|
}
|
|
18980
|
-
function
|
|
18983
|
+
function pr(a2) {
|
|
18981
18984
|
return a2.replace(/ /g, "_");
|
|
18982
18985
|
}
|
|
18983
18986
|
var bs = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
18984
18987
|
var I = class {
|
|
18985
18988
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
18986
18989
|
this.metadata = { peer: {}, userAgent: ot() };
|
|
18987
|
-
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id =
|
|
18990
|
+
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = za(), this.device_id = Ps();
|
|
18988
18991
|
}
|
|
18989
18992
|
toSignalParams() {
|
|
18990
18993
|
return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
|
@@ -19000,12 +19003,12 @@ var y = class {
|
|
|
19000
19003
|
return new I({ name: i, level: r, properties: s });
|
|
19001
19004
|
}
|
|
19002
19005
|
static preview(i) {
|
|
19003
|
-
var r = i, { error: e } = r, t =
|
|
19006
|
+
var r = i, { error: e } = r, t = Zi(r, ["error"]);
|
|
19004
19007
|
let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
|
|
19005
19008
|
return new I({ name: s, level: o, properties: n });
|
|
19006
19009
|
}
|
|
19007
19010
|
static join(i) {
|
|
19008
|
-
var r = i, { error: e } = r, t =
|
|
19011
|
+
var r = i, { error: e } = r, t = Zi(r, ["error"]);
|
|
19009
19012
|
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
|
19010
19013
|
return new I({ name: s, level: o, properties: n });
|
|
19011
19014
|
}
|
|
@@ -19081,7 +19084,7 @@ var y = class {
|
|
|
19081
19084
|
}
|
|
19082
19085
|
};
|
|
19083
19086
|
y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
|
|
19084
|
-
var
|
|
19087
|
+
var hr = class {
|
|
19085
19088
|
constructor() {
|
|
19086
19089
|
this.storage = new ce("hms-device-selection");
|
|
19087
19090
|
this.remember = false;
|
|
@@ -19115,9 +19118,9 @@ var pr = class {
|
|
|
19115
19118
|
return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
|
|
19116
19119
|
}
|
|
19117
19120
|
};
|
|
19118
|
-
var j = new
|
|
19119
|
-
var
|
|
19120
|
-
var
|
|
19121
|
+
var j = new hr();
|
|
19122
|
+
var mr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(mr || {});
|
|
19123
|
+
var Sr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Sr || {});
|
|
19121
19124
|
function Jt(a2, e = 300) {
|
|
19122
19125
|
let t;
|
|
19123
19126
|
return function(...i) {
|
|
@@ -19128,11 +19131,11 @@ function Jt(a2, e = 300) {
|
|
|
19128
19131
|
}, e);
|
|
19129
19132
|
};
|
|
19130
19133
|
}
|
|
19131
|
-
var
|
|
19132
|
-
var
|
|
19133
|
-
var
|
|
19134
|
-
var
|
|
19135
|
-
var
|
|
19134
|
+
var gr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(gr || {});
|
|
19135
|
+
var 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 || {});
|
|
19136
|
+
var Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
|
|
19137
|
+
var _s = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(_s || {});
|
|
19138
|
+
var Tr = class {
|
|
19136
19139
|
constructor() {
|
|
19137
19140
|
this.TAG = "[HMSIntersectionObserverWrapper]";
|
|
19138
19141
|
this.listeners = /* @__PURE__ */ new WeakMap();
|
|
@@ -19159,8 +19162,8 @@ var gr = class {
|
|
|
19159
19162
|
return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
|
|
19160
19163
|
}
|
|
19161
19164
|
};
|
|
19162
|
-
var
|
|
19163
|
-
var
|
|
19165
|
+
var Us = new Tr();
|
|
19166
|
+
var fr = class {
|
|
19164
19167
|
constructor() {
|
|
19165
19168
|
this.TAG = "[HMSResizeObserverWrapper]";
|
|
19166
19169
|
this.listeners = /* @__PURE__ */ new WeakMap();
|
|
@@ -19187,15 +19190,15 @@ var Tr = class {
|
|
|
19187
19190
|
return e || d.w(this.TAG, "Resize Observer is not supported"), e;
|
|
19188
19191
|
}
|
|
19189
19192
|
};
|
|
19190
|
-
var
|
|
19191
|
-
var
|
|
19192
|
-
var
|
|
19193
|
-
var
|
|
19194
|
-
var
|
|
19193
|
+
var Bs = new fr();
|
|
19194
|
+
var vr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(vr || {});
|
|
19195
|
+
var Mr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Mr || {});
|
|
19196
|
+
var Gs = "https://event.100ms.live/v2/client/report";
|
|
19197
|
+
var Ws = "https://event-nonprod.100ms.live/v2/client/report";
|
|
19195
19198
|
var pt = Math.pow(2, 31) - 1;
|
|
19196
19199
|
var Qe = class {
|
|
19197
19200
|
};
|
|
19198
|
-
Qe.makePeerId = () =>
|
|
19201
|
+
Qe.makePeerId = () => So();
|
|
19199
19202
|
var gt = "HMS-Store:";
|
|
19200
19203
|
var k = class {
|
|
19201
19204
|
static v(e, ...t) {
|
|
@@ -19263,133 +19266,133 @@ var k = class {
|
|
|
19263
19266
|
}
|
|
19264
19267
|
};
|
|
19265
19268
|
k.level = 0;
|
|
19266
|
-
var
|
|
19269
|
+
var Cr = (a2, e) => e;
|
|
19267
19270
|
var Tt = (a2, e) => e;
|
|
19268
|
-
var
|
|
19269
|
-
var
|
|
19270
|
-
var
|
|
19271
|
-
var
|
|
19272
|
-
var
|
|
19273
|
-
var
|
|
19271
|
+
var Xs = (a2, e) => e;
|
|
19272
|
+
var To = (a2, e) => e;
|
|
19273
|
+
var fo = (a2, e) => e;
|
|
19274
|
+
var W = createSelector([G, Cr], (a2, e) => e ? a2[e] : null);
|
|
19275
|
+
var Lr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
|
|
19276
|
+
var vo = createSelector([D, Tt], (a2, e) => {
|
|
19274
19277
|
if (!e)
|
|
19275
19278
|
return null;
|
|
19276
19279
|
let t = a2[e];
|
|
19277
19280
|
return (t == null ? void 0 : t.type) === "video" ? t : null;
|
|
19278
19281
|
});
|
|
19279
|
-
var
|
|
19282
|
+
var Mo = createSelector([D, Tt], (a2, e) => {
|
|
19280
19283
|
if (!e)
|
|
19281
19284
|
return null;
|
|
19282
19285
|
let t = a2[e];
|
|
19283
19286
|
return (t == null ? void 0 : t.type) === "audio" ? t : null;
|
|
19284
19287
|
});
|
|
19285
|
-
var
|
|
19288
|
+
var yo = createSelector([D, Tt], (a2, e) => {
|
|
19286
19289
|
if (!e)
|
|
19287
19290
|
return null;
|
|
19288
19291
|
let t = a2[e];
|
|
19289
19292
|
return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
19290
19293
|
});
|
|
19291
|
-
var
|
|
19294
|
+
var ko = createSelector([D, Tt], (a2, e) => {
|
|
19292
19295
|
if (!e)
|
|
19293
19296
|
return null;
|
|
19294
19297
|
let t = a2[e];
|
|
19295
19298
|
return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
19296
19299
|
});
|
|
19297
|
-
var
|
|
19298
|
-
var Q = R(
|
|
19299
|
-
var
|
|
19300
|
+
var Po = createSelector([ss, fo], (a2, e) => e ? a2[e] : null);
|
|
19301
|
+
var Q = R(W);
|
|
19302
|
+
var lm = R(createSelector([ir, To], (a2, e) => {
|
|
19300
19303
|
if (a2)
|
|
19301
19304
|
return e ? a2[e] : a2;
|
|
19302
19305
|
}));
|
|
19303
|
-
function
|
|
19306
|
+
function um(a2) {
|
|
19304
19307
|
return (e) => {
|
|
19305
19308
|
if (e.sessionStore)
|
|
19306
19309
|
return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
19307
19310
|
};
|
|
19308
19311
|
}
|
|
19309
|
-
var
|
|
19310
|
-
var
|
|
19311
|
-
var oi = R(
|
|
19312
|
-
var
|
|
19313
|
-
var
|
|
19314
|
-
var
|
|
19315
|
-
var
|
|
19316
|
-
var
|
|
19317
|
-
let t =
|
|
19312
|
+
var hm = R(createSelector(W, (a2) => a2 == null ? void 0 : a2.name));
|
|
19313
|
+
var mm = R(createSelector(W, (a2) => a2 == null ? void 0 : a2.type));
|
|
19314
|
+
var oi = R(Lr);
|
|
19315
|
+
var Zs = R(vo);
|
|
19316
|
+
var Sm = R(Mo);
|
|
19317
|
+
var gm = R(yo);
|
|
19318
|
+
var Tm = R(ko);
|
|
19319
|
+
var Eo = R((a2, e) => {
|
|
19320
|
+
let t = W(a2, e);
|
|
19318
19321
|
if (t && t.videoTrack && t.videoTrack !== "")
|
|
19319
19322
|
return a2.tracks[t.videoTrack];
|
|
19320
19323
|
});
|
|
19321
|
-
var
|
|
19322
|
-
let t =
|
|
19324
|
+
var Ao = R((a2, e) => {
|
|
19325
|
+
let t = W(a2, e);
|
|
19323
19326
|
if (t && t.audioTrack && t.audioTrack !== "")
|
|
19324
19327
|
return a2.tracks[t.audioTrack];
|
|
19325
19328
|
});
|
|
19326
|
-
var
|
|
19327
|
-
let t =
|
|
19329
|
+
var vm = R((a2, e) => {
|
|
19330
|
+
let t = W(a2, e);
|
|
19328
19331
|
return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
|
|
19329
19332
|
});
|
|
19330
|
-
var
|
|
19331
|
-
var
|
|
19332
|
-
var
|
|
19333
|
-
let t =
|
|
19334
|
-
return
|
|
19335
|
-
};
|
|
19336
|
-
var
|
|
19337
|
-
var
|
|
19333
|
+
var ea = (a2, e) => e ? a2.speakers[e] : null;
|
|
19334
|
+
var Mm = R(createSelector(ea, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
19335
|
+
var bo = (a2, e) => {
|
|
19336
|
+
let t = Ao(e)(a2);
|
|
19337
|
+
return ea(a2, t == null ? void 0 : t.id);
|
|
19338
|
+
};
|
|
19339
|
+
var ym = R(createSelector(bo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
19340
|
+
var km = R((a2, e) => {
|
|
19338
19341
|
if (e)
|
|
19339
19342
|
return a2.connectionQualities[e];
|
|
19340
19343
|
});
|
|
19341
|
-
var
|
|
19342
|
-
let t =
|
|
19344
|
+
var Pm = R((a2, e) => {
|
|
19345
|
+
let t = W(a2, e);
|
|
19343
19346
|
if (t) {
|
|
19344
19347
|
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
|
|
19345
19348
|
return i ? a2.tracks[i] : void 0;
|
|
19346
19349
|
}
|
|
19347
19350
|
});
|
|
19348
|
-
var
|
|
19351
|
+
var Em = R(createSelector(D, W, (a2, e) => {
|
|
19349
19352
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19350
19353
|
let r = a2[i];
|
|
19351
19354
|
return rt(r) && it(r);
|
|
19352
19355
|
});
|
|
19353
19356
|
return t ? a2[t] : void 0;
|
|
19354
19357
|
}));
|
|
19355
|
-
var
|
|
19358
|
+
var Am = R(createSelector(D, W, (a2, e) => {
|
|
19356
19359
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19357
19360
|
let r = a2[i];
|
|
19358
19361
|
return rt(r) && tt(r);
|
|
19359
19362
|
});
|
|
19360
19363
|
return t ? a2[t] : void 0;
|
|
19361
19364
|
}));
|
|
19362
|
-
var
|
|
19365
|
+
var bm = R(createSelector(D, W, (a2, e) => {
|
|
19363
19366
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19364
19367
|
let r = a2[i];
|
|
19365
|
-
return
|
|
19368
|
+
return Wt(r) && tt(r);
|
|
19366
19369
|
});
|
|
19367
19370
|
return t ? a2[t] : void 0;
|
|
19368
19371
|
}));
|
|
19369
|
-
var
|
|
19370
|
-
var
|
|
19371
|
-
var
|
|
19372
|
-
let t =
|
|
19372
|
+
var ta = R(createSelector(D, W, (a2, e) => He(a2, e)));
|
|
19373
|
+
var ia = (a2) => createSelector(ta(a2), (e) => e.audio);
|
|
19374
|
+
var Im = R((a2, e) => {
|
|
19375
|
+
let t = W(a2, e);
|
|
19373
19376
|
return Ue(a2, t == null ? void 0 : t.audioTrack);
|
|
19374
19377
|
});
|
|
19375
|
-
var
|
|
19376
|
-
let t =
|
|
19378
|
+
var Hm = R((a2, e) => {
|
|
19379
|
+
let t = W(a2, e);
|
|
19377
19380
|
return Ue(a2, t == null ? void 0 : t.videoTrack);
|
|
19378
19381
|
});
|
|
19379
|
-
var
|
|
19382
|
+
var ra = R((a2, e) => {
|
|
19380
19383
|
if (e && a2.tracks[e])
|
|
19381
19384
|
return a2.tracks[e].volume === 0;
|
|
19382
19385
|
});
|
|
19383
|
-
var
|
|
19384
|
-
let t =
|
|
19385
|
-
return
|
|
19386
|
+
var Cm = R((a2, e) => {
|
|
19387
|
+
let t = W(a2, e);
|
|
19388
|
+
return ra(t == null ? void 0 : t.audioTrack)(a2);
|
|
19386
19389
|
});
|
|
19387
|
-
var
|
|
19388
|
-
let t =
|
|
19389
|
-
return
|
|
19390
|
+
var Lm = R((a2, e) => {
|
|
19391
|
+
let t = ia(e)(a2);
|
|
19392
|
+
return ra(t == null ? void 0 : t.id)(a2);
|
|
19390
19393
|
});
|
|
19391
|
-
var
|
|
19392
|
-
let t =
|
|
19394
|
+
var sa = R((a2, e) => {
|
|
19395
|
+
let t = Lr(a2, e);
|
|
19393
19396
|
if (t) {
|
|
19394
19397
|
if (t.type !== "audio") {
|
|
19395
19398
|
k.w("Please pass audio track here");
|
|
@@ -19398,16 +19401,16 @@ var ta = R((a2, e) => {
|
|
|
19398
19401
|
return t.volume;
|
|
19399
19402
|
}
|
|
19400
19403
|
});
|
|
19401
|
-
var
|
|
19402
|
-
let t =
|
|
19403
|
-
return
|
|
19404
|
+
var wm = R((a2, e) => {
|
|
19405
|
+
let t = W(a2, e);
|
|
19406
|
+
return sa(t == null ? void 0 : t.audioTrack)(a2);
|
|
19404
19407
|
});
|
|
19405
|
-
var
|
|
19406
|
-
let t =
|
|
19407
|
-
return
|
|
19408
|
+
var Dm = R((a2, e) => {
|
|
19409
|
+
let t = ia(e)(a2);
|
|
19410
|
+
return sa(t == null ? void 0 : t.id)(a2);
|
|
19408
19411
|
});
|
|
19409
|
-
var
|
|
19410
|
-
let t =
|
|
19412
|
+
var _m = R((a2, e) => {
|
|
19413
|
+
let t = Lr(a2, e);
|
|
19411
19414
|
if (t) {
|
|
19412
19415
|
if (t.type !== "video") {
|
|
19413
19416
|
k.w("Please pass video track here");
|
|
@@ -19416,49 +19419,49 @@ var Lm = R((a2, e) => {
|
|
|
19416
19419
|
return t.layer;
|
|
19417
19420
|
}
|
|
19418
19421
|
});
|
|
19419
|
-
var
|
|
19422
|
+
var aa = createSelector([at, ue, Cr], (a2, e, t) => {
|
|
19420
19423
|
if (t)
|
|
19421
19424
|
return a2.filter((i) => {
|
|
19422
19425
|
var r;
|
|
19423
19426
|
return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
|
|
19424
19427
|
});
|
|
19425
19428
|
});
|
|
19426
|
-
var
|
|
19429
|
+
var oa = createSelector([at, Xs], (a2, e) => {
|
|
19427
19430
|
if (e)
|
|
19428
19431
|
return a2.filter((t) => {
|
|
19429
19432
|
var i, r;
|
|
19430
19433
|
return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
|
|
19431
19434
|
});
|
|
19432
19435
|
});
|
|
19433
|
-
var
|
|
19436
|
+
var Ro = createSelector(at, (a2) => a2.filter((e) => {
|
|
19434
19437
|
var t;
|
|
19435
19438
|
return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
|
|
19436
19439
|
}));
|
|
19437
|
-
var
|
|
19438
|
-
var
|
|
19439
|
-
var
|
|
19440
|
-
var
|
|
19441
|
-
var
|
|
19442
|
-
var
|
|
19443
|
-
var
|
|
19444
|
-
var
|
|
19445
|
-
var
|
|
19440
|
+
var Io = createSelector([oa, Xs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
19441
|
+
var Ho = createSelector([aa, Cr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
19442
|
+
var Nm = createSelector(Ro, (a2) => a2.filter((e) => !e.read).length);
|
|
19443
|
+
var Om = R(aa);
|
|
19444
|
+
var xm = R(oa);
|
|
19445
|
+
var Um = R(Io);
|
|
19446
|
+
var Bm = R(Ho);
|
|
19447
|
+
var na = R(Po);
|
|
19448
|
+
var zm = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
|
|
19446
19449
|
var r;
|
|
19447
19450
|
return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
|
|
19448
19451
|
}));
|
|
19449
|
-
var
|
|
19450
|
-
var
|
|
19451
|
-
var
|
|
19452
|
-
var
|
|
19453
|
-
var
|
|
19452
|
+
var Co = (a2) => a2.roleChangeRequests[0] || null;
|
|
19453
|
+
var Ym = createSelector([Co, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
|
|
19454
|
+
var Xm = createSelector([Kt], (a2) => st(a2));
|
|
19455
|
+
var Zm = createSelector([is], (a2) => st(a2));
|
|
19456
|
+
var wo = createSelector([q, D], (a2, e) => {
|
|
19454
19457
|
let t = null;
|
|
19455
19458
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
19456
19459
|
});
|
|
19457
|
-
var
|
|
19460
|
+
var Do = createSelector([Z, D], (a2, e) => {
|
|
19458
19461
|
let t = null;
|
|
19459
19462
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
19460
19463
|
});
|
|
19461
|
-
var
|
|
19464
|
+
var Or = class {
|
|
19462
19465
|
constructor() {
|
|
19463
19466
|
this.TAG = "[HTTPAnalyticsTransport]";
|
|
19464
19467
|
this.failedEvents = new ce("client-events");
|
|
@@ -19477,7 +19480,7 @@ var Nr = class {
|
|
|
19477
19480
|
this.addEventToStorage(e);
|
|
19478
19481
|
return;
|
|
19479
19482
|
}
|
|
19480
|
-
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" ?
|
|
19483
|
+
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" ? Gs : Ws;
|
|
19481
19484
|
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) => {
|
|
19482
19485
|
if (r.status === 401) {
|
|
19483
19486
|
this.removeFromStorage(e);
|
|
@@ -19503,66 +19506,66 @@ var Nr = class {
|
|
|
19503
19506
|
i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
|
|
19504
19507
|
}
|
|
19505
19508
|
};
|
|
19506
|
-
var Te = new
|
|
19507
|
-
var
|
|
19508
|
-
var
|
|
19509
|
-
var
|
|
19510
|
-
var
|
|
19511
|
-
var
|
|
19512
|
-
var
|
|
19513
|
-
var
|
|
19514
|
-
var
|
|
19515
|
-
var
|
|
19516
|
-
var
|
|
19517
|
-
var
|
|
19518
|
-
var ve = createSelector([
|
|
19519
|
-
var
|
|
19509
|
+
var Te = new Or();
|
|
19510
|
+
var $ = ((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))($ || {});
|
|
19511
|
+
var Vi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Vi || {});
|
|
19512
|
+
var Qi = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Qi || {});
|
|
19513
|
+
var Zo = (a2) => a2.localPeer.id;
|
|
19514
|
+
var en = (a2) => a2.localPeer.audioTrack;
|
|
19515
|
+
var tn = (a2) => a2.localPeer.videoTrack;
|
|
19516
|
+
var rn = (a2, e) => e;
|
|
19517
|
+
var Ea = (a2, e) => e;
|
|
19518
|
+
var sn = (a2) => a2.remoteTrackStats;
|
|
19519
|
+
var Aa = (a2) => a2.peerStats;
|
|
19520
|
+
var Fr = (a2) => a2.localTrackStats;
|
|
19521
|
+
var ve = createSelector([Aa, Zo], (a2, e) => a2[e]);
|
|
19522
|
+
var an = createSelector(ve, (a2) => {
|
|
19520
19523
|
var e;
|
|
19521
19524
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
19522
19525
|
});
|
|
19523
|
-
var
|
|
19526
|
+
var on = createSelector(ve, (a2) => {
|
|
19524
19527
|
var e;
|
|
19525
19528
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
|
|
19526
19529
|
});
|
|
19527
|
-
var
|
|
19530
|
+
var nn = createSelector(ve, (a2) => {
|
|
19528
19531
|
var e;
|
|
19529
19532
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
|
|
19530
19533
|
});
|
|
19531
|
-
var
|
|
19534
|
+
var cn = createSelector(ve, (a2) => {
|
|
19532
19535
|
var e;
|
|
19533
19536
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
|
|
19534
19537
|
});
|
|
19535
|
-
var
|
|
19538
|
+
var dn = createSelector(ve, (a2) => {
|
|
19536
19539
|
var e;
|
|
19537
19540
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
|
|
19538
19541
|
});
|
|
19539
|
-
var
|
|
19542
|
+
var ln = createSelector(ve, (a2) => {
|
|
19540
19543
|
var e;
|
|
19541
19544
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
|
|
19542
19545
|
});
|
|
19543
|
-
var
|
|
19546
|
+
var un = createSelector(ve, (a2) => {
|
|
19544
19547
|
var e;
|
|
19545
19548
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
|
|
19546
19549
|
});
|
|
19547
|
-
var
|
|
19550
|
+
var pn = createSelector(ve, (a2) => {
|
|
19548
19551
|
var e;
|
|
19549
19552
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
19550
19553
|
});
|
|
19551
|
-
var
|
|
19552
|
-
var
|
|
19553
|
-
var
|
|
19554
|
-
var
|
|
19555
|
-
var
|
|
19556
|
-
var
|
|
19554
|
+
var hn = createSelector([Aa, rn], (a2, e) => e ? a2[e] : void 0);
|
|
19555
|
+
var mn = createSelector([sn, Ea], (a2, e) => e ? a2[e] : void 0);
|
|
19556
|
+
var Gr = createSelector([Fr, Ea], (a2, e) => e ? a2[e] : void 0);
|
|
19557
|
+
var Sn = R(hn);
|
|
19558
|
+
var gn = R(mn);
|
|
19559
|
+
var Tn = createSelector([Fr, en], (a2, e) => {
|
|
19557
19560
|
var t;
|
|
19558
19561
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
19559
19562
|
});
|
|
19560
|
-
var
|
|
19561
|
-
var
|
|
19563
|
+
var fn = R(createSelector(Gr, (a2) => a2 == null ? void 0 : a2[0]));
|
|
19564
|
+
var vn = createSelector([Fr, tn], (a2, e) => {
|
|
19562
19565
|
var t;
|
|
19563
19566
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
19564
19567
|
});
|
|
19565
|
-
var
|
|
19568
|
+
var Mn = R(createSelector(Gr, (a2) => a2));
|
|
19566
19569
|
|
|
19567
19570
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
19568
19571
|
import {
|
|
@@ -19753,7 +19756,7 @@ var LiveStatus = () => {
|
|
|
19753
19756
|
const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
|
|
19754
19757
|
const hlsState = useHMSStore25(selectHLSState4);
|
|
19755
19758
|
const isMobile = useMedia7(config.media.md);
|
|
19756
|
-
const intervalRef =
|
|
19759
|
+
const intervalRef = useRef14(null);
|
|
19757
19760
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
19758
19761
|
const [liveTime, setLiveTime] = useState25(0);
|
|
19759
19762
|
const startTimer = useCallback17(() => {
|
|
@@ -19832,7 +19835,7 @@ var RecordingStatus = () => {
|
|
|
19832
19835
|
};
|
|
19833
19836
|
var RecordingPauseStatus = () => {
|
|
19834
19837
|
const recording = useHMSStore25(selectRecordingState);
|
|
19835
|
-
if (recording.hls && recording.hls.state ===
|
|
19838
|
+
if (recording.hls && recording.hls.state === ws.PAUSED) {
|
|
19836
19839
|
return /* @__PURE__ */ React54.createElement(
|
|
19837
19840
|
Tooltip,
|
|
19838
19841
|
{
|
|
@@ -20230,7 +20233,7 @@ var MwebOptions = ({
|
|
|
20230
20233
|
const { showPolls } = useShowPolls();
|
|
20231
20234
|
const togglePollView = usePollViewToggle();
|
|
20232
20235
|
const peerCount = useHMSStore29(selectPeerCount3);
|
|
20233
|
-
const emojiCardRef =
|
|
20236
|
+
const emojiCardRef = useRef15(null);
|
|
20234
20237
|
const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
|
|
20235
20238
|
const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
|
|
20236
20239
|
const { title, description } = useRoomLayoutHeader();
|
|
@@ -21031,7 +21034,7 @@ init_define_process_env();
|
|
|
21031
21034
|
import React74, { Fragment as Fragment9, useCallback as useCallback19, useState as useState33 } from "react";
|
|
21032
21035
|
import { useDebounce, useMedia as useMedia10 } from "react-use";
|
|
21033
21036
|
import {
|
|
21034
|
-
HMSPeerType,
|
|
21037
|
+
HMSPeerType as HMSPeerType2,
|
|
21035
21038
|
selectHandRaisedPeers,
|
|
21036
21039
|
selectHasPeerHandRaised as selectHasPeerHandRaised2,
|
|
21037
21040
|
selectIsLargeRoom as selectIsLargeRoom2,
|
|
@@ -21056,7 +21059,7 @@ import {
|
|
|
21056
21059
|
// src/Prebuilt/components/Connection/ConnectionIndicator.tsx
|
|
21057
21060
|
init_define_process_env();
|
|
21058
21061
|
import React70 from "react";
|
|
21059
|
-
import { selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
|
|
21062
|
+
import { HMSPeerType, selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, selectPeerTypeByID, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
|
|
21060
21063
|
import { PoorConnectivityIcon } from "@100mslive/react-icons";
|
|
21061
21064
|
|
|
21062
21065
|
// src/Prebuilt/components/Connection/connectionQualityUtils.js
|
|
@@ -21110,9 +21113,10 @@ var ConnectionIndicator = ({
|
|
|
21110
21113
|
}) => {
|
|
21111
21114
|
var _a8;
|
|
21112
21115
|
const downlinkQuality = (_a8 = useHMSStore33(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
|
|
21116
|
+
const peerType = useHMSStore33(selectPeerTypeByID(peerId));
|
|
21113
21117
|
const { theme: theme2 } = useTheme();
|
|
21114
21118
|
const defaultColor = theme2.colors.on_surface_low;
|
|
21115
|
-
if (downlinkQuality === -1 || downlinkQuality === void 0) {
|
|
21119
|
+
if (downlinkQuality === -1 || downlinkQuality === void 0 || peerType === HMSPeerType.SIP) {
|
|
21116
21120
|
return null;
|
|
21117
21121
|
}
|
|
21118
21122
|
if (downlinkQuality === 0) {
|
|
@@ -21783,7 +21787,7 @@ var ParticipantActions = React74.memo(
|
|
|
21783
21787
|
gap: "$8"
|
|
21784
21788
|
}
|
|
21785
21789
|
},
|
|
21786
|
-
isHandRaisedAccordion ? /* @__PURE__ */ React74.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ React74.createElement(React74.Fragment, null,
|
|
21790
|
+
isHandRaisedAccordion ? /* @__PURE__ */ React74.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(ConnectionIndicator, { peerId }), peerType === HMSPeerType2.SIP && /* @__PURE__ */ React74.createElement(
|
|
21787
21791
|
Flex,
|
|
21788
21792
|
{
|
|
21789
21793
|
align: "center",
|
|
@@ -21933,13 +21937,12 @@ var PollsToggle = () => {
|
|
|
21933
21937
|
// src/Prebuilt/components/Footer/WhiteboardToggle.tsx
|
|
21934
21938
|
init_define_process_env();
|
|
21935
21939
|
import React76 from "react";
|
|
21936
|
-
import {
|
|
21940
|
+
import { selectPeerScreenSharing, useHMSStore as useHMSStore40, useWhiteboard } from "@100mslive/react-sdk";
|
|
21937
21941
|
import { PencilDrawIcon } from "@100mslive/react-icons";
|
|
21938
21942
|
var WhiteboardToggle = () => {
|
|
21939
21943
|
const { toggle, open, isOwner } = useWhiteboard();
|
|
21940
|
-
const
|
|
21941
|
-
const
|
|
21942
|
-
const disabled = remoteScreenShare || open && !isOwner;
|
|
21944
|
+
const peerSharing = useHMSStore40(selectPeerScreenSharing);
|
|
21945
|
+
const disabled = !!peerSharing || open && !isOwner;
|
|
21943
21946
|
if (!toggle) {
|
|
21944
21947
|
return null;
|
|
21945
21948
|
}
|
|
@@ -21947,7 +21950,7 @@ var WhiteboardToggle = () => {
|
|
|
21947
21950
|
Tooltip,
|
|
21948
21951
|
{
|
|
21949
21952
|
key: "whiteboard",
|
|
21950
|
-
title:
|
|
21953
|
+
title: peerSharing ? "Cannot open whiteboard when viewing a shared screen" : `${open ? "Close" : "Open"} Whiteboard`
|
|
21951
21954
|
},
|
|
21952
21955
|
/* @__PURE__ */ React76.createElement(
|
|
21953
21956
|
IconButton_default,
|
|
@@ -22036,9 +22039,9 @@ var Footer2 = ({
|
|
|
22036
22039
|
// src/Prebuilt/components/Notifications/HLSFailureModal.tsx
|
|
22037
22040
|
init_define_process_env();
|
|
22038
22041
|
import React78, { useCallback as useCallback20, useState as useState34 } from "react";
|
|
22039
|
-
import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions26, useHMSStore as
|
|
22042
|
+
import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions26, useHMSStore as useHMSStore41, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
|
|
22040
22043
|
function HLSFailureModal() {
|
|
22041
|
-
const hlsError =
|
|
22044
|
+
const hlsError = useHMSStore41(selectHLSState5).error || false;
|
|
22042
22045
|
const [openModal, setOpenModal] = useState34(!!hlsError);
|
|
22043
22046
|
const hmsActions = useHMSActions26();
|
|
22044
22047
|
const { isRTMPRunning } = useRecordingStreaming8();
|
|
@@ -22091,12 +22094,12 @@ import {
|
|
|
22091
22094
|
selectRoleChangeRequest,
|
|
22092
22095
|
useCustomEvent as useCustomEvent3,
|
|
22093
22096
|
useHMSActions as useHMSActions43,
|
|
22094
|
-
useHMSStore as
|
|
22097
|
+
useHMSStore as useHMSStore72
|
|
22095
22098
|
} from "@100mslive/react-sdk";
|
|
22096
22099
|
|
|
22097
22100
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
22098
22101
|
init_define_process_env();
|
|
22099
|
-
import React131, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect34, useMemo as
|
|
22102
|
+
import React131, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect34, useMemo as useMemo13, useState as useState56 } from "react";
|
|
22100
22103
|
import { useMeasure as useMeasure4, useMedia as useMedia24 } from "react-use";
|
|
22101
22104
|
import {
|
|
22102
22105
|
HMSRoomState as HMSRoomState5,
|
|
@@ -22105,7 +22108,7 @@ import {
|
|
|
22105
22108
|
selectRoomState as selectRoomState5,
|
|
22106
22109
|
selectVideoTrackByID as selectVideoTrackByID5,
|
|
22107
22110
|
useAVToggle as useAVToggle3,
|
|
22108
|
-
useHMSStore as
|
|
22111
|
+
useHMSStore as useHMSStore71,
|
|
22109
22112
|
useParticipants as useParticipants2,
|
|
22110
22113
|
usePreviewJoin,
|
|
22111
22114
|
useRecordingStreaming as useRecordingStreaming11
|
|
@@ -22117,7 +22120,7 @@ init_define_process_env();
|
|
|
22117
22120
|
import React127, { useEffect as useEffect33 } from "react";
|
|
22118
22121
|
import { useMedia as useMedia22 } from "react-use";
|
|
22119
22122
|
import { match as match11 } from "ts-pattern";
|
|
22120
|
-
import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as
|
|
22123
|
+
import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
|
|
22121
22124
|
|
|
22122
22125
|
// src/Prebuilt/components/Polls/Polls.tsx
|
|
22123
22126
|
init_define_process_env();
|
|
@@ -22125,20 +22128,20 @@ import React100 from "react";
|
|
|
22125
22128
|
|
|
22126
22129
|
// src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
|
|
22127
22130
|
init_define_process_env();
|
|
22128
|
-
import React81, { useEffect as useEffect21, useMemo as
|
|
22131
|
+
import React81, { useEffect as useEffect21, useMemo as useMemo6, useRef as useRef16, useState as useState35 } from "react";
|
|
22129
22132
|
import {
|
|
22130
22133
|
selectLocalPeerRoleName,
|
|
22131
22134
|
selectPermissions as selectPermissions15,
|
|
22132
22135
|
selectPolls as selectPolls2,
|
|
22133
22136
|
useHMSActions as useHMSActions27,
|
|
22134
|
-
useHMSStore as
|
|
22137
|
+
useHMSStore as useHMSStore43
|
|
22135
22138
|
} from "@100mslive/react-sdk";
|
|
22136
22139
|
import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
|
|
22137
22140
|
|
|
22138
22141
|
// src/Prebuilt/components/Streaming/Common.jsx
|
|
22139
22142
|
init_define_process_env();
|
|
22140
22143
|
import React79 from "react";
|
|
22141
|
-
import { selectPermissions as selectPermissions14, useHMSStore as
|
|
22144
|
+
import { selectPermissions as selectPermissions14, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
|
|
22142
22145
|
import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon2, CrossIcon as CrossIcon13, RecordIcon as RecordIcon3 } from "@100mslive/react-icons";
|
|
22143
22146
|
var ContentHeader = ({ onBack, onClose, title = "", content }) => {
|
|
22144
22147
|
return /* @__PURE__ */ React79.createElement(
|
|
@@ -22238,7 +22241,7 @@ var StatusIndicator = ({ status }) => {
|
|
|
22238
22241
|
// src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
|
|
22239
22242
|
var PollsQuizMenu = () => {
|
|
22240
22243
|
const togglePollView = usePollViewToggle();
|
|
22241
|
-
const permissions =
|
|
22244
|
+
const permissions = useHMSStore43(selectPermissions15);
|
|
22242
22245
|
return /* @__PURE__ */ React81.createElement(Container3, { rounded: true }, /* @__PURE__ */ React81.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ React81.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ React81.createElement(AddMenu, null), /* @__PURE__ */ React81.createElement(PrevMenu, null)));
|
|
22243
22246
|
};
|
|
22244
22247
|
function InteractionSelectionCard({
|
|
@@ -22280,13 +22283,13 @@ function InteractionSelectionCard({
|
|
|
22280
22283
|
var AddMenu = () => {
|
|
22281
22284
|
const actions = useHMSActions27();
|
|
22282
22285
|
const [title, setTitle] = useState35("");
|
|
22283
|
-
const localPeerRoleName =
|
|
22286
|
+
const localPeerRoleName = useHMSStore43(selectLocalPeerRoleName);
|
|
22284
22287
|
const [hideVoteCount, setHideVoteCount] = useState35(false);
|
|
22285
22288
|
const [error, setError] = useState35();
|
|
22286
22289
|
const [titleError, setTitleError] = useState35("");
|
|
22287
22290
|
const { setPollState } = usePollViewState();
|
|
22288
22291
|
const [interactionType, setInteractionType] = useState35("Poll" /* POLL */);
|
|
22289
|
-
const inputRef =
|
|
22292
|
+
const inputRef = useRef16(null);
|
|
22290
22293
|
useEffect21(() => {
|
|
22291
22294
|
if (inputRef.current) {
|
|
22292
22295
|
inputRef.current.focus();
|
|
@@ -22298,7 +22301,7 @@ var AddMenu = () => {
|
|
|
22298
22301
|
[POLL_STATE.view]: POLL_VIEWS.CREATE_QUESTIONS
|
|
22299
22302
|
});
|
|
22300
22303
|
};
|
|
22301
|
-
const validateTitle =
|
|
22304
|
+
const validateTitle = useMemo6(() => {
|
|
22302
22305
|
if (!isValidTextInput(title)) {
|
|
22303
22306
|
if (title) {
|
|
22304
22307
|
setTitleError("The title should have between 2-100 characters");
|
|
@@ -22362,8 +22365,8 @@ var AddMenu = () => {
|
|
|
22362
22365
|
};
|
|
22363
22366
|
var PrevMenu = () => {
|
|
22364
22367
|
const hmsActions = useHMSActions27();
|
|
22365
|
-
const polls =
|
|
22366
|
-
const sortedPolls =
|
|
22368
|
+
const polls = useHMSStore43(selectPolls2);
|
|
22369
|
+
const sortedPolls = useMemo6(
|
|
22367
22370
|
() => {
|
|
22368
22371
|
var _a8;
|
|
22369
22372
|
return (_a8 = polls == null ? void 0 : polls.sort((a2, b) => {
|
|
@@ -22373,7 +22376,7 @@ var PrevMenu = () => {
|
|
|
22373
22376
|
},
|
|
22374
22377
|
[polls]
|
|
22375
22378
|
);
|
|
22376
|
-
const permissions =
|
|
22379
|
+
const permissions = useHMSStore43(selectPermissions15);
|
|
22377
22380
|
useEffect21(() => {
|
|
22378
22381
|
const updatePolls = () => __async(void 0, null, function* () {
|
|
22379
22382
|
yield hmsActions.interactivityCenter.getPolls();
|
|
@@ -22409,14 +22412,14 @@ var InteractionCard = ({ id, title, status }) => {
|
|
|
22409
22412
|
|
|
22410
22413
|
// src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
|
|
22411
22414
|
init_define_process_env();
|
|
22412
|
-
import React91, { useMemo as
|
|
22415
|
+
import React91, { useMemo as useMemo8, useState as useState37 } from "react";
|
|
22413
22416
|
import { v4 as uuid2 } from "uuid";
|
|
22414
|
-
import { selectPollByID, useHMSActions as useHMSActions28, useHMSStore as
|
|
22417
|
+
import { selectPollByID, useHMSActions as useHMSActions28, useHMSStore as useHMSStore44, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
|
|
22415
22418
|
import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
|
|
22416
22419
|
|
|
22417
22420
|
// src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
|
|
22418
22421
|
init_define_process_env();
|
|
22419
|
-
import React89, { useCallback as useCallback21, useRef as
|
|
22422
|
+
import React89, { useCallback as useCallback21, useRef as useRef17, useState as useState36 } from "react";
|
|
22420
22423
|
import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
|
|
22421
22424
|
|
|
22422
22425
|
// src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
|
|
@@ -22710,7 +22713,7 @@ var QuestionForm = ({
|
|
|
22710
22713
|
isQuiz
|
|
22711
22714
|
}) => {
|
|
22712
22715
|
var _a8;
|
|
22713
|
-
const ref =
|
|
22716
|
+
const ref = useRef17(null);
|
|
22714
22717
|
const selectionBg = useDropdownSelection();
|
|
22715
22718
|
const [openDelete, setOpenDelete] = useState36(false);
|
|
22716
22719
|
const [open, setOpen] = useState36(false);
|
|
@@ -22915,7 +22918,7 @@ var isValidQuestion = ({
|
|
|
22915
22918
|
|
|
22916
22919
|
// src/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.tsx
|
|
22917
22920
|
init_define_process_env();
|
|
22918
|
-
import React90, { useMemo as
|
|
22921
|
+
import React90, { useMemo as useMemo7 } from "react";
|
|
22919
22922
|
import { CheckCircleIcon as CheckCircleIcon3 } from "@100mslive/react-icons";
|
|
22920
22923
|
var SavedQuestion = ({
|
|
22921
22924
|
question,
|
|
@@ -22924,7 +22927,7 @@ var SavedQuestion = ({
|
|
|
22924
22927
|
convertToDraft
|
|
22925
22928
|
}) => {
|
|
22926
22929
|
var _a8;
|
|
22927
|
-
const answerArray =
|
|
22930
|
+
const answerArray = useMemo7(() => {
|
|
22928
22931
|
var _a9;
|
|
22929
22932
|
const updatedAnswerArray = [];
|
|
22930
22933
|
const { option, options } = (_a9 = question == null ? void 0 : question.answer) != null ? _a9 : {};
|
|
@@ -22952,11 +22955,11 @@ function CreateQuestions() {
|
|
|
22952
22955
|
const { isHLSRunning } = useRecordingStreaming9();
|
|
22953
22956
|
const togglePollView = usePollViewToggle();
|
|
22954
22957
|
const { pollInView: id, setPollView } = usePollViewState();
|
|
22955
|
-
const interaction =
|
|
22958
|
+
const interaction = useHMSStore44(selectPollByID(id));
|
|
22956
22959
|
const [questions, setQuestions] = useState37(
|
|
22957
22960
|
((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
|
|
22958
22961
|
);
|
|
22959
|
-
const isValidPoll =
|
|
22962
|
+
const isValidPoll = useMemo8(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
|
|
22960
22963
|
const launchPoll = () => __async(this, null, function* () {
|
|
22961
22964
|
yield actions.interactivityCenter.startPoll(id);
|
|
22962
22965
|
yield sendTimedMetadata(id);
|
|
@@ -23049,7 +23052,7 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
|
|
|
23049
23052
|
// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
|
|
23050
23053
|
init_define_process_env();
|
|
23051
23054
|
import React95, { useState as useState39 } from "react";
|
|
23052
|
-
import { selectPollByID as selectPollByID3, useHMSStore as
|
|
23055
|
+
import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
|
|
23053
23056
|
import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3, CrossIcon as CrossIcon15 } from "@100mslive/react-icons";
|
|
23054
23057
|
|
|
23055
23058
|
// src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
|
|
@@ -23113,7 +23116,7 @@ var LeaderboardEntry = ({
|
|
|
23113
23116
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
23114
23117
|
init_define_process_env();
|
|
23115
23118
|
import React94 from "react";
|
|
23116
|
-
import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as
|
|
23119
|
+
import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
|
|
23117
23120
|
|
|
23118
23121
|
// src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
|
|
23119
23122
|
init_define_process_env();
|
|
@@ -23138,11 +23141,11 @@ import { useEffect as useEffect22, useState as useState38 } from "react";
|
|
|
23138
23141
|
import {
|
|
23139
23142
|
selectPollByID as selectPollByID2,
|
|
23140
23143
|
useHMSActions as useHMSActions29,
|
|
23141
|
-
useHMSStore as
|
|
23144
|
+
useHMSStore as useHMSStore45
|
|
23142
23145
|
} from "@100mslive/react-sdk";
|
|
23143
23146
|
var useQuizSummary = (quizID) => {
|
|
23144
23147
|
const hmsActions = useHMSActions29();
|
|
23145
|
-
const quiz =
|
|
23148
|
+
const quiz = useHMSStore45(selectPollByID2(quizID));
|
|
23146
23149
|
const [quizLeaderboard, setQuizLeaderboard] = useState38();
|
|
23147
23150
|
const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
|
|
23148
23151
|
totalUsers: 0,
|
|
@@ -23179,7 +23182,7 @@ var useQuizSummary = (quizID) => {
|
|
|
23179
23182
|
|
|
23180
23183
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
23181
23184
|
var PeerParticipationSummary = ({ quiz }) => {
|
|
23182
|
-
const localPeerId =
|
|
23185
|
+
const localPeerId = useHMSStore46(selectLocalPeerID8);
|
|
23183
23186
|
const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
|
|
23184
23187
|
if (quiz.state !== "stopped") {
|
|
23185
23188
|
return /* @__PURE__ */ React94.createElement(React94.Fragment, null);
|
|
@@ -23220,7 +23223,7 @@ var PeerParticipationSummary = ({ quiz }) => {
|
|
|
23220
23223
|
// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
|
|
23221
23224
|
var LeaderboardSummary = ({ pollID }) => {
|
|
23222
23225
|
var _a8, _b7;
|
|
23223
|
-
const quiz =
|
|
23226
|
+
const quiz = useHMSStore47(selectPollByID3(pollID));
|
|
23224
23227
|
const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
|
|
23225
23228
|
const [viewAllEntries, setViewAllEntries] = useState39(false);
|
|
23226
23229
|
const { setPollView } = usePollViewState();
|
|
@@ -23298,7 +23301,7 @@ import {
|
|
|
23298
23301
|
selectPermissions as selectPermissions16,
|
|
23299
23302
|
selectPollByID as selectPollByID4,
|
|
23300
23303
|
useHMSActions as useHMSActions31,
|
|
23301
|
-
useHMSStore as
|
|
23304
|
+
useHMSStore as useHMSStore50
|
|
23302
23305
|
} from "@100mslive/react-sdk";
|
|
23303
23306
|
import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
|
|
23304
23307
|
|
|
@@ -23308,9 +23311,9 @@ import React97 from "react";
|
|
|
23308
23311
|
|
|
23309
23312
|
// src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
|
|
23310
23313
|
init_define_process_env();
|
|
23311
|
-
import React96, { useCallback as useCallback22, useMemo as
|
|
23314
|
+
import React96, { useCallback as useCallback22, useMemo as useMemo9, useRef as useRef18, useState as useState40 } from "react";
|
|
23312
23315
|
import { match as match8 } from "ts-pattern";
|
|
23313
|
-
import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions30, useHMSStore as
|
|
23316
|
+
import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
|
|
23314
23317
|
import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
|
|
23315
23318
|
var QuestionCard2 = ({
|
|
23316
23319
|
pollID,
|
|
@@ -23329,7 +23332,7 @@ var QuestionCard2 = ({
|
|
|
23329
23332
|
rolesThatCanViewResponses
|
|
23330
23333
|
}) => {
|
|
23331
23334
|
const actions = useHMSActions30();
|
|
23332
|
-
const localPeer =
|
|
23335
|
+
const localPeer = useHMSStore48(selectLocalPeer);
|
|
23333
23336
|
const localPeerResponse = responses == null ? void 0 : responses.find(
|
|
23334
23337
|
(response) => {
|
|
23335
23338
|
var _a8, _b7;
|
|
@@ -23337,19 +23340,19 @@ var QuestionCard2 = ({
|
|
|
23337
23340
|
}
|
|
23338
23341
|
);
|
|
23339
23342
|
const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
|
|
23340
|
-
const localPeerRoleName =
|
|
23343
|
+
const localPeerRoleName = useHMSStore48(selectLocalPeerRoleName2);
|
|
23341
23344
|
const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
|
|
23342
23345
|
const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
|
|
23343
23346
|
const isLive = pollState === "started";
|
|
23344
23347
|
const pollEnded = pollState === "stopped";
|
|
23345
23348
|
const canRespond = isLive && !localPeerResponse;
|
|
23346
|
-
const startTime =
|
|
23349
|
+
const startTime = useRef18(Date.now());
|
|
23347
23350
|
const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
|
|
23348
23351
|
const [singleOptionAnswer, setSingleOptionAnswer] = useState40();
|
|
23349
23352
|
const [multipleOptionAnswer, setMultipleOptionAnswer] = useState40(/* @__PURE__ */ new Set());
|
|
23350
23353
|
const [showOptions, setShowOptions] = useState40(true);
|
|
23351
23354
|
const respondedToQuiz = isQuiz && localPeerResponse && !localPeerResponse.skipped;
|
|
23352
|
-
const isValidVote =
|
|
23355
|
+
const isValidVote = useMemo9(() => {
|
|
23353
23356
|
if (type === "single-choice" /* SINGLE_CHOICE */) {
|
|
23354
23357
|
return singleOptionAnswer !== void 0;
|
|
23355
23358
|
} else if (type === "multiple-choice" /* MULTIPLE_CHOICE */) {
|
|
@@ -23527,10 +23530,10 @@ var StandardView = ({ poll }) => {
|
|
|
23527
23530
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
|
23528
23531
|
init_define_process_env();
|
|
23529
23532
|
import React98, { useState as useState41 } from "react";
|
|
23530
|
-
import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as
|
|
23533
|
+
import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
|
|
23531
23534
|
var TimedView = ({ poll }) => {
|
|
23532
23535
|
var _a8, _b7, _c;
|
|
23533
|
-
const localPeerId =
|
|
23536
|
+
const localPeerId = useHMSStore49(selectLocalPeerID9);
|
|
23534
23537
|
const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
|
|
23535
23538
|
const [currentIndex, setCurrentIndex] = useState41(lastAttemptedIndex);
|
|
23536
23539
|
const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
|
|
@@ -23566,9 +23569,9 @@ var TimedView = ({ poll }) => {
|
|
|
23566
23569
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
|
23567
23570
|
var Voting = ({ id, toggleVoting }) => {
|
|
23568
23571
|
const actions = useHMSActions31();
|
|
23569
|
-
const poll =
|
|
23570
|
-
const pollCreatorName =
|
|
23571
|
-
const permissions =
|
|
23572
|
+
const poll = useHMSStore50(selectPollByID4(id));
|
|
23573
|
+
const pollCreatorName = useHMSStore50(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
|
|
23574
|
+
const permissions = useHMSStore50(selectPermissions16);
|
|
23572
23575
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
|
23573
23576
|
const { setPollView } = usePollViewState();
|
|
23574
23577
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
|
@@ -23656,10 +23659,10 @@ import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
|
|
|
23656
23659
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
|
23657
23660
|
init_define_process_env();
|
|
23658
23661
|
import React101, { useEffect as useEffect23, useState as useState42 } from "react";
|
|
23659
|
-
import { selectDominantSpeaker, useHMSStore as
|
|
23662
|
+
import { selectDominantSpeaker, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
|
|
23660
23663
|
import { VolumeOneIcon } from "@100mslive/react-icons";
|
|
23661
23664
|
var SpeakerTag = () => {
|
|
23662
|
-
const dominantSpeaker =
|
|
23665
|
+
const dominantSpeaker = useHMSStore51(selectDominantSpeaker);
|
|
23663
23666
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React101.createElement(
|
|
23664
23667
|
Flex,
|
|
23665
23668
|
{
|
|
@@ -23757,20 +23760,20 @@ init_define_process_env();
|
|
|
23757
23760
|
import React119, { useEffect as useEffect31, useState as useState52 } from "react";
|
|
23758
23761
|
import { useMedia as useMedia19 } from "react-use";
|
|
23759
23762
|
import { match as match10 } from "ts-pattern";
|
|
23760
|
-
import { selectPeerCount as selectPeerCount5, useHMSStore as
|
|
23763
|
+
import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
|
|
23761
23764
|
import { CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
|
|
23762
23765
|
|
|
23763
23766
|
// src/Prebuilt/components/Chat/Chat.tsx
|
|
23764
23767
|
init_define_process_env();
|
|
23765
|
-
import React116, { useCallback as useCallback30, useRef as
|
|
23768
|
+
import React116, { useCallback as useCallback30, useRef as useRef22 } from "react";
|
|
23766
23769
|
import { useMedia as useMedia18 } from "react-use";
|
|
23767
23770
|
import { match as match9 } from "ts-pattern";
|
|
23768
|
-
import { selectHMSMessagesCount, useHMSActions as useHMSActions39, useHMSStore as
|
|
23771
|
+
import { selectHMSMessagesCount, useHMSActions as useHMSActions39, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
|
|
23769
23772
|
import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
|
|
23770
23773
|
|
|
23771
23774
|
// src/Prebuilt/components/Chat/ChatBody.tsx
|
|
23772
23775
|
init_define_process_env();
|
|
23773
|
-
import React108, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as
|
|
23776
|
+
import React108, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo10, useRef as useRef19, useState as useState46 } from "react";
|
|
23774
23777
|
import { useMedia as useMedia13 } from "react-use";
|
|
23775
23778
|
import AutoSizer from "react-virtualized-auto-sizer";
|
|
23776
23779
|
import { VariableSizeList } from "react-window";
|
|
@@ -23783,7 +23786,7 @@ import {
|
|
|
23783
23786
|
selectSessionStore as selectSessionStore5,
|
|
23784
23787
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
|
|
23785
23788
|
useHMSActions as useHMSActions35,
|
|
23786
|
-
useHMSStore as
|
|
23789
|
+
useHMSStore as useHMSStore55,
|
|
23787
23790
|
useHMSVanillaStore as useHMSVanillaStore9
|
|
23788
23791
|
} from "@100mslive/react-sdk";
|
|
23789
23792
|
import { SolidPinIcon } from "@100mslive/react-icons";
|
|
@@ -23791,7 +23794,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
|
|
|
23791
23794
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
|
23792
23795
|
init_define_process_env();
|
|
23793
23796
|
import React106, { useCallback as useCallback25, useState as useState44 } from "react";
|
|
23794
|
-
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions34, useHMSStore as
|
|
23797
|
+
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions34, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
|
|
23795
23798
|
import {
|
|
23796
23799
|
CopyIcon as CopyIcon2,
|
|
23797
23800
|
CrossCircleIcon as CrossCircleIcon2,
|
|
@@ -23819,10 +23822,10 @@ var MwebChatOption = ({
|
|
|
23819
23822
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
|
23820
23823
|
init_define_process_env();
|
|
23821
23824
|
import { useCallback as useCallback23 } from "react";
|
|
23822
|
-
import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions32, useHMSStore as
|
|
23825
|
+
import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions32, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
|
|
23823
23826
|
var useChatBlacklist = (sessionStoreKey) => {
|
|
23824
23827
|
const hmsActions = useHMSActions32();
|
|
23825
|
-
const blacklistedIDs =
|
|
23828
|
+
const blacklistedIDs = useHMSStore52(selectSessionStore2(sessionStoreKey));
|
|
23826
23829
|
const blacklistItem = useCallback23(
|
|
23827
23830
|
(blacklistID) => __async(void 0, null, function* () {
|
|
23828
23831
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -23832,8 +23835,8 @@ var useChatBlacklist = (sessionStoreKey) => {
|
|
|
23832
23835
|
return { blacklistItem, blacklistedIDs };
|
|
23833
23836
|
};
|
|
23834
23837
|
var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
|
23835
|
-
const localPeer =
|
|
23836
|
-
const blacklistedPeerIDs =
|
|
23838
|
+
const localPeer = useHMSStore52(selectLocalPeer2);
|
|
23839
|
+
const blacklistedPeerIDs = useHMSStore52(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
|
23837
23840
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
|
23838
23841
|
};
|
|
23839
23842
|
|
|
@@ -23916,9 +23919,9 @@ var ChatActions = ({
|
|
|
23916
23919
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
|
23917
23920
|
const [open, setOpen] = useState44(false);
|
|
23918
23921
|
const actions = useHMSActions34();
|
|
23919
|
-
const canRemoveOthers = (_b7 =
|
|
23922
|
+
const canRemoveOthers = (_b7 = useHMSStore53(selectPermissions17)) == null ? void 0 : _b7.removeOthers;
|
|
23920
23923
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
|
23921
|
-
const localPeerName =
|
|
23924
|
+
const localPeerName = useHMSStore53(selectLocalPeerName2);
|
|
23922
23925
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
|
23923
23926
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
|
23924
23927
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
|
@@ -24141,9 +24144,9 @@ var EmptyChat = () => {
|
|
|
24141
24144
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
|
24142
24145
|
init_define_process_env();
|
|
24143
24146
|
import { useEffect as useEffect25, useState as useState45 } from "react";
|
|
24144
|
-
import { selectSessionStore as selectSessionStore4, useHMSStore as
|
|
24147
|
+
import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
|
|
24145
24148
|
var usePinnedBy = (messageId) => {
|
|
24146
|
-
const pinnedMessages =
|
|
24149
|
+
const pinnedMessages = useHMSStore54(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
|
|
24147
24150
|
const [pinnedBy, setPinnedBy] = useState45("");
|
|
24148
24151
|
useEffect25(() => {
|
|
24149
24152
|
let match16 = "";
|
|
@@ -24226,8 +24229,8 @@ var MessageType = ({
|
|
|
24226
24229
|
hasCurrentUserSent,
|
|
24227
24230
|
receiver
|
|
24228
24231
|
}) => {
|
|
24229
|
-
const peerName =
|
|
24230
|
-
const localPeerRoleName =
|
|
24232
|
+
const peerName = useHMSStore55(selectPeerNameByID3(receiver));
|
|
24233
|
+
const localPeerRoleName = useHMSStore55(selectLocalPeerRoleName3);
|
|
24231
24234
|
if (receiver) {
|
|
24232
24235
|
return /* @__PURE__ */ React108.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
|
24233
24236
|
}
|
|
@@ -24271,11 +24274,11 @@ var ChatMessage = React108.memo(
|
|
|
24271
24274
|
({ index, style = {}, message }) => {
|
|
24272
24275
|
var _a8, _b7, _c;
|
|
24273
24276
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24274
|
-
const rowRef =
|
|
24277
|
+
const rowRef = useRef19(null);
|
|
24275
24278
|
const isMobile = useMedia13(config.media.md);
|
|
24276
24279
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
24277
24280
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
24278
|
-
const localPeerId =
|
|
24281
|
+
const localPeerId = useHMSStore55(selectLocalPeerID10);
|
|
24279
24282
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24280
24283
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24281
24284
|
const messageType = getMessageType({
|
|
@@ -24494,14 +24497,14 @@ var VirtualizedChatMessages = React108.forwardRef(({ messages, scrollToBottom },
|
|
|
24494
24497
|
});
|
|
24495
24498
|
var ChatBody = React108.forwardRef(
|
|
24496
24499
|
({ scrollToBottom }, listRef) => {
|
|
24497
|
-
const messages =
|
|
24498
|
-
const blacklistedMessageIDs =
|
|
24499
|
-
const filteredMessages =
|
|
24500
|
+
const messages = useHMSStore55(selectHMSMessages);
|
|
24501
|
+
const blacklistedMessageIDs = useHMSStore55(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
|
24502
|
+
const filteredMessages = useMemo10(() => {
|
|
24500
24503
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
24501
24504
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
|
24502
24505
|
}, [blacklistedMessageIDs, messages]);
|
|
24503
24506
|
const vanillaStore = useHMSVanillaStore9();
|
|
24504
|
-
const rerenderOnFirstMount =
|
|
24507
|
+
const rerenderOnFirstMount = useRef19(false);
|
|
24505
24508
|
useEffect26(() => {
|
|
24506
24509
|
const unsubscribe = vanillaStore.subscribe(() => {
|
|
24507
24510
|
if (!listRef.current) {
|
|
@@ -24529,7 +24532,7 @@ var PinnedBy = ({
|
|
|
24529
24532
|
rowRef
|
|
24530
24533
|
}) => {
|
|
24531
24534
|
const pinnedBy = usePinnedBy(messageId);
|
|
24532
|
-
const localPeerName =
|
|
24535
|
+
const localPeerName = useHMSStore55(selectLocalPeerName3);
|
|
24533
24536
|
useLayoutEffect(() => {
|
|
24534
24537
|
if (rowRef == null ? void 0 : rowRef.current) {
|
|
24535
24538
|
if (pinnedBy) {
|
|
@@ -24548,11 +24551,11 @@ var PinnedBy = ({
|
|
|
24548
24551
|
|
|
24549
24552
|
// src/Prebuilt/components/Chat/ChatFooter.tsx
|
|
24550
24553
|
init_define_process_env();
|
|
24551
|
-
import React111, { useCallback as useCallback28, useEffect as useEffect28, useRef as
|
|
24554
|
+
import React111, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef21, useState as useState49 } from "react";
|
|
24552
24555
|
import { useMedia as useMedia16 } from "react-use";
|
|
24553
24556
|
import data2 from "@emoji-mart/data";
|
|
24554
24557
|
import Picker from "@emoji-mart/react";
|
|
24555
|
-
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions37, useHMSStore as
|
|
24558
|
+
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
|
|
24556
24559
|
import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
|
|
24557
24560
|
|
|
24558
24561
|
// src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
|
|
@@ -24563,14 +24566,15 @@ import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, C
|
|
|
24563
24566
|
|
|
24564
24567
|
// src/Prebuilt/components/Chat/ChatSelector.tsx
|
|
24565
24568
|
init_define_process_env();
|
|
24566
|
-
import React109, { useMemo as
|
|
24569
|
+
import React109, { useMemo as useMemo11, useState as useState47 } from "react";
|
|
24567
24570
|
import { useMedia as useMedia14 } from "react-use";
|
|
24568
24571
|
import {
|
|
24572
|
+
HMSPeerType as HMSPeerType3,
|
|
24569
24573
|
selectMessagesUnreadCountByPeerID,
|
|
24570
24574
|
selectMessagesUnreadCountByRole,
|
|
24571
24575
|
selectRemotePeers as selectRemotePeers2,
|
|
24572
24576
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
|
|
24573
|
-
useHMSStore as
|
|
24577
|
+
useHMSStore as useHMSStore56
|
|
24574
24578
|
} from "@100mslive/react-sdk";
|
|
24575
24579
|
import { CheckIcon as CheckIcon7, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
|
|
24576
24580
|
var ChatDotIcon = () => {
|
|
@@ -24620,7 +24624,7 @@ var SelectorHeader = React109.memo(
|
|
|
24620
24624
|
}
|
|
24621
24625
|
);
|
|
24622
24626
|
var Everyone = React109.memo(({ active }) => {
|
|
24623
|
-
const unreadCount =
|
|
24627
|
+
const unreadCount = useHMSStore56(selectUnreadHMSMessagesCount3);
|
|
24624
24628
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24625
24629
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24626
24630
|
return /* @__PURE__ */ React109.createElement(
|
|
@@ -24638,7 +24642,7 @@ var Everyone = React109.memo(({ active }) => {
|
|
|
24638
24642
|
);
|
|
24639
24643
|
});
|
|
24640
24644
|
var RoleItem = React109.memo(({ role, active }) => {
|
|
24641
|
-
const unreadCount =
|
|
24645
|
+
const unreadCount = useHMSStore56(selectMessagesUnreadCountByRole(role));
|
|
24642
24646
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24643
24647
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24644
24648
|
return /* @__PURE__ */ React109.createElement(
|
|
@@ -24655,7 +24659,7 @@ var RoleItem = React109.memo(({ role, active }) => {
|
|
|
24655
24659
|
);
|
|
24656
24660
|
});
|
|
24657
24661
|
var PeerItem = ({ peerId, name, active }) => {
|
|
24658
|
-
const unreadCount =
|
|
24662
|
+
const unreadCount = useHMSStore56(selectMessagesUnreadCountByPeerID(peerId));
|
|
24659
24663
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24660
24664
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24661
24665
|
return /* @__PURE__ */ React109.createElement(
|
|
@@ -24679,14 +24683,14 @@ var VirtualizedSelectItemList = ({
|
|
|
24679
24683
|
isPublicChatEnabled
|
|
24680
24684
|
}) => {
|
|
24681
24685
|
const roles = useFilteredRoles();
|
|
24682
|
-
const filteredPeers =
|
|
24686
|
+
const filteredPeers = useMemo11(
|
|
24683
24687
|
() => peers.filter(
|
|
24684
24688
|
// search should be empty or search phrase should be included in name
|
|
24685
|
-
(peer) => !searchValue || peer.name.toLowerCase().includes(searchValue.toLowerCase())
|
|
24689
|
+
(peer) => (!searchValue || peer.name.toLowerCase().includes(searchValue.toLowerCase())) && peer.type !== HMSPeerType3.SIP
|
|
24686
24690
|
),
|
|
24687
24691
|
[peers, searchValue]
|
|
24688
24692
|
);
|
|
24689
|
-
const listItems =
|
|
24693
|
+
const listItems = useMemo11(() => {
|
|
24690
24694
|
let selectItems = [];
|
|
24691
24695
|
if (isPublicChatEnabled && !searchValue) {
|
|
24692
24696
|
selectItems = [/* @__PURE__ */ React109.createElement(Everyone, { active: !selectedRole && !selectedPeerId })];
|
|
@@ -24714,7 +24718,7 @@ var VirtualizedSelectItemList = ({
|
|
|
24714
24718
|
var ChatSelector = ({ role, peerId }) => {
|
|
24715
24719
|
var _a8, _b7;
|
|
24716
24720
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24717
|
-
const peers =
|
|
24721
|
+
const peers = useHMSStore56(selectRemotePeers2);
|
|
24718
24722
|
const [search, setSearch] = useState47("");
|
|
24719
24723
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
24720
24724
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
|
@@ -24852,10 +24856,10 @@ var ChatSelectorContainer = () => {
|
|
|
24852
24856
|
// src/Prebuilt/components/AppData/useChatState.js
|
|
24853
24857
|
init_define_process_env();
|
|
24854
24858
|
import { useCallback as useCallback27 } from "react";
|
|
24855
|
-
import { selectAppData as selectAppData5, useHMSActions as useHMSActions36, useHMSStore as
|
|
24859
|
+
import { selectAppData as selectAppData5, useHMSActions as useHMSActions36, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
|
|
24856
24860
|
var useChatDraftMessage = () => {
|
|
24857
24861
|
const hmsActions = useHMSActions36();
|
|
24858
|
-
let chatDraftMessage =
|
|
24862
|
+
let chatDraftMessage = useHMSStore57(selectAppData5(APP_DATA.chatDraft));
|
|
24859
24863
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
|
24860
24864
|
chatDraftMessage = "";
|
|
24861
24865
|
}
|
|
@@ -24870,9 +24874,9 @@ var useChatDraftMessage = () => {
|
|
|
24870
24874
|
|
|
24871
24875
|
// src/Prebuilt/components/Chat/useEmojiPickerStyles.js
|
|
24872
24876
|
init_define_process_env();
|
|
24873
|
-
import { useEffect as useEffect27, useRef as
|
|
24877
|
+
import { useEffect as useEffect27, useRef as useRef20 } from "react";
|
|
24874
24878
|
var useEmojiPickerStyles = (showing) => {
|
|
24875
|
-
const ref =
|
|
24879
|
+
const ref = useRef20(null);
|
|
24876
24880
|
useEffect27(() => {
|
|
24877
24881
|
if (showing) {
|
|
24878
24882
|
setTimeout(() => {
|
|
@@ -24949,12 +24953,12 @@ function EmojiPicker({ onSelect }) {
|
|
|
24949
24953
|
var ChatFooter = ({ onSend, children }) => {
|
|
24950
24954
|
var _a8, _b7, _c, _d;
|
|
24951
24955
|
const hmsActions = useHMSActions37();
|
|
24952
|
-
const inputRef =
|
|
24956
|
+
const inputRef = useRef21(null);
|
|
24953
24957
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
|
24954
24958
|
const isMobile = useMedia16(config.media.md);
|
|
24955
24959
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
24956
24960
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
|
24957
|
-
const localPeer =
|
|
24961
|
+
const localPeer = useHMSStore58(selectLocalPeer3);
|
|
24958
24962
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
|
24959
24963
|
const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
|
|
24960
24964
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -25135,14 +25139,14 @@ var ChatFooter = ({ onSend, children }) => {
|
|
|
25135
25139
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
|
25136
25140
|
init_define_process_env();
|
|
25137
25141
|
import React112, { useCallback as useCallback29 } from "react";
|
|
25138
|
-
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions38, useHMSStore as
|
|
25142
|
+
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions38, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
|
|
25139
25143
|
var ChatPaused = () => {
|
|
25140
25144
|
var _a8, _b7;
|
|
25141
25145
|
const hmsActions = useHMSActions38();
|
|
25142
25146
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25143
25147
|
const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
25144
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } =
|
|
25145
|
-
const localPeer =
|
|
25148
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
|
|
25149
|
+
const localPeer = useHMSStore59(selectLocalPeer4);
|
|
25146
25150
|
const unPauseChat = useCallback29(
|
|
25147
25151
|
() => __async(void 0, null, function* () {
|
|
25148
25152
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
|
@@ -25193,7 +25197,7 @@ init_define_process_env();
|
|
|
25193
25197
|
import React115, { useEffect as useEffect29, useState as useState50 } from "react";
|
|
25194
25198
|
import { useSwipeable } from "react-swipeable";
|
|
25195
25199
|
import { useMedia as useMedia17 } from "react-use";
|
|
25196
|
-
import { selectSessionStore as selectSessionStore7, useHMSStore as
|
|
25200
|
+
import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
|
|
25197
25201
|
import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
|
|
25198
25202
|
|
|
25199
25203
|
// src/Prebuilt/components/Chat/ArrowNavigation.tsx
|
|
@@ -25250,7 +25254,7 @@ var StickIndicator = ({ total, index }) => {
|
|
|
25250
25254
|
var PINNED_MESSAGE_LENGTH = 75;
|
|
25251
25255
|
var PinnedMessage = () => {
|
|
25252
25256
|
var _a8, _b7, _c, _d;
|
|
25253
|
-
const pinnedMessages =
|
|
25257
|
+
const pinnedMessages = useHMSStore60(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
|
|
25254
25258
|
const [pinnedMessageIndex, setPinnedMessageIndex] = useState50(0);
|
|
25255
25259
|
const { removePinnedMessage } = usePinnedMessages();
|
|
25256
25260
|
const isMobile = useMedia17(config.media.md);
|
|
@@ -25366,10 +25370,10 @@ var PinnedMessage = () => {
|
|
|
25366
25370
|
var Chat = () => {
|
|
25367
25371
|
var _a8, _b7;
|
|
25368
25372
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25369
|
-
const listRef =
|
|
25373
|
+
const listRef = useRef22(null);
|
|
25370
25374
|
const hmsActions = useHMSActions39();
|
|
25371
25375
|
const vanillaStore = useHMSVanillaStore10();
|
|
25372
|
-
const { enabled: isChatEnabled = true } =
|
|
25376
|
+
const { enabled: isChatEnabled = true } = useHMSStore61(um("chatState" /* CHAT_STATE */)) || {};
|
|
25373
25377
|
const isMobile = useMedia18(config.media.md);
|
|
25374
25378
|
const isMobileHLSStream = useMobileHLSStream();
|
|
25375
25379
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -25453,7 +25457,7 @@ var NewMessageIndicator = ({
|
|
|
25453
25457
|
scrollToBottom,
|
|
25454
25458
|
listRef
|
|
25455
25459
|
}) => {
|
|
25456
|
-
const unreadCount =
|
|
25460
|
+
const unreadCount = useHMSStore61(Qn);
|
|
25457
25461
|
if (!unreadCount || !listRef.current) {
|
|
25458
25462
|
return null;
|
|
25459
25463
|
}
|
|
@@ -25503,7 +25507,7 @@ import React117, { useEffect as useEffect30, useState as useState51 } from "reac
|
|
|
25503
25507
|
import { useInView } from "react-intersection-observer";
|
|
25504
25508
|
import { useMeasure as useMeasure2 } from "react-use";
|
|
25505
25509
|
import { VariableSizeList as VariableSizeList2 } from "react-window";
|
|
25506
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as
|
|
25510
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore62, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
|
|
25507
25511
|
import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
|
|
25508
25512
|
var LoadMoreParticipants = ({
|
|
25509
25513
|
hasNext,
|
|
@@ -25547,7 +25551,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
|
25547
25551
|
var _a8;
|
|
25548
25552
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
|
25549
25553
|
});
|
|
25550
|
-
const isConnected =
|
|
25554
|
+
const isConnected = useHMSStore62(selectIsConnectedToRoom8);
|
|
25551
25555
|
const [ref, { width }] = useMeasure2();
|
|
25552
25556
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
|
25553
25557
|
const resetSidePane = useSidepaneReset();
|
|
@@ -25581,15 +25585,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
|
25581
25585
|
// src/Prebuilt/components/ChatSettings.tsx
|
|
25582
25586
|
init_define_process_env();
|
|
25583
25587
|
import React118 from "react";
|
|
25584
|
-
import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions40, useHMSStore as
|
|
25588
|
+
import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions40, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
|
|
25585
25589
|
import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
|
|
25586
25590
|
var ChatSettings = () => {
|
|
25587
25591
|
var _a8, _b7;
|
|
25588
25592
|
const hmsActions = useHMSActions40();
|
|
25589
|
-
const localPeer =
|
|
25593
|
+
const localPeer = useHMSStore63(selectLocalPeer5);
|
|
25590
25594
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25591
25595
|
const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
25592
|
-
const { enabled: isChatEnabled = true } =
|
|
25596
|
+
const { enabled: isChatEnabled = true } = useHMSStore63(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
|
|
25593
25597
|
const showPause = canPauseChat && isChatEnabled;
|
|
25594
25598
|
if (!showPause) {
|
|
25595
25599
|
return null;
|
|
@@ -25657,7 +25661,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
|
|
|
25657
25661
|
const resetSidePane = useSidepaneReset();
|
|
25658
25662
|
const [activeTab, setActiveTab] = useState52(active);
|
|
25659
25663
|
const [activeRole, setActiveRole] = useState52("");
|
|
25660
|
-
const peerCount =
|
|
25664
|
+
const peerCount = useHMSStore64(selectPeerCount5);
|
|
25661
25665
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
25662
25666
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
|
25663
25667
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
@@ -25776,7 +25780,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
|
|
|
25776
25780
|
|
|
25777
25781
|
// src/Prebuilt/components/VideoTile.tsx
|
|
25778
25782
|
init_define_process_env();
|
|
25779
|
-
import React123, { useCallback as useCallback31, useMemo as
|
|
25783
|
+
import React123, { useCallback as useCallback31, useMemo as useMemo12, useState as useState54 } from "react";
|
|
25780
25784
|
import { useMeasure as useMeasure3 } from "react-use";
|
|
25781
25785
|
import {
|
|
25782
25786
|
selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
|
|
@@ -25787,7 +25791,7 @@ import {
|
|
|
25787
25791
|
selectPeerNameByID as selectPeerNameByID4,
|
|
25788
25792
|
selectVideoTrackByID as selectVideoTrackByID3,
|
|
25789
25793
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
|
|
25790
|
-
useHMSStore as
|
|
25794
|
+
useHMSStore as useHMSStore68
|
|
25791
25795
|
} from "@100mslive/react-sdk";
|
|
25792
25796
|
import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
|
|
25793
25797
|
|
|
@@ -25795,11 +25799,11 @@ import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@
|
|
|
25795
25799
|
init_define_process_env();
|
|
25796
25800
|
import React120 from "react";
|
|
25797
25801
|
import {
|
|
25798
|
-
HMSPeerType as
|
|
25799
|
-
selectPeerTypeByID,
|
|
25802
|
+
HMSPeerType as HMSPeerType4,
|
|
25803
|
+
selectPeerTypeByID as selectPeerTypeByID2,
|
|
25800
25804
|
selectScreenShareByPeerID,
|
|
25801
25805
|
selectSessionStore as selectSessionStore9,
|
|
25802
|
-
useHMSStore as
|
|
25806
|
+
useHMSStore as useHMSStore65
|
|
25803
25807
|
} from "@100mslive/react-sdk";
|
|
25804
25808
|
import { CallIcon as CallIcon2, PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
|
|
25805
25809
|
var TileConnection = ({
|
|
@@ -25809,10 +25813,10 @@ var TileConnection = ({
|
|
|
25809
25813
|
width,
|
|
25810
25814
|
pinned
|
|
25811
25815
|
}) => {
|
|
25812
|
-
const spotlighted =
|
|
25813
|
-
const isPeerScreenSharing = !!
|
|
25814
|
-
const peerType =
|
|
25815
|
-
return /* @__PURE__ */ React120.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React120.createElement(React120.Fragment, null, name ? /* @__PURE__ */ React120.createElement(Flex, { align: "center" }, peerType ===
|
|
25816
|
+
const spotlighted = useHMSStore65(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
|
|
25817
|
+
const isPeerScreenSharing = !!useHMSStore65(selectScreenShareByPeerID(peerId));
|
|
25818
|
+
const peerType = useHMSStore65(selectPeerTypeByID2(peerId));
|
|
25819
|
+
return /* @__PURE__ */ React120.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React120.createElement(React120.Fragment, null, name ? /* @__PURE__ */ React120.createElement(Flex, { align: "center" }, peerType === HMSPeerType4.SIP && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(CallIcon2, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React120.createElement(
|
|
25816
25820
|
Text,
|
|
25817
25821
|
{
|
|
25818
25822
|
css: __spreadValues({
|
|
@@ -25852,7 +25856,7 @@ import {
|
|
|
25852
25856
|
selectPermissions as selectPermissions19,
|
|
25853
25857
|
selectTrackByID as selectTrackByID3,
|
|
25854
25858
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
|
|
25855
|
-
useHMSStore as
|
|
25859
|
+
useHMSStore as useHMSStore67,
|
|
25856
25860
|
useRemoteAVToggle as useRemoteAVToggle2
|
|
25857
25861
|
} from "@100mslive/react-sdk";
|
|
25858
25862
|
import { CrossIcon as CrossIcon22, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
|
|
@@ -25867,7 +25871,7 @@ import {
|
|
|
25867
25871
|
selectTrackByID as selectTrackByID2,
|
|
25868
25872
|
useCustomEvent as useCustomEvent2,
|
|
25869
25873
|
useHMSActions as useHMSActions41,
|
|
25870
|
-
useHMSStore as
|
|
25874
|
+
useHMSStore as useHMSStore66,
|
|
25871
25875
|
useRemoteAVToggle
|
|
25872
25876
|
} from "@100mslive/react-sdk";
|
|
25873
25877
|
import {
|
|
@@ -25904,7 +25908,7 @@ var SpotlightActions = ({
|
|
|
25904
25908
|
}
|
|
25905
25909
|
}) => {
|
|
25906
25910
|
const hmsActions = useHMSActions41();
|
|
25907
|
-
const spotlightPeerId =
|
|
25911
|
+
const spotlightPeerId = useHMSStore66(selectSessionStore10("spotlight" /* SPOTLIGHT */));
|
|
25908
25912
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
|
25909
25913
|
const dragClassName = getDragClassName();
|
|
25910
25914
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -25952,7 +25956,7 @@ var MinimiseInset = () => {
|
|
|
25952
25956
|
};
|
|
25953
25957
|
var SimulcastLayers = ({ trackId }) => {
|
|
25954
25958
|
var _a8;
|
|
25955
|
-
const track =
|
|
25959
|
+
const track = useHMSStore66(selectTrackByID2(trackId));
|
|
25956
25960
|
const actions = useHMSActions41();
|
|
25957
25961
|
const bg = useDropdownSelection();
|
|
25958
25962
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
|
@@ -26038,7 +26042,7 @@ var TileMenuContent = ({
|
|
|
26038
26042
|
var _a8;
|
|
26039
26043
|
const actions = useHMSActions41();
|
|
26040
26044
|
const dragClassName = getDragClassName();
|
|
26041
|
-
const removeOthers = (_a8 =
|
|
26045
|
+
const removeOthers = (_a8 = useHMSStore66(selectPermissions18)) == null ? void 0 : _a8.removeOthers;
|
|
26042
26046
|
const { userName } = useHMSPrebuiltContext();
|
|
26043
26047
|
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
|
|
26044
26048
|
audioTrackID,
|
|
@@ -26137,17 +26141,17 @@ var TileMenu = ({
|
|
|
26137
26141
|
var _a8, _b7;
|
|
26138
26142
|
const [open, setOpen] = useState53(false);
|
|
26139
26143
|
const { theme: theme2 } = useTheme();
|
|
26140
|
-
const localPeerID =
|
|
26144
|
+
const localPeerID = useHMSStore67(selectLocalPeerID11);
|
|
26141
26145
|
const isLocal = localPeerID === peerID;
|
|
26142
|
-
const { removeOthers } =
|
|
26146
|
+
const { removeOthers } = useHMSStore67(selectPermissions19) || {};
|
|
26143
26147
|
const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
|
|
26144
26148
|
const showSpotlight = enableSpotlightingPeer;
|
|
26145
|
-
const isPrimaryVideoTrack = ((_a8 =
|
|
26149
|
+
const isPrimaryVideoTrack = ((_a8 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
|
26146
26150
|
const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
|
|
26147
|
-
const track =
|
|
26151
|
+
const track = useHMSStore67(selectTrackByID3(videoTrackID));
|
|
26148
26152
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
26149
26153
|
const isMobile = useMedia21(config.media.md);
|
|
26150
|
-
const peer =
|
|
26154
|
+
const peer = useHMSStore67(selectPeerByID2(peerID));
|
|
26151
26155
|
const [showNameChangeModal, setShowNameChangeModal] = useState53(false);
|
|
26152
26156
|
useDropdownList({ open, name: "TileMenu" });
|
|
26153
26157
|
const dragClassName = getDragClassName();
|
|
@@ -26224,9 +26228,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
|
|
|
26224
26228
|
|
|
26225
26229
|
// src/Prebuilt/components/VideoTile.tsx
|
|
26226
26230
|
var PeerMetadata = ({ peerId, size }) => {
|
|
26227
|
-
const metaData =
|
|
26231
|
+
const metaData = useHMSStore68(selectPeerMetadata4(peerId));
|
|
26228
26232
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
|
26229
|
-
const isHandRaised =
|
|
26233
|
+
const isHandRaised = useHMSStore68(selectHasPeerHandRaised3(peerId));
|
|
26230
26234
|
return /* @__PURE__ */ React123.createElement(React123.Fragment, null, isHandRaised ? /* @__PURE__ */ React123.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React123.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React123.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React123.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
|
|
26231
26235
|
};
|
|
26232
26236
|
var Tile = ({
|
|
@@ -26246,14 +26250,14 @@ var Tile = ({
|
|
|
26246
26250
|
hideMetadataOnTile = false
|
|
26247
26251
|
}) => {
|
|
26248
26252
|
const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
|
|
26249
|
-
const track =
|
|
26250
|
-
const peerName =
|
|
26251
|
-
const audioTrack =
|
|
26252
|
-
const localPeerID =
|
|
26253
|
+
const track = useHMSStore68(trackSelector);
|
|
26254
|
+
const peerName = useHMSStore68(selectPeerNameByID4(peerId));
|
|
26255
|
+
const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
|
|
26256
|
+
const localPeerID = useHMSStore68(selectLocalPeerID12);
|
|
26253
26257
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
26254
26258
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
26255
26259
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
26256
|
-
const isAudioMuted = !
|
|
26260
|
+
const isAudioMuted = !useHMSStore68(selectIsPeerAudioEnabled2(peerId));
|
|
26257
26261
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
|
26258
26262
|
const [isMouseHovered, setIsMouseHovered] = useState54(false);
|
|
26259
26263
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
|
@@ -26274,7 +26278,7 @@ var Tile = ({
|
|
|
26274
26278
|
}, []);
|
|
26275
26279
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
|
|
26276
26280
|
const isTileBigEnoughToShowStats = calculatedHeight >= 180 && calculatedWidth >= 180;
|
|
26277
|
-
const [avatarSize, attribBoxSize] =
|
|
26281
|
+
const [avatarSize, attribBoxSize] = useMemo12(
|
|
26278
26282
|
() => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
|
|
26279
26283
|
[calculatedWidth, calculatedHeight]
|
|
26280
26284
|
);
|
|
@@ -26352,7 +26356,7 @@ import {
|
|
|
26352
26356
|
selectRoomState as selectRoomState4,
|
|
26353
26357
|
selectVideoTrackByID as selectVideoTrackByID4,
|
|
26354
26358
|
useHMSActions as useHMSActions42,
|
|
26355
|
-
useHMSStore as
|
|
26359
|
+
useHMSStore as useHMSStore69
|
|
26356
26360
|
} from "@100mslive/react-sdk";
|
|
26357
26361
|
import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
|
|
26358
26362
|
|
|
@@ -26539,19 +26543,19 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
|
26539
26543
|
var _a8;
|
|
26540
26544
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
26541
26545
|
const hmsActions = useHMSActions42();
|
|
26542
|
-
const localPeer =
|
|
26543
|
-
const role =
|
|
26544
|
-
const isVideoOn =
|
|
26546
|
+
const localPeer = useHMSStore69(selectLocalPeer6);
|
|
26547
|
+
const role = useHMSStore69(Kt);
|
|
26548
|
+
const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled5);
|
|
26545
26549
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
26546
26550
|
const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
26547
|
-
const track =
|
|
26551
|
+
const track = useHMSStore69(trackSelector);
|
|
26548
26552
|
const [blurAmount, setBlurAmount] = useState55(VBHandler.getBlurAmount() || 0.5);
|
|
26549
|
-
const roomState =
|
|
26550
|
-
const isLargeRoom =
|
|
26551
|
-
const isEffectsEnabled =
|
|
26552
|
-
const effectsKey =
|
|
26553
|
-
const isPluginAdded =
|
|
26554
|
-
const background =
|
|
26553
|
+
const roomState = useHMSStore69(selectRoomState4);
|
|
26554
|
+
const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
|
|
26555
|
+
const isEffectsEnabled = useHMSStore69(oc);
|
|
26556
|
+
const effectsKey = useHMSStore69(nc);
|
|
26557
|
+
const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
26558
|
+
const background = useHMSStore69(lm(APP_DATA.background));
|
|
26555
26559
|
const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
|
|
26556
26560
|
const inPreview = roomState === HMSRoomState4.Preview;
|
|
26557
26561
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
@@ -26777,9 +26781,9 @@ var SidePane = ({
|
|
|
26777
26781
|
}) => {
|
|
26778
26782
|
var _a8, _b7, _c, _d, _e, _f, _g;
|
|
26779
26783
|
const isMobile = useMedia22(config.media.md);
|
|
26780
|
-
const sidepane =
|
|
26781
|
-
const activeScreensharePeerId =
|
|
26782
|
-
const trackId = (_a8 =
|
|
26784
|
+
const sidepane = useHMSStore70(selectAppData6(APP_DATA.sidePane));
|
|
26785
|
+
const activeScreensharePeerId = useHMSStore70(selectAppData6(APP_DATA.activeScreensharePeerId));
|
|
26786
|
+
const trackId = (_a8 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
|
26783
26787
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
26784
26788
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
|
26785
26789
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
@@ -26970,8 +26974,8 @@ var getParticipantChipContent = (peerCount = 0) => {
|
|
|
26970
26974
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
|
26971
26975
|
};
|
|
26972
26976
|
var useLocalTileAspectRatio = () => {
|
|
26973
|
-
const localPeer =
|
|
26974
|
-
const videoTrack =
|
|
26977
|
+
const localPeer = useHMSStore71(selectLocalPeer7);
|
|
26978
|
+
const videoTrack = useHMSStore71(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
26975
26979
|
const isMobile = useMedia24(config.media.md);
|
|
26976
26980
|
let aspectRatio = 0;
|
|
26977
26981
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
@@ -27014,7 +27018,7 @@ var PreviewJoin = ({
|
|
|
27014
27018
|
},
|
|
27015
27019
|
asRole
|
|
27016
27020
|
});
|
|
27017
|
-
const roomState =
|
|
27021
|
+
const roomState = useHMSStore71(selectRoomState5);
|
|
27018
27022
|
const savePreferenceAndJoin = useCallback32(() => {
|
|
27019
27023
|
setPreviewPreference({
|
|
27020
27024
|
name
|
|
@@ -27080,16 +27084,16 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
|
|
|
27080
27084
|
px: "$10"
|
|
27081
27085
|
}));
|
|
27082
27086
|
var PreviewTile = ({ name, error }) => {
|
|
27083
|
-
const localPeer =
|
|
27087
|
+
const localPeer = useHMSStore71(selectLocalPeer7);
|
|
27084
27088
|
const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
|
|
27085
|
-
const isVideoOn =
|
|
27089
|
+
const isVideoOn = useHMSStore71(selectIsLocalVideoEnabled6);
|
|
27086
27090
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
27087
27091
|
const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
27088
|
-
const track =
|
|
27092
|
+
const track = useHMSStore71(trackSelector);
|
|
27089
27093
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
27090
27094
|
const aspectRatio = useLocalTileAspectRatio();
|
|
27091
27095
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
|
|
27092
|
-
const [avatarSize, attribBoxSize] =
|
|
27096
|
+
const [avatarSize, attribBoxSize] = useMemo13(
|
|
27093
27097
|
() => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
|
|
27094
27098
|
[calculatedWidth, calculatedHeight]
|
|
27095
27099
|
);
|
|
@@ -27175,10 +27179,10 @@ var RequestActions = ({
|
|
|
27175
27179
|
var RoleChangeRequestModal = () => {
|
|
27176
27180
|
const hmsActions = useHMSActions43();
|
|
27177
27181
|
const { updateMetaData } = useMyMetadata();
|
|
27178
|
-
const isPreview =
|
|
27179
|
-
const currentRole =
|
|
27180
|
-
const roleChangeRequest =
|
|
27181
|
-
const name =
|
|
27182
|
+
const isPreview = useHMSStore72(selectIsInPreview);
|
|
27183
|
+
const currentRole = useHMSStore72(selectLocalPeerRoleName4);
|
|
27184
|
+
const roleChangeRequest = useHMSStore72(selectRoleChangeRequest);
|
|
27185
|
+
const name = useHMSStore72(selectLocalPeerName4);
|
|
27182
27186
|
const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
|
|
27183
27187
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
|
27184
27188
|
const { virtual_background } = elements || {};
|
|
@@ -27248,30 +27252,30 @@ var RoleChangeRequestModal = () => {
|
|
|
27248
27252
|
init_define_process_env();
|
|
27249
27253
|
import React151, { Suspense, useEffect as useEffect48 } from "react";
|
|
27250
27254
|
import { match as match12 } from "ts-pattern";
|
|
27251
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions45, useHMSStore as
|
|
27255
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions45, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
|
|
27252
27256
|
|
|
27253
27257
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
|
27254
27258
|
init_define_process_env();
|
|
27255
|
-
import React147, { useEffect as useEffect44, useMemo as
|
|
27259
|
+
import React147, { useEffect as useEffect44, useMemo as useMemo19, useState as useState64 } from "react";
|
|
27256
27260
|
import {
|
|
27257
27261
|
selectLocalPeerID as selectLocalPeerID14,
|
|
27258
27262
|
selectLocalPeerRoleName as selectLocalPeerRoleName5,
|
|
27259
27263
|
selectPeers as selectPeers3,
|
|
27260
|
-
selectPeerScreenSharing,
|
|
27264
|
+
selectPeerScreenSharing as selectPeerScreenSharing2,
|
|
27261
27265
|
selectWhiteboard as selectWhiteboard2,
|
|
27262
|
-
useHMSStore as
|
|
27266
|
+
useHMSStore as useHMSStore80,
|
|
27263
27267
|
useHMSVanillaStore as useHMSVanillaStore12
|
|
27264
27268
|
} from "@100mslive/react-sdk";
|
|
27265
27269
|
|
|
27266
27270
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
|
27267
27271
|
init_define_process_env();
|
|
27268
|
-
import React138, { useEffect as useEffect39, useMemo as
|
|
27272
|
+
import React138, { useEffect as useEffect39, useMemo as useMemo15, useState as useState58 } from "react";
|
|
27269
27273
|
import { useMedia as useMedia28 } from "react-use";
|
|
27270
|
-
import { selectLocalPeer as selectLocalPeer9, useHMSStore as
|
|
27274
|
+
import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
|
|
27271
27275
|
|
|
27272
27276
|
// src/Prebuilt/components/InsetTile.tsx
|
|
27273
27277
|
init_define_process_env();
|
|
27274
|
-
import React135, { useEffect as useEffect36, useRef as
|
|
27278
|
+
import React135, { useEffect as useEffect36, useRef as useRef23 } from "react";
|
|
27275
27279
|
import Draggable from "react-draggable";
|
|
27276
27280
|
import { useMedia as useMedia26 } from "react-use";
|
|
27277
27281
|
import {
|
|
@@ -27279,7 +27283,7 @@ import {
|
|
|
27279
27283
|
selectLocalPeer as selectLocalPeer8,
|
|
27280
27284
|
selectPeerByID as selectPeerByID3,
|
|
27281
27285
|
selectVideoTrackByID as selectVideoTrackByID6,
|
|
27282
|
-
useHMSStore as
|
|
27286
|
+
useHMSStore as useHMSStore73
|
|
27283
27287
|
} from "@100mslive/react-sdk";
|
|
27284
27288
|
import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
|
|
27285
27289
|
|
|
@@ -27320,10 +27324,10 @@ var InsetTile = ({ peerId }) => {
|
|
|
27320
27324
|
const isMobile = useMedia26(config.media.md);
|
|
27321
27325
|
const isLandscape = useMedia26(config.media.ls);
|
|
27322
27326
|
const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
|
|
27323
|
-
const peer =
|
|
27327
|
+
const peer = useHMSStore73(selector);
|
|
27324
27328
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
27325
|
-
const videoTrack =
|
|
27326
|
-
const isAllowedToPublish =
|
|
27329
|
+
const videoTrack = useHMSStore73(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
|
|
27330
|
+
const isAllowedToPublish = useHMSStore73(selectIsAllowedToPublish2);
|
|
27327
27331
|
const videoTileProps = useVideoTileContext();
|
|
27328
27332
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
|
27329
27333
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
|
@@ -27335,7 +27339,7 @@ var InsetTile = ({ peerId }) => {
|
|
|
27335
27339
|
width = 240;
|
|
27336
27340
|
height = width / aspectRatio;
|
|
27337
27341
|
}
|
|
27338
|
-
const nodeRef =
|
|
27342
|
+
const nodeRef = useRef23(null);
|
|
27339
27343
|
useEffect36(() => {
|
|
27340
27344
|
const node = nodeRef.current;
|
|
27341
27345
|
if (!node || !window.ResizeObserver) {
|
|
@@ -27477,7 +27481,7 @@ var Grid = React137.forwardRef(
|
|
|
27477
27481
|
|
|
27478
27482
|
// src/Prebuilt/components/hooks/useTileLayout.tsx
|
|
27479
27483
|
init_define_process_env();
|
|
27480
|
-
import { useEffect as useEffect38, useMemo as
|
|
27484
|
+
import { useEffect as useEffect38, useMemo as useMemo14, useState as useState57 } from "react";
|
|
27481
27485
|
import { useMeasure as useMeasure5, useMedia as useMedia27 } from "react-use";
|
|
27482
27486
|
import {
|
|
27483
27487
|
getPeersWithTiles,
|
|
@@ -27488,12 +27492,12 @@ var aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4
|
|
|
27488
27492
|
var usePagesWithTiles = ({ peers, maxTileCount }) => {
|
|
27489
27493
|
const vanillaStore = useHMSVanillaStore11();
|
|
27490
27494
|
const tracksMap = vanillaStore.getState(selectTracksMap4);
|
|
27491
|
-
const peersWithTiles =
|
|
27495
|
+
const peersWithTiles = useMemo14(
|
|
27492
27496
|
() => getPeersWithTiles(peers, tracksMap, () => false),
|
|
27493
27497
|
[peers, tracksMap]
|
|
27494
27498
|
);
|
|
27495
27499
|
const noOfPages = Math.ceil(peersWithTiles.length / maxTileCount);
|
|
27496
|
-
const pagesList =
|
|
27500
|
+
const pagesList = useMemo14(() => {
|
|
27497
27501
|
let sliceStart = 0;
|
|
27498
27502
|
let remaining = peersWithTiles.length;
|
|
27499
27503
|
const list = [];
|
|
@@ -27583,7 +27587,7 @@ var useTileLayout = ({
|
|
|
27583
27587
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
|
27584
27588
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
|
27585
27589
|
var _a8;
|
|
27586
|
-
const localPeer =
|
|
27590
|
+
const localPeer = useHMSStore74(selectLocalPeer9);
|
|
27587
27591
|
const isMobile = useMedia28(config.media.md);
|
|
27588
27592
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
27589
27593
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
@@ -27591,7 +27595,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
27591
27595
|
peers,
|
|
27592
27596
|
maxTileCount
|
|
27593
27597
|
});
|
|
27594
|
-
const inputPeers =
|
|
27598
|
+
const inputPeers = useMemo15(() => {
|
|
27595
27599
|
if (pageList.length === 0) {
|
|
27596
27600
|
return localPeer ? [localPeer] : [];
|
|
27597
27601
|
}
|
|
@@ -27630,13 +27634,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
27630
27634
|
init_define_process_env();
|
|
27631
27635
|
import React141, { useEffect as useEffect41, useState as useState60 } from "react";
|
|
27632
27636
|
import { useMedia as useMedia30 } from "react-use";
|
|
27633
|
-
import { selectLocalPeer as selectLocalPeer10, useHMSStore as
|
|
27637
|
+
import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
|
|
27634
27638
|
|
|
27635
27639
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
27636
27640
|
init_define_process_env();
|
|
27637
|
-
import React140, { useEffect as useEffect40, useRef as
|
|
27641
|
+
import React140, { useEffect as useEffect40, useRef as useRef24, useState as useState59 } from "react";
|
|
27638
27642
|
import { useMedia as useMedia29 } from "react-use";
|
|
27639
|
-
import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as
|
|
27643
|
+
import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
|
|
27640
27644
|
|
|
27641
27645
|
// src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
|
|
27642
27646
|
init_define_process_env();
|
|
@@ -27723,11 +27727,11 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
|
|
|
27723
27727
|
const isMobile = useMedia29(config.media.md);
|
|
27724
27728
|
const maxTileCount = isMobile ? 2 : 4;
|
|
27725
27729
|
const [page, setPage] = useState59(0);
|
|
27726
|
-
const pinnedTrackId =
|
|
27727
|
-
const spotlightPeerId =
|
|
27728
|
-
const activeScreensharePeerId =
|
|
27729
|
-
const pinnedPeer = (_a8 =
|
|
27730
|
-
const pageChangedAfterPinning =
|
|
27730
|
+
const pinnedTrackId = useHMSStore75(selectAppData7(APP_DATA.pinnedTrackId));
|
|
27731
|
+
const spotlightPeerId = useHMSStore75(selectSessionStore11("spotlight" /* SPOTLIGHT */));
|
|
27732
|
+
const activeScreensharePeerId = useHMSStore75(selectAppData7(APP_DATA.activeScreensharePeerId));
|
|
27733
|
+
const pinnedPeer = (_a8 = useHMSStore75(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
|
|
27734
|
+
const pageChangedAfterPinning = useRef24(false);
|
|
27731
27735
|
const pagesWithTiles = usePagesWithTiles({
|
|
27732
27736
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
|
27733
27737
|
if (activeScreensharePeerId === p1.id) {
|
|
@@ -27776,10 +27780,10 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
|
|
|
27776
27780
|
|
|
27777
27781
|
// src/Prebuilt/components/hooks/useRoleProminencePeers.tsx
|
|
27778
27782
|
init_define_process_env();
|
|
27779
|
-
import { useMemo as
|
|
27783
|
+
import { useMemo as useMemo16 } from "react";
|
|
27780
27784
|
var useRoleProminencePeers = (prominentRoles, peers, isInsetEnabled) => {
|
|
27781
27785
|
const pinnedTrack = usePinnedTrack();
|
|
27782
|
-
const [prominentPeers, secondaryPeers] =
|
|
27786
|
+
const [prominentPeers, secondaryPeers] = useMemo16(() => {
|
|
27783
27787
|
return peers.reduce(
|
|
27784
27788
|
(acc, peer) => {
|
|
27785
27789
|
if (pinnedTrack) {
|
|
@@ -27820,7 +27824,7 @@ function RoleProminence({
|
|
|
27820
27824
|
}) {
|
|
27821
27825
|
var _a8;
|
|
27822
27826
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
27823
|
-
const localPeer =
|
|
27827
|
+
const localPeer = useHMSStore76(selectLocalPeer10);
|
|
27824
27828
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
27825
27829
|
const isMobile = useMedia30(config.media.md);
|
|
27826
27830
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
@@ -27863,13 +27867,13 @@ function RoleProminence({
|
|
|
27863
27867
|
|
|
27864
27868
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
27865
27869
|
init_define_process_env();
|
|
27866
|
-
import React145, { useEffect as useEffect42, useMemo as
|
|
27870
|
+
import React145, { useEffect as useEffect42, useMemo as useMemo17, useState as useState63 } from "react";
|
|
27867
27871
|
import { useMedia as useMedia32 } from "react-use";
|
|
27868
|
-
import { selectPeersScreenSharing, useHMSStore as
|
|
27872
|
+
import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
|
|
27869
27873
|
|
|
27870
27874
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
27871
27875
|
init_define_process_env();
|
|
27872
|
-
import React144, { useRef as
|
|
27876
|
+
import React144, { useRef as useRef25, useState as useState62 } from "react";
|
|
27873
27877
|
import { useFullscreen as useFullscreen2, useMedia as useMedia31 } from "react-use";
|
|
27874
27878
|
import screenfull2 from "screenfull";
|
|
27875
27879
|
import {
|
|
@@ -27877,7 +27881,7 @@ import {
|
|
|
27877
27881
|
selectPeerByID as selectPeerByID4,
|
|
27878
27882
|
selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
|
|
27879
27883
|
selectScreenShareByPeerID as selectScreenShareByPeerID2,
|
|
27880
|
-
useHMSStore as
|
|
27884
|
+
useHMSStore as useHMSStore77
|
|
27881
27885
|
} from "@100mslive/react-sdk";
|
|
27882
27886
|
import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
|
|
27883
27887
|
|
|
@@ -28025,21 +28029,21 @@ var labelStyles = {
|
|
|
28025
28029
|
flexShrink: 0
|
|
28026
28030
|
};
|
|
28027
28031
|
var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
28028
|
-
const isLocal =
|
|
28029
|
-
const track =
|
|
28032
|
+
const isLocal = useHMSStore77(selectLocalPeerID13) === peerId;
|
|
28033
|
+
const track = useHMSStore77(selectScreenShareByPeerID2(peerId));
|
|
28030
28034
|
const { theme: theme2 } = useTheme();
|
|
28031
|
-
const peer =
|
|
28035
|
+
const peer = useHMSStore77(selectPeerByID4(peerId));
|
|
28032
28036
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
28033
28037
|
const [isMouseHovered, setIsMouseHovered] = useState62(false);
|
|
28034
28038
|
const isMobile = useMedia31(config.media.md);
|
|
28035
28039
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
28036
|
-
const fullscreenRef =
|
|
28040
|
+
const fullscreenRef = useRef25(null);
|
|
28037
28041
|
const [fullscreen, setFullscreen] = useState62(false);
|
|
28038
28042
|
const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
|
|
28039
28043
|
onClose: () => setFullscreen(false)
|
|
28040
28044
|
});
|
|
28041
28045
|
const isFullScreenSupported = screenfull2.isEnabled;
|
|
28042
|
-
const audioTrack =
|
|
28046
|
+
const audioTrack = useHMSStore77(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
|
|
28043
28047
|
if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
|
|
28044
28048
|
return /* @__PURE__ */ React144.createElement(ScreenshareDisplay, null);
|
|
28045
28049
|
}
|
|
@@ -28118,14 +28122,14 @@ var ScreenshareTile_default = ScreenshareTile;
|
|
|
28118
28122
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
28119
28123
|
var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
28120
28124
|
var _a8;
|
|
28121
|
-
const peersSharing =
|
|
28125
|
+
const peersSharing = useHMSStore78(selectPeersScreenSharing);
|
|
28122
28126
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28123
28127
|
const [page, setPage] = useState63(0);
|
|
28124
28128
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
28125
28129
|
const activeSharePeer = peersSharing[page];
|
|
28126
28130
|
const isMobile = useMedia32(config.media.md);
|
|
28127
28131
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
28128
|
-
const secondaryPeers =
|
|
28132
|
+
const secondaryPeers = useMemo17(() => {
|
|
28129
28133
|
if (layoutMode === LayoutMode.SPOTLIGHT) {
|
|
28130
28134
|
return [];
|
|
28131
28135
|
}
|
|
@@ -28168,9 +28172,9 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
|
28168
28172
|
|
|
28169
28173
|
// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
|
|
28170
28174
|
init_define_process_env();
|
|
28171
|
-
import React146, { useEffect as useEffect43, useMemo as
|
|
28175
|
+
import React146, { useEffect as useEffect43, useMemo as useMemo18 } from "react";
|
|
28172
28176
|
import { useMedia as useMedia33 } from "react-use";
|
|
28173
|
-
import { selectPeerByCondition, selectWhiteboard, useHMSStore as
|
|
28177
|
+
import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
|
|
28174
28178
|
var WhiteboardEmbed = () => {
|
|
28175
28179
|
const isMobile = useMedia33(config.media.md);
|
|
28176
28180
|
const { iframeRef } = useWhiteboard2(isMobile);
|
|
@@ -28205,12 +28209,12 @@ var WhiteboardEmbed = () => {
|
|
|
28205
28209
|
);
|
|
28206
28210
|
};
|
|
28207
28211
|
var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
28208
|
-
const whiteboard =
|
|
28209
|
-
const whiteboardOwner =
|
|
28212
|
+
const whiteboard = useHMSStore79(selectWhiteboard);
|
|
28213
|
+
const whiteboardOwner = useHMSStore79(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
|
|
28210
28214
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
28211
28215
|
const isMobile = useMedia33(config.media.md);
|
|
28212
28216
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
28213
|
-
const secondaryPeers =
|
|
28217
|
+
const secondaryPeers = useMemo18(() => {
|
|
28214
28218
|
if (layoutMode === LayoutMode.SPOTLIGHT) {
|
|
28215
28219
|
return [];
|
|
28216
28220
|
}
|
|
@@ -28351,17 +28355,17 @@ var GridLayout = ({
|
|
|
28351
28355
|
edge_to_edge = false,
|
|
28352
28356
|
hide_metadata_on_tile = false
|
|
28353
28357
|
}) => {
|
|
28354
|
-
const peerSharing =
|
|
28355
|
-
const whiteboard =
|
|
28358
|
+
const peerSharing = useHMSStore80(selectPeerScreenSharing2);
|
|
28359
|
+
const whiteboard = useHMSStore80(selectWhiteboard2);
|
|
28356
28360
|
const pinnedTrack = usePinnedTrack();
|
|
28357
|
-
const peers =
|
|
28358
|
-
const localPeerRole =
|
|
28359
|
-
const localPeerID =
|
|
28361
|
+
const peers = useHMSStore80(selectPeers3);
|
|
28362
|
+
const localPeerRole = useHMSStore80(selectLocalPeerRoleName5);
|
|
28363
|
+
const localPeerID = useHMSStore80(selectLocalPeerID14);
|
|
28360
28364
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28361
28365
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
28362
28366
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
28363
28367
|
) || pinnedTrack;
|
|
28364
|
-
const updatedPeers =
|
|
28368
|
+
const updatedPeers = useMemo19(() => {
|
|
28365
28369
|
if (activeScreensharePeerId || (whiteboard == null ? void 0 : whiteboard.open)) {
|
|
28366
28370
|
return peers.filter((peer) => peer.id !== activeScreensharePeerId || peer.customerUserId !== (whiteboard == null ? void 0 : whiteboard.owner));
|
|
28367
28371
|
}
|
|
@@ -28386,7 +28390,7 @@ var GridLayout = ({
|
|
|
28386
28390
|
]);
|
|
28387
28391
|
const vanillaStore = useHMSVanillaStore12();
|
|
28388
28392
|
const [sortedPeers, setSortedPeers] = useState64(updatedPeers);
|
|
28389
|
-
const peersSorter =
|
|
28393
|
+
const peersSorter = useMemo19(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
|
|
28390
28394
|
const [pageSize, setPageSize] = useState64(0);
|
|
28391
28395
|
const [mainPage, setMainPage] = useState64(0);
|
|
28392
28396
|
const tileLayout = {
|
|
@@ -28454,16 +28458,16 @@ var GridLayout = ({
|
|
|
28454
28458
|
|
|
28455
28459
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
28456
28460
|
init_define_process_env();
|
|
28457
|
-
import React148, { useEffect as useEffect45, useMemo as
|
|
28458
|
-
import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as
|
|
28461
|
+
import React148, { useEffect as useEffect45, useMemo as useMemo20 } from "react";
|
|
28462
|
+
import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
|
|
28459
28463
|
var EmbedView = () => {
|
|
28460
28464
|
return /* @__PURE__ */ React148.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React148.createElement(EmbedComponent, null));
|
|
28461
28465
|
};
|
|
28462
28466
|
var EmbedScreenShareView = ({ children }) => {
|
|
28463
|
-
const peers =
|
|
28464
|
-
const peerPresenting =
|
|
28467
|
+
const peers = useHMSStore81(selectPeers4);
|
|
28468
|
+
const peerPresenting = useHMSStore81(selectPeerScreenSharing3);
|
|
28465
28469
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28466
|
-
const smallTilePeers =
|
|
28470
|
+
const smallTilePeers = useMemo20(() => {
|
|
28467
28471
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
28468
28472
|
return smallTilePeers2;
|
|
28469
28473
|
}, [peers, peerPresenting]);
|
|
@@ -28476,7 +28480,7 @@ var EmbedScreenShareView = ({ children }) => {
|
|
|
28476
28480
|
return /* @__PURE__ */ React148.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React148.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React148.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
|
28477
28481
|
};
|
|
28478
28482
|
var EmbedComponent = () => {
|
|
28479
|
-
const embedConfig =
|
|
28483
|
+
const embedConfig = useHMSStore81(selectAppData8(APP_DATA.embedConfig));
|
|
28480
28484
|
const resetConfig = useResetEmbedConfig();
|
|
28481
28485
|
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
|
|
28482
28486
|
useEffect45(() => {
|
|
@@ -28633,42 +28637,27 @@ var WaitingView = React150.memo(() => {
|
|
|
28633
28637
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
|
28634
28638
|
init_define_process_env();
|
|
28635
28639
|
import { useEffect as useEffect47 } from "react";
|
|
28636
|
-
import {
|
|
28637
|
-
import { useScreenShare as useScreenShare5, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
|
|
28640
|
+
import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
|
|
28638
28641
|
var useCloseScreenshareWhiteboard = () => {
|
|
28639
|
-
const
|
|
28642
|
+
const peerSharing = useHMSStore82(selectPeerScreenSharing4);
|
|
28640
28643
|
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
|
|
28641
|
-
const prevScreenSharer = usePrevious(screenSharingPeerId);
|
|
28642
|
-
const prevWhiteboardOwner = usePrevious(isWhiteboardOwner);
|
|
28643
28644
|
useEffect47(() => {
|
|
28644
|
-
if (isWhiteboardOwner &&
|
|
28645
|
-
|
|
28646
|
-
toggleScreenShare == null ? void 0 : toggleScreenShare();
|
|
28647
|
-
} else if (prevWhiteboardOwner && !prevScreenSharer) {
|
|
28648
|
-
toggleWhiteboard == null ? void 0 : toggleWhiteboard();
|
|
28649
|
-
}
|
|
28645
|
+
if (isWhiteboardOwner && peerSharing) {
|
|
28646
|
+
toggleWhiteboard == null ? void 0 : toggleWhiteboard();
|
|
28650
28647
|
}
|
|
28651
|
-
}, [
|
|
28652
|
-
isWhiteboardOwner,
|
|
28653
|
-
screenSharingPeerId,
|
|
28654
|
-
amIScreenSharing,
|
|
28655
|
-
prevScreenSharer,
|
|
28656
|
-
prevWhiteboardOwner,
|
|
28657
|
-
toggleScreenShare,
|
|
28658
|
-
toggleWhiteboard
|
|
28659
|
-
]);
|
|
28648
|
+
}, [isWhiteboardOwner, toggleWhiteboard, peerSharing]);
|
|
28660
28649
|
};
|
|
28661
28650
|
|
|
28662
28651
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
28663
|
-
var HLSView = React151.lazy(() => import("./HLSView-
|
|
28652
|
+
var HLSView = React151.lazy(() => import("./HLSView-I6DCFRWE.js"));
|
|
28664
28653
|
var VideoStreamingSection = ({
|
|
28665
28654
|
screenType,
|
|
28666
28655
|
elements,
|
|
28667
28656
|
hideControls = false
|
|
28668
28657
|
}) => {
|
|
28669
28658
|
var _a8;
|
|
28670
|
-
const localPeerRole =
|
|
28671
|
-
const isConnected =
|
|
28659
|
+
const localPeerRole = useHMSStore83(selectLocalPeerRoleName6);
|
|
28660
|
+
const isConnected = useHMSStore83(selectIsConnectedToRoom9);
|
|
28672
28661
|
const hmsActions = useHMSActions45();
|
|
28673
28662
|
const waitingViewerRole = useWaitingViewerRole();
|
|
28674
28663
|
const urlToIframe = useUrlToEmbed();
|
|
@@ -28747,7 +28736,7 @@ init_define_process_env();
|
|
|
28747
28736
|
init_define_process_env();
|
|
28748
28737
|
import React154 from "react";
|
|
28749
28738
|
import { useMedia as useMedia35 } from "react-use";
|
|
28750
|
-
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as
|
|
28739
|
+
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
|
|
28751
28740
|
|
|
28752
28741
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
|
28753
28742
|
init_define_process_env();
|
|
@@ -28783,7 +28772,7 @@ import {
|
|
|
28783
28772
|
selectVideoTrackByID as selectVideoTrackByID7,
|
|
28784
28773
|
useDevices as useDevices3,
|
|
28785
28774
|
useHMSActions as useHMSActions46,
|
|
28786
|
-
useHMSStore as
|
|
28775
|
+
useHMSStore as useHMSStore84
|
|
28787
28776
|
} from "@100mslive/react-sdk";
|
|
28788
28777
|
import {
|
|
28789
28778
|
BluetoothIcon,
|
|
@@ -28797,9 +28786,9 @@ var CamaraFlipActions = () => {
|
|
|
28797
28786
|
const actions = useHMSActions46();
|
|
28798
28787
|
const { allDevices } = useDevices3();
|
|
28799
28788
|
const { videoInput } = allDevices;
|
|
28800
|
-
const isVideoOn =
|
|
28801
|
-
const videoTrackId =
|
|
28802
|
-
const localVideoTrack =
|
|
28789
|
+
const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled7);
|
|
28790
|
+
const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
|
|
28791
|
+
const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
|
|
28803
28792
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
28804
28793
|
return null;
|
|
28805
28794
|
}
|
|
@@ -28935,7 +28924,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React153.createElement(Re
|
|
|
28935
28924
|
|
|
28936
28925
|
// src/Prebuilt/components/Header/Header.tsx
|
|
28937
28926
|
var Header2 = () => {
|
|
28938
|
-
const roomState =
|
|
28927
|
+
const roomState = useHMSStore85(selectRoomState6);
|
|
28939
28928
|
const isMobile = useMedia35(config.media.md);
|
|
28940
28929
|
if (roomState !== HMSRoomState6.Connected) {
|
|
28941
28930
|
return /* @__PURE__ */ React154.createElement(React154.Fragment, null);
|
|
@@ -28981,19 +28970,19 @@ var ConferenceScreen = () => {
|
|
|
28981
28970
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
28982
28971
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
28983
28972
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
28984
|
-
const roomState =
|
|
28985
|
-
const isConnectedToRoom =
|
|
28973
|
+
const roomState = useHMSStore86(selectRoomState7);
|
|
28974
|
+
const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
|
|
28986
28975
|
const hmsActions = useHMSActions47();
|
|
28987
28976
|
const [hideControls, setHideControls] = useState65(false);
|
|
28988
|
-
const dropdownList =
|
|
28977
|
+
const dropdownList = useHMSStore86(selectAppData9(APP_DATA.dropdownList));
|
|
28989
28978
|
const authTokenInAppData = useAuthToken();
|
|
28990
|
-
const headerRef =
|
|
28991
|
-
const footerRef =
|
|
28979
|
+
const headerRef = useRef26(null);
|
|
28980
|
+
const footerRef = useRef26(null);
|
|
28992
28981
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
|
28993
|
-
const dropdownListRef =
|
|
28982
|
+
const dropdownListRef = useRef26();
|
|
28994
28983
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
28995
28984
|
const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
|
|
28996
|
-
const autoRoomJoined =
|
|
28985
|
+
const autoRoomJoined = useRef26(isPreviewScreenEnabled);
|
|
28997
28986
|
const isMobileHLSStream = useMobileHLSStream();
|
|
28998
28987
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
28999
28988
|
const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
|
|
@@ -29219,7 +29208,7 @@ import React157, { useEffect as useEffect52 } from "react";
|
|
|
29219
29208
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
29220
29209
|
init_define_process_env();
|
|
29221
29210
|
import { useEffect as useEffect51 } from "react";
|
|
29222
|
-
import { selectRoomID, useHMSStore as
|
|
29211
|
+
import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
|
|
29223
29212
|
var FeatureFlags = class {
|
|
29224
29213
|
static init(roomId) {
|
|
29225
29214
|
if (!window.HMS) {
|
|
@@ -29244,7 +29233,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
|
|
|
29244
29233
|
__publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
|
|
29245
29234
|
__publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
|
|
29246
29235
|
function FeatureFlagsInit() {
|
|
29247
|
-
const roomId =
|
|
29236
|
+
const roomId = useHMSStore87(selectRoomID);
|
|
29248
29237
|
useEffect51(() => {
|
|
29249
29238
|
if (roomId) {
|
|
29250
29239
|
FeatureFlags.init(roomId);
|
|
@@ -29388,7 +29377,7 @@ init_define_process_env();
|
|
|
29388
29377
|
import React158, { useContext as useContext4, useEffect as useEffect54 } from "react";
|
|
29389
29378
|
import { usePreviousDistinct } from "react-use";
|
|
29390
29379
|
import { match as match13, P as P4 } from "ts-pattern";
|
|
29391
|
-
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as
|
|
29380
|
+
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
|
|
29392
29381
|
|
|
29393
29382
|
// src/Prebuilt/components/hooks/useRedirectToLeave.tsx
|
|
29394
29383
|
init_define_process_env();
|
|
@@ -29425,7 +29414,7 @@ var useHMSAppStateContext = () => {
|
|
|
29425
29414
|
var useAppStateManager = () => {
|
|
29426
29415
|
const roomLayout = useRoomLayout();
|
|
29427
29416
|
const [activeState, setActiveState] = React158.useState();
|
|
29428
|
-
const roomState =
|
|
29417
|
+
const roomState = useHMSStore88(selectRoomState8);
|
|
29429
29418
|
const prevRoomState = usePreviousDistinct(roomState);
|
|
29430
29419
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
29431
29420
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
@@ -29569,7 +29558,7 @@ import {
|
|
|
29569
29558
|
useAwayNotifications as useAwayNotifications2,
|
|
29570
29559
|
useCustomEvent as useCustomEvent4,
|
|
29571
29560
|
useHMSNotifications as useHMSNotifications10,
|
|
29572
|
-
useHMSStore as
|
|
29561
|
+
useHMSStore as useHMSStore92,
|
|
29573
29562
|
useHMSVanillaStore as useHMSVanillaStore16
|
|
29574
29563
|
} from "@100mslive/react-sdk";
|
|
29575
29564
|
import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
|
|
@@ -29609,12 +29598,12 @@ function AutoplayBlockedModal() {
|
|
|
29609
29598
|
init_define_process_env();
|
|
29610
29599
|
import React162, { useEffect as useEffect56 } from "react";
|
|
29611
29600
|
import { v4 as uuid4 } from "uuid";
|
|
29612
|
-
import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as
|
|
29601
|
+
import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
|
|
29613
29602
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
|
|
29614
29603
|
var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
29615
29604
|
var ChatNotifications = () => {
|
|
29616
|
-
const chatState =
|
|
29617
|
-
const localPeerId =
|
|
29605
|
+
const chatState = useHMSStore89(selectSessionStore12("chatState" /* CHAT_STATE */));
|
|
29606
|
+
const localPeerId = useHMSStore89(selectLocalPeerID15);
|
|
29618
29607
|
useEffect56(() => {
|
|
29619
29608
|
var _a8, _b7;
|
|
29620
29609
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
|
@@ -29644,7 +29633,7 @@ import {
|
|
|
29644
29633
|
selectPeerByID as selectPeerByID6,
|
|
29645
29634
|
selectRoomState as selectRoomState9,
|
|
29646
29635
|
useHMSNotifications as useHMSNotifications2,
|
|
29647
|
-
useHMSStore as
|
|
29636
|
+
useHMSStore as useHMSStore91,
|
|
29648
29637
|
useHMSVanillaStore as useHMSVanillaStore15
|
|
29649
29638
|
} from "@100mslive/react-sdk";
|
|
29650
29639
|
|
|
@@ -29654,7 +29643,7 @@ init_define_process_env();
|
|
|
29654
29643
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
29655
29644
|
init_define_process_env();
|
|
29656
29645
|
import React163, { useCallback as useCallback34 } from "react";
|
|
29657
|
-
import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions49, useHMSStore as
|
|
29646
|
+
import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions49, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
|
|
29658
29647
|
import {
|
|
29659
29648
|
ChatUnreadIcon as ChatUnreadIcon2,
|
|
29660
29649
|
ConnectivityIcon,
|
|
@@ -29676,7 +29665,7 @@ var HandRaiseAction = React163.forwardRef(({ id = "", isSingleHandRaise = true }
|
|
|
29676
29665
|
const hmsActions = useHMSActions49();
|
|
29677
29666
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
29678
29667
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
29679
|
-
const peer =
|
|
29668
|
+
const peer = useHMSStore90(selectPeerByID5(id));
|
|
29680
29669
|
const layout = useRoomLayout();
|
|
29681
29670
|
const {
|
|
29682
29671
|
bring_to_stage_label,
|
|
@@ -29905,7 +29894,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
|
|
|
29905
29894
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
29906
29895
|
var HandRaisedNotifications = () => {
|
|
29907
29896
|
const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
|
|
29908
|
-
const roomState =
|
|
29897
|
+
const roomState = useHMSStore91(selectRoomState9);
|
|
29909
29898
|
const vanillaStore = useHMSVanillaStore15();
|
|
29910
29899
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
29911
29900
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
@@ -30258,17 +30247,17 @@ var TrackUnmuteModal = () => {
|
|
|
30258
30247
|
var pollToastKey = {};
|
|
30259
30248
|
function Notifications() {
|
|
30260
30249
|
var _a8, _b7;
|
|
30261
|
-
const localPeerID =
|
|
30250
|
+
const localPeerID = useHMSStore92(selectLocalPeerID16);
|
|
30262
30251
|
const notification = useHMSNotifications10();
|
|
30263
30252
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
30264
|
-
const roomState =
|
|
30253
|
+
const roomState = useHMSStore92(selectRoomState10);
|
|
30265
30254
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
30266
30255
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
30267
30256
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
30268
30257
|
const vanillaStore = useHMSVanillaStore16();
|
|
30269
30258
|
const togglePollView = usePollViewToggle();
|
|
30270
30259
|
const { showNotification } = useAwayNotifications2();
|
|
30271
|
-
const amIScreenSharing =
|
|
30260
|
+
const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared2);
|
|
30272
30261
|
const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
|
|
30273
30262
|
const handleRoleChangeDenied = useCallback35((request) => {
|
|
30274
30263
|
ToastManager.addToast({
|
|
@@ -30278,7 +30267,7 @@ function Notifications() {
|
|
|
30278
30267
|
}, []);
|
|
30279
30268
|
useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
30280
30269
|
useEffect65(() => {
|
|
30281
|
-
var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2,
|
|
30270
|
+
var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n, _o2, _p;
|
|
30282
30271
|
if (!notification || isNotificationDisabled) {
|
|
30283
30272
|
return;
|
|
30284
30273
|
}
|
|
@@ -30319,7 +30308,7 @@ function Notifications() {
|
|
|
30319
30308
|
});
|
|
30320
30309
|
break;
|
|
30321
30310
|
case HMSNotificationTypes10.ROLE_UPDATED: {
|
|
30322
|
-
if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((
|
|
30311
|
+
if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n = notification.data) == null ? void 0 : _n.roleName)) {
|
|
30323
30312
|
ToastManager.addToast({
|
|
30324
30313
|
title: `You are now a ${notification.data.roleName}`
|
|
30325
30314
|
});
|
|
@@ -30425,7 +30414,7 @@ var PreviewScreen = () => {
|
|
|
30425
30414
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
30426
30415
|
init_define_process_env();
|
|
30427
30416
|
import React172, { useEffect as useEffect66, useState as useState72 } from "react";
|
|
30428
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as
|
|
30417
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
|
|
30429
30418
|
|
|
30430
30419
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
30431
30420
|
init_define_process_env();
|
|
@@ -30448,7 +30437,7 @@ var Toast2 = (_a8) => {
|
|
|
30448
30437
|
|
|
30449
30438
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
30450
30439
|
var ToastContainer = () => {
|
|
30451
|
-
const isConnected =
|
|
30440
|
+
const isConnected = useHMSStore93(selectIsConnectedToRoom11);
|
|
30452
30441
|
const [toasts, setToast] = useState72([]);
|
|
30453
30442
|
useEffect66(() => {
|
|
30454
30443
|
ToastManager.addListener(setToast);
|
|
@@ -30471,7 +30460,7 @@ var ToastContainer = () => {
|
|
|
30471
30460
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
30472
30461
|
init_define_process_env();
|
|
30473
30462
|
import React174 from "react";
|
|
30474
|
-
import { selectAppData as selectAppData11, useHMSStore as
|
|
30463
|
+
import { selectAppData as selectAppData11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
|
|
30475
30464
|
|
|
30476
30465
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
30477
30466
|
init_define_process_env();
|
|
@@ -30495,7 +30484,7 @@ var RoomDetailsSheet = () => {
|
|
|
30495
30484
|
|
|
30496
30485
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
30497
30486
|
var Sheet2 = () => {
|
|
30498
|
-
const sheet =
|
|
30487
|
+
const sheet = useHMSStore94(selectAppData11(APP_DATA.sheet));
|
|
30499
30488
|
let ViewComponent;
|
|
30500
30489
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
30501
30490
|
ViewComponent = /* @__PURE__ */ React174.createElement(RoomDetailsSheet, null);
|
|
@@ -30505,13 +30494,13 @@ var Sheet2 = () => {
|
|
|
30505
30494
|
|
|
30506
30495
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
30507
30496
|
init_define_process_env();
|
|
30508
|
-
import React175, { useCallback as useCallback36, useEffect as useEffect67, useMemo as
|
|
30497
|
+
import React175, { useCallback as useCallback36, useEffect as useEffect67, useMemo as useMemo21, useState as useState73 } from "react";
|
|
30509
30498
|
import { useMedia as useMedia38 } from "react-use";
|
|
30510
30499
|
import {
|
|
30511
30500
|
selectLocalPeerID as selectLocalPeerID17,
|
|
30512
30501
|
selectPeerNameByID as selectPeerNameByID6,
|
|
30513
30502
|
useCustomEvent as useCustomEvent5,
|
|
30514
|
-
useHMSStore as
|
|
30503
|
+
useHMSStore as useHMSStore95,
|
|
30515
30504
|
useHMSVanillaStore as useHMSVanillaStore17
|
|
30516
30505
|
} from "@100mslive/react-sdk";
|
|
30517
30506
|
var emojiCount = 1;
|
|
@@ -30538,11 +30527,11 @@ var getStartingPoints = (isMobile) => {
|
|
|
30538
30527
|
return arr;
|
|
30539
30528
|
};
|
|
30540
30529
|
function FlyingEmoji() {
|
|
30541
|
-
const localPeerId =
|
|
30530
|
+
const localPeerId = useHMSStore95(selectLocalPeerID17);
|
|
30542
30531
|
const vanillaStore = useHMSVanillaStore17();
|
|
30543
30532
|
const [emojis, setEmojis] = useState73([]);
|
|
30544
30533
|
const isMobile = useMedia38(config.media.md);
|
|
30545
|
-
const startingPoints =
|
|
30534
|
+
const startingPoints = useMemo21(() => getStartingPoints(isMobile), [isMobile]);
|
|
30546
30535
|
const showFlyingEmoji = useCallback36(
|
|
30547
30536
|
({ emojiId, senderId }) => {
|
|
30548
30537
|
if (!emojiId || !senderId || document.hidden) {
|
|
@@ -30652,22 +30641,22 @@ function RemoteStopScreenshare() {
|
|
|
30652
30641
|
|
|
30653
30642
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
30654
30643
|
init_define_process_env();
|
|
30655
|
-
import { useCallback as useCallback38, useEffect as useEffect68, useRef as
|
|
30644
|
+
import { useCallback as useCallback38, useEffect as useEffect68, useRef as useRef27 } from "react";
|
|
30656
30645
|
import {
|
|
30657
30646
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
|
30658
30647
|
selectPermissions as selectPermissions20,
|
|
30659
30648
|
useHMSActions as useHMSActions53,
|
|
30660
|
-
useHMSStore as
|
|
30649
|
+
useHMSStore as useHMSStore96,
|
|
30661
30650
|
useRecordingStreaming as useRecordingStreaming12
|
|
30662
30651
|
} from "@100mslive/react-sdk";
|
|
30663
30652
|
var useAutoStartStreaming = () => {
|
|
30664
30653
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
30665
|
-
const permissions =
|
|
30654
|
+
const permissions = useHMSStore96(selectPermissions20);
|
|
30666
30655
|
const showStreamingUI = useShowStreamingUI();
|
|
30667
30656
|
const hmsActions = useHMSActions53();
|
|
30668
|
-
const isConnected =
|
|
30657
|
+
const isConnected = useHMSStore96(selectIsConnectedToRoom12);
|
|
30669
30658
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
|
|
30670
|
-
const streamStartedRef =
|
|
30659
|
+
const streamStartedRef = useRef27(false);
|
|
30671
30660
|
const startHLS = useCallback38(() => __async(void 0, null, function* () {
|
|
30672
30661
|
try {
|
|
30673
30662
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
|
@@ -30719,7 +30708,7 @@ var HMSPrebuilt = React177.forwardRef(
|
|
|
30719
30708
|
onJoin
|
|
30720
30709
|
}, ref) => {
|
|
30721
30710
|
var _a8, _b7, _c, _d;
|
|
30722
|
-
const reactiveStore =
|
|
30711
|
+
const reactiveStore = useRef28();
|
|
30723
30712
|
const [hydrated, setHydrated] = React177.useState(false);
|
|
30724
30713
|
useEffect69(() => {
|
|
30725
30714
|
setHydrated(true);
|
|
@@ -30854,7 +30843,7 @@ var AppStates = ({ activeState }) => {
|
|
|
30854
30843
|
return match15({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React177.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React177.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React177.createElement(ConferenceScreen, null));
|
|
30855
30844
|
};
|
|
30856
30845
|
var BackSwipe = () => {
|
|
30857
|
-
const isConnectedToRoom =
|
|
30846
|
+
const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
|
|
30858
30847
|
const hmsActions = useHMSActions54();
|
|
30859
30848
|
useEffect69(() => {
|
|
30860
30849
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
@@ -31031,4 +31020,4 @@ lodash/lodash.js:
|
|
|
31031
31020
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
|
31032
31021
|
*)
|
|
31033
31022
|
*/
|
|
31034
|
-
//# sourceMappingURL=chunk-
|
|
31023
|
+
//# sourceMappingURL=chunk-ZE5KXBZW.js.map
|