@100mslive/roomkit-react 0.2.7 → 0.2.8-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HLSView-KPCDHIH2.js → HLSView-SJCF34GE.js} +2 -2
- package/dist/Prebuilt/components/MoreSettings/FullScreenItem.d.ts +2 -0
- package/dist/Prebuilt/components/MoreSettings/MuteAllContent.d.ts +15 -0
- package/dist/Prebuilt/components/MoreSettings/MuteAllModal.d.ts +5 -0
- package/dist/Prebuilt/components/MoreSettings/constants.d.ts +8 -0
- package/dist/Prebuilt/components/hooks/useFullscreen.d.ts +5 -0
- package/dist/{chunk-Q6VWGYM4.js → chunk-ERIM35YN.js} +719 -690
- package/dist/chunk-ERIM35YN.js.map +7 -0
- package/dist/index.cjs.js +1025 -1000
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +106 -62
- package/dist/meta.esbuild.json +112 -68
- package/package.json +6 -6
- package/src/Prebuilt/components/AudioVideoToggle.tsx +2 -1
- package/src/Prebuilt/components/Connection/TileConnection.tsx +30 -27
- package/src/Prebuilt/components/Footer/RoleOptions.tsx +81 -38
- package/src/Prebuilt/components/MoreSettings/{FullScreenItem.jsx → FullScreenItem.tsx} +1 -1
- package/src/Prebuilt/components/MoreSettings/MuteAllContent.tsx +81 -0
- package/src/Prebuilt/components/MoreSettings/{MuteAllModal.jsx → MuteAllModal.tsx} +21 -22
- package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx +0 -2
- package/src/Prebuilt/components/MoreSettings/constants.ts +12 -0
- package/src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx +4 -2
- package/src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx +2 -2
- package/src/Prebuilt/components/Preview/PreviewJoin.tsx +1 -1
- package/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx +2 -1
- package/src/Prebuilt/components/VideoLayouts/RoleProminence.tsx +6 -2
- package/src/Prebuilt/components/hooks/{useFullscreen.js → useFullscreen.ts} +5 -3
- package/src/Prebuilt/components/hooks/useRoleProminencePeers.tsx +2 -1
- package/src/Prebuilt/primitives/DialogContent.jsx +3 -2
- package/dist/chunk-Q6VWGYM4.js.map +0 -7
- package/src/Prebuilt/components/MoreSettings/MuteAllContent.jsx +0 -61
- /package/dist/{HLSView-KPCDHIH2.js.map → HLSView-SJCF34GE.js.map} +0 -0
|
@@ -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_4b303fa8-d556-4910-b51b-dcd502c32470", 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.21 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.9.7", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_4b303fa8-d556-4910-b51b-dcd502c32470", 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.12.7", 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.7", 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: "591", 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.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240218.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.0/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.0-alpha.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:18895", 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.2.7", 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: "8015224502", 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_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: "34ebd883853e8aefe7054badd305f7bdf813df58", 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: "b1705fb7dfaf5be68c0480ad49b85b8f789313691d64ac3ad7de0addea86c20b", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", 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--1708667115207-0.6212878650294971:/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--1708667115019-0.5686017916348498:/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--1708667094088-0.972733614539623:/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--1708667093919-0.6325795866908743:/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_98100392-c109-4888-be7b-02bb2be733cc", INVOCATION_ID: "1f3bd554fca44d2296d7e5fba54b84f2", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "448", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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 307", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", 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.9.7", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.7", 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: "34ebd883853e8aefe7054badd305f7bdf813df58", 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/main", GITHUB_ACTOR: "KaustubhKumar05", 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_4b303fa8-d556-4910-b51b-dcd502c32470", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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_4b303fa8-d556-4910-b51b-dcd502c32470", 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_4b303fa8-d556-4910-b51b-dcd502c32470" };
|
|
109
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_98ff0f28-fc53-4790-9e04-9b004367fdea", 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.21 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.9.8-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_98ff0f28-fc53-4790-9e04-9b004367fdea", 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.12.8-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.7", 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: "595", 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.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240218.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.0/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.0-alpha.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:18938", 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.2.8-alpha.1", 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: "8062122049", 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_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: "44ec4f466226ce1135b5b72556b212b9b10dae07", 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: "b64650e960642a5e0f2d12cc2a9f44db9698d5645f3f939ce474c7022ebf1f42", 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--1709024603123-0.7390746909471035:/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--1709024602923-0.9313943436316283:/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--1709024580621-0.1731856946010928:/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--1709024580439-0.6002755925554168:/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_dc706535-1d71-42e1-9e6e-dab0a5f2587d", INVOCATION_ID: "e0fb7a49dd3147d69a53ed752b9a04f0", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "450", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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 235", 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.9.8-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "44ec4f466226ce1135b5b72556b212b9b10dae07", 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: "KaustubhKumar05", 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_98ff0f28-fc53-4790-9e04-9b004367fdea", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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_98ff0f28-fc53-4790-9e04-9b004367fdea", 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_98ff0f28-fc53-4790-9e04-9b004367fdea" };
|
|
110
110
|
}
|
|
111
111
|
});
|
|
112
112
|
|
|
@@ -4148,7 +4148,7 @@ var require_lodash = __commonJS({
|
|
|
4148
4148
|
function eq(value, other) {
|
|
4149
4149
|
return value === other || value !== value && other !== other;
|
|
4150
4150
|
}
|
|
4151
|
-
var
|
|
4151
|
+
var gt2 = createRelationalOperation(baseGt);
|
|
4152
4152
|
var gte = createRelationalOperation(function(value, other) {
|
|
4153
4153
|
return value >= other;
|
|
4154
4154
|
});
|
|
@@ -5287,7 +5287,7 @@ var require_lodash = __commonJS({
|
|
|
5287
5287
|
lodash.forOwn = forOwn;
|
|
5288
5288
|
lodash.forOwnRight = forOwnRight;
|
|
5289
5289
|
lodash.get = get;
|
|
5290
|
-
lodash.gt =
|
|
5290
|
+
lodash.gt = gt2;
|
|
5291
5291
|
lodash.gte = gte;
|
|
5292
5292
|
lodash.has = has;
|
|
5293
5293
|
lodash.hasIn = hasIn;
|
|
@@ -5628,18 +5628,18 @@ var require_ua_parser = __commonJS({
|
|
|
5628
5628
|
}
|
|
5629
5629
|
};
|
|
5630
5630
|
var rgxMapper = function(ua, arrays) {
|
|
5631
|
-
var i = 0,
|
|
5631
|
+
var i = 0, j, k2, p, q2, matches, match;
|
|
5632
5632
|
while (i < arrays.length && !matches) {
|
|
5633
5633
|
var regex = arrays[i], props = arrays[i + 1];
|
|
5634
|
-
|
|
5635
|
-
while (
|
|
5636
|
-
if (!regex[
|
|
5634
|
+
j = k2 = 0;
|
|
5635
|
+
while (j < regex.length && !matches) {
|
|
5636
|
+
if (!regex[j]) {
|
|
5637
5637
|
break;
|
|
5638
5638
|
}
|
|
5639
|
-
matches = regex[
|
|
5639
|
+
matches = regex[j++].exec(ua);
|
|
5640
5640
|
if (!!matches) {
|
|
5641
5641
|
for (p = 0; p < props.length; p++) {
|
|
5642
|
-
match = matches[++
|
|
5642
|
+
match = matches[++k2];
|
|
5643
5643
|
q2 = props[p];
|
|
5644
5644
|
if (typeof q2 === OBJ_TYPE && q2.length > 0) {
|
|
5645
5645
|
if (q2.length === 2) {
|
|
@@ -5668,8 +5668,8 @@ var require_ua_parser = __commonJS({
|
|
|
5668
5668
|
}, strMapper = function(str, map) {
|
|
5669
5669
|
for (var i in map) {
|
|
5670
5670
|
if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {
|
|
5671
|
-
for (var
|
|
5672
|
-
if (has(map[i][
|
|
5671
|
+
for (var j = 0; j < map[i].length; j++) {
|
|
5672
|
+
if (has(map[i][j], str)) {
|
|
5673
5673
|
return i === UNKNOWN ? undefined2 : i;
|
|
5674
5674
|
}
|
|
5675
5675
|
}
|
|
@@ -7670,12 +7670,12 @@ var require_sdp = __commonJS({
|
|
|
7670
7670
|
return parsed;
|
|
7671
7671
|
};
|
|
7672
7672
|
SDPUtils2.writeRtpMap = function(codec) {
|
|
7673
|
-
let
|
|
7673
|
+
let pt2 = codec.payloadType;
|
|
7674
7674
|
if (codec.preferredPayloadType !== void 0) {
|
|
7675
|
-
|
|
7675
|
+
pt2 = codec.preferredPayloadType;
|
|
7676
7676
|
}
|
|
7677
7677
|
const channels = codec.channels || codec.numChannels || 1;
|
|
7678
|
-
return "a=rtpmap:" +
|
|
7678
|
+
return "a=rtpmap:" + pt2 + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
|
|
7679
7679
|
};
|
|
7680
7680
|
SDPUtils2.parseExtmap = function(line) {
|
|
7681
7681
|
const parts = line.substring(9).split(" ");
|
|
@@ -7693,17 +7693,17 @@ var require_sdp = __commonJS({
|
|
|
7693
7693
|
const parsed = {};
|
|
7694
7694
|
let kv;
|
|
7695
7695
|
const parts = line.substring(line.indexOf(" ") + 1).split(";");
|
|
7696
|
-
for (let
|
|
7697
|
-
kv = parts[
|
|
7696
|
+
for (let j = 0; j < parts.length; j++) {
|
|
7697
|
+
kv = parts[j].trim().split("=");
|
|
7698
7698
|
parsed[kv[0].trim()] = kv[1];
|
|
7699
7699
|
}
|
|
7700
7700
|
return parsed;
|
|
7701
7701
|
};
|
|
7702
7702
|
SDPUtils2.writeFmtp = function(codec) {
|
|
7703
7703
|
let line = "";
|
|
7704
|
-
let
|
|
7704
|
+
let pt2 = codec.payloadType;
|
|
7705
7705
|
if (codec.preferredPayloadType !== void 0) {
|
|
7706
|
-
|
|
7706
|
+
pt2 = codec.preferredPayloadType;
|
|
7707
7707
|
}
|
|
7708
7708
|
if (codec.parameters && Object.keys(codec.parameters).length) {
|
|
7709
7709
|
const params = [];
|
|
@@ -7714,7 +7714,7 @@ var require_sdp = __commonJS({
|
|
|
7714
7714
|
params.push(param);
|
|
7715
7715
|
}
|
|
7716
7716
|
});
|
|
7717
|
-
line += "a=fmtp:" +
|
|
7717
|
+
line += "a=fmtp:" + pt2 + " " + params.join(";") + "\r\n";
|
|
7718
7718
|
}
|
|
7719
7719
|
return line;
|
|
7720
7720
|
};
|
|
@@ -7727,13 +7727,13 @@ var require_sdp = __commonJS({
|
|
|
7727
7727
|
};
|
|
7728
7728
|
SDPUtils2.writeRtcpFb = function(codec) {
|
|
7729
7729
|
let lines = "";
|
|
7730
|
-
let
|
|
7730
|
+
let pt2 = codec.payloadType;
|
|
7731
7731
|
if (codec.preferredPayloadType !== void 0) {
|
|
7732
|
-
|
|
7732
|
+
pt2 = codec.preferredPayloadType;
|
|
7733
7733
|
}
|
|
7734
7734
|
if (codec.rtcpFeedback && codec.rtcpFeedback.length) {
|
|
7735
7735
|
codec.rtcpFeedback.forEach((fb) => {
|
|
7736
|
-
lines += "a=rtcp-fb:" +
|
|
7736
|
+
lines += "a=rtcp-fb:" + pt2 + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
|
|
7737
7737
|
});
|
|
7738
7738
|
}
|
|
7739
7739
|
return lines;
|
|
@@ -7861,21 +7861,21 @@ var require_sdp = __commonJS({
|
|
|
7861
7861
|
const mline = lines[0].split(" ");
|
|
7862
7862
|
description.profile = mline[2];
|
|
7863
7863
|
for (let i = 3; i < mline.length; i++) {
|
|
7864
|
-
const
|
|
7864
|
+
const pt2 = mline[i];
|
|
7865
7865
|
const rtpmapline = SDPUtils2.matchPrefix(
|
|
7866
7866
|
mediaSection,
|
|
7867
|
-
"a=rtpmap:" +
|
|
7867
|
+
"a=rtpmap:" + pt2 + " "
|
|
7868
7868
|
)[0];
|
|
7869
7869
|
if (rtpmapline) {
|
|
7870
7870
|
const codec = SDPUtils2.parseRtpMap(rtpmapline);
|
|
7871
7871
|
const fmtps = SDPUtils2.matchPrefix(
|
|
7872
7872
|
mediaSection,
|
|
7873
|
-
"a=fmtp:" +
|
|
7873
|
+
"a=fmtp:" + pt2 + " "
|
|
7874
7874
|
);
|
|
7875
7875
|
codec.parameters = fmtps.length ? SDPUtils2.parseFmtp(fmtps[0]) : {};
|
|
7876
7876
|
codec.rtcpFeedback = SDPUtils2.matchPrefix(
|
|
7877
7877
|
mediaSection,
|
|
7878
|
-
"a=rtcp-fb:" +
|
|
7878
|
+
"a=rtcp-fb:" + pt2 + " "
|
|
7879
7879
|
).map(SDPUtils2.parseRtcpFb);
|
|
7880
7880
|
description.codecs.push(codec);
|
|
7881
7881
|
switch (codec.name.toUpperCase()) {
|
|
@@ -8674,8 +8674,8 @@ var require_parser = __commonJS({
|
|
|
8674
8674
|
media.push({ rtp: [], fmtp: [] });
|
|
8675
8675
|
location = media[media.length - 1];
|
|
8676
8676
|
}
|
|
8677
|
-
for (var
|
|
8678
|
-
var obj = grammar[type][
|
|
8677
|
+
for (var j = 0; j < (grammar[type] || []).length; j += 1) {
|
|
8678
|
+
var obj = grammar[type][j];
|
|
8679
8679
|
if (obj.reg.test(content)) {
|
|
8680
8680
|
return parseReg(obj, location, content);
|
|
8681
8681
|
}
|
|
@@ -11176,12 +11176,12 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
|
|
|
11176
11176
|
if (!bytes) {
|
|
11177
11177
|
return "-";
|
|
11178
11178
|
}
|
|
11179
|
-
const
|
|
11180
|
-
const
|
|
11179
|
+
const k2 = 1024;
|
|
11180
|
+
const dm2 = decimals < 0 ? 0 : decimals;
|
|
11181
11181
|
const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
|
|
11182
|
-
let i = Math.floor(Math.log(bytes) / Math.log(
|
|
11182
|
+
let i = Math.floor(Math.log(bytes) / Math.log(k2));
|
|
11183
11183
|
i === 0 && i++;
|
|
11184
|
-
return `${parseFloat((bytes / Math.pow(
|
|
11184
|
+
return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2))} ${sizes[i]}`;
|
|
11185
11185
|
};
|
|
11186
11186
|
|
|
11187
11187
|
// src/Stats/StyledStats.tsx
|
|
@@ -11907,7 +11907,7 @@ import {
|
|
|
11907
11907
|
HMSRoomProvider,
|
|
11908
11908
|
selectIsConnectedToRoom as selectIsConnectedToRoom13,
|
|
11909
11909
|
useHMSActions as useHMSActions53,
|
|
11910
|
-
useHMSStore as
|
|
11910
|
+
useHMSStore as useHMSStore93
|
|
11911
11911
|
} from "@100mslive/react-sdk";
|
|
11912
11912
|
|
|
11913
11913
|
// src/Prebuilt/components/AppData/AppData.tsx
|
|
@@ -12874,7 +12874,7 @@ import {
|
|
|
12874
12874
|
selectIsConnectedToRoom as selectIsConnectedToRoom10,
|
|
12875
12875
|
selectRoomState as selectRoomState7,
|
|
12876
12876
|
useHMSActions as useHMSActions46,
|
|
12877
|
-
useHMSStore as
|
|
12877
|
+
useHMSStore as useHMSStore82
|
|
12878
12878
|
} from "@100mslive/react-sdk";
|
|
12879
12879
|
|
|
12880
12880
|
// src/Prebuilt/components/Footer/Footer.tsx
|
|
@@ -13770,11 +13770,12 @@ var Options = ({
|
|
|
13770
13770
|
{
|
|
13771
13771
|
key: option.label,
|
|
13772
13772
|
css: {
|
|
13773
|
-
backgroundColor:
|
|
13773
|
+
backgroundColor: "$surface_dim",
|
|
13774
13774
|
p: "$4 $8",
|
|
13775
13775
|
h: "$15",
|
|
13776
13776
|
fontSize: "$xs",
|
|
13777
|
-
justifyContent: "space-between"
|
|
13777
|
+
justifyContent: "space-between",
|
|
13778
|
+
color: selectedDeviceId === option.deviceId ? "$primary_bright" : ""
|
|
13778
13779
|
},
|
|
13779
13780
|
onClick: () => {
|
|
13780
13781
|
onClick(option.deviceId);
|
|
@@ -14462,7 +14463,7 @@ import { useMedia as useMedia8 } from "react-use";
|
|
|
14462
14463
|
init_define_process_env();
|
|
14463
14464
|
import React52, { Fragment as Fragment7, useState as useState23 } from "react";
|
|
14464
14465
|
import { HMSHLSPlayer } from "@100mslive/hls-player";
|
|
14465
|
-
import { selectAppData as selectAppData3, selectLocalPeerID as selectLocalPeerID4, useHMSActions as useHMSActions15, useHMSStore as
|
|
14466
|
+
import { selectAppData as selectAppData3, selectLocalPeerID as selectLocalPeerID4, useHMSActions as useHMSActions15, useHMSStore as useHMSStore21 } from "@100mslive/react-sdk";
|
|
14466
14467
|
import { BrbIcon, CheckIcon as CheckIcon5, HamburgerMenuIcon, InfoIcon as InfoIcon2, PipIcon as PipIcon2, SettingsIcon as SettingsIcon3 } from "@100mslive/react-icons";
|
|
14467
14468
|
|
|
14468
14469
|
// src/Prebuilt/components/PIP/index.jsx
|
|
@@ -15187,7 +15188,7 @@ import React44, { useRef as useRef10 } from "react";
|
|
|
15187
15188
|
import { CheckIcon as CheckIcon3, CloudUploadIcon, CrossIcon as CrossIcon6 } from "@100mslive/react-icons";
|
|
15188
15189
|
var DialogContent = (_a8) => {
|
|
15189
15190
|
var _b7 = _a8, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
|
|
15190
|
-
return /* @__PURE__ */ React44.createElement(Dialog.Portal, null, /* @__PURE__ */ React44.createElement(Dialog.Overlay, null), /* @__PURE__ */ React44.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ React44.createElement(Dialog.Title, null, /* @__PURE__ */ React44.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React44.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ React44.createElement(
|
|
15191
|
+
return /* @__PURE__ */ React44.createElement(Dialog.Portal, null, /* @__PURE__ */ React44.createElement(Dialog.Overlay, null), /* @__PURE__ */ React44.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ React44.createElement(Dialog.Title, null, /* @__PURE__ */ React44.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React44.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ React44.createElement(Flex, { css: __spreadValues(__spreadValues({ mr: "$2", color: "$on_primary_high" }, flexCenter), iconCSS) }, /* @__PURE__ */ React44.createElement(Icon4, null)) : null, /* @__PURE__ */ React44.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ React44.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ React44.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ React44.createElement(Box, null, children)));
|
|
15191
15192
|
};
|
|
15192
15193
|
var ErrorDialog = (_a8) => {
|
|
15193
15194
|
var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
|
|
@@ -15668,11 +15669,11 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
|
|
|
15668
15669
|
return "-";
|
|
15669
15670
|
if (bytes === 0)
|
|
15670
15671
|
return "0 " + unit;
|
|
15671
|
-
const
|
|
15672
|
-
const
|
|
15672
|
+
const k2 = 1024;
|
|
15673
|
+
const dm2 = decimals < 0 ? 0 : decimals;
|
|
15673
15674
|
const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
|
|
15674
|
-
const i = Math.floor(Math.log(bytes) / Math.log(
|
|
15675
|
-
return parseFloat((bytes / Math.pow(
|
|
15675
|
+
const i = Math.floor(Math.log(bytes) / Math.log(k2));
|
|
15676
|
+
return parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2)) + " " + sizes[i];
|
|
15676
15677
|
};
|
|
15677
15678
|
|
|
15678
15679
|
// src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
|
|
@@ -15783,12 +15784,12 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
|
|
|
15783
15784
|
})))), /* @__PURE__ */ React48.createElement(DialogRow, null, errorMessage && /* @__PURE__ */ React48.createElement(Flex, { gap: 2, css: { c: "$alert_error_default", w: "70%", ml: "auto" } }, /* @__PURE__ */ React48.createElement(AlertTriangleIcon4, null), /* @__PURE__ */ React48.createElement(Text, { css: { c: "inherit" } }, errorMessage))), /* @__PURE__ */ React48.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React48.createElement(Button, { variant: "primary", onClick: changeBulkRole, disabled: !(selectedRole && selectedBulkRole.length > 0) }, isSubmiting && /* @__PURE__ */ React48.createElement(Loading, { css: { color: "$on_primary_medium" } }), "Apply"))));
|
|
15784
15785
|
};
|
|
15785
15786
|
|
|
15786
|
-
// src/Prebuilt/components/MoreSettings/FullScreenItem.
|
|
15787
|
+
// src/Prebuilt/components/MoreSettings/FullScreenItem.tsx
|
|
15787
15788
|
init_define_process_env();
|
|
15788
15789
|
import React49 from "react";
|
|
15789
15790
|
import { ExpandIcon } from "@100mslive/react-icons";
|
|
15790
15791
|
|
|
15791
|
-
// src/Prebuilt/components/hooks/useFullscreen.
|
|
15792
|
+
// src/Prebuilt/components/hooks/useFullscreen.ts
|
|
15792
15793
|
init_define_process_env();
|
|
15793
15794
|
import { useCallback as useCallback11, useEffect as useEffect15, useState as useState21 } from "react";
|
|
15794
15795
|
import screenfull from "screenfull";
|
|
@@ -15800,10 +15801,11 @@ var useFullscreen = () => {
|
|
|
15800
15801
|
return;
|
|
15801
15802
|
}
|
|
15802
15803
|
try {
|
|
15804
|
+
const container = document.querySelector(DEFAULT_PORTAL_CONTAINER);
|
|
15803
15805
|
if (isFullScreenEnabled) {
|
|
15804
15806
|
yield screenfull.exit();
|
|
15805
|
-
} else {
|
|
15806
|
-
yield screenfull.request(
|
|
15807
|
+
} else if (container) {
|
|
15808
|
+
yield screenfull.request(container);
|
|
15807
15809
|
}
|
|
15808
15810
|
} catch (err) {
|
|
15809
15811
|
ToastManager.addToast({ title: err.message });
|
|
@@ -15829,7 +15831,7 @@ var useFullscreen = () => {
|
|
|
15829
15831
|
};
|
|
15830
15832
|
};
|
|
15831
15833
|
|
|
15832
|
-
// src/Prebuilt/components/MoreSettings/FullScreenItem.
|
|
15834
|
+
// src/Prebuilt/components/MoreSettings/FullScreenItem.tsx
|
|
15833
15835
|
var FullScreenItem = () => {
|
|
15834
15836
|
const { allowed, isFullscreen, toggleFullscreen } = useFullscreen();
|
|
15835
15837
|
if (!allowed) {
|
|
@@ -15848,17 +15850,40 @@ var FullScreenItem = () => {
|
|
|
15848
15850
|
);
|
|
15849
15851
|
};
|
|
15850
15852
|
|
|
15851
|
-
// src/Prebuilt/components/MoreSettings/MuteAllModal.
|
|
15853
|
+
// src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
|
|
15852
15854
|
init_define_process_env();
|
|
15853
15855
|
import React51, { useCallback as useCallback12, useState as useState22 } from "react";
|
|
15854
|
-
import {
|
|
15856
|
+
import {
|
|
15857
|
+
selectAvailableRoleNames as selectAvailableRoleNames3,
|
|
15858
|
+
useHMSActions as useHMSActions13,
|
|
15859
|
+
useHMSStore as useHMSStore19
|
|
15860
|
+
} from "@100mslive/react-sdk";
|
|
15855
15861
|
import { MicOffIcon as MicOffIcon2 } from "@100mslive/react-icons";
|
|
15856
15862
|
|
|
15857
|
-
// src/Prebuilt/components/MoreSettings/MuteAllContent.
|
|
15863
|
+
// src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
|
|
15858
15864
|
init_define_process_env();
|
|
15859
15865
|
import React50 from "react";
|
|
15866
|
+
import { selectPermissions as selectPermissions6, useHMSStore as useHMSStore18 } from "@100mslive/react-sdk";
|
|
15867
|
+
|
|
15868
|
+
// src/Prebuilt/components/MoreSettings/constants.ts
|
|
15869
|
+
init_define_process_env();
|
|
15870
|
+
var trackSourceOptions = [
|
|
15871
|
+
{ label: "All Track Sources", value: "" },
|
|
15872
|
+
{ label: "regular", value: "regular" },
|
|
15873
|
+
{ label: "screen", value: "screen" },
|
|
15874
|
+
{ label: "audioplaylist", value: "audioplaylist" },
|
|
15875
|
+
{ label: "videoplaylist", value: "videoplaylist" }
|
|
15876
|
+
];
|
|
15877
|
+
var trackTypeOptions = [
|
|
15878
|
+
{ label: "All Track Types", value: "" },
|
|
15879
|
+
{ label: "audio", value: "audio" },
|
|
15880
|
+
{ label: "video", value: "video" }
|
|
15881
|
+
];
|
|
15882
|
+
|
|
15883
|
+
// src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
|
|
15860
15884
|
var MuteAllContent = (props) => {
|
|
15861
15885
|
const roles = props.roles || [];
|
|
15886
|
+
const permissions = useHMSStore18(selectPermissions6);
|
|
15862
15887
|
return /* @__PURE__ */ React50.createElement(React50.Fragment, null, /* @__PURE__ */ React50.createElement(
|
|
15863
15888
|
DialogSelect,
|
|
15864
15889
|
{
|
|
@@ -15873,7 +15898,7 @@ var MuteAllContent = (props) => {
|
|
|
15873
15898
|
DialogSelect,
|
|
15874
15899
|
{
|
|
15875
15900
|
title: "Track type",
|
|
15876
|
-
options:
|
|
15901
|
+
options: trackTypeOptions,
|
|
15877
15902
|
selected: props.trackType,
|
|
15878
15903
|
onChange: props.setTrackType,
|
|
15879
15904
|
keyField: "value",
|
|
@@ -15883,30 +15908,21 @@ var MuteAllContent = (props) => {
|
|
|
15883
15908
|
DialogSelect,
|
|
15884
15909
|
{
|
|
15885
15910
|
title: "Track source",
|
|
15886
|
-
options:
|
|
15911
|
+
options: trackSourceOptions,
|
|
15887
15912
|
selected: props.selectedSource,
|
|
15888
15913
|
onChange: props.setSource,
|
|
15889
15914
|
keyField: "value",
|
|
15890
15915
|
labelField: "label"
|
|
15891
15916
|
}
|
|
15892
|
-
), /* @__PURE__ */ React50.createElement(DialogRow, null, /* @__PURE__ */ React50.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ React50.createElement(RadioGroup.Root, { value: props.enabled, onValueChange: props.setEnabled }, /* @__PURE__ */ React50.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Item, { value: false, id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React50.createElement(Label3, { htmlFor: "trackDisableRadio" }, "Mute")), /* @__PURE__ */ React50.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Item, { value: true, id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React50.createElement(Label3, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ React50.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React50.createElement(Button, { variant: "primary", onClick: props.muteAll, css: { w: (props == null ? void 0 : props.isMobile) ? "100%" : "" } }, "Apply")));
|
|
15917
|
+
), /* @__PURE__ */ React50.createElement(DialogRow, null, /* @__PURE__ */ React50.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ React50.createElement(RadioGroup.Root, { value: String(props.enabled), onValueChange: (value) => props.setEnabled(value === "true") }, (permissions == null ? void 0 : permissions.mute) && /* @__PURE__ */ React50.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Item, { value: "false", id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React50.createElement(Label3, { htmlFor: "trackDisableRadio" }, "Mute")), (permissions == null ? void 0 : permissions.unmute) && /* @__PURE__ */ React50.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Item, { value: "true", id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ React50.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React50.createElement(Label3, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ React50.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React50.createElement(Button, { variant: "primary", onClick: props.muteAll, css: { w: (props == null ? void 0 : props.isMobile) ? "100%" : "" } }, "Apply")));
|
|
15893
15918
|
};
|
|
15894
15919
|
|
|
15895
|
-
// src/Prebuilt/components/MoreSettings/MuteAllModal.
|
|
15896
|
-
var
|
|
15897
|
-
|
|
15898
|
-
|
|
15899
|
-
|
|
15900
|
-
|
|
15901
|
-
{ label: "videoplaylist", value: "videoplaylist" }
|
|
15902
|
-
];
|
|
15903
|
-
var trackTypeOptions = [
|
|
15904
|
-
{ label: "All Track Types", value: "" },
|
|
15905
|
-
{ label: "audio", value: "audio" },
|
|
15906
|
-
{ label: "video", value: "video" }
|
|
15907
|
-
];
|
|
15908
|
-
var MuteAllModal = ({ onOpenChange, isMobile = false }) => {
|
|
15909
|
-
const roles = useFilteredRoles();
|
|
15920
|
+
// src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
|
|
15921
|
+
var MuteAllModal = ({
|
|
15922
|
+
onOpenChange,
|
|
15923
|
+
isMobile = false
|
|
15924
|
+
}) => {
|
|
15925
|
+
const roles = useHMSStore19(selectAvailableRoleNames3);
|
|
15910
15926
|
const hmsActions = useHMSActions13();
|
|
15911
15927
|
const [enabled, setEnabled] = useState22(false);
|
|
15912
15928
|
const [trackType, setTrackType] = useState22();
|
|
@@ -15932,8 +15948,6 @@ var MuteAllModal = ({ onOpenChange, isMobile = false }) => {
|
|
|
15932
15948
|
setRole,
|
|
15933
15949
|
selectedSource,
|
|
15934
15950
|
setSource,
|
|
15935
|
-
trackSourceOptions,
|
|
15936
|
-
trackTypeOptions,
|
|
15937
15951
|
isMobile
|
|
15938
15952
|
};
|
|
15939
15953
|
if (isMobile) {
|
|
@@ -15950,15 +15964,15 @@ import {
|
|
|
15950
15964
|
selectLocalPeerID as selectLocalPeerID3,
|
|
15951
15965
|
selectPeerMetadata as selectPeerMetadata2,
|
|
15952
15966
|
useHMSActions as useHMSActions14,
|
|
15953
|
-
useHMSStore as
|
|
15967
|
+
useHMSStore as useHMSStore20,
|
|
15954
15968
|
useHMSVanillaStore as useHMSVanillaStore6
|
|
15955
15969
|
} from "@100mslive/react-sdk";
|
|
15956
15970
|
var useMyMetadata = () => {
|
|
15957
15971
|
const hmsActions = useHMSActions14();
|
|
15958
|
-
const localPeerId =
|
|
15972
|
+
const localPeerId = useHMSStore20(selectLocalPeerID3);
|
|
15959
15973
|
const vanillaStore = useHMSVanillaStore6();
|
|
15960
|
-
const metaData =
|
|
15961
|
-
const isHandRaised =
|
|
15974
|
+
const metaData = useHMSStore20(selectPeerMetadata2(localPeerId));
|
|
15975
|
+
const isHandRaised = useHMSStore20(selectHasPeerHandRaised(localPeerId));
|
|
15962
15976
|
const update = (updatedFields) => __async(void 0, null, function* () {
|
|
15963
15977
|
try {
|
|
15964
15978
|
const currentMetadata = vanillaStore.getState(selectPeerMetadata2(localPeerId));
|
|
@@ -16015,9 +16029,9 @@ var DesktopOptions = ({
|
|
|
16015
16029
|
elements,
|
|
16016
16030
|
screenType
|
|
16017
16031
|
}) => {
|
|
16018
|
-
const localPeerId =
|
|
16032
|
+
const localPeerId = useHMSStore21(selectLocalPeerID4);
|
|
16019
16033
|
const hmsActions = useHMSActions15();
|
|
16020
|
-
const enablHlsStats =
|
|
16034
|
+
const enablHlsStats = useHMSStore21(selectAppData3(APP_DATA.hlsStats));
|
|
16021
16035
|
const [openModals, setOpenModals] = useState23(/* @__PURE__ */ new Set());
|
|
16022
16036
|
const { isBRBOn, toggleBRB } = useMyMetadata();
|
|
16023
16037
|
const isPipOn = PictureInPicture.isOn();
|
|
@@ -16108,10 +16122,10 @@ import { useClickAway } from "react-use";
|
|
|
16108
16122
|
import {
|
|
16109
16123
|
selectIsConnectedToRoom as selectIsConnectedToRoom7,
|
|
16110
16124
|
selectPeerCount as selectPeerCount3,
|
|
16111
|
-
selectPermissions as
|
|
16125
|
+
selectPermissions as selectPermissions8,
|
|
16112
16126
|
useAVToggle as useAVToggle3,
|
|
16113
16127
|
useHMSActions as useHMSActions21,
|
|
16114
|
-
useHMSStore as
|
|
16128
|
+
useHMSStore as useHMSStore29,
|
|
16115
16129
|
useRecordingStreaming as useRecordingStreaming7
|
|
16116
16130
|
} from "@100mslive/react-sdk";
|
|
16117
16131
|
import {
|
|
@@ -16217,8 +16231,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
|
|
|
16217
16231
|
// ../hms-video-store/dist/index.js
|
|
16218
16232
|
var import_ua_parser_js = __toESM(require_ua_parser());
|
|
16219
16233
|
var import_lodash3 = __toESM(require_lodash2());
|
|
16220
|
-
import { v4 as
|
|
16221
|
-
import { v4 as
|
|
16234
|
+
import { v4 as $a } from "uuid";
|
|
16235
|
+
import { v4 as Fa } from "uuid";
|
|
16222
16236
|
|
|
16223
16237
|
// ../../node_modules/webrtc-adapter/src/js/adapter_core.js
|
|
16224
16238
|
init_define_process_env();
|
|
@@ -18315,114 +18329,114 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
|
|
|
18315
18329
|
|
|
18316
18330
|
// ../hms-video-store/dist/index.js
|
|
18317
18331
|
var import_lodash4 = __toESM(require_lodash2());
|
|
18318
|
-
import { v4 as
|
|
18319
|
-
import { v4 as
|
|
18320
|
-
import { v4 as
|
|
18321
|
-
import { EventEmitter2 as
|
|
18322
|
-
var
|
|
18323
|
-
import { EventEmitter2 as
|
|
18324
|
-
import { v4 as
|
|
18325
|
-
import { EventEmitter2 as
|
|
18326
|
-
import
|
|
18327
|
-
import { v4 as
|
|
18328
|
-
import { v4 as
|
|
18329
|
-
var
|
|
18330
|
-
var
|
|
18331
|
-
var
|
|
18332
|
-
var
|
|
18333
|
-
var
|
|
18334
|
-
var
|
|
18335
|
-
var
|
|
18336
|
-
var
|
|
18332
|
+
import { v4 as Za } from "uuid";
|
|
18333
|
+
import { v4 as ro } from "uuid";
|
|
18334
|
+
import { v4 as no } from "uuid";
|
|
18335
|
+
import { EventEmitter2 as co } from "eventemitter2";
|
|
18336
|
+
var Lt = __toESM(require_lib());
|
|
18337
|
+
import { EventEmitter2 as Io } from "eventemitter2";
|
|
18338
|
+
import { v4 as Co } from "uuid";
|
|
18339
|
+
import { EventEmitter2 as Lo } from "eventemitter2";
|
|
18340
|
+
import Do from "eventemitter2";
|
|
18341
|
+
import { v4 as wo } from "uuid";
|
|
18342
|
+
import { v4 as Oo } from "uuid";
|
|
18343
|
+
var va = Object.defineProperty;
|
|
18344
|
+
var Ma = Object.defineProperties;
|
|
18345
|
+
var ya = Object.getOwnPropertyDescriptors;
|
|
18346
|
+
var Bt = Object.getOwnPropertySymbols;
|
|
18347
|
+
var Gr = Object.prototype.hasOwnProperty;
|
|
18348
|
+
var $r = Object.prototype.propertyIsEnumerable;
|
|
18349
|
+
var Fr = (a2, e, t) => e in a2 ? va(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
18350
|
+
var S = (a2, e) => {
|
|
18337
18351
|
for (var t in e || (e = {}))
|
|
18338
|
-
|
|
18339
|
-
if (
|
|
18340
|
-
for (var t of
|
|
18341
|
-
|
|
18352
|
+
Gr.call(e, t) && Fr(a2, t, e[t]);
|
|
18353
|
+
if (Bt)
|
|
18354
|
+
for (var t of Bt(e))
|
|
18355
|
+
$r.call(e, t) && Fr(a2, t, e[t]);
|
|
18342
18356
|
return a2;
|
|
18343
18357
|
};
|
|
18344
|
-
var
|
|
18345
|
-
var
|
|
18358
|
+
var y = (a2, e) => Ma(a2, ya(e));
|
|
18359
|
+
var Yi = (a2, e) => {
|
|
18346
18360
|
var t = {};
|
|
18347
18361
|
for (var i in a2)
|
|
18348
|
-
|
|
18349
|
-
if (a2 != null &&
|
|
18350
|
-
for (var i of
|
|
18351
|
-
e.indexOf(i) < 0 &&
|
|
18362
|
+
Gr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
|
|
18363
|
+
if (a2 != null && Bt)
|
|
18364
|
+
for (var i of Bt(a2))
|
|
18365
|
+
e.indexOf(i) < 0 && $r.call(a2, i) && (t[i] = a2[i]);
|
|
18352
18366
|
return t;
|
|
18353
18367
|
};
|
|
18354
|
-
var
|
|
18355
|
-
var
|
|
18356
|
-
|
|
18368
|
+
var Ea = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
18369
|
+
var dr = Ea((Yc, Ga) => {
|
|
18370
|
+
Ga.exports = { version: "0.11.8-alpha.1", 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"] };
|
|
18357
18371
|
});
|
|
18358
|
-
var
|
|
18359
|
-
var
|
|
18360
|
-
var
|
|
18361
|
-
var
|
|
18362
|
-
var
|
|
18372
|
+
var Xi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Xi || {});
|
|
18373
|
+
var ba = ((e) => (e.CHAT = "chat", e))(ba || {});
|
|
18374
|
+
var Wr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Wr || {});
|
|
18375
|
+
var Zi = ((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))(Zi || {});
|
|
18376
|
+
var Kr = ((t) => (t.audio = "audio", t.video = "video", t))(Kr || {});
|
|
18363
18377
|
function He(a2, e) {
|
|
18364
18378
|
let t, i;
|
|
18365
18379
|
if (e)
|
|
18366
18380
|
for (let r of e.auxiliaryTracks) {
|
|
18367
18381
|
let s = a2[r];
|
|
18368
|
-
|
|
18382
|
+
Aa(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
|
|
18369
18383
|
}
|
|
18370
18384
|
return { video: t, audio: i };
|
|
18371
18385
|
}
|
|
18372
|
-
function
|
|
18386
|
+
function tt(a2) {
|
|
18373
18387
|
return a2 && a2.type === "audio";
|
|
18374
18388
|
}
|
|
18375
|
-
function
|
|
18389
|
+
function it(a2) {
|
|
18376
18390
|
return a2 && a2.type === "video";
|
|
18377
18391
|
}
|
|
18378
|
-
function
|
|
18392
|
+
function Aa(a2) {
|
|
18379
18393
|
return a2 && a2.source === "screen";
|
|
18380
18394
|
}
|
|
18381
|
-
function
|
|
18395
|
+
function Gt(a2) {
|
|
18382
18396
|
return a2 && a2.source === "audioplaylist";
|
|
18383
18397
|
}
|
|
18384
|
-
function
|
|
18398
|
+
function rt(a2) {
|
|
18385
18399
|
return a2 && a2.source === "videoplaylist";
|
|
18386
18400
|
}
|
|
18387
|
-
function
|
|
18401
|
+
function qr(a2) {
|
|
18388
18402
|
return a2 ? !!(a2 != null && a2.degraded) : false;
|
|
18389
18403
|
}
|
|
18390
|
-
function
|
|
18404
|
+
function Ue(a2, e) {
|
|
18391
18405
|
return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
|
|
18392
18406
|
}
|
|
18393
|
-
function
|
|
18407
|
+
function st(a2) {
|
|
18394
18408
|
var r;
|
|
18395
18409
|
let e = false, t = false, i = false;
|
|
18396
18410
|
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 };
|
|
18397
18411
|
}
|
|
18398
|
-
var
|
|
18399
|
-
var
|
|
18400
|
-
var
|
|
18401
|
-
var
|
|
18412
|
+
var B = (a2) => a2.room;
|
|
18413
|
+
var Ia = (a2) => a2.errors;
|
|
18414
|
+
var bn = createSelector(Ia, (a2) => a2.length === 0 ? null : a2.at(-1));
|
|
18415
|
+
var An = createSelector(B, (a2) => a2.id);
|
|
18402
18416
|
var G = (a2) => a2.peers;
|
|
18403
|
-
var
|
|
18404
|
-
var
|
|
18405
|
-
var
|
|
18406
|
-
var
|
|
18407
|
-
var
|
|
18408
|
-
var
|
|
18409
|
-
var
|
|
18410
|
-
var
|
|
18411
|
-
var ae = createSelector([
|
|
18412
|
-
var
|
|
18413
|
-
var
|
|
18414
|
-
var
|
|
18415
|
-
var
|
|
18416
|
-
var
|
|
18417
|
-
var Z = createSelector(
|
|
18418
|
-
var K = createSelector(
|
|
18419
|
-
var
|
|
18420
|
-
var
|
|
18417
|
+
var $t = (a2) => a2.messages.byID;
|
|
18418
|
+
var Jr = (a2) => a2.messages.allIDs;
|
|
18419
|
+
var D = (a2) => a2.tracks;
|
|
18420
|
+
var er = (a2) => a2.appData;
|
|
18421
|
+
var Ra = (a2) => a2.speakers;
|
|
18422
|
+
var ye = createSelector([B], (a2) => a2 && a2.isConnected);
|
|
18423
|
+
var Hn = 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));
|
|
18424
|
+
var Ha = (a2) => a2.hideLocalPeer;
|
|
18425
|
+
var ae = createSelector([B, G, Ha], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
|
|
18426
|
+
var Ca = createSelector(D, (a2) => Object.values(a2));
|
|
18427
|
+
var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
|
|
18428
|
+
var ue = createSelector(B, (a2) => a2.localPeer);
|
|
18429
|
+
var Cn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
|
|
18430
|
+
var Ln = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
|
|
18431
|
+
var Z = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
|
|
18432
|
+
var K = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
|
|
18433
|
+
var La = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
|
|
18434
|
+
var zr = createSelector([Z, K, La], (a2, e, t) => {
|
|
18421
18435
|
let i = t ? [...t] : [];
|
|
18422
18436
|
return a2 && i.unshift(a2), e && i.unshift(e), i;
|
|
18423
18437
|
});
|
|
18424
|
-
var
|
|
18425
|
-
var
|
|
18438
|
+
var Dn = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
|
|
18439
|
+
var wn = createSelector(G, Ra, (a2, e) => {
|
|
18426
18440
|
let t = Object.entries(e).sort((i, r) => {
|
|
18427
18441
|
var n, l;
|
|
18428
18442
|
let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
|
|
@@ -18435,11 +18449,11 @@ var Ln = createSelector(G, ba, (a2, e) => {
|
|
|
18435
18449
|
}
|
|
18436
18450
|
return null;
|
|
18437
18451
|
});
|
|
18438
|
-
var
|
|
18452
|
+
var ir = createSelector(z, D, (a2, e) => {
|
|
18439
18453
|
let { video: t, audio: i } = He(e, a2);
|
|
18440
18454
|
return !!(t || i);
|
|
18441
18455
|
});
|
|
18442
|
-
var
|
|
18456
|
+
var Da = createSelector(G, D, (a2, e) => {
|
|
18443
18457
|
let t;
|
|
18444
18458
|
for (let i in a2) {
|
|
18445
18459
|
let r = a2[i], { video: s, audio: o } = He(e, r);
|
|
@@ -18449,15 +18463,15 @@ var Ha = createSelector(G, w, (a2, e) => {
|
|
|
18449
18463
|
}
|
|
18450
18464
|
return t;
|
|
18451
18465
|
});
|
|
18452
|
-
var
|
|
18453
|
-
var
|
|
18466
|
+
var Nn = createSelector(Da, (a2) => !!a2);
|
|
18467
|
+
var On = createSelector(G, D, (a2, e) => {
|
|
18454
18468
|
for (let t in a2) {
|
|
18455
18469
|
let i = a2[t], { audio: r, video: s } = He(e, i);
|
|
18456
18470
|
if (!s && r)
|
|
18457
18471
|
return i;
|
|
18458
18472
|
}
|
|
18459
18473
|
});
|
|
18460
|
-
var
|
|
18474
|
+
var xn = createSelector(G, D, (a2, e) => {
|
|
18461
18475
|
let t = [], i = [];
|
|
18462
18476
|
for (let r in a2) {
|
|
18463
18477
|
let s = a2[r], { video: o, audio: n } = He(e, s);
|
|
@@ -18465,80 +18479,80 @@ var Nn = createSelector(G, w, (a2, e) => {
|
|
|
18465
18479
|
}
|
|
18466
18480
|
return t.concat(i);
|
|
18467
18481
|
});
|
|
18468
|
-
var
|
|
18482
|
+
var Un = createSelector(G, D, (a2, e) => {
|
|
18469
18483
|
for (let t in e) {
|
|
18470
18484
|
let i = e[t];
|
|
18471
|
-
if (
|
|
18485
|
+
if (rt(i) && it(i) && i.peerId)
|
|
18472
18486
|
return a2[i.peerId];
|
|
18473
18487
|
}
|
|
18474
18488
|
});
|
|
18475
|
-
var
|
|
18489
|
+
var Bn = createSelector(G, D, (a2, e) => {
|
|
18476
18490
|
for (let t in e) {
|
|
18477
18491
|
let i = e[t];
|
|
18478
|
-
if (
|
|
18492
|
+
if (Gt(i) && i.peerId)
|
|
18479
18493
|
return a2[i.peerId];
|
|
18480
18494
|
}
|
|
18481
18495
|
});
|
|
18482
|
-
var
|
|
18483
|
-
var
|
|
18484
|
-
var
|
|
18485
|
-
var
|
|
18496
|
+
var Vn = createSelector(Ca, (a2) => a2.filter(qr));
|
|
18497
|
+
var Fn = createSelector(Jr, (a2) => a2.length);
|
|
18498
|
+
var Gn = createSelector($t, (a2) => Object.values(a2).filter((e) => !e.read).length);
|
|
18499
|
+
var at = createSelector(Jr, $t, (a2, e) => {
|
|
18486
18500
|
let t = [];
|
|
18487
18501
|
return a2.forEach((i) => {
|
|
18488
18502
|
t.push(e[i]);
|
|
18489
18503
|
}), t;
|
|
18490
18504
|
});
|
|
18491
|
-
var
|
|
18505
|
+
var wa = createSelector(at, (a2) => a2.filter((e) => {
|
|
18492
18506
|
var t;
|
|
18493
18507
|
return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
|
|
18494
18508
|
}));
|
|
18495
|
-
var
|
|
18496
|
-
var
|
|
18497
|
-
var
|
|
18498
|
-
var
|
|
18509
|
+
var $n = createSelector(wa, (a2) => a2.filter((e) => !e.read).length);
|
|
18510
|
+
var Y = createSelector([B], (a2) => a2 && a2.roomState);
|
|
18511
|
+
var Xr = createSelector(Y, (a2) => a2 === "Preview");
|
|
18512
|
+
var Wn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
|
|
18499
18513
|
var oe = (a2) => a2.roles;
|
|
18500
|
-
var
|
|
18501
|
-
var
|
|
18502
|
-
var
|
|
18514
|
+
var Kn = createSelector([oe], (a2) => Object.keys(a2));
|
|
18515
|
+
var Wt = createSelector([z, oe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
|
|
18516
|
+
var _a7 = (a2) => {
|
|
18503
18517
|
var e;
|
|
18504
18518
|
return (e = a2.preview) == null ? void 0 : e.asRole;
|
|
18505
18519
|
};
|
|
18506
|
-
var
|
|
18507
|
-
var
|
|
18520
|
+
var Zr = createSelector([_a7, oe], (a2, e) => a2 ? e[a2] : null);
|
|
18521
|
+
var qn = createSelector([Wt], (a2) => {
|
|
18508
18522
|
var e;
|
|
18509
18523
|
return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
|
|
18510
18524
|
});
|
|
18511
|
-
var
|
|
18512
|
-
var
|
|
18513
|
-
var
|
|
18514
|
-
var
|
|
18515
|
-
var
|
|
18516
|
-
var
|
|
18517
|
-
var
|
|
18518
|
-
var
|
|
18519
|
-
var
|
|
18520
|
-
var
|
|
18521
|
-
var
|
|
18522
|
-
var
|
|
18523
|
-
var
|
|
18524
|
-
var
|
|
18525
|
-
var
|
|
18526
|
-
var
|
|
18527
|
-
var
|
|
18528
|
-
var
|
|
18529
|
-
var
|
|
18530
|
-
var
|
|
18531
|
-
var
|
|
18525
|
+
var es = createSelector(Wt, (a2) => a2 == null ? void 0 : a2.permissions);
|
|
18526
|
+
var jn = createSelector(B, (a2) => a2.recording);
|
|
18527
|
+
var Jn = createSelector(B, (a2) => a2.rtmp);
|
|
18528
|
+
var Qn = createSelector(B, (a2) => a2.hls);
|
|
18529
|
+
var zn = createSelector(B, (a2) => a2.sessionId);
|
|
18530
|
+
var Yn = createSelector(B, (a2) => a2.startedAt);
|
|
18531
|
+
var Xn = createSelector(B, (a2) => !!a2.isLargeRoom);
|
|
18532
|
+
var Zn = createSelector(B, (a2) => !!a2.isEffectsEnabled);
|
|
18533
|
+
var ec = createSelector(B, (a2) => a2.effectsKey);
|
|
18534
|
+
var ts = (a2) => a2.polls;
|
|
18535
|
+
var sc = createSelector(ae, (a2) => a2.filter((e) => e.isHandRaised));
|
|
18536
|
+
var Na = (a2) => a2.whiteboards;
|
|
18537
|
+
var ac = createSelector(Na, (a2) => Object.values(a2)[0]);
|
|
18538
|
+
var rs = (a2 = "audio") => (e) => e.playlist[a2].list;
|
|
18539
|
+
var rr = (a2 = "audio") => (e) => e.playlist[a2].selection;
|
|
18540
|
+
var ss = (a2 = "audio") => (e) => e.playlist[a2].progress;
|
|
18541
|
+
var as = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
|
|
18542
|
+
var os = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
|
|
18543
|
+
var ns = (a2 = "audio") => (e) => e.playlist[a2].volume;
|
|
18544
|
+
var cs = (a2 = "audio") => createSelector(rs(a2), (e) => Object.values(e));
|
|
18545
|
+
var ds = (a2 = "audio") => createSelector(rs(a2), rr(a2), (e, t) => {
|
|
18532
18546
|
if (t.id)
|
|
18533
18547
|
return e[t.id];
|
|
18534
18548
|
});
|
|
18535
|
-
var
|
|
18536
|
-
var
|
|
18549
|
+
var ls = { selection: rr("audio"), progress: ss("audio"), currentTime: as("audio"), playbackRate: os("audio"), volume: ns("audio"), list: cs("audio"), selectedItem: ds("audio") };
|
|
18550
|
+
var us = { selection: rr("video"), progress: ss("video"), currentTime: as("video"), playbackRate: os("video"), volume: ns("video"), list: cs("video"), selectedItem: ds("video") };
|
|
18537
18551
|
function b(a2) {
|
|
18538
18552
|
return (e) => (t) => a2(t, e);
|
|
18539
18553
|
}
|
|
18540
|
-
var
|
|
18541
|
-
var
|
|
18554
|
+
var ps = ((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))(ps || {});
|
|
18555
|
+
var Oa = typeof window != "undefined" && typeof window.expect != "undefined";
|
|
18542
18556
|
var d = class {
|
|
18543
18557
|
static v(e, ...t) {
|
|
18544
18558
|
this.log(0, e, ...t);
|
|
@@ -18604,24 +18618,24 @@ var d = class {
|
|
|
18604
18618
|
}
|
|
18605
18619
|
}
|
|
18606
18620
|
};
|
|
18607
|
-
d.level =
|
|
18608
|
-
var
|
|
18609
|
-
var
|
|
18610
|
-
var ps;
|
|
18611
|
-
var Ce = typeof window == "undefined" && !((ps = he.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
|
|
18612
|
-
var Na = () => !Ce;
|
|
18613
|
-
var uc = Na();
|
|
18621
|
+
d.level = Oa ? 7 : 0;
|
|
18622
|
+
var pe = new import_ua_parser_js.UAParser();
|
|
18623
|
+
var w = typeof window != "undefined";
|
|
18614
18624
|
var hs;
|
|
18625
|
+
var Ce = typeof window == "undefined" && !((hs = pe.getBrowser().name) != null && hs.toLowerCase().includes("electron"));
|
|
18626
|
+
var Ua = () => !Ce;
|
|
18627
|
+
var hc = Ua();
|
|
18628
|
+
var ms;
|
|
18615
18629
|
var Ss;
|
|
18616
|
-
var
|
|
18617
|
-
function
|
|
18618
|
-
if (
|
|
18630
|
+
var Ts = ((Ss = (ms = pe.getBrowser()) == null ? void 0 : ms.name) == null ? void 0 : Ss.toLowerCase()) === "firefox";
|
|
18631
|
+
function Ba() {
|
|
18632
|
+
if (w && window) {
|
|
18619
18633
|
let a2 = window.location.hostname;
|
|
18620
18634
|
return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
|
|
18621
18635
|
}
|
|
18622
18636
|
return "CUSTOM";
|
|
18623
18637
|
}
|
|
18624
|
-
var Ve =
|
|
18638
|
+
var Ve = Ba();
|
|
18625
18639
|
var v = { 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 } };
|
|
18626
18640
|
var f = class a extends Error {
|
|
18627
18641
|
constructor(t, i, r, s, o, n = false) {
|
|
@@ -18652,7 +18666,7 @@ var f = class a extends Error {
|
|
|
18652
18666
|
}`;
|
|
18653
18667
|
}
|
|
18654
18668
|
};
|
|
18655
|
-
var
|
|
18669
|
+
var Va = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
18656
18670
|
var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
18657
18671
|
return new f(v.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
18658
18672
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
@@ -18712,7 +18726,7 @@ var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
|
18712
18726
|
}, StatsFailed(a2, e = "") {
|
|
18713
18727
|
return new f(v.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
18714
18728
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
18715
|
-
return new f(a2, "ServerErrors", e, t, t,
|
|
18729
|
+
return new f(a2, "ServerErrors", e, t, t, Va.includes(e));
|
|
18716
18730
|
}, AlreadyJoined(a2, e = "") {
|
|
18717
18731
|
return new f(v.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
18718
18732
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
@@ -18760,7 +18774,7 @@ var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
|
18760
18774
|
}, NoEntryPlaying(a2, e) {
|
|
18761
18775
|
return new f(v.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
|
|
18762
18776
|
} } };
|
|
18763
|
-
var
|
|
18777
|
+
var or = class {
|
|
18764
18778
|
constructor() {
|
|
18765
18779
|
this.valuesMap = /* @__PURE__ */ new Map();
|
|
18766
18780
|
}
|
|
@@ -18785,9 +18799,9 @@ var sr = class {
|
|
|
18785
18799
|
return this.valuesMap.size;
|
|
18786
18800
|
}
|
|
18787
18801
|
};
|
|
18788
|
-
var
|
|
18802
|
+
var fs = () => {
|
|
18789
18803
|
try {
|
|
18790
|
-
|
|
18804
|
+
w && !localStorage && (window.localStorage = new or());
|
|
18791
18805
|
} catch (a2) {
|
|
18792
18806
|
d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied());
|
|
18793
18807
|
}
|
|
@@ -18799,7 +18813,7 @@ var ne = class {
|
|
|
18799
18813
|
}
|
|
18800
18814
|
getStorage() {
|
|
18801
18815
|
try {
|
|
18802
|
-
return
|
|
18816
|
+
return w && !this.storage && (fs(), this.storage = window.localStorage), this.storage;
|
|
18803
18817
|
} catch (e) {
|
|
18804
18818
|
return d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied()), null;
|
|
18805
18819
|
}
|
|
@@ -18819,37 +18833,37 @@ var ne = class {
|
|
|
18819
18833
|
(e = this.getStorage()) == null || e.removeItem(this.key);
|
|
18820
18834
|
}
|
|
18821
18835
|
};
|
|
18822
|
-
var
|
|
18836
|
+
var vs = () => {
|
|
18823
18837
|
let a2, e = new ne("hms-analytics-deviceId"), t = e.get();
|
|
18824
|
-
return t ? a2 = t : (a2 =
|
|
18838
|
+
return t ? a2 = t : (a2 = Fa(), e.set(a2)), a2;
|
|
18825
18839
|
};
|
|
18826
18840
|
function ie(a2) {
|
|
18827
18841
|
return a2 != null;
|
|
18828
18842
|
}
|
|
18829
|
-
var
|
|
18830
|
-
function
|
|
18843
|
+
var ys = dr().version;
|
|
18844
|
+
function ot(a2 = "prod", e) {
|
|
18831
18845
|
let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
18832
18846
|
if (Ce)
|
|
18833
|
-
return
|
|
18834
|
-
let r =
|
|
18835
|
-
return s.type && (p = `${
|
|
18847
|
+
return ks({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ys, 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 });
|
|
18848
|
+
let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = lr(`web_${r.name}`), l = r.version || "", u = lr(`${o.name}_${o.version}`), p = u;
|
|
18849
|
+
return s.type && (p = `${lr(`${s.vendor}_${s.type}`)}/${u}`), ks({ os: n, os_version: l, sdk: t, sdk_version: ys, 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 });
|
|
18836
18850
|
}
|
|
18837
|
-
function
|
|
18851
|
+
function lr(a2) {
|
|
18838
18852
|
return a2.replace(/ /g, "_");
|
|
18839
18853
|
}
|
|
18840
|
-
var
|
|
18854
|
+
var ks = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
18841
18855
|
var R = class {
|
|
18842
18856
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
18843
|
-
this.metadata = { peer: {}, userAgent:
|
|
18844
|
-
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id =
|
|
18857
|
+
this.metadata = { peer: {}, userAgent: ot() };
|
|
18858
|
+
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = $a(), this.device_id = vs();
|
|
18845
18859
|
}
|
|
18846
18860
|
toSignalParams() {
|
|
18847
|
-
return { name: this.name, info:
|
|
18861
|
+
return { name: this.name, info: y(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
|
18848
18862
|
}
|
|
18849
18863
|
};
|
|
18850
18864
|
var M = class {
|
|
18851
18865
|
static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
|
|
18852
|
-
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(
|
|
18866
|
+
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(y(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
|
|
18853
18867
|
return new R({ name: o, level: n, properties: l });
|
|
18854
18868
|
}
|
|
18855
18869
|
static disconnect(e, t) {
|
|
@@ -18857,13 +18871,13 @@ var M = class {
|
|
|
18857
18871
|
return new R({ name: i, level: r, properties: s });
|
|
18858
18872
|
}
|
|
18859
18873
|
static preview(i) {
|
|
18860
|
-
var r = i, { error: e } = r, t =
|
|
18874
|
+
var r = i, { error: e } = r, t = Yi(r, ["error"]);
|
|
18861
18875
|
let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
|
|
18862
18876
|
return new R({ name: s, level: o, properties: n });
|
|
18863
18877
|
}
|
|
18864
18878
|
static join(i) {
|
|
18865
|
-
var r = i, { error: e } = r, t =
|
|
18866
|
-
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(
|
|
18879
|
+
var r = i, { error: e } = r, t = Yi(r, ["error"]);
|
|
18880
|
+
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(y(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
|
18867
18881
|
return new R({ name: s, level: o, properties: n });
|
|
18868
18882
|
}
|
|
18869
18883
|
static publish({ devices: e, settings: t, error: i }) {
|
|
@@ -18906,7 +18920,7 @@ var M = class {
|
|
|
18906
18920
|
let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
|
|
18907
18921
|
if (!t && e.degradedAt instanceof Date) {
|
|
18908
18922
|
let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
|
|
18909
|
-
s =
|
|
18923
|
+
s = y(S({}, s), { duration: n, restoredAt: o });
|
|
18910
18924
|
}
|
|
18911
18925
|
return new R({ name: i, level: r, properties: s });
|
|
18912
18926
|
}
|
|
@@ -18928,14 +18942,14 @@ var M = class {
|
|
|
18928
18942
|
}
|
|
18929
18943
|
static getPropertiesWithError(e, t) {
|
|
18930
18944
|
let i = this.getErrorProperties(t);
|
|
18931
|
-
return e =
|
|
18945
|
+
return e = S(S({}, i), e), e;
|
|
18932
18946
|
}
|
|
18933
18947
|
static getErrorProperties(e) {
|
|
18934
18948
|
return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
|
|
18935
18949
|
}
|
|
18936
18950
|
};
|
|
18937
18951
|
M.KEY_REQUESTED_AT = "requested_at", M.KEY_RESPONDED_AT = "responded_at";
|
|
18938
|
-
var
|
|
18952
|
+
var ur = class {
|
|
18939
18953
|
constructor() {
|
|
18940
18954
|
this.storage = new ne("hms-device-selection");
|
|
18941
18955
|
this.remember = false;
|
|
@@ -18969,10 +18983,10 @@ var dr = class {
|
|
|
18969
18983
|
return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
|
|
18970
18984
|
}
|
|
18971
18985
|
};
|
|
18972
|
-
var q = new
|
|
18973
|
-
var
|
|
18974
|
-
var
|
|
18975
|
-
function
|
|
18986
|
+
var q = new ur();
|
|
18987
|
+
var pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(pr || {});
|
|
18988
|
+
var hr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(hr || {});
|
|
18989
|
+
function jt(a2, e = 300) {
|
|
18976
18990
|
let t;
|
|
18977
18991
|
return function(...i) {
|
|
18978
18992
|
clearTimeout(t), t = void 0;
|
|
@@ -18982,9 +18996,9 @@ function qt(a2, e = 300) {
|
|
|
18982
18996
|
}, e);
|
|
18983
18997
|
};
|
|
18984
18998
|
}
|
|
18985
|
-
var
|
|
18986
|
-
var
|
|
18987
|
-
var
|
|
18999
|
+
var Rs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Rs || {});
|
|
19000
|
+
var Hs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Hs || {});
|
|
19001
|
+
var mr = class {
|
|
18988
19002
|
constructor() {
|
|
18989
19003
|
this.TAG = "[HMSIntersectionObserverWrapper]";
|
|
18990
19004
|
this.listeners = /* @__PURE__ */ new WeakMap();
|
|
@@ -19007,12 +19021,12 @@ var pr = class {
|
|
|
19007
19021
|
this.createObserver();
|
|
19008
19022
|
}
|
|
19009
19023
|
isSupported() {
|
|
19010
|
-
let e =
|
|
19024
|
+
let e = w && typeof window.IntersectionObserver != "undefined";
|
|
19011
19025
|
return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
|
|
19012
19026
|
}
|
|
19013
19027
|
};
|
|
19014
|
-
var
|
|
19015
|
-
var
|
|
19028
|
+
var ws = new mr();
|
|
19029
|
+
var Sr = class {
|
|
19016
19030
|
constructor() {
|
|
19017
19031
|
this.TAG = "[HMSResizeObserverWrapper]";
|
|
19018
19032
|
this.listeners = /* @__PURE__ */ new WeakMap();
|
|
@@ -19025,7 +19039,7 @@ var hr = class {
|
|
|
19025
19039
|
(t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
|
|
19026
19040
|
};
|
|
19027
19041
|
this.createObserver = () => {
|
|
19028
|
-
this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(
|
|
19042
|
+
this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(jt(this.handleResize, 300)));
|
|
19029
19043
|
};
|
|
19030
19044
|
this.handleResize = (e) => {
|
|
19031
19045
|
var t;
|
|
@@ -19035,20 +19049,21 @@ var hr = class {
|
|
|
19035
19049
|
this.createObserver();
|
|
19036
19050
|
}
|
|
19037
19051
|
isSupported() {
|
|
19038
|
-
let e =
|
|
19052
|
+
let e = w && typeof window.ResizeObserver != "undefined";
|
|
19039
19053
|
return e || d.w(this.TAG, "Resize Observer is not supported"), e;
|
|
19040
19054
|
}
|
|
19041
19055
|
};
|
|
19042
|
-
var
|
|
19043
|
-
var
|
|
19044
|
-
var
|
|
19045
|
-
var
|
|
19046
|
-
var
|
|
19047
|
-
var
|
|
19056
|
+
var _s = new Sr();
|
|
19057
|
+
var gr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(gr || {});
|
|
19058
|
+
var Tr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Tr || {});
|
|
19059
|
+
var xs = "https://event.100ms.live/v2/client/report";
|
|
19060
|
+
var Us = "https://event-nonprod.100ms.live/v2/client/report";
|
|
19061
|
+
var pt = Math.pow(2, 31) - 1;
|
|
19062
|
+
var Qe = class {
|
|
19048
19063
|
};
|
|
19049
|
-
|
|
19050
|
-
var
|
|
19051
|
-
var
|
|
19064
|
+
Qe.makePeerId = () => no();
|
|
19065
|
+
var gt = "HMS-Store:";
|
|
19066
|
+
var k = class {
|
|
19052
19067
|
static v(e, ...t) {
|
|
19053
19068
|
this.log(0, e, ...t);
|
|
19054
19069
|
}
|
|
@@ -19077,23 +19092,23 @@ var y = class {
|
|
|
19077
19092
|
if (!(this.level.valueOf() > e.valueOf()))
|
|
19078
19093
|
switch (e) {
|
|
19079
19094
|
case 0: {
|
|
19080
|
-
console.log(
|
|
19095
|
+
console.log(gt, ...t);
|
|
19081
19096
|
break;
|
|
19082
19097
|
}
|
|
19083
19098
|
case 1: {
|
|
19084
|
-
console.debug(
|
|
19099
|
+
console.debug(gt, ...t);
|
|
19085
19100
|
break;
|
|
19086
19101
|
}
|
|
19087
19102
|
case 2: {
|
|
19088
|
-
console.info(
|
|
19103
|
+
console.info(gt, ...t);
|
|
19089
19104
|
break;
|
|
19090
19105
|
}
|
|
19091
19106
|
case 3: {
|
|
19092
|
-
console.warn(
|
|
19107
|
+
console.warn(gt, ...t);
|
|
19093
19108
|
break;
|
|
19094
19109
|
}
|
|
19095
19110
|
case 6: {
|
|
19096
|
-
console.error(
|
|
19111
|
+
console.error(gt, ...t);
|
|
19097
19112
|
break;
|
|
19098
19113
|
}
|
|
19099
19114
|
case 4: {
|
|
@@ -19113,202 +19128,202 @@ var y = class {
|
|
|
19113
19128
|
}
|
|
19114
19129
|
}
|
|
19115
19130
|
};
|
|
19116
|
-
|
|
19117
|
-
var
|
|
19118
|
-
var
|
|
19119
|
-
var
|
|
19120
|
-
var
|
|
19121
|
-
var
|
|
19122
|
-
var
|
|
19123
|
-
var
|
|
19124
|
-
var
|
|
19131
|
+
k.level = 0;
|
|
19132
|
+
var Ir = (a2, e) => e;
|
|
19133
|
+
var Tt = (a2, e) => e;
|
|
19134
|
+
var Ks = (a2, e) => e;
|
|
19135
|
+
var lo = (a2, e) => e;
|
|
19136
|
+
var uo = (a2, e) => e;
|
|
19137
|
+
var J = createSelector([G, Ir], (a2, e) => e ? a2[e] : null);
|
|
19138
|
+
var Rr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
|
|
19139
|
+
var po = createSelector([D, Tt], (a2, e) => {
|
|
19125
19140
|
if (!e)
|
|
19126
19141
|
return null;
|
|
19127
19142
|
let t = a2[e];
|
|
19128
19143
|
return (t == null ? void 0 : t.type) === "video" ? t : null;
|
|
19129
19144
|
});
|
|
19130
|
-
var
|
|
19145
|
+
var ho = createSelector([D, Tt], (a2, e) => {
|
|
19131
19146
|
if (!e)
|
|
19132
19147
|
return null;
|
|
19133
19148
|
let t = a2[e];
|
|
19134
19149
|
return (t == null ? void 0 : t.type) === "audio" ? t : null;
|
|
19135
19150
|
});
|
|
19136
|
-
var
|
|
19151
|
+
var mo = createSelector([D, Tt], (a2, e) => {
|
|
19137
19152
|
if (!e)
|
|
19138
19153
|
return null;
|
|
19139
19154
|
let t = a2[e];
|
|
19140
19155
|
return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
19141
19156
|
});
|
|
19142
|
-
var
|
|
19157
|
+
var So = createSelector([D, Tt], (a2, e) => {
|
|
19143
19158
|
if (!e)
|
|
19144
19159
|
return null;
|
|
19145
19160
|
let t = a2[e];
|
|
19146
19161
|
return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
19147
19162
|
});
|
|
19148
|
-
var
|
|
19149
|
-
var
|
|
19150
|
-
var
|
|
19163
|
+
var go = createSelector([ts, uo], (a2, e) => e ? a2[e] : null);
|
|
19164
|
+
var Q = b(J);
|
|
19165
|
+
var Zh = b(createSelector([er, lo], (a2, e) => {
|
|
19151
19166
|
if (a2)
|
|
19152
19167
|
return e ? a2[e] : a2;
|
|
19153
19168
|
}));
|
|
19154
|
-
function
|
|
19169
|
+
function em(a2) {
|
|
19155
19170
|
return (e) => {
|
|
19156
19171
|
if (e.sessionStore)
|
|
19157
19172
|
return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
19158
19173
|
};
|
|
19159
19174
|
}
|
|
19160
|
-
var
|
|
19161
|
-
var
|
|
19162
|
-
var
|
|
19163
|
-
var
|
|
19164
|
-
var
|
|
19165
|
-
var
|
|
19166
|
-
var
|
|
19167
|
-
let t =
|
|
19175
|
+
var im = b(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
|
|
19176
|
+
var ai = b(Rr);
|
|
19177
|
+
var qs = b(po);
|
|
19178
|
+
var rm = b(ho);
|
|
19179
|
+
var sm = b(mo);
|
|
19180
|
+
var am = b(So);
|
|
19181
|
+
var To = b((a2, e) => {
|
|
19182
|
+
let t = J(a2, e);
|
|
19168
19183
|
if (t && t.videoTrack && t.videoTrack !== "")
|
|
19169
19184
|
return a2.tracks[t.videoTrack];
|
|
19170
19185
|
});
|
|
19171
|
-
var
|
|
19172
|
-
let t =
|
|
19186
|
+
var fo = b((a2, e) => {
|
|
19187
|
+
let t = J(a2, e);
|
|
19173
19188
|
if (t && t.audioTrack && t.audioTrack !== "")
|
|
19174
19189
|
return a2.tracks[t.audioTrack];
|
|
19175
19190
|
});
|
|
19176
|
-
var
|
|
19177
|
-
let t =
|
|
19191
|
+
var nm = b((a2, e) => {
|
|
19192
|
+
let t = J(a2, e);
|
|
19178
19193
|
return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
|
|
19179
19194
|
});
|
|
19180
|
-
var
|
|
19181
|
-
var
|
|
19182
|
-
var
|
|
19183
|
-
let t =
|
|
19184
|
-
return
|
|
19185
|
-
};
|
|
19186
|
-
var
|
|
19187
|
-
var
|
|
19195
|
+
var js = (a2, e) => e ? a2.speakers[e] : null;
|
|
19196
|
+
var cm = b(createSelector(js, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
19197
|
+
var vo = (a2, e) => {
|
|
19198
|
+
let t = fo(e)(a2);
|
|
19199
|
+
return js(a2, t == null ? void 0 : t.id);
|
|
19200
|
+
};
|
|
19201
|
+
var dm = b(createSelector(vo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
19202
|
+
var lm = b((a2, e) => {
|
|
19188
19203
|
if (e)
|
|
19189
19204
|
return a2.connectionQualities[e];
|
|
19190
19205
|
});
|
|
19191
|
-
var
|
|
19192
|
-
let t =
|
|
19206
|
+
var um = b((a2, e) => {
|
|
19207
|
+
let t = J(a2, e);
|
|
19193
19208
|
if (t) {
|
|
19194
|
-
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) =>
|
|
19209
|
+
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
|
|
19195
19210
|
return i ? a2.tracks[i] : void 0;
|
|
19196
19211
|
}
|
|
19197
19212
|
});
|
|
19198
|
-
var
|
|
19213
|
+
var pm = b(createSelector(D, J, (a2, e) => {
|
|
19199
19214
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19200
19215
|
let r = a2[i];
|
|
19201
|
-
return
|
|
19216
|
+
return rt(r) && it(r);
|
|
19202
19217
|
});
|
|
19203
19218
|
return t ? a2[t] : void 0;
|
|
19204
19219
|
}));
|
|
19205
|
-
var
|
|
19220
|
+
var hm = b(createSelector(D, J, (a2, e) => {
|
|
19206
19221
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19207
19222
|
let r = a2[i];
|
|
19208
|
-
return
|
|
19223
|
+
return rt(r) && tt(r);
|
|
19209
19224
|
});
|
|
19210
19225
|
return t ? a2[t] : void 0;
|
|
19211
19226
|
}));
|
|
19212
|
-
var
|
|
19227
|
+
var mm = b(createSelector(D, J, (a2, e) => {
|
|
19213
19228
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19214
19229
|
let r = a2[i];
|
|
19215
|
-
return
|
|
19230
|
+
return Gt(r) && tt(r);
|
|
19216
19231
|
});
|
|
19217
19232
|
return t ? a2[t] : void 0;
|
|
19218
19233
|
}));
|
|
19219
|
-
var
|
|
19220
|
-
var
|
|
19221
|
-
var
|
|
19222
|
-
let t =
|
|
19223
|
-
return
|
|
19234
|
+
var Js = b(createSelector(D, J, (a2, e) => He(a2, e)));
|
|
19235
|
+
var Qs = (a2) => createSelector(Js(a2), (e) => e.audio);
|
|
19236
|
+
var gm = b((a2, e) => {
|
|
19237
|
+
let t = J(a2, e);
|
|
19238
|
+
return Ue(a2, t == null ? void 0 : t.audioTrack);
|
|
19224
19239
|
});
|
|
19225
|
-
var
|
|
19226
|
-
let t =
|
|
19227
|
-
return
|
|
19240
|
+
var Tm = b((a2, e) => {
|
|
19241
|
+
let t = J(a2, e);
|
|
19242
|
+
return Ue(a2, t == null ? void 0 : t.videoTrack);
|
|
19228
19243
|
});
|
|
19229
|
-
var
|
|
19244
|
+
var zs = b((a2, e) => {
|
|
19230
19245
|
if (e && a2.tracks[e])
|
|
19231
19246
|
return a2.tracks[e].volume === 0;
|
|
19232
19247
|
});
|
|
19233
|
-
var
|
|
19234
|
-
let t =
|
|
19235
|
-
return
|
|
19248
|
+
var fm = b((a2, e) => {
|
|
19249
|
+
let t = J(a2, e);
|
|
19250
|
+
return zs(t == null ? void 0 : t.audioTrack)(a2);
|
|
19236
19251
|
});
|
|
19237
|
-
var
|
|
19238
|
-
let t =
|
|
19239
|
-
return
|
|
19252
|
+
var vm = b((a2, e) => {
|
|
19253
|
+
let t = Qs(e)(a2);
|
|
19254
|
+
return zs(t == null ? void 0 : t.id)(a2);
|
|
19240
19255
|
});
|
|
19241
|
-
var
|
|
19242
|
-
let t =
|
|
19256
|
+
var Ys = b((a2, e) => {
|
|
19257
|
+
let t = Rr(a2, e);
|
|
19243
19258
|
if (t) {
|
|
19244
19259
|
if (t.type !== "audio") {
|
|
19245
|
-
|
|
19260
|
+
k.w("Please pass audio track here");
|
|
19246
19261
|
return;
|
|
19247
19262
|
}
|
|
19248
19263
|
return t.volume;
|
|
19249
19264
|
}
|
|
19250
19265
|
});
|
|
19251
|
-
var
|
|
19252
|
-
let t =
|
|
19253
|
-
return
|
|
19266
|
+
var Mm = b((a2, e) => {
|
|
19267
|
+
let t = J(a2, e);
|
|
19268
|
+
return Ys(t == null ? void 0 : t.audioTrack)(a2);
|
|
19254
19269
|
});
|
|
19255
|
-
var
|
|
19256
|
-
let t =
|
|
19257
|
-
return
|
|
19270
|
+
var ym = b((a2, e) => {
|
|
19271
|
+
let t = Qs(e)(a2);
|
|
19272
|
+
return Ys(t == null ? void 0 : t.id)(a2);
|
|
19258
19273
|
});
|
|
19259
|
-
var
|
|
19260
|
-
let t =
|
|
19274
|
+
var km = b((a2, e) => {
|
|
19275
|
+
let t = Rr(a2, e);
|
|
19261
19276
|
if (t) {
|
|
19262
19277
|
if (t.type !== "video") {
|
|
19263
|
-
|
|
19278
|
+
k.w("Please pass video track here");
|
|
19264
19279
|
return;
|
|
19265
19280
|
}
|
|
19266
19281
|
return t.layer;
|
|
19267
19282
|
}
|
|
19268
19283
|
});
|
|
19269
|
-
var
|
|
19284
|
+
var Xs = createSelector([at, ue, Ir], (a2, e, t) => {
|
|
19270
19285
|
if (t)
|
|
19271
19286
|
return a2.filter((i) => {
|
|
19272
19287
|
var r;
|
|
19273
19288
|
return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
|
|
19274
19289
|
});
|
|
19275
19290
|
});
|
|
19276
|
-
var
|
|
19291
|
+
var Zs = createSelector([at, Ks], (a2, e) => {
|
|
19277
19292
|
if (e)
|
|
19278
19293
|
return a2.filter((t) => {
|
|
19279
19294
|
var i, r;
|
|
19280
19295
|
return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
|
|
19281
19296
|
});
|
|
19282
19297
|
});
|
|
19283
|
-
var
|
|
19298
|
+
var Mo = createSelector(at, (a2) => a2.filter((e) => {
|
|
19284
19299
|
var t;
|
|
19285
19300
|
return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
|
|
19286
19301
|
}));
|
|
19287
|
-
var
|
|
19288
|
-
var
|
|
19289
|
-
var
|
|
19290
|
-
var
|
|
19291
|
-
var
|
|
19292
|
-
var
|
|
19293
|
-
var
|
|
19294
|
-
var
|
|
19295
|
-
var
|
|
19302
|
+
var yo = createSelector([Zs, Ks], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
19303
|
+
var ko = createSelector([Xs, Ir], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
19304
|
+
var Pm = createSelector(Mo, (a2) => a2.filter((e) => !e.read).length);
|
|
19305
|
+
var Em = b(Xs);
|
|
19306
|
+
var bm = b(Zs);
|
|
19307
|
+
var Am = b(yo);
|
|
19308
|
+
var Im = b(ko);
|
|
19309
|
+
var ea = b(go);
|
|
19310
|
+
var Um = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
|
|
19296
19311
|
var r;
|
|
19297
19312
|
return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
|
|
19298
19313
|
}));
|
|
19299
|
-
var
|
|
19300
|
-
var
|
|
19301
|
-
var
|
|
19302
|
-
var
|
|
19303
|
-
var
|
|
19314
|
+
var Po = (a2) => a2.roleChangeRequests[0] || null;
|
|
19315
|
+
var Bm = createSelector([Po, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
|
|
19316
|
+
var Vm = createSelector([Wt], (a2) => st(a2));
|
|
19317
|
+
var Fm = createSelector([Zr], (a2) => st(a2));
|
|
19318
|
+
var bo = createSelector([K, D], (a2, e) => {
|
|
19304
19319
|
let t = null;
|
|
19305
19320
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
19306
19321
|
});
|
|
19307
|
-
var
|
|
19322
|
+
var Ao = createSelector([Z, D], (a2, e) => {
|
|
19308
19323
|
let t = null;
|
|
19309
19324
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
19310
19325
|
});
|
|
19311
|
-
var
|
|
19326
|
+
var wr = class {
|
|
19312
19327
|
constructor() {
|
|
19313
19328
|
this.TAG = "[HTTPAnalyticsTransport]";
|
|
19314
19329
|
this.failedEvents = new ne("client-events");
|
|
@@ -19327,7 +19342,7 @@ var Lr = class {
|
|
|
19327
19342
|
this.addEventToStorage(e);
|
|
19328
19343
|
return;
|
|
19329
19344
|
}
|
|
19330
|
-
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" ?
|
|
19345
|
+
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" ? xs : Us;
|
|
19331
19346
|
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) => {
|
|
19332
19347
|
if (r.status === 401) {
|
|
19333
19348
|
this.removeFromStorage(e);
|
|
@@ -19353,77 +19368,77 @@ var Lr = class {
|
|
|
19353
19368
|
i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
|
|
19354
19369
|
}
|
|
19355
19370
|
};
|
|
19356
|
-
var
|
|
19371
|
+
var Te = new wr();
|
|
19357
19372
|
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))($ || {});
|
|
19358
|
-
var
|
|
19359
|
-
var
|
|
19360
|
-
var
|
|
19361
|
-
var
|
|
19362
|
-
var
|
|
19363
|
-
var
|
|
19364
|
-
var
|
|
19365
|
-
var
|
|
19366
|
-
var
|
|
19367
|
-
var
|
|
19368
|
-
var
|
|
19369
|
-
var
|
|
19373
|
+
var Ui = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Ui || {});
|
|
19374
|
+
var ji = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ji || {});
|
|
19375
|
+
var qo = (a2) => a2.localPeer.id;
|
|
19376
|
+
var jo = (a2) => a2.localPeer.audioTrack;
|
|
19377
|
+
var Jo = (a2) => a2.localPeer.videoTrack;
|
|
19378
|
+
var Qo = (a2, e) => e;
|
|
19379
|
+
var Ta = (a2, e) => e;
|
|
19380
|
+
var zo = (a2) => a2.remoteTrackStats;
|
|
19381
|
+
var fa = (a2) => a2.peerStats;
|
|
19382
|
+
var Ur = (a2) => a2.localTrackStats;
|
|
19383
|
+
var ve = createSelector([fa, qo], (a2, e) => a2[e]);
|
|
19384
|
+
var Yo = createSelector(ve, (a2) => {
|
|
19370
19385
|
var e;
|
|
19371
19386
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
19372
19387
|
});
|
|
19373
|
-
var
|
|
19388
|
+
var Xo = createSelector(ve, (a2) => {
|
|
19374
19389
|
var e;
|
|
19375
19390
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
|
|
19376
19391
|
});
|
|
19377
|
-
var
|
|
19392
|
+
var Zo = createSelector(ve, (a2) => {
|
|
19378
19393
|
var e;
|
|
19379
19394
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
|
|
19380
19395
|
});
|
|
19381
|
-
var
|
|
19396
|
+
var en = createSelector(ve, (a2) => {
|
|
19382
19397
|
var e;
|
|
19383
19398
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
|
|
19384
19399
|
});
|
|
19385
|
-
var
|
|
19400
|
+
var tn = createSelector(ve, (a2) => {
|
|
19386
19401
|
var e;
|
|
19387
19402
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
|
|
19388
19403
|
});
|
|
19389
|
-
var
|
|
19404
|
+
var rn = createSelector(ve, (a2) => {
|
|
19390
19405
|
var e;
|
|
19391
19406
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
|
|
19392
19407
|
});
|
|
19393
|
-
var
|
|
19408
|
+
var sn = createSelector(ve, (a2) => {
|
|
19394
19409
|
var e;
|
|
19395
19410
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
|
|
19396
19411
|
});
|
|
19397
|
-
var
|
|
19412
|
+
var an = createSelector(ve, (a2) => {
|
|
19398
19413
|
var e;
|
|
19399
19414
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
19400
19415
|
});
|
|
19401
|
-
var
|
|
19402
|
-
var
|
|
19403
|
-
var
|
|
19404
|
-
var
|
|
19405
|
-
var
|
|
19406
|
-
var
|
|
19416
|
+
var on = createSelector([fa, Qo], (a2, e) => e ? a2[e] : void 0);
|
|
19417
|
+
var nn = createSelector([zo, Ta], (a2, e) => e ? a2[e] : void 0);
|
|
19418
|
+
var Br = createSelector([Ur, Ta], (a2, e) => e ? a2[e] : void 0);
|
|
19419
|
+
var cn = b(on);
|
|
19420
|
+
var dn = b(nn);
|
|
19421
|
+
var ln = createSelector([Ur, jo], (a2, e) => {
|
|
19407
19422
|
var t;
|
|
19408
19423
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
19409
19424
|
});
|
|
19410
|
-
var
|
|
19411
|
-
var
|
|
19425
|
+
var un = b(createSelector(Br, (a2) => a2 == null ? void 0 : a2[0]));
|
|
19426
|
+
var pn = createSelector([Ur, Jo], (a2, e) => {
|
|
19412
19427
|
var t;
|
|
19413
19428
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
19414
19429
|
});
|
|
19415
|
-
var
|
|
19430
|
+
var hn = b(createSelector(Br, (a2) => a2));
|
|
19416
19431
|
|
|
19417
19432
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
19418
19433
|
import {
|
|
19419
19434
|
HMSRoomState as HMSRoomState3,
|
|
19420
19435
|
selectHLSState as selectHLSState4,
|
|
19421
19436
|
selectIsConnectedToRoom as selectIsConnectedToRoom6,
|
|
19422
|
-
selectPermissions as
|
|
19437
|
+
selectPermissions as selectPermissions7,
|
|
19423
19438
|
selectRecordingState,
|
|
19424
19439
|
selectRoomState as selectRoomState3,
|
|
19425
19440
|
useHMSActions as useHMSActions18,
|
|
19426
|
-
useHMSStore as
|
|
19441
|
+
useHMSStore as useHMSStore25,
|
|
19427
19442
|
useRecordingStreaming as useRecordingStreaming6
|
|
19428
19443
|
} from "@100mslive/react-sdk";
|
|
19429
19444
|
import { AlertTriangleIcon as AlertTriangleIcon5, CrossIcon as CrossIcon7, PauseCircleIcon, RecordIcon } from "@100mslive/react-icons";
|
|
@@ -19431,7 +19446,7 @@ import { AlertTriangleIcon as AlertTriangleIcon5, CrossIcon as CrossIcon7, Pause
|
|
|
19431
19446
|
// src/Prebuilt/components/Header/AdditionalRoomState.jsx
|
|
19432
19447
|
init_define_process_env();
|
|
19433
19448
|
import React53, { useState as useState24 } from "react";
|
|
19434
|
-
import { selectLocalPeerID as selectLocalPeerID5, selectPeerSharingVideoPlaylist, useHMSStore as
|
|
19449
|
+
import { selectLocalPeerID as selectLocalPeerID5, selectPeerSharingVideoPlaylist, useHMSStore as useHMSStore24, useScreenShare } from "@100mslive/react-sdk";
|
|
19435
19450
|
import {
|
|
19436
19451
|
AudioPlayerIcon,
|
|
19437
19452
|
ChevronDownIcon as ChevronDownIcon4,
|
|
@@ -19449,12 +19464,12 @@ import {
|
|
|
19449
19464
|
selectAudioPlaylistTrackByPeerID,
|
|
19450
19465
|
selectPeerSharingAudioPlaylist,
|
|
19451
19466
|
useHMSActions as useHMSActions16,
|
|
19452
|
-
useHMSStore as
|
|
19467
|
+
useHMSStore as useHMSStore22
|
|
19453
19468
|
} from "@100mslive/react-sdk";
|
|
19454
19469
|
var usePlaylistMusic = () => {
|
|
19455
|
-
const peer =
|
|
19456
|
-
const track =
|
|
19457
|
-
const selection =
|
|
19470
|
+
const peer = useHMSStore22(selectPeerSharingAudioPlaylist);
|
|
19471
|
+
const track = useHMSStore22(selectAudioPlaylistTrackByPeerID(peer == null ? void 0 : peer.id));
|
|
19472
|
+
const selection = useHMSStore22(selectAudioPlaylist.selectedItem);
|
|
19458
19473
|
const hmsActions = useHMSActions16();
|
|
19459
19474
|
const play = useCallback14(
|
|
19460
19475
|
(selectedId) => __async(void 0, null, function* () {
|
|
@@ -19481,12 +19496,12 @@ import {
|
|
|
19481
19496
|
selectPeerSharingAudio,
|
|
19482
19497
|
selectScreenShareAudioByPeerID,
|
|
19483
19498
|
useHMSActions as useHMSActions17,
|
|
19484
|
-
useHMSStore as
|
|
19499
|
+
useHMSStore as useHMSStore23
|
|
19485
19500
|
} from "@100mslive/react-sdk";
|
|
19486
19501
|
var useScreenshareAudio = () => {
|
|
19487
19502
|
const hmsActions = useHMSActions17();
|
|
19488
|
-
const peer =
|
|
19489
|
-
const track =
|
|
19503
|
+
const peer = useHMSStore23(selectPeerSharingAudio);
|
|
19504
|
+
const track = useHMSStore23(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
|
|
19490
19505
|
const handleMute = useCallback15(() => {
|
|
19491
19506
|
if (!peer.isLocal) {
|
|
19492
19507
|
hmsActions.setVolume(!track.volume ? 100 : 0, track.id);
|
|
@@ -19533,8 +19548,8 @@ var AdditionalRoomState = () => {
|
|
|
19533
19548
|
!screenshareAudio.peer || !screenshareAudio.track,
|
|
19534
19549
|
!((_d = screenshareAudio.peer) == null ? void 0 : _d.isLocal) && !((_e = screenshareAudio.track) == null ? void 0 : _e.enabled)
|
|
19535
19550
|
].some(Boolean);
|
|
19536
|
-
const peerSharingPlaylist =
|
|
19537
|
-
const localPeerID =
|
|
19551
|
+
const peerSharingPlaylist = useHMSStore24(selectPeerSharingVideoPlaylist);
|
|
19552
|
+
const localPeerID = useHMSStore24(selectLocalPeerID5);
|
|
19538
19553
|
const isVideoPlayListPlaying = !!(peerSharingPlaylist == null ? void 0 : peerSharingPlaylist.id);
|
|
19539
19554
|
const { screenSharingPeerName, screenSharingPeerId, screenShareVideoTrackId } = useScreenShare();
|
|
19540
19555
|
const isVideoScreenSharingOn = !!screenShareVideoTrackId;
|
|
@@ -19601,7 +19616,7 @@ var AdditionalRoomState = () => {
|
|
|
19601
19616
|
var LiveStatus = () => {
|
|
19602
19617
|
var _a8;
|
|
19603
19618
|
const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
|
|
19604
|
-
const hlsState =
|
|
19619
|
+
const hlsState = useHMSStore25(selectHLSState4);
|
|
19605
19620
|
const isMobile = useMedia6(config.media.md);
|
|
19606
19621
|
const intervalRef = useRef13(null);
|
|
19607
19622
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
@@ -19648,7 +19663,7 @@ var LiveStatus = () => {
|
|
|
19648
19663
|
};
|
|
19649
19664
|
var RecordingStatus = () => {
|
|
19650
19665
|
const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming6();
|
|
19651
|
-
const permissions =
|
|
19666
|
+
const permissions = useHMSStore25(selectPermissions7);
|
|
19652
19667
|
const isMobile = useMedia6(config.media.md);
|
|
19653
19668
|
if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
|
|
19654
19669
|
// so no need to show this as it duplicates
|
|
@@ -19681,8 +19696,8 @@ var RecordingStatus = () => {
|
|
|
19681
19696
|
);
|
|
19682
19697
|
};
|
|
19683
19698
|
var RecordingPauseStatus = () => {
|
|
19684
|
-
const recording =
|
|
19685
|
-
if (recording.hls && recording.hls.state ===
|
|
19699
|
+
const recording = useHMSStore25(selectRecordingState);
|
|
19700
|
+
if (recording.hls && recording.hls.state === Rs.PAUSED) {
|
|
19686
19701
|
return /* @__PURE__ */ React54.createElement(
|
|
19687
19702
|
Tooltip,
|
|
19688
19703
|
{
|
|
@@ -19708,7 +19723,7 @@ var RecordingPauseStatus = () => {
|
|
|
19708
19723
|
return null;
|
|
19709
19724
|
};
|
|
19710
19725
|
var StartRecording2 = () => {
|
|
19711
|
-
const permissions =
|
|
19726
|
+
const permissions = useHMSStore25(selectPermissions7);
|
|
19712
19727
|
const [open, setOpen] = useState25(false);
|
|
19713
19728
|
const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
|
|
19714
19729
|
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming6();
|
|
@@ -19775,9 +19790,9 @@ var StartRecording2 = () => {
|
|
|
19775
19790
|
);
|
|
19776
19791
|
};
|
|
19777
19792
|
var StreamActions = () => {
|
|
19778
|
-
const isConnected =
|
|
19793
|
+
const isConnected = useHMSStore25(selectIsConnectedToRoom6);
|
|
19779
19794
|
const isMobile = useMedia6(config.media.md);
|
|
19780
|
-
const roomState =
|
|
19795
|
+
const roomState = useHMSStore25(selectRoomState3);
|
|
19781
19796
|
return /* @__PURE__ */ React54.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React54.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ React54.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React54.createElement(RecordingPauseStatus, null), /* @__PURE__ */ React54.createElement(RecordingStatus, null), roomState !== HMSRoomState3.Preview ? /* @__PURE__ */ React54.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ React54.createElement(StartRecording2, null) : null);
|
|
19782
19797
|
};
|
|
19783
19798
|
var StopRecordingInSheet = ({
|
|
@@ -19859,7 +19874,7 @@ var ActionTile = {
|
|
|
19859
19874
|
init_define_process_env();
|
|
19860
19875
|
import React57, { useState as useState26 } from "react";
|
|
19861
19876
|
import { useMedia as useMedia7 } from "react-use";
|
|
19862
|
-
import { selectLocalPeerName, useHMSActions as useHMSActions19, useHMSStore as
|
|
19877
|
+
import { selectLocalPeerName, useHMSActions as useHMSActions19, useHMSStore as useHMSStore26 } from "@100mslive/react-sdk";
|
|
19863
19878
|
|
|
19864
19879
|
// src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
|
|
19865
19880
|
init_define_process_env();
|
|
@@ -19975,7 +19990,7 @@ var ChangeNameModal = ({
|
|
|
19975
19990
|
}) => {
|
|
19976
19991
|
const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
|
|
19977
19992
|
const hmsActions = useHMSActions19();
|
|
19978
|
-
const localPeerName =
|
|
19993
|
+
const localPeerName = useHMSStore26(selectLocalPeerName);
|
|
19979
19994
|
const [currentName, setCurrentName] = useState26(localPeerName);
|
|
19980
19995
|
const isMobile = useMedia7(config.media.md);
|
|
19981
19996
|
const changeName = () => __async(void 0, null, function* () {
|
|
@@ -20016,12 +20031,12 @@ var ChangeNameModal = ({
|
|
|
20016
20031
|
// src/Prebuilt/components/AppData/useSheet.ts
|
|
20017
20032
|
init_define_process_env();
|
|
20018
20033
|
import { useCallback as useCallback17 } from "react";
|
|
20019
|
-
import { selectAppData as selectAppData4, useHMSActions as useHMSActions20, useHMSStore as
|
|
20034
|
+
import { selectAppData as selectAppData4, useHMSActions as useHMSActions20, useHMSStore as useHMSStore27, useHMSVanillaStore as useHMSVanillaStore7 } from "@100mslive/react-sdk";
|
|
20020
20035
|
var useIsSheetTypeOpen = (sheetType) => {
|
|
20021
20036
|
if (!sheetType) {
|
|
20022
20037
|
throw Error("Pass one of the sheet options");
|
|
20023
20038
|
}
|
|
20024
|
-
return
|
|
20039
|
+
return useHMSStore27(selectAppData4(APP_DATA.sheet)) === sheetType;
|
|
20025
20040
|
};
|
|
20026
20041
|
var useSheetToggle = (sheetType) => {
|
|
20027
20042
|
const hmsActions = useHMSActions20();
|
|
@@ -20036,9 +20051,9 @@ var useSheetToggle = (sheetType) => {
|
|
|
20036
20051
|
// src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
|
|
20037
20052
|
init_define_process_env();
|
|
20038
20053
|
import { useEffect as useEffect17, useState as useState27 } from "react";
|
|
20039
|
-
import { HMSNotificationTypes, useHMSNotifications, useHMSStore as
|
|
20054
|
+
import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore28 } from "@100mslive/react-sdk";
|
|
20040
20055
|
var useUnreadPollQuizPresent = () => {
|
|
20041
|
-
const localPeerID =
|
|
20056
|
+
const localPeerID = useHMSStore28(ue);
|
|
20042
20057
|
const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
|
|
20043
20058
|
const [unreadPollQuiz, setUnreadPollQuiz] = useState27(false);
|
|
20044
20059
|
useEffect17(() => {
|
|
@@ -20067,8 +20082,8 @@ var MwebOptions = ({
|
|
|
20067
20082
|
screenType
|
|
20068
20083
|
}) => {
|
|
20069
20084
|
const hmsActions = useHMSActions21();
|
|
20070
|
-
const permissions =
|
|
20071
|
-
const isConnected =
|
|
20085
|
+
const permissions = useHMSStore29(selectPermissions8);
|
|
20086
|
+
const isConnected = useHMSStore29(selectIsConnectedToRoom7);
|
|
20072
20087
|
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming7();
|
|
20073
20088
|
const [openModals, setOpenModals] = useState28(/* @__PURE__ */ new Set());
|
|
20074
20089
|
const [openOptionsSheet, setOpenOptionsSheet] = useState28(false);
|
|
@@ -20079,7 +20094,7 @@ var MwebOptions = ({
|
|
|
20079
20094
|
const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
20080
20095
|
const { showPolls } = useShowPolls();
|
|
20081
20096
|
const togglePollView = usePollViewToggle();
|
|
20082
|
-
const peerCount =
|
|
20097
|
+
const peerCount = useHMSStore29(selectPeerCount3);
|
|
20083
20098
|
const emojiCardRef = useRef14(null);
|
|
20084
20099
|
const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
|
|
20085
20100
|
const { toggleAudio, toggleVideo } = useAVToggle3();
|
|
@@ -20324,7 +20339,7 @@ var RaiseHand = () => {
|
|
|
20324
20339
|
// src/Prebuilt/components/ScreenShareToggle.jsx
|
|
20325
20340
|
init_define_process_env();
|
|
20326
20341
|
import React67, { Fragment as Fragment9 } from "react";
|
|
20327
|
-
import { selectIsAllowedToPublish, useAwayNotifications, useHMSStore as
|
|
20342
|
+
import { selectIsAllowedToPublish, useAwayNotifications, useHMSStore as useHMSStore30, useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
|
|
20328
20343
|
import { ShareScreenIcon as ShareScreenIcon2 } from "@100mslive/react-icons";
|
|
20329
20344
|
|
|
20330
20345
|
// src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
|
|
@@ -20784,7 +20799,7 @@ function ShareScreenOptions() {
|
|
|
20784
20799
|
|
|
20785
20800
|
// src/Prebuilt/components/ScreenShareToggle.jsx
|
|
20786
20801
|
var ScreenshareToggle = ({ css: css2 = {} }) => {
|
|
20787
|
-
const isAllowedToPublish =
|
|
20802
|
+
const isAllowedToPublish = useHMSStore30(selectIsAllowedToPublish);
|
|
20788
20803
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
20789
20804
|
const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = useScreenShare3();
|
|
20790
20805
|
const { requestPermission } = useAwayNotifications();
|
|
@@ -20812,13 +20827,13 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
|
|
|
20812
20827
|
// src/Prebuilt/components/VirtualBackground/VBToggle.tsx
|
|
20813
20828
|
init_define_process_env();
|
|
20814
20829
|
import React68 from "react";
|
|
20815
|
-
import { selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled4, useHMSStore as
|
|
20830
|
+
import { selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled4, useHMSStore as useHMSStore31 } from "@100mslive/react-sdk";
|
|
20816
20831
|
import { VirtualBackgroundIcon } from "@100mslive/react-icons";
|
|
20817
20832
|
var VBToggle = () => {
|
|
20818
20833
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
20819
20834
|
const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
|
|
20820
|
-
const isVideoOn =
|
|
20821
|
-
const isEffectsEnabled =
|
|
20835
|
+
const isVideoOn = useHMSStore31(selectIsLocalVideoEnabled4);
|
|
20836
|
+
const isEffectsEnabled = useHMSStore31(selectIsEffectsEnabled);
|
|
20822
20837
|
if (!isVideoOn || !isEffectsEnabled && isSafari) {
|
|
20823
20838
|
return null;
|
|
20824
20839
|
}
|
|
@@ -20828,10 +20843,10 @@ var VBToggle = () => {
|
|
|
20828
20843
|
// src/Prebuilt/components/Footer/ChatToggle.tsx
|
|
20829
20844
|
init_define_process_env();
|
|
20830
20845
|
import React69 from "react";
|
|
20831
|
-
import { selectUnreadHMSMessagesCount, useHMSStore as
|
|
20846
|
+
import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
|
|
20832
20847
|
import { ChatIcon } from "@100mslive/react-icons";
|
|
20833
20848
|
var ChatToggle = () => {
|
|
20834
|
-
const countUnreadMessages =
|
|
20849
|
+
const countUnreadMessages = useHMSStore32(selectUnreadHMSMessagesCount);
|
|
20835
20850
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
20836
20851
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
20837
20852
|
return /* @__PURE__ */ React69.createElement(
|
|
@@ -20874,16 +20889,16 @@ import {
|
|
|
20874
20889
|
selectLocalPeerID as selectLocalPeerID7,
|
|
20875
20890
|
selectPeerCount as selectPeerCount4,
|
|
20876
20891
|
selectPeerMetadata as selectPeerMetadata3,
|
|
20877
|
-
selectPermissions as
|
|
20892
|
+
selectPermissions as selectPermissions11,
|
|
20878
20893
|
useHMSActions as useHMSActions24,
|
|
20879
|
-
useHMSStore as
|
|
20894
|
+
useHMSStore as useHMSStore37
|
|
20880
20895
|
} from "@100mslive/react-sdk";
|
|
20881
20896
|
import { ChangeRoleIcon as ChangeRoleIcon2, HandIcon as HandIcon4, MicOffIcon as MicOffIcon4, PeopleIcon as PeopleIcon2, SearchIcon, VerticalMenuIcon as VerticalMenuIcon5 } from "@100mslive/react-icons";
|
|
20882
20897
|
|
|
20883
20898
|
// src/Prebuilt/components/Connection/ConnectionIndicator.tsx
|
|
20884
20899
|
init_define_process_env();
|
|
20885
20900
|
import React70 from "react";
|
|
20886
|
-
import { selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, useHMSStore as
|
|
20901
|
+
import { selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
|
|
20887
20902
|
import { PoorConnectivityIcon } from "@100mslive/react-icons";
|
|
20888
20903
|
|
|
20889
20904
|
// src/Prebuilt/components/Connection/connectionQualityUtils.js
|
|
@@ -20936,7 +20951,7 @@ var ConnectionIndicator = ({
|
|
|
20936
20951
|
hideBg = false
|
|
20937
20952
|
}) => {
|
|
20938
20953
|
var _a8;
|
|
20939
|
-
const downlinkQuality = (_a8 =
|
|
20954
|
+
const downlinkQuality = (_a8 = useHMSStore33(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
|
|
20940
20955
|
const { theme: theme2 } = useTheme();
|
|
20941
20956
|
const defaultColor = theme2.colors.on_surface_low;
|
|
20942
20957
|
if (downlinkQuality === -1 || downlinkQuality === void 0) {
|
|
@@ -20997,12 +21012,12 @@ var ConnectionIndicator = ({
|
|
|
20997
21012
|
// src/Prebuilt/components/RemoveParticipant.tsx
|
|
20998
21013
|
init_define_process_env();
|
|
20999
21014
|
import React71 from "react";
|
|
21000
|
-
import { selectLocalPeerID as selectLocalPeerID6, selectPermissions as
|
|
21015
|
+
import { selectLocalPeerID as selectLocalPeerID6, selectPermissions as selectPermissions9, useHMSActions as useHMSActions22, useHMSStore as useHMSStore34 } from "@100mslive/react-sdk";
|
|
21001
21016
|
import { PeopleRemoveIcon as PeopleRemoveIcon2 } from "@100mslive/react-icons";
|
|
21002
21017
|
var RemoveParticipant = ({ peerId }) => {
|
|
21003
21018
|
var _a8;
|
|
21004
|
-
const canRemoveOthers = (_a8 =
|
|
21005
|
-
const localPeerId =
|
|
21019
|
+
const canRemoveOthers = (_a8 = useHMSStore34(selectPermissions9)) == null ? void 0 : _a8.removeOthers;
|
|
21020
|
+
const localPeerId = useHMSStore34(selectLocalPeerID6);
|
|
21006
21021
|
const actions = useHMSActions22();
|
|
21007
21022
|
if (peerId === localPeerId || !canRemoveOthers) {
|
|
21008
21023
|
return null;
|
|
@@ -21030,13 +21045,19 @@ init_define_process_env();
|
|
|
21030
21045
|
import React73, { useEffect as useEffect18 } from "react";
|
|
21031
21046
|
import { useMeasure } from "react-use";
|
|
21032
21047
|
import { FixedSizeList } from "react-window";
|
|
21033
|
-
import { selectIsLargeRoom, useHMSStore as
|
|
21048
|
+
import { selectIsLargeRoom, useHMSStore as useHMSStore36, usePaginatedParticipants } from "@100mslive/react-sdk";
|
|
21034
21049
|
import { ChevronRightIcon } from "@100mslive/react-icons";
|
|
21035
21050
|
|
|
21036
21051
|
// src/Prebuilt/components/Footer/RoleOptions.tsx
|
|
21037
21052
|
init_define_process_env();
|
|
21038
21053
|
import React72, { useState as useState31 } from "react";
|
|
21039
|
-
import {
|
|
21054
|
+
import {
|
|
21055
|
+
selectPermissions as selectPermissions10,
|
|
21056
|
+
selectRoleByRoleName,
|
|
21057
|
+
useHMSActions as useHMSActions23,
|
|
21058
|
+
useHMSStore as useHMSStore35,
|
|
21059
|
+
useHMSVanillaStore as useHMSVanillaStore8
|
|
21060
|
+
} from "@100mslive/react-sdk";
|
|
21040
21061
|
import {
|
|
21041
21062
|
MicOffIcon as MicOffIcon3,
|
|
21042
21063
|
MicOnIcon as MicOnIcon3,
|
|
@@ -21048,27 +21069,44 @@ import {
|
|
|
21048
21069
|
} from "@100mslive/react-icons";
|
|
21049
21070
|
var dropdownItemCSS = { backgroundColor: "$surface_default", gap: "$4", p: "$8" };
|
|
21050
21071
|
var optionTextCSS = { fontWeight: "$semiBold", color: "$on_surface_high", textTransform: "none" };
|
|
21051
|
-
var
|
|
21052
|
-
|
|
21053
|
-
const permissions = useHMSStore33(selectPermissions9);
|
|
21054
|
-
const hmsActions = useHMSActions23();
|
|
21055
|
-
const { elements } = useRoomLayoutConferencingScreen();
|
|
21056
|
-
const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
|
|
21072
|
+
var MuteUnmuteOption = ({ roleName, peerList }) => {
|
|
21073
|
+
var _a8, _b7;
|
|
21057
21074
|
const vanillaStore = useHMSVanillaStore8();
|
|
21058
21075
|
const store = vanillaStore.getState();
|
|
21076
|
+
const hmsActions = useHMSActions23();
|
|
21077
|
+
const permissions = useHMSStore35(selectPermissions10);
|
|
21078
|
+
const role = useHMSStore35(selectRoleByRoleName(roleName));
|
|
21059
21079
|
let allPeersHaveVideoOn = true;
|
|
21060
21080
|
let allPeersHaveAudioOn = true;
|
|
21061
21081
|
peerList.forEach((peer) => {
|
|
21062
|
-
var
|
|
21063
|
-
|
|
21064
|
-
|
|
21082
|
+
var _a9, _b8;
|
|
21083
|
+
if (peer.isLocal) {
|
|
21084
|
+
return;
|
|
21085
|
+
}
|
|
21086
|
+
const isAudioOn = !!peer.audioTrack && ((_a9 = store.tracks[peer.audioTrack]) == null ? void 0 : _a9.enabled);
|
|
21087
|
+
const isVideoOn = !!peer.videoTrack && ((_b8 = store.tracks[peer.videoTrack]) == null ? void 0 : _b8.enabled);
|
|
21065
21088
|
allPeersHaveAudioOn = allPeersHaveAudioOn && isAudioOn;
|
|
21066
21089
|
allPeersHaveVideoOn = allPeersHaveVideoOn && isVideoOn;
|
|
21067
21090
|
});
|
|
21068
|
-
const
|
|
21091
|
+
const setTrackEnabled = (type, enabled = false) => __async(void 0, null, function* () {
|
|
21092
|
+
try {
|
|
21093
|
+
yield hmsActions.setRemoteTracksEnabled({ roles: [roleName], source: "regular", type, enabled });
|
|
21094
|
+
} catch (e) {
|
|
21095
|
+
console.error(e);
|
|
21096
|
+
}
|
|
21097
|
+
});
|
|
21098
|
+
return /* @__PURE__ */ React72.createElement(React72.Fragment, null, ((_a8 = role.publishParams.allowed) == null ? void 0 : _a8.includes("audio")) && /* @__PURE__ */ React72.createElement(React72.Fragment, null, allPeersHaveAudioOn && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ React72.createElement(MicOffIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio for All")) : null, !allPeersHaveAudioOn && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ React72.createElement(MicOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Unmute Audio for All")) : null), ((_b7 = role.publishParams.allowed) == null ? void 0 : _b7.includes("audio")) && /* @__PURE__ */ React72.createElement(React72.Fragment, null, allPeersHaveVideoOn && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ React72.createElement(VideoOffIcon2, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video for All")) : null, !allPeersHaveVideoOn && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ React72.createElement(VideoOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Unmute Video for All")) : null));
|
|
21099
|
+
};
|
|
21100
|
+
var RoleOptions = ({ roleName, peerList }) => {
|
|
21101
|
+
const [openOptions, setOpenOptions] = useState31(false);
|
|
21102
|
+
const permissions = useHMSStore35(selectPermissions10);
|
|
21103
|
+
const hmsActions = useHMSActions23();
|
|
21104
|
+
const { elements } = useRoomLayoutConferencingScreen();
|
|
21105
|
+
const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
|
|
21106
|
+
const canMuteOrUnmute = (permissions == null ? void 0 : permissions.mute) || (permissions == null ? void 0 : permissions.unmute);
|
|
21069
21107
|
const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
|
|
21070
21108
|
const canRemoveRoleFromRoom = (permissions == null ? void 0 : permissions.removeOthers) && (on_stage_role === roleName || (off_stage_roles == null ? void 0 : off_stage_roles.includes(roleName)));
|
|
21071
|
-
if (!(
|
|
21109
|
+
if (!(canMuteOrUnmute || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0) {
|
|
21072
21110
|
return null;
|
|
21073
21111
|
}
|
|
21074
21112
|
const removeAllFromStage = () => {
|
|
@@ -21079,13 +21117,6 @@ var RoleOptions = ({ roleName, peerList }) => {
|
|
|
21079
21117
|
}
|
|
21080
21118
|
});
|
|
21081
21119
|
};
|
|
21082
|
-
const setTrackEnabled = (type, enabled = false) => __async(void 0, null, function* () {
|
|
21083
|
-
try {
|
|
21084
|
-
yield hmsActions.setRemoteTracksEnabled({ roles: [roleName], source: "regular", type, enabled });
|
|
21085
|
-
} catch (e) {
|
|
21086
|
-
console.error(e);
|
|
21087
|
-
}
|
|
21088
|
-
});
|
|
21089
21120
|
const removePeersFromRoom = () => __async(void 0, null, function* () {
|
|
21090
21121
|
try {
|
|
21091
21122
|
peerList.forEach((peer) => __async(void 0, null, function* () {
|
|
@@ -21132,15 +21163,7 @@ var RoleOptions = ({ roleName, peerList }) => {
|
|
|
21132
21163
|
/* @__PURE__ */ React72.createElement(PersonRectangleIcon2, null),
|
|
21133
21164
|
/* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Remove all from Stage")
|
|
21134
21165
|
),
|
|
21135
|
-
|
|
21136
|
-
Dropdown.Item,
|
|
21137
|
-
{
|
|
21138
|
-
css: __spreadProps(__spreadValues({}, dropdownItemCSS), { borderTop: "1px solid $border_bright" }),
|
|
21139
|
-
onClick: () => setTrackEnabled("video", !allPeersHaveVideoOn)
|
|
21140
|
-
},
|
|
21141
|
-
allPeersHaveVideoOn ? /* @__PURE__ */ React72.createElement(VideoOffIcon2, null) : /* @__PURE__ */ React72.createElement(VideoOnIcon3, null),
|
|
21142
|
-
/* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, allPeersHaveVideoOn ? "Mute" : "Unmute", " Video")
|
|
21143
|
-
)),
|
|
21166
|
+
canMuteOrUnmute && /* @__PURE__ */ React72.createElement(MuteUnmuteOption, { peerList, roleName }),
|
|
21144
21167
|
canRemoveRoleFromRoom && /* @__PURE__ */ React72.createElement(
|
|
21145
21168
|
Dropdown.Item,
|
|
21146
21169
|
{
|
|
@@ -21183,7 +21206,7 @@ var RoleAccordion = ({
|
|
|
21183
21206
|
onActive
|
|
21184
21207
|
}) => {
|
|
21185
21208
|
const [ref, { width }] = useMeasure();
|
|
21186
|
-
const isLargeRoom =
|
|
21209
|
+
const isLargeRoom = useHMSStore36(selectIsLargeRoom);
|
|
21187
21210
|
const { peers, total, loadPeers } = usePaginatedParticipants({ role: roleName, limit: 10 });
|
|
21188
21211
|
const isOffStageRole = roleName && offStageRoles.includes(roleName);
|
|
21189
21212
|
let peersInAccordion = peerList;
|
|
@@ -21273,9 +21296,9 @@ var ParticipantList = ({
|
|
|
21273
21296
|
}) => {
|
|
21274
21297
|
const [filter, setFilter] = useState32();
|
|
21275
21298
|
const { participants, isConnected, peerCount } = useParticipants(filter);
|
|
21276
|
-
const isLargeRoom =
|
|
21299
|
+
const isLargeRoom = useHMSStore37(selectIsLargeRoom2);
|
|
21277
21300
|
const peersOrderedByRoles = {};
|
|
21278
|
-
const handRaisedPeers =
|
|
21301
|
+
const handRaisedPeers = useHMSStore37(selectHandRaisedPeers);
|
|
21279
21302
|
participants.forEach((participant) => {
|
|
21280
21303
|
if (participant.roleName) {
|
|
21281
21304
|
if (peersOrderedByRoles[participant.roleName] === void 0) {
|
|
@@ -21338,7 +21361,7 @@ var ParticipantList = ({
|
|
|
21338
21361
|
));
|
|
21339
21362
|
};
|
|
21340
21363
|
var ParticipantCount = () => {
|
|
21341
|
-
const peerCount =
|
|
21364
|
+
const peerCount = useHMSStore37(selectPeerCount4);
|
|
21342
21365
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
21343
21366
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
21344
21367
|
if (peerCount === 0) {
|
|
@@ -21369,7 +21392,7 @@ var Participant = ({
|
|
|
21369
21392
|
isConnected,
|
|
21370
21393
|
style
|
|
21371
21394
|
}) => {
|
|
21372
|
-
const localPeerId =
|
|
21395
|
+
const localPeerId = useHMSStore37(selectLocalPeerID7);
|
|
21373
21396
|
return /* @__PURE__ */ React74.createElement(
|
|
21374
21397
|
Flex,
|
|
21375
21398
|
{
|
|
@@ -21453,13 +21476,13 @@ var VirtualizedParticipants = ({
|
|
|
21453
21476
|
var ParticipantActions = React74.memo(
|
|
21454
21477
|
({ peerId, role, isLocal }) => {
|
|
21455
21478
|
var _a8, _b7;
|
|
21456
|
-
const isHandRaised =
|
|
21457
|
-
const canChangeRole = (_a8 =
|
|
21458
|
-
const canRemoveOthers = (_b7 =
|
|
21479
|
+
const isHandRaised = useHMSStore37(selectHasPeerHandRaised2(peerId));
|
|
21480
|
+
const canChangeRole = (_a8 = useHMSStore37(selectPermissions11)) == null ? void 0 : _a8.changeRole;
|
|
21481
|
+
const canRemoveOthers = (_b7 = useHMSStore37(selectPermissions11)) == null ? void 0 : _b7.removeOthers;
|
|
21459
21482
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
21460
21483
|
const { on_stage_exp } = elements || {};
|
|
21461
21484
|
const shouldShowMoreActions = on_stage_exp && canChangeRole || canRemoveOthers;
|
|
21462
|
-
const isAudioMuted = !
|
|
21485
|
+
const isAudioMuted = !useHMSStore37(selectIsPeerAudioEnabled(peerId));
|
|
21463
21486
|
return /* @__PURE__ */ React74.createElement(
|
|
21464
21487
|
Flex,
|
|
21465
21488
|
{
|
|
@@ -21509,7 +21532,7 @@ var ParticipantMoreActions = ({
|
|
|
21509
21532
|
} = elements.on_stage_exp || {};
|
|
21510
21533
|
const isInStage = role === on_stage_role;
|
|
21511
21534
|
const shouldShowStageRoleChange = canChangeRole && (isInStage && remove_from_stage_label || (off_stage_roles == null ? void 0 : off_stage_roles.includes(role)) && bring_to_stage_label);
|
|
21512
|
-
const prevRole = (_a8 =
|
|
21535
|
+
const prevRole = (_a8 = useHMSStore37(selectPeerMetadata3(peerId))) == null ? void 0 : _a8.prevRole;
|
|
21513
21536
|
const [open, setOpen] = useState32(false);
|
|
21514
21537
|
const handleStageAction = () => __async(void 0, null, function* () {
|
|
21515
21538
|
if (isInStage) {
|
|
@@ -21715,9 +21738,9 @@ var Footer2 = ({
|
|
|
21715
21738
|
// src/Prebuilt/components/Notifications/HLSFailureModal.tsx
|
|
21716
21739
|
init_define_process_env();
|
|
21717
21740
|
import React78, { useCallback as useCallback19, useState as useState33 } from "react";
|
|
21718
|
-
import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions25, useHMSStore as
|
|
21741
|
+
import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions25, useHMSStore as useHMSStore38, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
|
|
21719
21742
|
function HLSFailureModal() {
|
|
21720
|
-
const hlsError =
|
|
21743
|
+
const hlsError = useHMSStore38(selectHLSState5).error || false;
|
|
21721
21744
|
const [openModal, setOpenModal] = useState33(!!hlsError);
|
|
21722
21745
|
const hmsActions = useHMSActions25();
|
|
21723
21746
|
const { isRTMPRunning } = useRecordingStreaming8();
|
|
@@ -21770,7 +21793,7 @@ import {
|
|
|
21770
21793
|
selectRoleChangeRequest,
|
|
21771
21794
|
useCustomEvent as useCustomEvent3,
|
|
21772
21795
|
useHMSActions as useHMSActions42,
|
|
21773
|
-
useHMSStore as
|
|
21796
|
+
useHMSStore as useHMSStore69
|
|
21774
21797
|
} from "@100mslive/react-sdk";
|
|
21775
21798
|
|
|
21776
21799
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
@@ -21784,7 +21807,7 @@ import {
|
|
|
21784
21807
|
selectRoomState as selectRoomState5,
|
|
21785
21808
|
selectVideoTrackByID as selectVideoTrackByID5,
|
|
21786
21809
|
useAVToggle as useAVToggle5,
|
|
21787
|
-
useHMSStore as
|
|
21810
|
+
useHMSStore as useHMSStore68,
|
|
21788
21811
|
useParticipants as useParticipants2,
|
|
21789
21812
|
usePreviewJoin,
|
|
21790
21813
|
useRecordingStreaming as useRecordingStreaming11
|
|
@@ -21795,7 +21818,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
|
|
|
21795
21818
|
init_define_process_env();
|
|
21796
21819
|
import React126, { useEffect as useEffect32 } from "react";
|
|
21797
21820
|
import { useMedia as useMedia21 } from "react-use";
|
|
21798
|
-
import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as
|
|
21821
|
+
import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore66 } from "@100mslive/react-sdk";
|
|
21799
21822
|
|
|
21800
21823
|
// src/Prebuilt/components/Polls/Polls.tsx
|
|
21801
21824
|
init_define_process_env();
|
|
@@ -21806,17 +21829,17 @@ init_define_process_env();
|
|
|
21806
21829
|
import React81, { useEffect as useEffect21, useMemo as useMemo5, useRef as useRef15, useState as useState34 } from "react";
|
|
21807
21830
|
import {
|
|
21808
21831
|
selectLocalPeerRoleName,
|
|
21809
|
-
selectPermissions as
|
|
21832
|
+
selectPermissions as selectPermissions13,
|
|
21810
21833
|
selectPolls as selectPolls2,
|
|
21811
21834
|
useHMSActions as useHMSActions26,
|
|
21812
|
-
useHMSStore as
|
|
21835
|
+
useHMSStore as useHMSStore40
|
|
21813
21836
|
} from "@100mslive/react-sdk";
|
|
21814
21837
|
import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
|
|
21815
21838
|
|
|
21816
21839
|
// src/Prebuilt/components/Streaming/Common.jsx
|
|
21817
21840
|
init_define_process_env();
|
|
21818
21841
|
import React79 from "react";
|
|
21819
|
-
import { selectPermissions as
|
|
21842
|
+
import { selectPermissions as selectPermissions12, useHMSStore as useHMSStore39 } from "@100mslive/react-sdk";
|
|
21820
21843
|
import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon2, CrossIcon as CrossIcon10, RecordIcon as RecordIcon3 } from "@100mslive/react-icons";
|
|
21821
21844
|
var ContentHeader = ({ onBack, onClose, title = "", content }) => {
|
|
21822
21845
|
return /* @__PURE__ */ React79.createElement(
|
|
@@ -21916,7 +21939,7 @@ var StatusIndicator = ({ status }) => {
|
|
|
21916
21939
|
// src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
|
|
21917
21940
|
var PollsQuizMenu = () => {
|
|
21918
21941
|
const togglePollView = usePollViewToggle();
|
|
21919
|
-
const permissions =
|
|
21942
|
+
const permissions = useHMSStore40(selectPermissions13);
|
|
21920
21943
|
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)));
|
|
21921
21944
|
};
|
|
21922
21945
|
function InteractionSelectionCard({
|
|
@@ -21958,7 +21981,7 @@ function InteractionSelectionCard({
|
|
|
21958
21981
|
var AddMenu = () => {
|
|
21959
21982
|
const actions = useHMSActions26();
|
|
21960
21983
|
const [title, setTitle] = useState34("");
|
|
21961
|
-
const localPeerRoleName =
|
|
21984
|
+
const localPeerRoleName = useHMSStore40(selectLocalPeerRoleName);
|
|
21962
21985
|
const [hideVoteCount, setHideVoteCount] = useState34(false);
|
|
21963
21986
|
const [error, setError] = useState34();
|
|
21964
21987
|
const [titleError, setTitleError] = useState34("");
|
|
@@ -22040,7 +22063,7 @@ var AddMenu = () => {
|
|
|
22040
22063
|
};
|
|
22041
22064
|
var PrevMenu = () => {
|
|
22042
22065
|
const hmsActions = useHMSActions26();
|
|
22043
|
-
const polls =
|
|
22066
|
+
const polls = useHMSStore40(selectPolls2);
|
|
22044
22067
|
const sortedPolls = useMemo5(
|
|
22045
22068
|
() => {
|
|
22046
22069
|
var _a8;
|
|
@@ -22051,7 +22074,7 @@ var PrevMenu = () => {
|
|
|
22051
22074
|
},
|
|
22052
22075
|
[polls]
|
|
22053
22076
|
);
|
|
22054
|
-
const permissions =
|
|
22077
|
+
const permissions = useHMSStore40(selectPermissions13);
|
|
22055
22078
|
useEffect21(() => {
|
|
22056
22079
|
const updatePolls = () => __async(void 0, null, function* () {
|
|
22057
22080
|
yield hmsActions.interactivityCenter.getPolls();
|
|
@@ -22089,7 +22112,7 @@ var InteractionCard = ({ id, title, status }) => {
|
|
|
22089
22112
|
init_define_process_env();
|
|
22090
22113
|
import React91, { useMemo as useMemo6, useState as useState36 } from "react";
|
|
22091
22114
|
import { v4 as uuid2 } from "uuid";
|
|
22092
|
-
import { selectPollByID, useHMSActions as useHMSActions27, useHMSStore as
|
|
22115
|
+
import { selectPollByID, useHMSActions as useHMSActions27, useHMSStore as useHMSStore41, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
|
|
22093
22116
|
import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
|
|
22094
22117
|
|
|
22095
22118
|
// src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
|
|
@@ -22614,7 +22637,7 @@ function CreateQuestions() {
|
|
|
22614
22637
|
const { isHLSRunning } = useRecordingStreaming9();
|
|
22615
22638
|
const togglePollView = usePollViewToggle();
|
|
22616
22639
|
const { pollInView: id, setPollView } = usePollViewState();
|
|
22617
|
-
const interaction =
|
|
22640
|
+
const interaction = useHMSStore41(selectPollByID(id));
|
|
22618
22641
|
const [questions, setQuestions] = useState36(
|
|
22619
22642
|
((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
|
|
22620
22643
|
);
|
|
@@ -22708,7 +22731,7 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
|
|
|
22708
22731
|
// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
|
|
22709
22732
|
init_define_process_env();
|
|
22710
22733
|
import React95, { useState as useState38 } from "react";
|
|
22711
|
-
import { selectPollByID as selectPollByID3, useHMSStore as
|
|
22734
|
+
import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
|
|
22712
22735
|
import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3, CrossIcon as CrossIcon12 } from "@100mslive/react-icons";
|
|
22713
22736
|
|
|
22714
22737
|
// src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
|
|
@@ -22772,7 +22795,7 @@ var LeaderboardEntry = ({
|
|
|
22772
22795
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
22773
22796
|
init_define_process_env();
|
|
22774
22797
|
import React94 from "react";
|
|
22775
|
-
import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as
|
|
22798
|
+
import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
|
|
22776
22799
|
|
|
22777
22800
|
// src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
|
|
22778
22801
|
init_define_process_env();
|
|
@@ -22797,11 +22820,11 @@ import { useEffect as useEffect22, useState as useState37 } from "react";
|
|
|
22797
22820
|
import {
|
|
22798
22821
|
selectPollByID as selectPollByID2,
|
|
22799
22822
|
useHMSActions as useHMSActions28,
|
|
22800
|
-
useHMSStore as
|
|
22823
|
+
useHMSStore as useHMSStore42
|
|
22801
22824
|
} from "@100mslive/react-sdk";
|
|
22802
22825
|
var useQuizSummary = (quizID) => {
|
|
22803
22826
|
const hmsActions = useHMSActions28();
|
|
22804
|
-
const quiz =
|
|
22827
|
+
const quiz = useHMSStore42(selectPollByID2(quizID));
|
|
22805
22828
|
const [quizLeaderboard, setQuizLeaderboard] = useState37();
|
|
22806
22829
|
const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
|
|
22807
22830
|
totalUsers: 0,
|
|
@@ -22838,7 +22861,7 @@ var useQuizSummary = (quizID) => {
|
|
|
22838
22861
|
|
|
22839
22862
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
22840
22863
|
var PeerParticipationSummary = ({ quiz }) => {
|
|
22841
|
-
const localPeerId =
|
|
22864
|
+
const localPeerId = useHMSStore43(selectLocalPeerID8);
|
|
22842
22865
|
const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
|
|
22843
22866
|
if (quiz.state !== "stopped") {
|
|
22844
22867
|
return /* @__PURE__ */ React94.createElement(React94.Fragment, null);
|
|
@@ -22879,7 +22902,7 @@ var PeerParticipationSummary = ({ quiz }) => {
|
|
|
22879
22902
|
// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
|
|
22880
22903
|
var LeaderboardSummary = ({ pollID }) => {
|
|
22881
22904
|
var _a8, _b7;
|
|
22882
|
-
const quiz =
|
|
22905
|
+
const quiz = useHMSStore44(selectPollByID3(pollID));
|
|
22883
22906
|
const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
|
|
22884
22907
|
const [viewAllEntries, setViewAllEntries] = useState38(false);
|
|
22885
22908
|
const { setPollView } = usePollViewState();
|
|
@@ -22954,10 +22977,10 @@ init_define_process_env();
|
|
|
22954
22977
|
import React99 from "react";
|
|
22955
22978
|
import {
|
|
22956
22979
|
selectPeerNameByID,
|
|
22957
|
-
selectPermissions as
|
|
22980
|
+
selectPermissions as selectPermissions14,
|
|
22958
22981
|
selectPollByID as selectPollByID4,
|
|
22959
22982
|
useHMSActions as useHMSActions30,
|
|
22960
|
-
useHMSStore as
|
|
22983
|
+
useHMSStore as useHMSStore47
|
|
22961
22984
|
} from "@100mslive/react-sdk";
|
|
22962
22985
|
import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
|
|
22963
22986
|
|
|
@@ -22968,7 +22991,7 @@ import React97 from "react";
|
|
|
22968
22991
|
// src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
|
|
22969
22992
|
init_define_process_env();
|
|
22970
22993
|
import React96, { useCallback as useCallback21, useMemo as useMemo7, useRef as useRef17, useState as useState39 } from "react";
|
|
22971
|
-
import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions29, useHMSStore as
|
|
22994
|
+
import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions29, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
|
|
22972
22995
|
import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
|
|
22973
22996
|
var QuestionCard2 = ({
|
|
22974
22997
|
pollID,
|
|
@@ -22987,7 +23010,7 @@ var QuestionCard2 = ({
|
|
|
22987
23010
|
rolesThatCanViewResponses
|
|
22988
23011
|
}) => {
|
|
22989
23012
|
const actions = useHMSActions29();
|
|
22990
|
-
const localPeer =
|
|
23013
|
+
const localPeer = useHMSStore45(selectLocalPeer);
|
|
22991
23014
|
const localPeerResponse = responses == null ? void 0 : responses.find(
|
|
22992
23015
|
(response) => {
|
|
22993
23016
|
var _a8, _b7;
|
|
@@ -22995,7 +23018,7 @@ var QuestionCard2 = ({
|
|
|
22995
23018
|
}
|
|
22996
23019
|
);
|
|
22997
23020
|
const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
|
|
22998
|
-
const localPeerRoleName =
|
|
23021
|
+
const localPeerRoleName = useHMSStore45(selectLocalPeerRoleName2);
|
|
22999
23022
|
const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
|
|
23000
23023
|
const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
|
|
23001
23024
|
const isLive = pollState === "started";
|
|
@@ -23178,10 +23201,10 @@ var StandardView = ({ poll }) => {
|
|
|
23178
23201
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
|
23179
23202
|
init_define_process_env();
|
|
23180
23203
|
import React98, { useState as useState40 } from "react";
|
|
23181
|
-
import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as
|
|
23204
|
+
import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
|
|
23182
23205
|
var TimedView = ({ poll }) => {
|
|
23183
23206
|
var _a8, _b7, _c;
|
|
23184
|
-
const localPeerId =
|
|
23207
|
+
const localPeerId = useHMSStore46(selectLocalPeerID9);
|
|
23185
23208
|
const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
|
|
23186
23209
|
const [currentIndex, setCurrentIndex] = useState40(lastAttemptedIndex);
|
|
23187
23210
|
const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
|
|
@@ -23217,9 +23240,9 @@ var TimedView = ({ poll }) => {
|
|
|
23217
23240
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
|
23218
23241
|
var Voting = ({ id, toggleVoting }) => {
|
|
23219
23242
|
const actions = useHMSActions30();
|
|
23220
|
-
const poll =
|
|
23221
|
-
const pollCreatorName =
|
|
23222
|
-
const permissions =
|
|
23243
|
+
const poll = useHMSStore47(selectPollByID4(id));
|
|
23244
|
+
const pollCreatorName = useHMSStore47(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
|
|
23245
|
+
const permissions = useHMSStore47(selectPermissions14);
|
|
23223
23246
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
|
23224
23247
|
const { setPollView } = usePollViewState();
|
|
23225
23248
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
|
@@ -23346,14 +23369,14 @@ var RoomDetailsPane = () => {
|
|
|
23346
23369
|
init_define_process_env();
|
|
23347
23370
|
import React118, { useEffect as useEffect30, useState as useState50 } from "react";
|
|
23348
23371
|
import { useMedia as useMedia18 } from "react-use";
|
|
23349
|
-
import { selectPeerCount as selectPeerCount5, useHMSStore as
|
|
23372
|
+
import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
|
|
23350
23373
|
import { CrossIcon as CrossIcon18 } from "@100mslive/react-icons";
|
|
23351
23374
|
|
|
23352
23375
|
// src/Prebuilt/components/Chat/Chat.tsx
|
|
23353
23376
|
init_define_process_env();
|
|
23354
23377
|
import React115, { useCallback as useCallback29, useRef as useRef21 } from "react";
|
|
23355
23378
|
import { useMedia as useMedia17 } from "react-use";
|
|
23356
|
-
import { selectHMSMessagesCount, useHMSActions as useHMSActions38, useHMSStore as
|
|
23379
|
+
import { selectHMSMessagesCount, useHMSActions as useHMSActions38, useHMSStore as useHMSStore57, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
|
|
23357
23380
|
import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
|
|
23358
23381
|
|
|
23359
23382
|
// src/Prebuilt/components/Chat/ChatBody.tsx
|
|
@@ -23371,7 +23394,7 @@ import {
|
|
|
23371
23394
|
selectSessionStore as selectSessionStore5,
|
|
23372
23395
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
|
|
23373
23396
|
useHMSActions as useHMSActions34,
|
|
23374
|
-
useHMSStore as
|
|
23397
|
+
useHMSStore as useHMSStore51,
|
|
23375
23398
|
useHMSVanillaStore as useHMSVanillaStore10
|
|
23376
23399
|
} from "@100mslive/react-sdk";
|
|
23377
23400
|
import { SolidPinIcon } from "@100mslive/react-icons";
|
|
@@ -23379,7 +23402,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
|
|
|
23379
23402
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
|
23380
23403
|
init_define_process_env();
|
|
23381
23404
|
import React105, { useCallback as useCallback24, useState as useState42 } from "react";
|
|
23382
|
-
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as
|
|
23405
|
+
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions15, useHMSActions as useHMSActions33, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
|
|
23383
23406
|
import {
|
|
23384
23407
|
CopyIcon as CopyIcon2,
|
|
23385
23408
|
CrossCircleIcon as CrossCircleIcon2,
|
|
@@ -23407,10 +23430,10 @@ var MwebChatOption = ({
|
|
|
23407
23430
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
|
23408
23431
|
init_define_process_env();
|
|
23409
23432
|
import { useCallback as useCallback22 } from "react";
|
|
23410
|
-
import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions31, useHMSStore as
|
|
23433
|
+
import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
|
|
23411
23434
|
var useChatBlacklist = (sessionStoreKey) => {
|
|
23412
23435
|
const hmsActions = useHMSActions31();
|
|
23413
|
-
const blacklistedIDs =
|
|
23436
|
+
const blacklistedIDs = useHMSStore48(selectSessionStore2(sessionStoreKey));
|
|
23414
23437
|
const blacklistItem = useCallback22(
|
|
23415
23438
|
(blacklistID) => __async(void 0, null, function* () {
|
|
23416
23439
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -23420,8 +23443,8 @@ var useChatBlacklist = (sessionStoreKey) => {
|
|
|
23420
23443
|
return { blacklistItem, blacklistedIDs };
|
|
23421
23444
|
};
|
|
23422
23445
|
var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
|
23423
|
-
const localPeer =
|
|
23424
|
-
const blacklistedPeerIDs =
|
|
23446
|
+
const localPeer = useHMSStore48(selectLocalPeer2);
|
|
23447
|
+
const blacklistedPeerIDs = useHMSStore48(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
|
23425
23448
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
|
23426
23449
|
};
|
|
23427
23450
|
|
|
@@ -23504,9 +23527,9 @@ var ChatActions = ({
|
|
|
23504
23527
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
|
23505
23528
|
const [open, setOpen] = useState42(false);
|
|
23506
23529
|
const actions = useHMSActions33();
|
|
23507
|
-
const canRemoveOthers = (_b7 =
|
|
23530
|
+
const canRemoveOthers = (_b7 = useHMSStore49(selectPermissions15)) == null ? void 0 : _b7.removeOthers;
|
|
23508
23531
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
|
23509
|
-
const localPeerName =
|
|
23532
|
+
const localPeerName = useHMSStore49(selectLocalPeerName2);
|
|
23510
23533
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
|
23511
23534
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
|
23512
23535
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
|
@@ -23726,9 +23749,9 @@ var EmptyChat = () => {
|
|
|
23726
23749
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
|
23727
23750
|
init_define_process_env();
|
|
23728
23751
|
import { useEffect as useEffect24, useState as useState43 } from "react";
|
|
23729
|
-
import { selectSessionStore as selectSessionStore4, useHMSStore as
|
|
23752
|
+
import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
|
|
23730
23753
|
var usePinnedBy = (messageId) => {
|
|
23731
|
-
const pinnedMessages =
|
|
23754
|
+
const pinnedMessages = useHMSStore50(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
|
|
23732
23755
|
const [pinnedBy, setPinnedBy] = useState43("");
|
|
23733
23756
|
useEffect24(() => {
|
|
23734
23757
|
let match = "";
|
|
@@ -23811,8 +23834,8 @@ var MessageType = ({
|
|
|
23811
23834
|
hasCurrentUserSent,
|
|
23812
23835
|
receiver
|
|
23813
23836
|
}) => {
|
|
23814
|
-
const peerName =
|
|
23815
|
-
const localPeerRoleName =
|
|
23837
|
+
const peerName = useHMSStore51(selectPeerNameByID3(receiver));
|
|
23838
|
+
const localPeerRoleName = useHMSStore51(selectLocalPeerRoleName3);
|
|
23816
23839
|
if (receiver) {
|
|
23817
23840
|
return /* @__PURE__ */ React107.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
|
23818
23841
|
}
|
|
@@ -23860,7 +23883,7 @@ var ChatMessage = React107.memo(
|
|
|
23860
23883
|
const isMobile = useMedia12(config.media.md);
|
|
23861
23884
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
23862
23885
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
23863
|
-
const localPeerId =
|
|
23886
|
+
const localPeerId = useHMSStore51(selectLocalPeerID10);
|
|
23864
23887
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
23865
23888
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
23866
23889
|
const messageType = getMessageType({
|
|
@@ -24079,8 +24102,8 @@ var VirtualizedChatMessages = React107.forwardRef(({ messages, scrollToBottom },
|
|
|
24079
24102
|
});
|
|
24080
24103
|
var ChatBody = React107.forwardRef(
|
|
24081
24104
|
({ scrollToBottom }, listRef) => {
|
|
24082
|
-
const messages =
|
|
24083
|
-
const blacklistedMessageIDs =
|
|
24105
|
+
const messages = useHMSStore51(selectHMSMessages);
|
|
24106
|
+
const blacklistedMessageIDs = useHMSStore51(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
|
24084
24107
|
const filteredMessages = useMemo8(() => {
|
|
24085
24108
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
24086
24109
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
|
@@ -24107,7 +24130,7 @@ var PinnedBy = ({
|
|
|
24107
24130
|
rowRef
|
|
24108
24131
|
}) => {
|
|
24109
24132
|
const pinnedBy = usePinnedBy(messageId);
|
|
24110
|
-
const localPeerName =
|
|
24133
|
+
const localPeerName = useHMSStore51(selectLocalPeerName3);
|
|
24111
24134
|
useLayoutEffect(() => {
|
|
24112
24135
|
if (rowRef == null ? void 0 : rowRef.current) {
|
|
24113
24136
|
if (pinnedBy) {
|
|
@@ -24130,7 +24153,7 @@ import React110, { useCallback as useCallback27, useEffect as useEffect27, useRe
|
|
|
24130
24153
|
import { useMedia as useMedia15 } from "react-use";
|
|
24131
24154
|
import data2 from "@emoji-mart/data";
|
|
24132
24155
|
import Picker from "@emoji-mart/react";
|
|
24133
|
-
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions36, useHMSStore as
|
|
24156
|
+
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions36, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
|
|
24134
24157
|
import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
|
|
24135
24158
|
|
|
24136
24159
|
// src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
|
|
@@ -24148,7 +24171,7 @@ import {
|
|
|
24148
24171
|
selectMessagesUnreadCountByRole,
|
|
24149
24172
|
selectRemotePeers as selectRemotePeers2,
|
|
24150
24173
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
|
|
24151
|
-
useHMSStore as
|
|
24174
|
+
useHMSStore as useHMSStore52
|
|
24152
24175
|
} from "@100mslive/react-sdk";
|
|
24153
24176
|
import { CheckIcon as CheckIcon7, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
|
|
24154
24177
|
var ChatDotIcon = () => {
|
|
@@ -24198,7 +24221,7 @@ var SelectorHeader = React108.memo(
|
|
|
24198
24221
|
}
|
|
24199
24222
|
);
|
|
24200
24223
|
var Everyone = React108.memo(({ active }) => {
|
|
24201
|
-
const unreadCount =
|
|
24224
|
+
const unreadCount = useHMSStore52(selectUnreadHMSMessagesCount3);
|
|
24202
24225
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24203
24226
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24204
24227
|
return /* @__PURE__ */ React108.createElement(
|
|
@@ -24216,7 +24239,7 @@ var Everyone = React108.memo(({ active }) => {
|
|
|
24216
24239
|
);
|
|
24217
24240
|
});
|
|
24218
24241
|
var RoleItem = React108.memo(({ role, active }) => {
|
|
24219
|
-
const unreadCount =
|
|
24242
|
+
const unreadCount = useHMSStore52(selectMessagesUnreadCountByRole(role));
|
|
24220
24243
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24221
24244
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24222
24245
|
return /* @__PURE__ */ React108.createElement(
|
|
@@ -24233,7 +24256,7 @@ var RoleItem = React108.memo(({ role, active }) => {
|
|
|
24233
24256
|
);
|
|
24234
24257
|
});
|
|
24235
24258
|
var PeerItem = ({ peerId, name, active }) => {
|
|
24236
|
-
const unreadCount =
|
|
24259
|
+
const unreadCount = useHMSStore52(selectMessagesUnreadCountByPeerID(peerId));
|
|
24237
24260
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24238
24261
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24239
24262
|
return /* @__PURE__ */ React108.createElement(
|
|
@@ -24292,7 +24315,7 @@ var VirtualizedSelectItemList = ({
|
|
|
24292
24315
|
var ChatSelector = ({ role, peerId }) => {
|
|
24293
24316
|
var _a8, _b7;
|
|
24294
24317
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24295
|
-
const peers =
|
|
24318
|
+
const peers = useHMSStore52(selectRemotePeers2);
|
|
24296
24319
|
const [search, setSearch] = useState45("");
|
|
24297
24320
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
24298
24321
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
|
@@ -24430,10 +24453,10 @@ var ChatSelectorContainer = () => {
|
|
|
24430
24453
|
// src/Prebuilt/components/AppData/useChatState.js
|
|
24431
24454
|
init_define_process_env();
|
|
24432
24455
|
import { useCallback as useCallback26 } from "react";
|
|
24433
|
-
import { selectAppData as selectAppData5, useHMSActions as useHMSActions35, useHMSStore as
|
|
24456
|
+
import { selectAppData as selectAppData5, useHMSActions as useHMSActions35, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
|
|
24434
24457
|
var useChatDraftMessage = () => {
|
|
24435
24458
|
const hmsActions = useHMSActions35();
|
|
24436
|
-
let chatDraftMessage =
|
|
24459
|
+
let chatDraftMessage = useHMSStore53(selectAppData5(APP_DATA.chatDraft));
|
|
24437
24460
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
|
24438
24461
|
chatDraftMessage = "";
|
|
24439
24462
|
}
|
|
@@ -24532,7 +24555,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
|
24532
24555
|
const isMobile = useMedia15(config.media.md);
|
|
24533
24556
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24534
24557
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
|
24535
|
-
const localPeer =
|
|
24558
|
+
const localPeer = useHMSStore54(selectLocalPeer3);
|
|
24536
24559
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
|
24537
24560
|
const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
|
|
24538
24561
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -24700,14 +24723,14 @@ var ChatFooter = ({ onSend, children }) => {
|
|
|
24700
24723
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
|
24701
24724
|
init_define_process_env();
|
|
24702
24725
|
import React111, { useCallback as useCallback28 } from "react";
|
|
24703
|
-
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions37, useHMSStore as
|
|
24726
|
+
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions37, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
|
|
24704
24727
|
var ChatPaused = () => {
|
|
24705
24728
|
var _a8, _b7;
|
|
24706
24729
|
const hmsActions = useHMSActions37();
|
|
24707
24730
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24708
24731
|
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);
|
|
24709
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } =
|
|
24710
|
-
const localPeer =
|
|
24732
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore55(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
|
|
24733
|
+
const localPeer = useHMSStore55(selectLocalPeer4);
|
|
24711
24734
|
const unPauseChat = useCallback28(
|
|
24712
24735
|
() => __async(void 0, null, function* () {
|
|
24713
24736
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
|
@@ -24758,7 +24781,7 @@ init_define_process_env();
|
|
|
24758
24781
|
import React114, { useEffect as useEffect28, useState as useState48 } from "react";
|
|
24759
24782
|
import { useSwipeable } from "react-swipeable";
|
|
24760
24783
|
import { useMedia as useMedia16 } from "react-use";
|
|
24761
|
-
import { selectSessionStore as selectSessionStore7, useHMSStore as
|
|
24784
|
+
import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
|
|
24762
24785
|
import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
|
|
24763
24786
|
|
|
24764
24787
|
// src/Prebuilt/components/Chat/ArrowNavigation.tsx
|
|
@@ -24815,7 +24838,7 @@ var StickIndicator = ({ total, index }) => {
|
|
|
24815
24838
|
var PINNED_MESSAGE_LENGTH = 75;
|
|
24816
24839
|
var PinnedMessage = () => {
|
|
24817
24840
|
var _a8, _b7, _c;
|
|
24818
|
-
const pinnedMessages =
|
|
24841
|
+
const pinnedMessages = useHMSStore56(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
|
|
24819
24842
|
const [pinnedMessageIndex, setPinnedMessageIndex] = useState48(0);
|
|
24820
24843
|
const { removePinnedMessage } = usePinnedMessages();
|
|
24821
24844
|
const isMobile = useMedia16(config.media.md);
|
|
@@ -24933,7 +24956,7 @@ var Chat = () => {
|
|
|
24933
24956
|
const listRef = useRef21(null);
|
|
24934
24957
|
const hmsActions = useHMSActions38();
|
|
24935
24958
|
const vanillaStore = useHMSVanillaStore11();
|
|
24936
|
-
const { enabled: isChatEnabled = true } =
|
|
24959
|
+
const { enabled: isChatEnabled = true } = useHMSStore57(em("chatState" /* CHAT_STATE */)) || {};
|
|
24937
24960
|
const isMobile = useMedia17(config.media.md);
|
|
24938
24961
|
const scrollToBottom = useCallback29(
|
|
24939
24962
|
(unreadCount = 0) => {
|
|
@@ -24972,7 +24995,7 @@ var NewMessageIndicator = ({
|
|
|
24972
24995
|
scrollToBottom,
|
|
24973
24996
|
listRef
|
|
24974
24997
|
}) => {
|
|
24975
|
-
const unreadCount =
|
|
24998
|
+
const unreadCount = useHMSStore57(Gn);
|
|
24976
24999
|
if (!unreadCount || !listRef.current) {
|
|
24977
25000
|
return null;
|
|
24978
25001
|
}
|
|
@@ -25022,7 +25045,7 @@ import React116, { useEffect as useEffect29, useState as useState49 } from "reac
|
|
|
25022
25045
|
import { useInView } from "react-intersection-observer";
|
|
25023
25046
|
import { useMeasure as useMeasure2 } from "react-use";
|
|
25024
25047
|
import { VariableSizeList as VariableSizeList2 } from "react-window";
|
|
25025
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as
|
|
25048
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore58, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
|
|
25026
25049
|
import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
|
|
25027
25050
|
var LoadMoreParticipants = ({
|
|
25028
25051
|
hasNext,
|
|
@@ -25066,7 +25089,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
|
25066
25089
|
var _a8;
|
|
25067
25090
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
|
25068
25091
|
});
|
|
25069
|
-
const isConnected =
|
|
25092
|
+
const isConnected = useHMSStore58(selectIsConnectedToRoom8);
|
|
25070
25093
|
const [ref, { width }] = useMeasure2();
|
|
25071
25094
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
|
25072
25095
|
const resetSidePane = useSidepaneReset();
|
|
@@ -25100,15 +25123,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
|
25100
25123
|
// src/Prebuilt/components/ChatSettings.tsx
|
|
25101
25124
|
init_define_process_env();
|
|
25102
25125
|
import React117 from "react";
|
|
25103
|
-
import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions39, useHMSStore as
|
|
25126
|
+
import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
|
|
25104
25127
|
import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
|
|
25105
25128
|
var ChatSettings = () => {
|
|
25106
25129
|
var _a8, _b7;
|
|
25107
25130
|
const hmsActions = useHMSActions39();
|
|
25108
|
-
const localPeer =
|
|
25131
|
+
const localPeer = useHMSStore59(selectLocalPeer5);
|
|
25109
25132
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25110
25133
|
const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
25111
|
-
const { enabled: isChatEnabled = true } =
|
|
25134
|
+
const { enabled: isChatEnabled = true } = useHMSStore59(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
|
|
25112
25135
|
const showPause = canPauseChat && isChatEnabled;
|
|
25113
25136
|
if (!showPause) {
|
|
25114
25137
|
return null;
|
|
@@ -25173,7 +25196,7 @@ var SidePaneTabs = React118.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
|
|
|
25173
25196
|
const resetSidePane = useSidepaneReset();
|
|
25174
25197
|
const [activeTab, setActiveTab] = useState50(active);
|
|
25175
25198
|
const [activeRole, setActiveRole] = useState50("");
|
|
25176
|
-
const peerCount =
|
|
25199
|
+
const peerCount = useHMSStore60(selectPeerCount5);
|
|
25177
25200
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25178
25201
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
|
25179
25202
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
@@ -25304,14 +25327,14 @@ import {
|
|
|
25304
25327
|
selectPeerNameByID as selectPeerNameByID4,
|
|
25305
25328
|
selectVideoTrackByID as selectVideoTrackByID3,
|
|
25306
25329
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
|
|
25307
|
-
useHMSStore as
|
|
25330
|
+
useHMSStore as useHMSStore64
|
|
25308
25331
|
} from "@100mslive/react-sdk";
|
|
25309
25332
|
import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
|
|
25310
25333
|
|
|
25311
25334
|
// src/Prebuilt/components/Connection/TileConnection.tsx
|
|
25312
25335
|
init_define_process_env();
|
|
25313
25336
|
import React119 from "react";
|
|
25314
|
-
import { selectScreenShareByPeerID, selectSessionStore as selectSessionStore9, useHMSStore as
|
|
25337
|
+
import { selectScreenShareByPeerID, selectSessionStore as selectSessionStore9, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
|
|
25315
25338
|
import { PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
|
|
25316
25339
|
var TileConnection = ({
|
|
25317
25340
|
name,
|
|
@@ -25320,9 +25343,9 @@ var TileConnection = ({
|
|
|
25320
25343
|
width,
|
|
25321
25344
|
pinned
|
|
25322
25345
|
}) => {
|
|
25323
|
-
const spotlighted =
|
|
25324
|
-
const isPeerScreenSharing = !!
|
|
25325
|
-
return /* @__PURE__ */ React119.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React119.createElement(React119.Fragment, null, /* @__PURE__ */ React119.createElement(Flex, { align: "center" }, isPeerScreenSharing && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React119.createElement(
|
|
25346
|
+
const spotlighted = useHMSStore61(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
|
|
25347
|
+
const isPeerScreenSharing = !!useHMSStore61(selectScreenShareByPeerID(peerId));
|
|
25348
|
+
return /* @__PURE__ */ React119.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React119.createElement(React119.Fragment, null, name ? /* @__PURE__ */ React119.createElement(Flex, { align: "center" }, isPeerScreenSharing && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React119.createElement(IconWrapper, null, /* @__PURE__ */ React119.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React119.createElement(
|
|
25326
25349
|
Text,
|
|
25327
25350
|
{
|
|
25328
25351
|
css: __spreadValues({
|
|
@@ -25332,7 +25355,7 @@ var TileConnection = ({
|
|
|
25332
25355
|
variant: "xs"
|
|
25333
25356
|
},
|
|
25334
25357
|
name
|
|
25335
|
-
)), /* @__PURE__ */ React119.createElement(ConnectionIndicator, { isTile: true, peerId, hideBg: true })) : null);
|
|
25358
|
+
)) : null, /* @__PURE__ */ React119.createElement(ConnectionIndicator, { isTile: true, peerId, hideBg: true })) : null);
|
|
25336
25359
|
};
|
|
25337
25360
|
var IconWrapper = styled("div", { c: "$on_surface_high", ml: "$3", mt: "$1", display: "flex" });
|
|
25338
25361
|
var Wrapper2 = styled("div", {
|
|
@@ -25345,6 +25368,7 @@ var Wrapper2 = styled("div", {
|
|
|
25345
25368
|
backgroundColor: "$background_dim",
|
|
25346
25369
|
borderRadius: "$1",
|
|
25347
25370
|
maxWidth: "85%",
|
|
25371
|
+
zIndex: 1,
|
|
25348
25372
|
"& p,span": {
|
|
25349
25373
|
p: "$2 $3"
|
|
25350
25374
|
}
|
|
@@ -25358,10 +25382,10 @@ import { useMedia as useMedia20 } from "react-use";
|
|
|
25358
25382
|
import {
|
|
25359
25383
|
selectLocalPeerID as selectLocalPeerID11,
|
|
25360
25384
|
selectPeerByID as selectPeerByID2,
|
|
25361
|
-
selectPermissions as
|
|
25385
|
+
selectPermissions as selectPermissions17,
|
|
25362
25386
|
selectTrackByID as selectTrackByID3,
|
|
25363
25387
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
|
|
25364
|
-
useHMSStore as
|
|
25388
|
+
useHMSStore as useHMSStore63,
|
|
25365
25389
|
useRemoteAVToggle as useRemoteAVToggle2
|
|
25366
25390
|
} from "@100mslive/react-sdk";
|
|
25367
25391
|
import { CrossIcon as CrossIcon19, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
|
|
@@ -25371,12 +25395,12 @@ init_define_process_env();
|
|
|
25371
25395
|
import React120, { Fragment as Fragment12 } from "react";
|
|
25372
25396
|
import { useMedia as useMedia19 } from "react-use";
|
|
25373
25397
|
import {
|
|
25374
|
-
selectPermissions as
|
|
25398
|
+
selectPermissions as selectPermissions16,
|
|
25375
25399
|
selectSessionStore as selectSessionStore10,
|
|
25376
25400
|
selectTrackByID as selectTrackByID2,
|
|
25377
25401
|
useCustomEvent as useCustomEvent2,
|
|
25378
25402
|
useHMSActions as useHMSActions40,
|
|
25379
|
-
useHMSStore as
|
|
25403
|
+
useHMSStore as useHMSStore62,
|
|
25380
25404
|
useRemoteAVToggle
|
|
25381
25405
|
} from "@100mslive/react-sdk";
|
|
25382
25406
|
import {
|
|
@@ -25413,7 +25437,7 @@ var SpotlightActions = ({
|
|
|
25413
25437
|
}
|
|
25414
25438
|
}) => {
|
|
25415
25439
|
const hmsActions = useHMSActions40();
|
|
25416
|
-
const spotlightPeerId =
|
|
25440
|
+
const spotlightPeerId = useHMSStore62(selectSessionStore10("spotlight" /* SPOTLIGHT */));
|
|
25417
25441
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
|
25418
25442
|
const dragClassName = getDragClassName();
|
|
25419
25443
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -25461,7 +25485,7 @@ var MinimiseInset = () => {
|
|
|
25461
25485
|
};
|
|
25462
25486
|
var SimulcastLayers = ({ trackId }) => {
|
|
25463
25487
|
var _a8;
|
|
25464
|
-
const track =
|
|
25488
|
+
const track = useHMSStore62(selectTrackByID2(trackId));
|
|
25465
25489
|
const actions = useHMSActions40();
|
|
25466
25490
|
const bg = useDropdownSelection();
|
|
25467
25491
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
|
@@ -25547,7 +25571,7 @@ var TileMenuContent = ({
|
|
|
25547
25571
|
var _a8;
|
|
25548
25572
|
const actions = useHMSActions40();
|
|
25549
25573
|
const dragClassName = getDragClassName();
|
|
25550
|
-
const removeOthers = (_a8 =
|
|
25574
|
+
const removeOthers = (_a8 = useHMSStore62(selectPermissions16)) == null ? void 0 : _a8.removeOthers;
|
|
25551
25575
|
const { userName } = useHMSPrebuiltContext();
|
|
25552
25576
|
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
|
|
25553
25577
|
audioTrackID,
|
|
@@ -25646,17 +25670,17 @@ var TileMenu = ({
|
|
|
25646
25670
|
var _a8, _b7;
|
|
25647
25671
|
const [open, setOpen] = useState51(false);
|
|
25648
25672
|
const { theme: theme2 } = useTheme();
|
|
25649
|
-
const localPeerID =
|
|
25673
|
+
const localPeerID = useHMSStore63(selectLocalPeerID11);
|
|
25650
25674
|
const isLocal = localPeerID === peerID;
|
|
25651
|
-
const { removeOthers } =
|
|
25675
|
+
const { removeOthers } = useHMSStore63(selectPermissions17) || {};
|
|
25652
25676
|
const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
|
|
25653
25677
|
const showSpotlight = enableSpotlightingPeer;
|
|
25654
|
-
const isPrimaryVideoTrack = ((_a8 =
|
|
25678
|
+
const isPrimaryVideoTrack = ((_a8 = useHMSStore63(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
|
25655
25679
|
const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
|
|
25656
|
-
const track =
|
|
25680
|
+
const track = useHMSStore63(selectTrackByID3(videoTrackID));
|
|
25657
25681
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
25658
25682
|
const isMobile = useMedia20(config.media.md);
|
|
25659
|
-
const peer =
|
|
25683
|
+
const peer = useHMSStore63(selectPeerByID2(peerID));
|
|
25660
25684
|
const [showNameChangeModal, setShowNameChangeModal] = useState51(false);
|
|
25661
25685
|
useDropdownList({ open, name: "TileMenu" });
|
|
25662
25686
|
const dragClassName = getDragClassName();
|
|
@@ -25733,9 +25757,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
|
|
|
25733
25757
|
|
|
25734
25758
|
// src/Prebuilt/components/VideoTile.tsx
|
|
25735
25759
|
var PeerMetadata = ({ peerId, size }) => {
|
|
25736
|
-
const metaData =
|
|
25760
|
+
const metaData = useHMSStore64(selectPeerMetadata4(peerId));
|
|
25737
25761
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
|
25738
|
-
const isHandRaised =
|
|
25762
|
+
const isHandRaised = useHMSStore64(selectHasPeerHandRaised3(peerId));
|
|
25739
25763
|
return /* @__PURE__ */ React122.createElement(React122.Fragment, null, isHandRaised ? /* @__PURE__ */ React122.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React122.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React122.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React122.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
|
|
25740
25764
|
};
|
|
25741
25765
|
var Tile = ({
|
|
@@ -25755,14 +25779,14 @@ var Tile = ({
|
|
|
25755
25779
|
hideMetadataOnTile = false
|
|
25756
25780
|
}) => {
|
|
25757
25781
|
const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
|
|
25758
|
-
const track =
|
|
25759
|
-
const peerName =
|
|
25760
|
-
const audioTrack =
|
|
25761
|
-
const localPeerID =
|
|
25782
|
+
const track = useHMSStore64(trackSelector);
|
|
25783
|
+
const peerName = useHMSStore64(selectPeerNameByID4(peerId));
|
|
25784
|
+
const audioTrack = useHMSStore64(selectAudioTrackByPeerID2(peerId));
|
|
25785
|
+
const localPeerID = useHMSStore64(selectLocalPeerID12);
|
|
25762
25786
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
25763
25787
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
25764
25788
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
25765
|
-
const isAudioMuted = !
|
|
25789
|
+
const isAudioMuted = !useHMSStore64(selectIsPeerAudioEnabled2(peerId));
|
|
25766
25790
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
|
25767
25791
|
const [isMouseHovered, setIsMouseHovered] = useState52(false);
|
|
25768
25792
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
|
@@ -25861,7 +25885,7 @@ import {
|
|
|
25861
25885
|
selectRoomState as selectRoomState4,
|
|
25862
25886
|
selectVideoTrackByID as selectVideoTrackByID4,
|
|
25863
25887
|
useHMSActions as useHMSActions41,
|
|
25864
|
-
useHMSStore as
|
|
25888
|
+
useHMSStore as useHMSStore65
|
|
25865
25889
|
} from "@100mslive/react-sdk";
|
|
25866
25890
|
import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
|
|
25867
25891
|
|
|
@@ -26048,19 +26072,19 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
|
26048
26072
|
var _a8;
|
|
26049
26073
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
26050
26074
|
const hmsActions = useHMSActions41();
|
|
26051
|
-
const localPeer =
|
|
26052
|
-
const role =
|
|
26053
|
-
const isVideoOn =
|
|
26075
|
+
const localPeer = useHMSStore65(selectLocalPeer6);
|
|
26076
|
+
const role = useHMSStore65(Wt);
|
|
26077
|
+
const isVideoOn = useHMSStore65(selectIsLocalVideoEnabled5);
|
|
26054
26078
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
26055
26079
|
const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
26056
|
-
const track =
|
|
26080
|
+
const track = useHMSStore65(trackSelector);
|
|
26057
26081
|
const [blurAmount, setBlurAmount] = useState53(VBHandler.getBlurAmount() || 0.5);
|
|
26058
|
-
const roomState =
|
|
26059
|
-
const isLargeRoom =
|
|
26060
|
-
const isEffectsEnabled =
|
|
26061
|
-
const effectsKey =
|
|
26062
|
-
const isPluginAdded =
|
|
26063
|
-
const background =
|
|
26082
|
+
const roomState = useHMSStore65(selectRoomState4);
|
|
26083
|
+
const isLargeRoom = useHMSStore65(selectIsLargeRoom3);
|
|
26084
|
+
const isEffectsEnabled = useHMSStore65(Zn);
|
|
26085
|
+
const effectsKey = useHMSStore65(ec);
|
|
26086
|
+
const isPluginAdded = useHMSStore65(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
26087
|
+
const background = useHMSStore65(Zh(APP_DATA.background));
|
|
26064
26088
|
const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
|
|
26065
26089
|
const inPreview = roomState === HMSRoomState4.Preview;
|
|
26066
26090
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
@@ -26197,9 +26221,9 @@ var SidePane = ({
|
|
|
26197
26221
|
}) => {
|
|
26198
26222
|
var _a8, _b7, _c, _d, _e, _f;
|
|
26199
26223
|
const isMobile = useMedia21(config.media.md);
|
|
26200
|
-
const sidepane =
|
|
26201
|
-
const activeScreensharePeerId =
|
|
26202
|
-
const trackId = (_a8 =
|
|
26224
|
+
const sidepane = useHMSStore66(selectAppData6(APP_DATA.sidePane));
|
|
26225
|
+
const activeScreensharePeerId = useHMSStore66(selectAppData6(APP_DATA.activeScreensharePeerId));
|
|
26226
|
+
const trackId = (_a8 = useHMSStore66(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
|
26203
26227
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
26204
26228
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
|
26205
26229
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
@@ -26334,10 +26358,10 @@ var FullPageProgress_default = FullPageProgress;
|
|
|
26334
26358
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
|
26335
26359
|
init_define_process_env();
|
|
26336
26360
|
import React129, { useEffect as useEffect33, useState as useState54 } from "react";
|
|
26337
|
-
import { selectDominantSpeaker, useHMSStore as
|
|
26361
|
+
import { selectDominantSpeaker, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
|
|
26338
26362
|
import { VolumeOneIcon } from "@100mslive/react-icons";
|
|
26339
26363
|
var SpeakerTag = () => {
|
|
26340
|
-
const dominantSpeaker =
|
|
26364
|
+
const dominantSpeaker = useHMSStore67(selectDominantSpeaker);
|
|
26341
26365
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React129.createElement(
|
|
26342
26366
|
Flex,
|
|
26343
26367
|
{
|
|
@@ -26460,8 +26484,8 @@ var getParticipantChipContent = (peerCount = 0) => {
|
|
|
26460
26484
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
|
26461
26485
|
};
|
|
26462
26486
|
var useLocalTileAspectRatio = () => {
|
|
26463
|
-
const localPeer =
|
|
26464
|
-
const videoTrack =
|
|
26487
|
+
const localPeer = useHMSStore68(selectLocalPeer7);
|
|
26488
|
+
const videoTrack = useHMSStore68(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
26465
26489
|
const isMobile = useMedia23(config.media.md);
|
|
26466
26490
|
let aspectRatio = 0;
|
|
26467
26491
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
@@ -26504,7 +26528,7 @@ var PreviewJoin = ({
|
|
|
26504
26528
|
},
|
|
26505
26529
|
asRole
|
|
26506
26530
|
});
|
|
26507
|
-
const roomState =
|
|
26531
|
+
const roomState = useHMSStore68(selectRoomState5);
|
|
26508
26532
|
const savePreferenceAndJoin = useCallback31(() => {
|
|
26509
26533
|
setPreviewPreference({
|
|
26510
26534
|
name
|
|
@@ -26570,12 +26594,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
|
|
|
26570
26594
|
px: "$10"
|
|
26571
26595
|
}));
|
|
26572
26596
|
var PreviewTile = ({ name, error }) => {
|
|
26573
|
-
const localPeer =
|
|
26597
|
+
const localPeer = useHMSStore68(selectLocalPeer7);
|
|
26574
26598
|
const { isLocalAudioEnabled, toggleAudio } = useAVToggle5();
|
|
26575
|
-
const isVideoOn =
|
|
26599
|
+
const isVideoOn = useHMSStore68(selectIsLocalVideoEnabled6);
|
|
26576
26600
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
26577
26601
|
const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
26578
|
-
const track =
|
|
26602
|
+
const track = useHMSStore68(trackSelector);
|
|
26579
26603
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
26580
26604
|
const aspectRatio = useLocalTileAspectRatio();
|
|
26581
26605
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
|
|
@@ -26603,7 +26627,7 @@ var PreviewTile = ({ name, error }) => {
|
|
|
26603
26627
|
}
|
|
26604
26628
|
}
|
|
26605
26629
|
},
|
|
26606
|
-
localPeer ? /* @__PURE__ */ React131.createElement(React131.Fragment, null, /* @__PURE__ */ React131.createElement(TileConnection_default, { name, peerId: localPeer.id, hideLabel:
|
|
26630
|
+
localPeer ? /* @__PURE__ */ React131.createElement(React131.Fragment, null, /* @__PURE__ */ React131.createElement(TileConnection_default, { name: "", peerId: localPeer.id, hideLabel: false }), /* @__PURE__ */ React131.createElement(
|
|
26607
26631
|
Video,
|
|
26608
26632
|
{
|
|
26609
26633
|
mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo,
|
|
@@ -26665,10 +26689,10 @@ var RequestActions = ({
|
|
|
26665
26689
|
var RoleChangeRequestModal = () => {
|
|
26666
26690
|
const hmsActions = useHMSActions42();
|
|
26667
26691
|
const { updateMetaData } = useMyMetadata();
|
|
26668
|
-
const isPreview =
|
|
26669
|
-
const currentRole =
|
|
26670
|
-
const roleChangeRequest =
|
|
26671
|
-
const name =
|
|
26692
|
+
const isPreview = useHMSStore69(selectIsInPreview);
|
|
26693
|
+
const currentRole = useHMSStore69(selectLocalPeerRoleName4);
|
|
26694
|
+
const roleChangeRequest = useHMSStore69(selectRoleChangeRequest);
|
|
26695
|
+
const name = useHMSStore69(selectLocalPeerName4);
|
|
26672
26696
|
const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
|
|
26673
26697
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
|
26674
26698
|
const { virtual_background } = elements || {};
|
|
@@ -26743,7 +26767,7 @@ import {
|
|
|
26743
26767
|
selectPeerScreenSharing as selectPeerScreenSharing3,
|
|
26744
26768
|
selectWhiteboard as selectWhiteboard2,
|
|
26745
26769
|
useHMSActions as useHMSActions44,
|
|
26746
|
-
useHMSStore as
|
|
26770
|
+
useHMSStore as useHMSStore79
|
|
26747
26771
|
} from "@100mslive/react-sdk";
|
|
26748
26772
|
|
|
26749
26773
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
|
@@ -26754,7 +26778,7 @@ import {
|
|
|
26754
26778
|
selectLocalPeerRoleName as selectLocalPeerRoleName5,
|
|
26755
26779
|
selectPeers as selectPeers3,
|
|
26756
26780
|
selectPeerScreenSharing,
|
|
26757
|
-
useHMSStore as
|
|
26781
|
+
useHMSStore as useHMSStore76,
|
|
26758
26782
|
useHMSVanillaStore as useHMSVanillaStore13
|
|
26759
26783
|
} from "@100mslive/react-sdk";
|
|
26760
26784
|
|
|
@@ -26762,7 +26786,7 @@ import {
|
|
|
26762
26786
|
init_define_process_env();
|
|
26763
26787
|
import React138, { useEffect as useEffect39, useMemo as useMemo13, useState as useState57 } from "react";
|
|
26764
26788
|
import { useMedia as useMedia27 } from "react-use";
|
|
26765
|
-
import { selectLocalPeer as selectLocalPeer9, useHMSStore as
|
|
26789
|
+
import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
|
|
26766
26790
|
|
|
26767
26791
|
// src/Prebuilt/components/InsetTile.tsx
|
|
26768
26792
|
init_define_process_env();
|
|
@@ -26774,7 +26798,7 @@ import {
|
|
|
26774
26798
|
selectLocalPeer as selectLocalPeer8,
|
|
26775
26799
|
selectPeerByID as selectPeerByID3,
|
|
26776
26800
|
selectVideoTrackByID as selectVideoTrackByID6,
|
|
26777
|
-
useHMSStore as
|
|
26801
|
+
useHMSStore as useHMSStore70
|
|
26778
26802
|
} from "@100mslive/react-sdk";
|
|
26779
26803
|
import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
|
|
26780
26804
|
|
|
@@ -26815,10 +26839,10 @@ var InsetTile = ({ peerId }) => {
|
|
|
26815
26839
|
const isMobile = useMedia25(config.media.md);
|
|
26816
26840
|
const isLandscape = useMedia25(config.media.ls);
|
|
26817
26841
|
const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
|
|
26818
|
-
const peer =
|
|
26842
|
+
const peer = useHMSStore70(selector);
|
|
26819
26843
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
26820
|
-
const videoTrack =
|
|
26821
|
-
const isAllowedToPublish =
|
|
26844
|
+
const videoTrack = useHMSStore70(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
|
|
26845
|
+
const isAllowedToPublish = useHMSStore70(selectIsAllowedToPublish2);
|
|
26822
26846
|
const videoTileProps = useVideoTileContext();
|
|
26823
26847
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
|
26824
26848
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
|
@@ -27026,7 +27050,7 @@ var useTileLayout = ({
|
|
|
27026
27050
|
const matrix = new Array(maxRows).fill(null).map((_, i) => {
|
|
27027
27051
|
const numCols = Math.min(maxCols, noOfTilesInPage - i * maxCols);
|
|
27028
27052
|
const rowElements = [];
|
|
27029
|
-
for (let
|
|
27053
|
+
for (let j = 0; j < numCols; j++) {
|
|
27030
27054
|
if (index < page.length) {
|
|
27031
27055
|
rowElements.push(page[index++]);
|
|
27032
27056
|
}
|
|
@@ -27078,7 +27102,7 @@ var useTileLayout = ({
|
|
|
27078
27102
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
|
27079
27103
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
|
27080
27104
|
var _a8;
|
|
27081
|
-
const localPeer =
|
|
27105
|
+
const localPeer = useHMSStore71(selectLocalPeer9);
|
|
27082
27106
|
const isMobile = useMedia27(config.media.md);
|
|
27083
27107
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
27084
27108
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
@@ -27124,13 +27148,14 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
27124
27148
|
// src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
|
|
27125
27149
|
init_define_process_env();
|
|
27126
27150
|
import React141, { useEffect as useEffect41, useState as useState59 } from "react";
|
|
27127
|
-
import {
|
|
27151
|
+
import { useMedia as useMedia29 } from "react-use";
|
|
27152
|
+
import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore73 } from "@100mslive/react-sdk";
|
|
27128
27153
|
|
|
27129
27154
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
27130
27155
|
init_define_process_env();
|
|
27131
27156
|
import React140, { useEffect as useEffect40, useRef as useRef23, useState as useState58 } from "react";
|
|
27132
27157
|
import { useMedia as useMedia28 } from "react-use";
|
|
27133
|
-
import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as
|
|
27158
|
+
import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore72 } from "@100mslive/react-sdk";
|
|
27134
27159
|
|
|
27135
27160
|
// src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
|
|
27136
27161
|
init_define_process_env();
|
|
@@ -27164,7 +27189,8 @@ var SecondarySection = ({
|
|
|
27164
27189
|
}
|
|
27165
27190
|
const gridStyles = hasSidebar ? {
|
|
27166
27191
|
gridTemplateColumns: "1fr",
|
|
27167
|
-
gridTemplateRows: `repeat(${tiles.length}, minmax(0,
|
|
27192
|
+
gridTemplateRows: `repeat(${tiles.length}, minmax(0, 1fr))`,
|
|
27193
|
+
maxHeight: "100%"
|
|
27168
27194
|
} : {
|
|
27169
27195
|
gridTemplateRows: React139.Children.count(children) > 0 ? "136px auto" : "154px",
|
|
27170
27196
|
gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`
|
|
@@ -27215,10 +27241,10 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
|
|
|
27215
27241
|
const isMobile = useMedia28(config.media.md);
|
|
27216
27242
|
const maxTileCount = isMobile ? 2 : 4;
|
|
27217
27243
|
const [page, setPage] = useState58(0);
|
|
27218
|
-
const pinnedTrackId =
|
|
27219
|
-
const spotlightPeerId =
|
|
27220
|
-
const activeScreensharePeerId =
|
|
27221
|
-
const pinnedPeer = (_a8 =
|
|
27244
|
+
const pinnedTrackId = useHMSStore72(selectAppData7(APP_DATA.pinnedTrackId));
|
|
27245
|
+
const spotlightPeerId = useHMSStore72(selectSessionStore11("spotlight" /* SPOTLIGHT */));
|
|
27246
|
+
const activeScreensharePeerId = useHMSStore72(selectAppData7(APP_DATA.activeScreensharePeerId));
|
|
27247
|
+
const pinnedPeer = (_a8 = useHMSStore72(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
|
|
27222
27248
|
const pageChangedAfterPinning = useRef23(false);
|
|
27223
27249
|
const pagesWithTiles = usePagesWithTiles({
|
|
27224
27250
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
|
@@ -27282,7 +27308,7 @@ var useRoleProminencePeers = (prominentRoles, peers, isInsetEnabled) => {
|
|
|
27282
27308
|
}
|
|
27283
27309
|
return acc;
|
|
27284
27310
|
}
|
|
27285
|
-
if (peer.isLocal && isInsetEnabled) {
|
|
27311
|
+
if (peer.isLocal && isInsetEnabled && !(prominentRoles == null ? void 0 : prominentRoles.includes(peer.roleName || ""))) {
|
|
27286
27312
|
return acc;
|
|
27287
27313
|
}
|
|
27288
27314
|
if (prominentRoles == null ? void 0 : prominentRoles.includes(peer.roleName || "")) {
|
|
@@ -27312,9 +27338,11 @@ function RoleProminence({
|
|
|
27312
27338
|
}) {
|
|
27313
27339
|
var _a8;
|
|
27314
27340
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
27315
|
-
const localPeer =
|
|
27341
|
+
const localPeer = useHMSStore73(selectLocalPeer10);
|
|
27316
27342
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
27317
|
-
const
|
|
27343
|
+
const isMobile = useMedia29(config.media.md);
|
|
27344
|
+
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
27345
|
+
maxTileCount = isMobile ? 4 : maxTileCount;
|
|
27318
27346
|
const pageList = usePagesWithTiles({
|
|
27319
27347
|
peers: prominentPeers,
|
|
27320
27348
|
maxTileCount
|
|
@@ -27348,26 +27376,26 @@ function RoleProminence({
|
|
|
27348
27376
|
edgeToEdge,
|
|
27349
27377
|
hasSidebar: layoutMode === LayoutMode.SIDEBAR
|
|
27350
27378
|
}
|
|
27351
|
-
), isInsetEnabled && localPeer && !prominentPeers.includes(localPeer) && /* @__PURE__ */ React141.createElement(InsetTile, null));
|
|
27379
|
+
), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ React141.createElement(InsetTile, null));
|
|
27352
27380
|
}
|
|
27353
27381
|
|
|
27354
27382
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
27355
27383
|
init_define_process_env();
|
|
27356
27384
|
import React145, { useEffect as useEffect42, useMemo as useMemo15, useState as useState62 } from "react";
|
|
27357
|
-
import { useMedia as
|
|
27358
|
-
import { selectPeersScreenSharing, useHMSStore as
|
|
27385
|
+
import { useMedia as useMedia31 } from "react-use";
|
|
27386
|
+
import { selectPeersScreenSharing, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
|
|
27359
27387
|
|
|
27360
27388
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
27361
27389
|
init_define_process_env();
|
|
27362
27390
|
import React144, { useRef as useRef24, useState as useState61 } from "react";
|
|
27363
|
-
import { useFullscreen as useFullscreen2, useMedia as
|
|
27391
|
+
import { useFullscreen as useFullscreen2, useMedia as useMedia30 } from "react-use";
|
|
27364
27392
|
import screenfull2 from "screenfull";
|
|
27365
27393
|
import {
|
|
27366
27394
|
selectLocalPeerID as selectLocalPeerID13,
|
|
27367
27395
|
selectPeerByID as selectPeerByID4,
|
|
27368
27396
|
selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
|
|
27369
27397
|
selectScreenShareByPeerID as selectScreenShareByPeerID2,
|
|
27370
|
-
useHMSStore as
|
|
27398
|
+
useHMSStore as useHMSStore74
|
|
27371
27399
|
} from "@100mslive/react-sdk";
|
|
27372
27400
|
import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
|
|
27373
27401
|
|
|
@@ -27515,13 +27543,13 @@ var labelStyles = {
|
|
|
27515
27543
|
flexShrink: 0
|
|
27516
27544
|
};
|
|
27517
27545
|
var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
27518
|
-
const isLocal =
|
|
27519
|
-
const track =
|
|
27546
|
+
const isLocal = useHMSStore74(selectLocalPeerID13) === peerId;
|
|
27547
|
+
const track = useHMSStore74(selectScreenShareByPeerID2(peerId));
|
|
27520
27548
|
const { theme: theme2 } = useTheme();
|
|
27521
|
-
const peer =
|
|
27549
|
+
const peer = useHMSStore74(selectPeerByID4(peerId));
|
|
27522
27550
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
27523
27551
|
const [isMouseHovered, setIsMouseHovered] = useState61(false);
|
|
27524
|
-
const isMobile =
|
|
27552
|
+
const isMobile = useMedia30(config.media.md);
|
|
27525
27553
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
27526
27554
|
const fullscreenRef = useRef24(null);
|
|
27527
27555
|
const [fullscreen, setFullscreen] = useState61(false);
|
|
@@ -27529,7 +27557,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
|
27529
27557
|
onClose: () => setFullscreen(false)
|
|
27530
27558
|
});
|
|
27531
27559
|
const isFullScreenSupported = screenfull2.isEnabled;
|
|
27532
|
-
const audioTrack =
|
|
27560
|
+
const audioTrack = useHMSStore74(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
|
|
27533
27561
|
if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
|
|
27534
27562
|
return /* @__PURE__ */ React144.createElement(ScreenshareDisplay, null);
|
|
27535
27563
|
}
|
|
@@ -27608,12 +27636,12 @@ var ScreenshareTile_default = ScreenshareTile;
|
|
|
27608
27636
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
27609
27637
|
var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
27610
27638
|
var _a8;
|
|
27611
|
-
const peersSharing =
|
|
27639
|
+
const peersSharing = useHMSStore75(selectPeersScreenSharing);
|
|
27612
27640
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
27613
27641
|
const [page, setPage] = useState62(0);
|
|
27614
27642
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
27615
27643
|
const activeSharePeer = peersSharing[page];
|
|
27616
|
-
const isMobile =
|
|
27644
|
+
const isMobile = useMedia31(config.media.md);
|
|
27617
27645
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
27618
27646
|
const secondaryPeers = useMemo15(() => {
|
|
27619
27647
|
if (layoutMode === LayoutMode.SPOTLIGHT) {
|
|
@@ -27762,11 +27790,11 @@ var GridLayout = ({
|
|
|
27762
27790
|
edge_to_edge = false,
|
|
27763
27791
|
hide_metadata_on_tile = false
|
|
27764
27792
|
}) => {
|
|
27765
|
-
const peerSharing =
|
|
27793
|
+
const peerSharing = useHMSStore76(selectPeerScreenSharing);
|
|
27766
27794
|
const pinnedTrack = usePinnedTrack();
|
|
27767
|
-
const peers =
|
|
27768
|
-
const localPeerRole =
|
|
27769
|
-
const localPeerID =
|
|
27795
|
+
const peers = useHMSStore76(selectPeers3);
|
|
27796
|
+
const localPeerRole = useHMSStore76(selectLocalPeerRoleName5);
|
|
27797
|
+
const localPeerID = useHMSStore76(selectLocalPeerID14);
|
|
27770
27798
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
27771
27799
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
27772
27800
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -27846,13 +27874,13 @@ var GridLayout = ({
|
|
|
27846
27874
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
27847
27875
|
init_define_process_env();
|
|
27848
27876
|
import React147, { useEffect as useEffect44, useMemo as useMemo17 } from "react";
|
|
27849
|
-
import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as
|
|
27877
|
+
import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
|
|
27850
27878
|
var EmbedView = () => {
|
|
27851
27879
|
return /* @__PURE__ */ React147.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React147.createElement(EmbedComponent, null));
|
|
27852
27880
|
};
|
|
27853
27881
|
var EmbedScreenShareView = ({ children }) => {
|
|
27854
|
-
const peers =
|
|
27855
|
-
const peerPresenting =
|
|
27882
|
+
const peers = useHMSStore77(selectPeers4);
|
|
27883
|
+
const peerPresenting = useHMSStore77(selectPeerScreenSharing2);
|
|
27856
27884
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
27857
27885
|
const smallTilePeers = useMemo17(() => {
|
|
27858
27886
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
@@ -27867,7 +27895,7 @@ var EmbedScreenShareView = ({ children }) => {
|
|
|
27867
27895
|
return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React147.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
|
27868
27896
|
};
|
|
27869
27897
|
var EmbedComponent = () => {
|
|
27870
|
-
const embedConfig =
|
|
27898
|
+
const embedConfig = useHMSStore77(selectAppData8(APP_DATA.embedConfig));
|
|
27871
27899
|
const resetConfig = useResetEmbedConfig();
|
|
27872
27900
|
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
|
|
27873
27901
|
useEffect44(() => {
|
|
@@ -28024,10 +28052,10 @@ var WaitingView = React149.memo(() => {
|
|
|
28024
28052
|
// src/Prebuilt/layouts/WhiteboardView.tsx
|
|
28025
28053
|
init_define_process_env();
|
|
28026
28054
|
import React150, { useEffect as useEffect46, useMemo as useMemo18 } from "react";
|
|
28027
|
-
import { useMedia as
|
|
28028
|
-
import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as
|
|
28055
|
+
import { useMedia as useMedia32 } from "react-use";
|
|
28056
|
+
import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
|
|
28029
28057
|
var EmbedComponent2 = () => {
|
|
28030
|
-
const isMobile =
|
|
28058
|
+
const isMobile = useMedia32(config.media.md);
|
|
28031
28059
|
const { iframeRef } = useWhiteboard2(isMobile);
|
|
28032
28060
|
return /* @__PURE__ */ React150.createElement(
|
|
28033
28061
|
Box,
|
|
@@ -28060,8 +28088,8 @@ var EmbedComponent2 = () => {
|
|
|
28060
28088
|
);
|
|
28061
28089
|
};
|
|
28062
28090
|
var WhiteboardView = () => {
|
|
28063
|
-
const peers =
|
|
28064
|
-
const whiteboard =
|
|
28091
|
+
const peers = useHMSStore78(selectPeers5);
|
|
28092
|
+
const whiteboard = useHMSStore78(selectWhiteboard);
|
|
28065
28093
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28066
28094
|
const smallTilePeers = useMemo18(() => {
|
|
28067
28095
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
|
|
@@ -28098,17 +28126,17 @@ var useCloseScreenshareWhiteboard = () => {
|
|
|
28098
28126
|
};
|
|
28099
28127
|
|
|
28100
28128
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
28101
|
-
var HLSView = React151.lazy(() => import("./HLSView-
|
|
28129
|
+
var HLSView = React151.lazy(() => import("./HLSView-SJCF34GE.js"));
|
|
28102
28130
|
var VideoStreamingSection = ({
|
|
28103
28131
|
screenType,
|
|
28104
28132
|
elements,
|
|
28105
28133
|
hideControls = false
|
|
28106
28134
|
}) => {
|
|
28107
28135
|
var _a8, _b7, _c, _d;
|
|
28108
|
-
const localPeerRole =
|
|
28109
|
-
const isConnected =
|
|
28110
|
-
const peerSharing =
|
|
28111
|
-
const isWhiteboardOpen = (_a8 =
|
|
28136
|
+
const localPeerRole = useHMSStore79(selectLocalPeerRoleName6);
|
|
28137
|
+
const isConnected = useHMSStore79(selectIsConnectedToRoom9);
|
|
28138
|
+
const peerSharing = useHMSStore79(selectPeerScreenSharing3);
|
|
28139
|
+
const isWhiteboardOpen = (_a8 = useHMSStore79(selectWhiteboard2)) == null ? void 0 : _a8.open;
|
|
28112
28140
|
const hmsActions = useHMSActions44();
|
|
28113
28141
|
const waitingViewerRole = useWaitingViewerRole();
|
|
28114
28142
|
const urlToIframe = useUrlToEmbed();
|
|
@@ -28172,17 +28200,17 @@ init_define_process_env();
|
|
|
28172
28200
|
// src/Prebuilt/components/Header/Header.tsx
|
|
28173
28201
|
init_define_process_env();
|
|
28174
28202
|
import React154 from "react";
|
|
28175
|
-
import { useMedia as
|
|
28176
|
-
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as
|
|
28203
|
+
import { useMedia as useMedia34 } from "react-use";
|
|
28204
|
+
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
|
|
28177
28205
|
|
|
28178
28206
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
|
28179
28207
|
init_define_process_env();
|
|
28180
28208
|
import React152 from "react";
|
|
28181
|
-
import { useMedia as
|
|
28209
|
+
import { useMedia as useMedia33 } from "react-use";
|
|
28182
28210
|
import { ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
|
|
28183
28211
|
var RoomDetailsHeader = () => {
|
|
28184
28212
|
const { title, description } = useRoomLayoutHeader();
|
|
28185
|
-
const isMobile =
|
|
28213
|
+
const isMobile = useMedia33(config.media.md);
|
|
28186
28214
|
const clipLength = 30;
|
|
28187
28215
|
const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
|
|
28188
28216
|
const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
@@ -28209,7 +28237,7 @@ import {
|
|
|
28209
28237
|
selectVideoTrackByID as selectVideoTrackByID7,
|
|
28210
28238
|
useDevices as useDevices3,
|
|
28211
28239
|
useHMSActions as useHMSActions45,
|
|
28212
|
-
useHMSStore as
|
|
28240
|
+
useHMSStore as useHMSStore80
|
|
28213
28241
|
} from "@100mslive/react-sdk";
|
|
28214
28242
|
import {
|
|
28215
28243
|
BluetoothIcon,
|
|
@@ -28223,9 +28251,9 @@ var CamaraFlipActions = () => {
|
|
|
28223
28251
|
const actions = useHMSActions45();
|
|
28224
28252
|
const { allDevices } = useDevices3();
|
|
28225
28253
|
const { videoInput } = allDevices;
|
|
28226
|
-
const isVideoOn =
|
|
28227
|
-
const videoTrackId =
|
|
28228
|
-
const localVideoTrack =
|
|
28254
|
+
const isVideoOn = useHMSStore80(selectIsLocalVideoEnabled7);
|
|
28255
|
+
const videoTrackId = useHMSStore80(selectLocalVideoTrackID3);
|
|
28256
|
+
const localVideoTrack = useHMSStore80(selectVideoTrackByID7(videoTrackId));
|
|
28229
28257
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
28230
28258
|
return null;
|
|
28231
28259
|
}
|
|
@@ -28361,8 +28389,8 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React153.createElement(Re
|
|
|
28361
28389
|
|
|
28362
28390
|
// src/Prebuilt/components/Header/Header.tsx
|
|
28363
28391
|
var Header2 = () => {
|
|
28364
|
-
const roomState =
|
|
28365
|
-
const isMobile =
|
|
28392
|
+
const roomState = useHMSStore81(selectRoomState6);
|
|
28393
|
+
const isMobile = useMedia34(config.media.md);
|
|
28366
28394
|
if (roomState !== HMSRoomState6.Connected) {
|
|
28367
28395
|
return /* @__PURE__ */ React154.createElement(React154.Fragment, null);
|
|
28368
28396
|
}
|
|
@@ -28407,11 +28435,11 @@ var ConferenceScreen = () => {
|
|
|
28407
28435
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
28408
28436
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
28409
28437
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
28410
|
-
const roomState =
|
|
28411
|
-
const isConnectedToRoom =
|
|
28438
|
+
const roomState = useHMSStore82(selectRoomState7);
|
|
28439
|
+
const isConnectedToRoom = useHMSStore82(selectIsConnectedToRoom10);
|
|
28412
28440
|
const hmsActions = useHMSActions46();
|
|
28413
28441
|
const [hideControls, setHideControls] = useState64(false);
|
|
28414
|
-
const dropdownList =
|
|
28442
|
+
const dropdownList = useHMSStore82(selectAppData9(APP_DATA.dropdownList));
|
|
28415
28443
|
const authTokenInAppData = useAuthToken();
|
|
28416
28444
|
const headerRef = useRef25(null);
|
|
28417
28445
|
const footerRef = useRef25(null);
|
|
@@ -28615,7 +28643,7 @@ import React157, { useEffect as useEffect52 } from "react";
|
|
|
28615
28643
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
28616
28644
|
init_define_process_env();
|
|
28617
28645
|
import { useEffect as useEffect51 } from "react";
|
|
28618
|
-
import { selectRoomID, useHMSStore as
|
|
28646
|
+
import { selectRoomID, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
|
|
28619
28647
|
var FeatureFlags = class {
|
|
28620
28648
|
static init(roomId) {
|
|
28621
28649
|
if (!window.HMS) {
|
|
@@ -28640,7 +28668,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
|
|
|
28640
28668
|
__publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
|
|
28641
28669
|
__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);
|
|
28642
28670
|
function FeatureFlagsInit() {
|
|
28643
|
-
const roomId =
|
|
28671
|
+
const roomId = useHMSStore83(selectRoomID);
|
|
28644
28672
|
useEffect51(() => {
|
|
28645
28673
|
if (roomId) {
|
|
28646
28674
|
FeatureFlags.init(roomId);
|
|
@@ -28783,7 +28811,7 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
|
|
|
28783
28811
|
init_define_process_env();
|
|
28784
28812
|
import React158, { useContext as useContext4, useEffect as useEffect54 } from "react";
|
|
28785
28813
|
import { usePreviousDistinct } from "react-use";
|
|
28786
|
-
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as
|
|
28814
|
+
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore84 } from "@100mslive/react-sdk";
|
|
28787
28815
|
|
|
28788
28816
|
// src/Prebuilt/components/hooks/useRedirectToLeave.tsx
|
|
28789
28817
|
init_define_process_env();
|
|
@@ -28820,7 +28848,7 @@ var useHMSAppStateContext = () => {
|
|
|
28820
28848
|
var useAppStateManager = () => {
|
|
28821
28849
|
const roomLayout = useRoomLayout();
|
|
28822
28850
|
const [activeState, setActiveState] = React158.useState();
|
|
28823
|
-
const roomState =
|
|
28851
|
+
const roomState = useHMSStore84(selectRoomState8);
|
|
28824
28852
|
const prevRoomState = usePreviousDistinct(roomState);
|
|
28825
28853
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
28826
28854
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
@@ -28893,11 +28921,11 @@ var LeaveScreen = () => {
|
|
|
28893
28921
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
|
28894
28922
|
init_define_process_env();
|
|
28895
28923
|
import React160, { useEffect as useEffect55, useState as useState65 } from "react";
|
|
28896
|
-
import { useMedia as
|
|
28924
|
+
import { useMedia as useMedia35 } from "react-use";
|
|
28897
28925
|
import { RefreshIcon } from "@100mslive/react-icons";
|
|
28898
28926
|
var MwebLandscapePrompt = () => {
|
|
28899
28927
|
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState65(false);
|
|
28900
|
-
const isLandscape =
|
|
28928
|
+
const isLandscape = useMedia35(config.media.ls);
|
|
28901
28929
|
useEffect55(() => {
|
|
28902
28930
|
var _a8;
|
|
28903
28931
|
if (!isMobileUserAgent) {
|
|
@@ -28949,7 +28977,7 @@ import {
|
|
|
28949
28977
|
useAwayNotifications as useAwayNotifications2,
|
|
28950
28978
|
useCustomEvent as useCustomEvent4,
|
|
28951
28979
|
useHMSNotifications as useHMSNotifications10,
|
|
28952
|
-
useHMSStore as
|
|
28980
|
+
useHMSStore as useHMSStore88,
|
|
28953
28981
|
useHMSVanillaStore as useHMSVanillaStore17
|
|
28954
28982
|
} from "@100mslive/react-sdk";
|
|
28955
28983
|
import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
|
|
@@ -28989,12 +29017,12 @@ function AutoplayBlockedModal() {
|
|
|
28989
29017
|
init_define_process_env();
|
|
28990
29018
|
import React162, { useEffect as useEffect56 } from "react";
|
|
28991
29019
|
import { v4 as uuid4 } from "uuid";
|
|
28992
|
-
import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as
|
|
29020
|
+
import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
|
|
28993
29021
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
|
|
28994
29022
|
var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
28995
29023
|
var ChatNotifications = () => {
|
|
28996
|
-
const chatState =
|
|
28997
|
-
const localPeerId =
|
|
29024
|
+
const chatState = useHMSStore85(selectSessionStore12("chatState" /* CHAT_STATE */));
|
|
29025
|
+
const localPeerId = useHMSStore85(selectLocalPeerID15);
|
|
28998
29026
|
useEffect56(() => {
|
|
28999
29027
|
var _a8, _b7;
|
|
29000
29028
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
|
@@ -29023,7 +29051,7 @@ import {
|
|
|
29023
29051
|
selectHasPeerHandRaised as selectHasPeerHandRaised4,
|
|
29024
29052
|
selectRoomState as selectRoomState9,
|
|
29025
29053
|
useHMSNotifications as useHMSNotifications2,
|
|
29026
|
-
useHMSStore as
|
|
29054
|
+
useHMSStore as useHMSStore87,
|
|
29027
29055
|
useHMSVanillaStore as useHMSVanillaStore16
|
|
29028
29056
|
} from "@100mslive/react-sdk";
|
|
29029
29057
|
|
|
@@ -29033,7 +29061,7 @@ init_define_process_env();
|
|
|
29033
29061
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
29034
29062
|
init_define_process_env();
|
|
29035
29063
|
import React163, { useCallback as useCallback33 } from "react";
|
|
29036
|
-
import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions48, useHMSStore as
|
|
29064
|
+
import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions48, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
|
|
29037
29065
|
import {
|
|
29038
29066
|
ChatUnreadIcon as ChatUnreadIcon2,
|
|
29039
29067
|
ConnectivityIcon,
|
|
@@ -29055,7 +29083,7 @@ var HandRaiseAction = React163.forwardRef(({ id = "", isSingleHandRaise = true }
|
|
|
29055
29083
|
const hmsActions = useHMSActions48();
|
|
29056
29084
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
29057
29085
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
29058
|
-
const peer =
|
|
29086
|
+
const peer = useHMSStore86(selectPeerByID5(id));
|
|
29059
29087
|
const layout = useRoomLayout();
|
|
29060
29088
|
const {
|
|
29061
29089
|
bring_to_stage_label,
|
|
@@ -29257,7 +29285,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
|
|
|
29257
29285
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
29258
29286
|
var HandRaisedNotifications = () => {
|
|
29259
29287
|
const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
|
|
29260
|
-
const roomState =
|
|
29288
|
+
const roomState = useHMSStore87(selectRoomState9);
|
|
29261
29289
|
const vanillaStore = useHMSVanillaStore16();
|
|
29262
29290
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
29263
29291
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
@@ -29357,7 +29385,7 @@ var PeerNotifications = () => {
|
|
|
29357
29385
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
29358
29386
|
init_define_process_env();
|
|
29359
29387
|
import React165, { useEffect as useEffect60, useState as useState67 } from "react";
|
|
29360
|
-
import { useMedia as
|
|
29388
|
+
import { useMedia as useMedia36 } from "react-use";
|
|
29361
29389
|
import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
|
|
29362
29390
|
|
|
29363
29391
|
// src/Prebuilt/images/android-perm-1.png
|
|
@@ -29371,7 +29399,7 @@ function PermissionErrorModal() {
|
|
|
29371
29399
|
const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
|
|
29372
29400
|
const [deviceType, setDeviceType] = useState67("");
|
|
29373
29401
|
const [isSystemError, setIsSystemError] = useState67(false);
|
|
29374
|
-
const isMobile =
|
|
29402
|
+
const isMobile = useMedia36(config.media.md);
|
|
29375
29403
|
useEffect60(() => {
|
|
29376
29404
|
var _a8, _b7, _c, _d, _e;
|
|
29377
29405
|
if (!notification || ((_a8 = notification.data) == null ? void 0 : _a8.code) !== 3001 && ((_b7 = notification.data) == null ? void 0 : _b7.code) !== 3011 || ((_c = notification.data) == null ? void 0 : _c.code) === 3001 && ((_d = notification.data) == null ? void 0 : _d.message.includes("screen"))) {
|
|
@@ -29514,11 +29542,12 @@ var TrackBulkUnmuteModal = () => {
|
|
|
29514
29542
|
return null;
|
|
29515
29543
|
}
|
|
29516
29544
|
const { requestedBy: peer, tracks, enabled } = muteNotification;
|
|
29545
|
+
const types = new Set(tracks.map((track) => track.type));
|
|
29517
29546
|
return /* @__PURE__ */ React167.createElement(
|
|
29518
29547
|
RequestDialog,
|
|
29519
29548
|
{
|
|
29520
|
-
title: "
|
|
29521
|
-
body: `${peer == null ? void 0 : peer.name}
|
|
29549
|
+
title: "Unmute request",
|
|
29550
|
+
body: `${peer == null ? void 0 : peer.name} is requesting you to unmute your ${Array.from(types).join(",")}`,
|
|
29522
29551
|
onOpenChange: (value) => !value && setMuteNotification(null),
|
|
29523
29552
|
onAction: () => {
|
|
29524
29553
|
tracks.forEach((track) => {
|
|
@@ -29590,9 +29619,9 @@ var TrackUnmuteModal = () => {
|
|
|
29590
29619
|
return /* @__PURE__ */ React168.createElement(
|
|
29591
29620
|
RequestDialog,
|
|
29592
29621
|
{
|
|
29593
|
-
title:
|
|
29622
|
+
title: `Unmute your ${track.type}?`,
|
|
29594
29623
|
onOpenChange: (value) => !value && setMuteNotification(null),
|
|
29595
|
-
body: `${peer == null ? void 0 : peer.name}
|
|
29624
|
+
body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
|
|
29596
29625
|
onAction: () => {
|
|
29597
29626
|
hmsActions.setEnabledTrack(track.id, enabled);
|
|
29598
29627
|
setMuteNotification(null);
|
|
@@ -29606,17 +29635,17 @@ var TrackUnmuteModal = () => {
|
|
|
29606
29635
|
var pollToastKey = {};
|
|
29607
29636
|
function Notifications() {
|
|
29608
29637
|
var _a8, _b7;
|
|
29609
|
-
const localPeerID =
|
|
29638
|
+
const localPeerID = useHMSStore88(selectLocalPeerID16);
|
|
29610
29639
|
const notification = useHMSNotifications10();
|
|
29611
29640
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
29612
|
-
const roomState =
|
|
29641
|
+
const roomState = useHMSStore88(selectRoomState10);
|
|
29613
29642
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
29614
29643
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
29615
29644
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
29616
29645
|
const vanillaStore = useHMSVanillaStore17();
|
|
29617
29646
|
const togglePollView = usePollViewToggle();
|
|
29618
29647
|
const { showNotification } = useAwayNotifications2();
|
|
29619
|
-
const amIScreenSharing =
|
|
29648
|
+
const amIScreenSharing = useHMSStore88(selectIsLocalScreenShared2);
|
|
29620
29649
|
const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
|
|
29621
29650
|
const handleRoleChangeDenied = useCallback34((request) => {
|
|
29622
29651
|
ToastManager.addToast({
|
|
@@ -29626,7 +29655,7 @@ function Notifications() {
|
|
|
29626
29655
|
}, []);
|
|
29627
29656
|
useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
29628
29657
|
useEffect65(() => {
|
|
29629
|
-
var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m,
|
|
29658
|
+
var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
|
|
29630
29659
|
if (!notification || isNotificationDisabled) {
|
|
29631
29660
|
return;
|
|
29632
29661
|
}
|
|
@@ -29667,7 +29696,7 @@ function Notifications() {
|
|
|
29667
29696
|
});
|
|
29668
29697
|
break;
|
|
29669
29698
|
case HMSNotificationTypes10.ROLE_UPDATED: {
|
|
29670
|
-
if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((
|
|
29699
|
+
if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n = notification.data) == null ? void 0 : _n.roleName)) {
|
|
29671
29700
|
ToastManager.addToast({
|
|
29672
29701
|
title: `You are now a ${notification.data.roleName}`
|
|
29673
29702
|
});
|
|
@@ -29676,7 +29705,7 @@ function Notifications() {
|
|
|
29676
29705
|
break;
|
|
29677
29706
|
}
|
|
29678
29707
|
case HMSNotificationTypes10.CHANGE_TRACK_STATE_REQUEST:
|
|
29679
|
-
const track = (
|
|
29708
|
+
const track = (_o = notification.data) == null ? void 0 : _o.track;
|
|
29680
29709
|
if (!notification.data.enabled) {
|
|
29681
29710
|
ToastManager.addToast({
|
|
29682
29711
|
title: `Your ${track.source} ${track.type} was muted by
|
|
@@ -29773,7 +29802,7 @@ var PreviewScreen = () => {
|
|
|
29773
29802
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
29774
29803
|
init_define_process_env();
|
|
29775
29804
|
import React172, { useEffect as useEffect66, useState as useState71 } from "react";
|
|
29776
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as
|
|
29805
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
|
|
29777
29806
|
|
|
29778
29807
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
29779
29808
|
init_define_process_env();
|
|
@@ -29796,7 +29825,7 @@ var Toast2 = (_a8) => {
|
|
|
29796
29825
|
|
|
29797
29826
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
29798
29827
|
var ToastContainer = () => {
|
|
29799
|
-
const isConnected =
|
|
29828
|
+
const isConnected = useHMSStore89(selectIsConnectedToRoom11);
|
|
29800
29829
|
const [toasts, setToast] = useState71([]);
|
|
29801
29830
|
useEffect66(() => {
|
|
29802
29831
|
ToastManager.addListener(setToast);
|
|
@@ -29819,7 +29848,7 @@ var ToastContainer = () => {
|
|
|
29819
29848
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
29820
29849
|
init_define_process_env();
|
|
29821
29850
|
import React174 from "react";
|
|
29822
|
-
import { selectAppData as selectAppData11, useHMSStore as
|
|
29851
|
+
import { selectAppData as selectAppData11, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
|
|
29823
29852
|
|
|
29824
29853
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
29825
29854
|
init_define_process_env();
|
|
@@ -29843,7 +29872,7 @@ var RoomDetailsSheet = () => {
|
|
|
29843
29872
|
|
|
29844
29873
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
29845
29874
|
var Sheet2 = () => {
|
|
29846
|
-
const sheet =
|
|
29875
|
+
const sheet = useHMSStore90(selectAppData11(APP_DATA.sheet));
|
|
29847
29876
|
let ViewComponent;
|
|
29848
29877
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
29849
29878
|
ViewComponent = /* @__PURE__ */ React174.createElement(RoomDetailsSheet, null);
|
|
@@ -29854,12 +29883,12 @@ var Sheet2 = () => {
|
|
|
29854
29883
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
29855
29884
|
init_define_process_env();
|
|
29856
29885
|
import React175, { useCallback as useCallback35, useEffect as useEffect67, useMemo as useMemo19, useState as useState72 } from "react";
|
|
29857
|
-
import { useMedia as
|
|
29886
|
+
import { useMedia as useMedia37 } from "react-use";
|
|
29858
29887
|
import {
|
|
29859
29888
|
selectLocalPeerID as selectLocalPeerID17,
|
|
29860
29889
|
selectPeerNameByID as selectPeerNameByID6,
|
|
29861
29890
|
useCustomEvent as useCustomEvent5,
|
|
29862
|
-
useHMSStore as
|
|
29891
|
+
useHMSStore as useHMSStore91,
|
|
29863
29892
|
useHMSVanillaStore as useHMSVanillaStore18
|
|
29864
29893
|
} from "@100mslive/react-sdk";
|
|
29865
29894
|
var emojiCount = 1;
|
|
@@ -29886,10 +29915,10 @@ var getStartingPoints = (isMobile) => {
|
|
|
29886
29915
|
return arr;
|
|
29887
29916
|
};
|
|
29888
29917
|
function FlyingEmoji() {
|
|
29889
|
-
const localPeerId =
|
|
29918
|
+
const localPeerId = useHMSStore91(selectLocalPeerID17);
|
|
29890
29919
|
const vanillaStore = useHMSVanillaStore18();
|
|
29891
29920
|
const [emojis, setEmojis] = useState72([]);
|
|
29892
|
-
const isMobile =
|
|
29921
|
+
const isMobile = useMedia37(config.media.md);
|
|
29893
29922
|
const startingPoints = useMemo19(() => getStartingPoints(isMobile), [isMobile]);
|
|
29894
29923
|
const showFlyingEmoji = useCallback35(
|
|
29895
29924
|
({ emojiId, senderId }) => {
|
|
@@ -30003,17 +30032,17 @@ init_define_process_env();
|
|
|
30003
30032
|
import { useCallback as useCallback37, useEffect as useEffect68, useRef as useRef26 } from "react";
|
|
30004
30033
|
import {
|
|
30005
30034
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
|
30006
|
-
selectPermissions as
|
|
30035
|
+
selectPermissions as selectPermissions18,
|
|
30007
30036
|
useHMSActions as useHMSActions52,
|
|
30008
|
-
useHMSStore as
|
|
30037
|
+
useHMSStore as useHMSStore92,
|
|
30009
30038
|
useRecordingStreaming as useRecordingStreaming12
|
|
30010
30039
|
} from "@100mslive/react-sdk";
|
|
30011
30040
|
var useAutoStartStreaming = () => {
|
|
30012
30041
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
30013
|
-
const permissions =
|
|
30042
|
+
const permissions = useHMSStore92(selectPermissions18);
|
|
30014
30043
|
const showStreamingUI = useShowStreamingUI();
|
|
30015
30044
|
const hmsActions = useHMSActions52();
|
|
30016
|
-
const isConnected =
|
|
30045
|
+
const isConnected = useHMSStore92(selectIsConnectedToRoom12);
|
|
30017
30046
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
|
|
30018
30047
|
const streamStartedRef = useRef26(false);
|
|
30019
30048
|
const startHLS = useCallback37(() => __async(void 0, null, function* () {
|
|
@@ -30207,7 +30236,7 @@ var AppStates = ({ activeState }) => {
|
|
|
30207
30236
|
return /* @__PURE__ */ React177.createElement(ConferenceScreen, null);
|
|
30208
30237
|
};
|
|
30209
30238
|
var BackSwipe = () => {
|
|
30210
|
-
const isConnectedToRoom =
|
|
30239
|
+
const isConnectedToRoom = useHMSStore93(selectIsConnectedToRoom13);
|
|
30211
30240
|
const hmsActions = useHMSActions53();
|
|
30212
30241
|
useEffect69(() => {
|
|
30213
30242
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
@@ -30370,4 +30399,4 @@ lodash/lodash.js:
|
|
|
30370
30399
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
|
30371
30400
|
*)
|
|
30372
30401
|
*/
|
|
30373
|
-
//# sourceMappingURL=chunk-
|
|
30402
|
+
//# sourceMappingURL=chunk-ERIM35YN.js.map
|