@100mslive/roomkit-react 0.3.14-alpha.10 → 0.3.14-alpha.12
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-PL2BEA32.js → HLSView-6X6A7QVC.js} +2 -2
- package/dist/{HLSView-TAAU7UCF.css → HLSView-J7FHXBEW.css} +3 -3
- package/dist/{HLSView-TAAU7UCF.css.map → HLSView-J7FHXBEW.css.map} +1 -1
- package/dist/{chunk-EKH2S2VL.js → chunk-2VGMEGOM.js} +643 -695
- package/dist/{chunk-EKH2S2VL.js.map → chunk-2VGMEGOM.js.map} +4 -4
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +2404 -2450
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +21 -65
- package/dist/meta.esbuild.json +33 -77
- package/package.json +8 -7
- package/src/Prebuilt/components/Chat/ChatBody.tsx +23 -8
- package/src/Prebuilt/components/Header/AdditionalRoomState.jsx +4 -66
- package/dist/Prebuilt/components/HMSVideo/PlayButton.d.ts +0 -6
- package/dist/Prebuilt/components/Polls/common/VoterList.d.ts +0 -4
- package/src/Prebuilt/common/roles.js +0 -4
- package/src/Prebuilt/components/AppData/useAppConfig.js +0 -7
- package/src/Prebuilt/components/HMSVideo/PlayButton.tsx +0 -27
- package/src/Prebuilt/components/Header/AmbientMusic.jsx +0 -88
- package/src/Prebuilt/components/Image.jsx +0 -7
- package/src/Prebuilt/components/MetaActions.jsx +0 -37
- package/src/Prebuilt/components/Playlist/Playlist.jsx +0 -124
- package/src/Prebuilt/components/Playlist/PlaylistControls.jsx +0 -172
- package/src/Prebuilt/components/Playlist/PlaylistItem.jsx +0 -51
- package/src/Prebuilt/components/Playlist/VideoPlayer.jsx +0 -95
- package/src/Prebuilt/components/Polls/CreatePollQuiz/Timer.jsx +0 -71
- package/src/Prebuilt/components/Polls/common/VoterList.tsx +0 -22
- package/src/Prebuilt/components/ScreenshareHintModal.jsx +0 -37
- /package/dist/{HLSView-PL2BEA32.js.map → HLSView-6X6A7QVC.js.map} +0 -0
|
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
107
107
|
var define_process_env_default;
|
|
108
108
|
var init_define_process_env = __esm({
|
|
109
109
|
"<define:process.env>"() {
|
|
110
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_bf2e4ace-f294-4966-8ff3-314a76330d44", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.4-alpha.10", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.3 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.14-alpha.10", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_bf2e4ace-f294-4966-8ff3-314a76330d44", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.14-alpha.10", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.9", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.8", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "593", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240616.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.4/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18100", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.14-alpha.10", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "9658212048", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "fe81328f37cd2b5f85c060577475ca0ba7c111cc", 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: "2b9b62f0160d3b7c351c72036b92b990b2e14fc97b485f09ab2b844b1172af4f", 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--1719300390008-0.7476238373969768:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719300389814-0.32598272856202226:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719300364561-0.3803029000598863:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1719300364379-0.5521449080842729:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_b9f27e68-715e-4f39-96e3-57563729aae5", INVOCATION_ID: "38531dc36d1c43d8a325863691c12187", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "587", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 469", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.14-alpha.10", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.14-alpha.10", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "fe81328f37cd2b5f85c060577475ca0ba7c111cc", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_bf2e4ace-f294-4966-8ff3-314a76330d44", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_bf2e4ace-f294-4966-8ff3-314a76330d44", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__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_bf2e4ace-f294-4966-8ff3-314a76330d44" };
|
|
110
|
+
define_process_env_default = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v22.2.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_emoji_mart: "^5.2.2", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_dependencies__100mslive_types_prebuilt: "0.12.9", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.10.14-alpha.12", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", TERM_PROGRAM_VERSION: "1.90.2", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_dependencies_screenfull: "^5.1.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_dependencies_uuid: "^8.3.2", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", 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_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.18.2", NX_TASK_HASH: "fb2767de693eee1ebe611b05fb9de6436dcbc2c723eb883cf116a0d09318faf6", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.TpNfPnCgJB/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", PAGER: "less", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_module: "dist/index.js", npm_package_dependencies_react_use: "^17.4.0", npm_package_devDependencies__types_mdx: "2.0.2", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_dependencies__stitches_react: "^1.2.8", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1719768335966-0.10018641156318586:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1719768335605-0.8755989503364847:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1719768314180-0.8197881601991994:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v22.2.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--no-private"]}', npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_scripts_lint_fix: "yarn lint --fix", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_size_limit_5_limit: "20 KB", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_nx: "^14.5.1", npm_config_workspaces_experimental: "true", npm_package_dependencies__radix_ui_react_switch: "1.0.0", _: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1719768335966-0.10018641156318586/node", LaunchInstanceID: "BBF3A6A0-FA1B-4B89-8B27-EEE2D23C0E7B", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__radix_ui_react_progress: "1.0.0", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/roomkit-react", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_exports___index_css: "./dist/index.css", npm_package_dependencies__100mslive_react_sdk: "0.10.14-alpha.12", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/roomkit-react", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.4-alpha.12", npm_package_repository_type: "git", npm_package_keywords_0: "100mslive", npm_package_size_limit_2_limit: "400 KB", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.14-alpha.12", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_1: "react", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_keywords_2: "prebuilt", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "", XPC_FLAGS: "0x0", npm_package_keywords_3: "roomkit", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_package_devDependencies__storybook_react: "^7.0.27", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_main: "dist/index.cjs.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.3.14-alpha.12", npm_package_dependencies_recordrtc: "^5.6.2", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_dependencies_react_window: "^1.8.7", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_source: "src/index.ts", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies__100mslive_hls_player: "0.3.14-alpha.12", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", npm_package_dependencies_qrcode_react: "^3.1.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_typings: "dist/index.d.ts", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-10419d9aa6.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_scripts_babel: "npx storybook@latest babelrc", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v22.2.0/bin", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v22.2.0 darwin x64", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_devDependencies_knip: "^5.11.0", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^16.11.17", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_1: "src", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", SECURITYSESSIONID: "186a3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", npm_package_dependencies_react_draggable: "^4.4.5", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v22.2.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", REACT_APP_TILE_SHAPE: "16-9", REACT_APP_THEME: "dark", REACT_APP_COLOR: "#FF0000", REACT_APP_LOGO: "", REACT_APP_FONT: "Roboto", REACT_APP_SHOW_CHAT: "true", REACT_APP_SHOW_SCREENSHARE: "true", REACT_APP_VIDEO_AVATAR: "true", REACT_APP_TOKEN_GENERATION_ENDPOINT: "https://qa-in2.100ms.live/hmsapi/hrashi-studystream.qa-app.100ms.live/", REACT_APP_ENV: "qa", REACT_APP_LOGROCKET_ID: "<Your Logrocket project ID>", REACT_APP_POLICY_CONFIG: "", REACT_APP_WEBINAR_PROPS: "{}", REACT_APP_ENABLE_STATS_FOR_NERDS: "true", REACT_APP_AUDIO_PLAYLIST: '[{"name":"Audio1","id":"audio1","metadata":{"description":"Artist1"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio1.mp3","type":"audio"},{"name":"Audio2","id":"audio2","metadata":{"description":"Artist2"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio2.mp3","type":"audio"},{"name":"Audio3","id":"audio3","metadata":{"description":"Artist3"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio3.mp3","type":"audio"},{"name":"Audio4","id":"audio4","metadata":{"description":"Artist4"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio4.mp3","type":"audio"},{"name":"Audio5","id":"audio5","metadata":{"description":"Artist5"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio5.mp3","type":"audio"},{"name":"Audio6","id":"audio6","metadata":{"description":"Artist6"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio6.mp3","type":"audio"}]', REACT_APP_VIDEO_PLAYLIST: '[{"name":"Video1","id":"video1","url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/video1.mp4","type":"video"}]', REACT_APP_HOST_NAME: "ravi.qa-app.100ms.live", REACT_APP_DEFAULT_APP_DETAILS: '{"headlessConfig":{"uiMode":"activespeaker","hideAudioLevel":true,"hideTileAudioMute":true}}', REACT_APP_TOKEN_GENERATION_ENDPOINT_DOMAIN: "ravi.qa-app.100ms.live", REACT_APP_ZIPY_KEY: "", REACT_APP_PUSHER_APP_KEY: "4ae6f78bb2b7f2d9ed11", REACT_APP_PUSHER_AUTHENDPOINT: "https://whiteboard-server.vercel.app/api/pusher/auth", REACT_APP_ENABLE_WHITEBOARD: "true", REACT_APP_TRANSCRIPTION_ROOM_ID: "644df1027cebfa471fcc52fd", STORYBOOK_ROOM_LAYOUT_ENDPOINT: "https://api-nonprod.100ms.live/v2/layouts/ui", STORYBOOK_TOKEN_BY_ROOM_CODE_ENDPOINT: "https://auth-nonprod.100ms.live/v2/token", STORYBOOK_INIT_API_ENDPOINT: "https://qa-init.100ms.live/init", STORYBOOK_SAMPLE_ROOM_CODE: "dkz-teqx-wap" };
|
|
111
111
|
}
|
|
112
112
|
});
|
|
113
113
|
|
|
@@ -5629,10 +5629,10 @@ var require_ua_parser = __commonJS({
|
|
|
5629
5629
|
}
|
|
5630
5630
|
};
|
|
5631
5631
|
var rgxMapper = function(ua2, arrays) {
|
|
5632
|
-
var i2 = 0, j3,
|
|
5632
|
+
var i2 = 0, j3, k3, p2, q3, matches, match17;
|
|
5633
5633
|
while (i2 < arrays.length && !matches) {
|
|
5634
5634
|
var regex = arrays[i2], props = arrays[i2 + 1];
|
|
5635
|
-
j3 =
|
|
5635
|
+
j3 = k3 = 0;
|
|
5636
5636
|
while (j3 < regex.length && !matches) {
|
|
5637
5637
|
if (!regex[j3]) {
|
|
5638
5638
|
break;
|
|
@@ -5640,7 +5640,7 @@ var require_ua_parser = __commonJS({
|
|
|
5640
5640
|
matches = regex[j3++].exec(ua2);
|
|
5641
5641
|
if (!!matches) {
|
|
5642
5642
|
for (p2 = 0; p2 < props.length; p2++) {
|
|
5643
|
-
match17 = matches[++
|
|
5643
|
+
match17 = matches[++k3];
|
|
5644
5644
|
q3 = props[p2];
|
|
5645
5645
|
if (typeof q3 === OBJ_TYPE && q3.length > 0) {
|
|
5646
5646
|
if (q3.length === 2) {
|
|
@@ -8634,8 +8634,8 @@ var require_grammar = __commonJS({
|
|
|
8634
8634
|
var require_parser = __commonJS({
|
|
8635
8635
|
"../../node_modules/sdp-transform/lib/parser.js"(exports) {
|
|
8636
8636
|
init_define_process_env();
|
|
8637
|
-
var toIntIfInt = function(
|
|
8638
|
-
return String(Number(
|
|
8637
|
+
var toIntIfInt = function(v2) {
|
|
8638
|
+
return String(Number(v2)) === v2 ? Number(v2) : v2;
|
|
8639
8639
|
};
|
|
8640
8640
|
var attachProperties = function(match17, location, names, rawName) {
|
|
8641
8641
|
if (rawName && !names) {
|
|
@@ -8871,10 +8871,10 @@ var require_react_is_production_min = __commonJS({
|
|
|
8871
8871
|
var c3 = b3 ? Symbol.for("react.element") : 60103;
|
|
8872
8872
|
var d3 = b3 ? Symbol.for("react.portal") : 60106;
|
|
8873
8873
|
var e = b3 ? Symbol.for("react.fragment") : 60107;
|
|
8874
|
-
var
|
|
8874
|
+
var f3 = b3 ? Symbol.for("react.strict_mode") : 60108;
|
|
8875
8875
|
var g2 = b3 ? Symbol.for("react.profiler") : 60114;
|
|
8876
8876
|
var h2 = b3 ? Symbol.for("react.provider") : 60109;
|
|
8877
|
-
var
|
|
8877
|
+
var k3 = b3 ? Symbol.for("react.context") : 60110;
|
|
8878
8878
|
var l2 = b3 ? Symbol.for("react.async_mode") : 60111;
|
|
8879
8879
|
var m2 = b3 ? Symbol.for("react.concurrent_mode") : 60111;
|
|
8880
8880
|
var n2 = b3 ? Symbol.for("react.forward_ref") : 60112;
|
|
@@ -8882,7 +8882,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
8882
8882
|
var q3 = b3 ? Symbol.for("react.suspense_list") : 60120;
|
|
8883
8883
|
var r2 = b3 ? Symbol.for("react.memo") : 60115;
|
|
8884
8884
|
var t2 = b3 ? Symbol.for("react.lazy") : 60116;
|
|
8885
|
-
var
|
|
8885
|
+
var v2 = b3 ? Symbol.for("react.block") : 60121;
|
|
8886
8886
|
var w2 = b3 ? Symbol.for("react.fundamental") : 60117;
|
|
8887
8887
|
var x2 = b3 ? Symbol.for("react.responder") : 60118;
|
|
8888
8888
|
var y3 = b3 ? Symbol.for("react.scope") : 60119;
|
|
@@ -8896,12 +8896,12 @@ var require_react_is_production_min = __commonJS({
|
|
|
8896
8896
|
case m2:
|
|
8897
8897
|
case e:
|
|
8898
8898
|
case g2:
|
|
8899
|
-
case
|
|
8899
|
+
case f3:
|
|
8900
8900
|
case p2:
|
|
8901
8901
|
return a11;
|
|
8902
8902
|
default:
|
|
8903
8903
|
switch (a11 = a11 && a11.$$typeof, a11) {
|
|
8904
|
-
case
|
|
8904
|
+
case k3:
|
|
8905
8905
|
case n2:
|
|
8906
8906
|
case t2:
|
|
8907
8907
|
case r2:
|
|
@@ -8921,7 +8921,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
8921
8921
|
}
|
|
8922
8922
|
exports.AsyncMode = l2;
|
|
8923
8923
|
exports.ConcurrentMode = m2;
|
|
8924
|
-
exports.ContextConsumer =
|
|
8924
|
+
exports.ContextConsumer = k3;
|
|
8925
8925
|
exports.ContextProvider = h2;
|
|
8926
8926
|
exports.Element = c3;
|
|
8927
8927
|
exports.ForwardRef = n2;
|
|
@@ -8930,14 +8930,14 @@ var require_react_is_production_min = __commonJS({
|
|
|
8930
8930
|
exports.Memo = r2;
|
|
8931
8931
|
exports.Portal = d3;
|
|
8932
8932
|
exports.Profiler = g2;
|
|
8933
|
-
exports.StrictMode =
|
|
8933
|
+
exports.StrictMode = f3;
|
|
8934
8934
|
exports.Suspense = p2;
|
|
8935
8935
|
exports.isAsyncMode = function(a11) {
|
|
8936
8936
|
return A3(a11) || z3(a11) === l2;
|
|
8937
8937
|
};
|
|
8938
8938
|
exports.isConcurrentMode = A3;
|
|
8939
8939
|
exports.isContextConsumer = function(a11) {
|
|
8940
|
-
return z3(a11) ===
|
|
8940
|
+
return z3(a11) === k3;
|
|
8941
8941
|
};
|
|
8942
8942
|
exports.isContextProvider = function(a11) {
|
|
8943
8943
|
return z3(a11) === h2;
|
|
@@ -8964,13 +8964,13 @@ var require_react_is_production_min = __commonJS({
|
|
|
8964
8964
|
return z3(a11) === g2;
|
|
8965
8965
|
};
|
|
8966
8966
|
exports.isStrictMode = function(a11) {
|
|
8967
|
-
return z3(a11) ===
|
|
8967
|
+
return z3(a11) === f3;
|
|
8968
8968
|
};
|
|
8969
8969
|
exports.isSuspense = function(a11) {
|
|
8970
8970
|
return z3(a11) === p2;
|
|
8971
8971
|
};
|
|
8972
8972
|
exports.isValidElementType = function(a11) {
|
|
8973
|
-
return "string" === typeof a11 || "function" === typeof a11 || a11 === e || a11 === m2 || a11 === g2 || a11 ===
|
|
8973
|
+
return "string" === typeof a11 || "function" === typeof a11 || a11 === e || a11 === m2 || a11 === g2 || a11 === f3 || a11 === p2 || a11 === q3 || "object" === typeof a11 && null !== a11 && (a11.$$typeof === t2 || a11.$$typeof === r2 || a11.$$typeof === h2 || a11.$$typeof === k3 || a11.$$typeof === n2 || a11.$$typeof === w2 || a11.$$typeof === x2 || a11.$$typeof === y3 || a11.$$typeof === v2);
|
|
8974
8974
|
};
|
|
8975
8975
|
exports.typeOf = z3;
|
|
8976
8976
|
}
|
|
@@ -12134,12 +12134,12 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
|
|
|
12134
12134
|
if (!bytes) {
|
|
12135
12135
|
return "-";
|
|
12136
12136
|
}
|
|
12137
|
-
const
|
|
12137
|
+
const k3 = 1024;
|
|
12138
12138
|
const dm2 = decimals < 0 ? 0 : decimals;
|
|
12139
12139
|
const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
|
|
12140
|
-
let i2 = Math.floor(Math.log(bytes) / Math.log(
|
|
12140
|
+
let i2 = Math.floor(Math.log(bytes) / Math.log(k3));
|
|
12141
12141
|
i2 === 0 && i2++;
|
|
12142
|
-
return `${parseFloat((bytes / Math.pow(
|
|
12142
|
+
return `${parseFloat((bytes / Math.pow(k3, i2)).toFixed(dm2))} ${sizes[i2]}`;
|
|
12143
12143
|
};
|
|
12144
12144
|
|
|
12145
12145
|
// src/Stats/StyledStats.tsx
|
|
@@ -12917,8 +12917,8 @@ import {
|
|
|
12917
12917
|
HMSReactiveStore,
|
|
12918
12918
|
HMSRoomProvider,
|
|
12919
12919
|
selectIsConnectedToRoom as selectIsConnectedToRoom13,
|
|
12920
|
-
useHMSActions as
|
|
12921
|
-
useHMSStore as
|
|
12920
|
+
useHMSActions as useHMSActions56,
|
|
12921
|
+
useHMSStore as useHMSStore97
|
|
12922
12922
|
} from "@100mslive/react-sdk";
|
|
12923
12923
|
|
|
12924
12924
|
// src/Prebuilt/components/AppData/AppData.tsx
|
|
@@ -13929,8 +13929,8 @@ import {
|
|
|
13929
13929
|
selectAppData as selectAppData12,
|
|
13930
13930
|
selectIsConnectedToRoom as selectIsConnectedToRoom10,
|
|
13931
13931
|
selectRoomState as selectRoomState7,
|
|
13932
|
-
useHMSActions as
|
|
13933
|
-
useHMSStore as
|
|
13932
|
+
useHMSActions as useHMSActions48,
|
|
13933
|
+
useHMSStore as useHMSStore86
|
|
13934
13934
|
} from "@100mslive/react-sdk";
|
|
13935
13935
|
|
|
13936
13936
|
// src/Prebuilt/components/Footer/Footer.tsx
|
|
@@ -17666,8 +17666,8 @@ import {
|
|
|
17666
17666
|
selectIsTranscriptionEnabled as selectIsTranscriptionEnabled4,
|
|
17667
17667
|
selectPeerCount as selectPeerCount3,
|
|
17668
17668
|
selectPermissions as selectPermissions8,
|
|
17669
|
-
useHMSActions as
|
|
17670
|
-
useHMSStore as
|
|
17669
|
+
useHMSActions as useHMSActions22,
|
|
17670
|
+
useHMSStore as useHMSStore29,
|
|
17671
17671
|
useRecordingStreaming as useRecordingStreaming7
|
|
17672
17672
|
} from "@100mslive/react-sdk";
|
|
17673
17673
|
import {
|
|
@@ -17690,7 +17690,7 @@ import {
|
|
|
17690
17690
|
|
|
17691
17691
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
17692
17692
|
init_define_process_env();
|
|
17693
|
-
import React58, { useCallback as
|
|
17693
|
+
import React58, { useCallback as useCallback16, useEffect as useEffect16, useRef as useRef15, useState as useState25 } from "react";
|
|
17694
17694
|
import { useMedia as useMedia8 } from "react-use";
|
|
17695
17695
|
|
|
17696
17696
|
// ../hms-video-store/dist/index.js
|
|
@@ -18208,11 +18208,11 @@ function shimOnTrack(window2) {
|
|
|
18208
18208
|
get() {
|
|
18209
18209
|
return this._ontrack;
|
|
18210
18210
|
},
|
|
18211
|
-
set(
|
|
18211
|
+
set(f3) {
|
|
18212
18212
|
if (this._ontrack) {
|
|
18213
18213
|
this.removeEventListener("track", this._ontrack);
|
|
18214
18214
|
}
|
|
18215
|
-
this.addEventListener("track", this._ontrack =
|
|
18215
|
+
this.addEventListener("track", this._ontrack = f3);
|
|
18216
18216
|
},
|
|
18217
18217
|
enumerable: true,
|
|
18218
18218
|
configurable: true
|
|
@@ -19195,12 +19195,12 @@ function shimRemoteStreamsAPI(window2) {
|
|
|
19195
19195
|
get() {
|
|
19196
19196
|
return this._onaddstream;
|
|
19197
19197
|
},
|
|
19198
|
-
set(
|
|
19198
|
+
set(f3) {
|
|
19199
19199
|
if (this._onaddstream) {
|
|
19200
19200
|
this.removeEventListener("addstream", this._onaddstream);
|
|
19201
19201
|
this.removeEventListener("track", this._onaddstreampoly);
|
|
19202
19202
|
}
|
|
19203
|
-
this.addEventListener("addstream", this._onaddstream =
|
|
19203
|
+
this.addEventListener("addstream", this._onaddstream = f3);
|
|
19204
19204
|
this.addEventListener("track", this._onaddstreampoly = (e) => {
|
|
19205
19205
|
e.streams.forEach((stream) => {
|
|
19206
19206
|
if (!this._remoteStreams) {
|
|
@@ -20012,14 +20012,14 @@ function M(n2, r2, t2) {
|
|
|
20012
20012
|
}
|
|
20013
20013
|
return e.o;
|
|
20014
20014
|
}
|
|
20015
|
-
function A(e, i2, o2, a11, c3, s2,
|
|
20015
|
+
function A(e, i2, o2, a11, c3, s2, v2) {
|
|
20016
20016
|
if ("production" !== define_process_env_default.NODE_ENV && c3 === o2 && n(5), r(c3)) {
|
|
20017
20017
|
var p2 = M(e, c3, s2 && i2 && 3 !== i2.i && !u(i2.R, a11) ? s2.concat(a11) : void 0);
|
|
20018
20018
|
if (f(o2, a11, p2), !r(p2))
|
|
20019
20019
|
return;
|
|
20020
20020
|
e.m = false;
|
|
20021
20021
|
} else
|
|
20022
|
-
|
|
20022
|
+
v2 && o2.add(c3);
|
|
20023
20023
|
if (t(c3) && !y(c3)) {
|
|
20024
20024
|
if (!e.h.D && e._ < 1)
|
|
20025
20025
|
return;
|
|
@@ -20052,8 +20052,8 @@ function N(n2, r2, t2) {
|
|
|
20052
20052
|
var e = s(r2) ? b("MapSet").F(r2, t2) : v(r2) ? b("MapSet").T(r2, t2) : n2.O ? function(n3, r3) {
|
|
20053
20053
|
var t3 = Array.isArray(n3), e2 = { i: t3 ? 1 : 0, A: r3 ? r3.A : _(), P: false, I: false, R: {}, l: r3, t: n3, k: null, o: null, j: null, C: false }, i2 = e2, o2 = en;
|
|
20054
20054
|
t3 && (i2 = [e2], o2 = on);
|
|
20055
|
-
var u2 = Proxy.revocable(i2, o2), a11 = u2.revoke,
|
|
20056
|
-
return e2.k =
|
|
20055
|
+
var u2 = Proxy.revocable(i2, o2), a11 = u2.revoke, f3 = u2.proxy;
|
|
20056
|
+
return e2.k = f3, e2.j = a11, f3;
|
|
20057
20057
|
}(r2, t2) : b("ES5").J(r2, t2);
|
|
20058
20058
|
return (t2 ? t2.A : _()).p.push(e), e;
|
|
20059
20059
|
}
|
|
@@ -20186,26 +20186,26 @@ var un = function() {
|
|
|
20186
20186
|
});
|
|
20187
20187
|
};
|
|
20188
20188
|
}
|
|
20189
|
-
var
|
|
20189
|
+
var f3;
|
|
20190
20190
|
if ("function" != typeof i3 && n(6), void 0 !== o2 && "function" != typeof o2 && n(7), t(r3)) {
|
|
20191
|
-
var c3 = w(e2), s2 = N(e2, r3, void 0),
|
|
20191
|
+
var c3 = w(e2), s2 = N(e2, r3, void 0), v2 = true;
|
|
20192
20192
|
try {
|
|
20193
|
-
|
|
20193
|
+
f3 = i3(s2), v2 = false;
|
|
20194
20194
|
} finally {
|
|
20195
|
-
|
|
20195
|
+
v2 ? g(c3) : O(c3);
|
|
20196
20196
|
}
|
|
20197
|
-
return "undefined" != typeof Promise &&
|
|
20197
|
+
return "undefined" != typeof Promise && f3 instanceof Promise ? f3.then(function(n2) {
|
|
20198
20198
|
return j(c3, o2), P3(n2, c3);
|
|
20199
20199
|
}, function(n2) {
|
|
20200
20200
|
throw g(c3), n2;
|
|
20201
|
-
}) : (j(c3, o2), P3(
|
|
20201
|
+
}) : (j(c3, o2), P3(f3, c3));
|
|
20202
20202
|
}
|
|
20203
20203
|
if (!r3 || "object" != typeof r3) {
|
|
20204
|
-
if (void 0 === (
|
|
20204
|
+
if (void 0 === (f3 = i3(r3)) && (f3 = r3), f3 === H && (f3 = void 0), e2.D && d(f3, true), o2) {
|
|
20205
20205
|
var p2 = [], l2 = [];
|
|
20206
|
-
b("Patches").M(r3,
|
|
20206
|
+
b("Patches").M(r3, f3, p2, l2), o2(p2, l2);
|
|
20207
20207
|
}
|
|
20208
|
-
return
|
|
20208
|
+
return f3;
|
|
20209
20209
|
}
|
|
20210
20210
|
n(21, r3);
|
|
20211
20211
|
}, this.produceWithPatches = function(n2, r3) {
|
|
@@ -20380,7 +20380,7 @@ var c2 = (a11, e, t2) => new Promise((i2, r2) => {
|
|
|
20380
20380
|
n2((t2 = t2.apply(a11, e)).next());
|
|
20381
20381
|
});
|
|
20382
20382
|
var Mr = Xa((Fc, no) => {
|
|
20383
|
-
no.exports = { version: "0.12.14-alpha.
|
|
20383
|
+
no.exports = { version: "0.12.14-alpha.12", 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"] };
|
|
20384
20384
|
});
|
|
20385
20385
|
var Sr = ((n2) => (n2.Disconnected = "Disconnected", n2.Preview = "Preview", n2.Connecting = "Connecting", n2.Connected = "Connected", n2.Reconnecting = "Reconnecting", n2.Disconnecting = "Disconnecting", n2.Failed = "Failed", n2))(Sr || {});
|
|
20386
20386
|
var ei = () => ({ room: { id: "", isConnected: false, name: "", peers: [], localPeer: "", roomState: "Disconnected", recording: { browser: { running: false }, server: { running: false }, hls: { running: false } }, rtmp: { running: false }, hls: { running: false, variants: [] }, sessionId: "" }, peers: {}, tracks: {}, playlist: { audio: { list: {}, selection: { id: "", hasPrevious: false, hasNext: false }, progress: 0, volume: 0, currentTime: 0, playbackRate: 1 }, video: { list: {}, selection: { id: "", hasPrevious: false, hasNext: false }, progress: 0, volume: 0, currentTime: 0, playbackRate: 1 } }, messages: { byID: {}, allIDs: [] }, speakers: {}, connectionQualities: {}, settings: { audioInputDeviceId: "", audioOutputDeviceId: "", videoInputDeviceId: "" }, devices: { audioInput: [], audioOutput: [], videoInput: [] }, roles: {}, roleChangeRequests: [], errors: [], sessionStore: {}, templateAppData: {}, polls: {}, whiteboards: {}, hideLocalPeer: false });
|
|
@@ -20632,8 +20632,8 @@ function so() {
|
|
|
20632
20632
|
return "CUSTOM";
|
|
20633
20633
|
}
|
|
20634
20634
|
var Qe = so();
|
|
20635
|
-
var
|
|
20636
|
-
var
|
|
20635
|
+
var k2 = { 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 } };
|
|
20636
|
+
var f2 = class a2 extends Error {
|
|
20637
20637
|
constructor(t2, i2, r2, s2, o2, n2 = false) {
|
|
20638
20638
|
super(s2);
|
|
20639
20639
|
this.code = t2;
|
|
@@ -20678,111 +20678,111 @@ function fr(a11) {
|
|
|
20678
20678
|
}
|
|
20679
20679
|
var ao = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
20680
20680
|
var S2 = { WebSocketConnectionErrors: { FailedToConnect(a11, e = "") {
|
|
20681
|
-
return new
|
|
20681
|
+
return new f2(k2.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a11, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
20682
20682
|
}, WebSocketConnectionLost(a11, e = "") {
|
|
20683
|
-
return new
|
|
20683
|
+
return new f2(k2.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a11, "Network connection lost", e);
|
|
20684
20684
|
}, AbnormalClose(a11, e = "") {
|
|
20685
|
-
return new
|
|
20685
|
+
return new f2(k2.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a11, "Websocket closed abnormally", e);
|
|
20686
20686
|
} }, APIErrors: { ServerErrors(a11, e, t2 = "", i2 = true) {
|
|
20687
|
-
return new
|
|
20687
|
+
return new f2(a11, "ServerErrors", e, `[${e}]: Server error ${t2}`, t2, i2);
|
|
20688
20688
|
}, EndpointUnreachable(a11, e = "") {
|
|
20689
|
-
return new
|
|
20689
|
+
return new f2(k2.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a11, `Endpoint is not reachable - ${e}`, e);
|
|
20690
20690
|
}, InvalidTokenFormat(a11, e = "") {
|
|
20691
|
-
return new
|
|
20691
|
+
return new f2(k2.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a11, `Token is not in proper JWT format - ${e}`, e, true);
|
|
20692
20692
|
}, InitConfigNotAvailable(a11, e = "") {
|
|
20693
|
-
return new
|
|
20693
|
+
return new f2(k2.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a11, `[INIT]: ${e}`, `[INIT]: ${e}`);
|
|
20694
20694
|
} }, TracksErrors: { GenericTrack(a11, e = "") {
|
|
20695
|
-
return new
|
|
20695
|
+
return new f2(k2.TracksErrors.GENERIC_TRACK, "GenericTrack", a11, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
|
|
20696
20696
|
}, CantAccessCaptureDevice(a11, e, t2 = "") {
|
|
20697
|
-
return new
|
|
20697
|
+
return new f2(k2.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a11, `User denied permission to access capture device - ${e}`, t2);
|
|
20698
20698
|
}, DeviceNotAvailable(a11, e, t2 = "") {
|
|
20699
|
-
return new
|
|
20699
|
+
return new f2(k2.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a11, `[TRACK]: Capture device is no longer available - ${e}`, t2);
|
|
20700
20700
|
}, DeviceInUse(a11, e, t2 = "") {
|
|
20701
|
-
return new
|
|
20701
|
+
return new f2(k2.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a11, `[TRACK]: Capture device is in use by another application - ${e}`, t2);
|
|
20702
20702
|
}, DeviceLostMidway(a11, e, t2 = "") {
|
|
20703
|
-
return new
|
|
20703
|
+
return new f2(k2.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a11, `Lost access to capture device midway - ${e}`, t2);
|
|
20704
20704
|
}, NothingToReturn(a11, e = "", t2 = "There is no media to return. Please select either video or audio or both.") {
|
|
20705
|
-
return new
|
|
20705
|
+
return new f2(k2.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a11, t2, e);
|
|
20706
20706
|
}, InvalidVideoSettings(a11, e = "") {
|
|
20707
|
-
return new
|
|
20707
|
+
return new f2(k2.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a11, "Cannot enable simulcast when no video settings are provided", e);
|
|
20708
20708
|
}, AutoplayBlocked(a11, e = "") {
|
|
20709
|
-
return new
|
|
20709
|
+
return new f2(k2.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a11, "Autoplay blocked because the user didn't interact with the document first", e);
|
|
20710
20710
|
}, CodecChangeNotPermitted(a11, e = "") {
|
|
20711
|
-
return new
|
|
20711
|
+
return new f2(k2.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a11, "Codec can't be changed mid call.", e);
|
|
20712
20712
|
}, OverConstrained(a11, e, t2 = "") {
|
|
20713
|
-
return new
|
|
20713
|
+
return new f2(k2.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a11, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t2);
|
|
20714
20714
|
}, NoAudioDetected(a11, e = "Please check the mic or use another audio input") {
|
|
20715
|
-
return new
|
|
20715
|
+
return new f2(k2.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a11, "No audio input detected from microphone", e);
|
|
20716
20716
|
}, SystemDeniedPermission(a11, e, t2 = "") {
|
|
20717
|
-
return new
|
|
20717
|
+
return new f2(k2.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a11, `Operating System denied permission to access capture device - ${e}`, t2);
|
|
20718
20718
|
}, CurrentTabNotShared() {
|
|
20719
|
-
return new
|
|
20719
|
+
return new f2(k2.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
|
|
20720
20720
|
}, AudioPlaybackError(a11) {
|
|
20721
|
-
return new
|
|
20721
|
+
return new f2(k2.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a11, a11);
|
|
20722
20722
|
}, SelectedDeviceMissing(a11) {
|
|
20723
|
-
return new
|
|
20723
|
+
return new f2(k2.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a11} device`, `Please check connection to the ${a11} device`, false);
|
|
20724
20724
|
} }, WebrtcErrors: { CreateOfferFailed(a11, e = "") {
|
|
20725
|
-
return new
|
|
20725
|
+
return new f2(k2.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a11, `[${a11.toString()}]: Failed to create offer. `, e);
|
|
20726
20726
|
}, CreateAnswerFailed(a11, e = "") {
|
|
20727
|
-
return new
|
|
20727
|
+
return new f2(k2.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a11, `[${a11.toString()}]: Failed to create answer. `, e);
|
|
20728
20728
|
}, SetLocalDescriptionFailed(a11, e = "") {
|
|
20729
|
-
return new
|
|
20729
|
+
return new f2(k2.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a11, `[${a11.toString()}]: Failed to set offer. `, e);
|
|
20730
20730
|
}, SetRemoteDescriptionFailed(a11, e = "") {
|
|
20731
|
-
return new
|
|
20731
|
+
return new f2(k2.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a11, `[${a11.toString()}]: Failed to set answer. `, e, true);
|
|
20732
20732
|
}, ICEFailure(a11, e = "", t2 = false) {
|
|
20733
|
-
return new
|
|
20733
|
+
return new f2(k2.WebrtcErrors.ICE_FAILURE, "ICEFailure", a11, `[${a11.toString()}]: Ice connection state FAILED`, e, t2);
|
|
20734
20734
|
}, ICEDisconnected(a11, e = "") {
|
|
20735
|
-
return new
|
|
20735
|
+
return new f2(k2.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a11, `[${a11.toString()}]: Ice connection state DISCONNECTED`, e);
|
|
20736
20736
|
}, StatsFailed(a11, e = "") {
|
|
20737
|
-
return new
|
|
20737
|
+
return new f2(k2.WebrtcErrors.STATS_FAILED, "StatsFailed", a11, `Failed to WebRTC get stats - ${e}`, e);
|
|
20738
20738
|
} }, WebsocketMethodErrors: { ServerErrors(a11, e, t2) {
|
|
20739
|
-
return new
|
|
20739
|
+
return new f2(a11, "ServerErrors", e, t2, t2, ao.includes(e));
|
|
20740
20740
|
}, AlreadyJoined(a11, e = "") {
|
|
20741
|
-
return new
|
|
20741
|
+
return new f2(k2.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a11, "[JOIN]: You have already joined this room.", e);
|
|
20742
20742
|
}, CannotJoinPreviewInProgress(a11, e = "") {
|
|
20743
|
-
return new
|
|
20743
|
+
return new f2(k2.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a11, "[JOIN]: Cannot join if preview is in progress", e);
|
|
20744
20744
|
} }, GenericErrors: { NotConnected(a11, e = "") {
|
|
20745
|
-
return new
|
|
20745
|
+
return new f2(k2.GenericErrors.NOT_CONNECTED, "NotConnected", a11, "Client is not connected", e);
|
|
20746
20746
|
}, Signalling(a11, e) {
|
|
20747
|
-
return new
|
|
20747
|
+
return new f2(k2.GenericErrors.SIGNALLING, "Signalling", a11, `Unknown signalling error: ${a11.toString()} ${e} `, e);
|
|
20748
20748
|
}, Unknown(a11, e) {
|
|
20749
|
-
return new
|
|
20749
|
+
return new f2(k2.GenericErrors.UNKNOWN, "Unknown", a11, `Unknown exception: ${e}`, e);
|
|
20750
20750
|
}, NotReady(a11, e = "") {
|
|
20751
|
-
return new
|
|
20751
|
+
return new f2(k2.GenericErrors.NOT_READY, "NotReady", a11, e, e);
|
|
20752
20752
|
}, JsonParsingFailed(a11, e, t2 = "") {
|
|
20753
|
-
return new
|
|
20753
|
+
return new f2(k2.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a11, `Failed to parse JSON message - ${e}`, t2);
|
|
20754
20754
|
}, TrackMetadataMissing(a11, e = "") {
|
|
20755
|
-
return new
|
|
20755
|
+
return new f2(k2.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a11, "Track Metadata Missing", e);
|
|
20756
20756
|
}, RTCTrackMissing(a11, e = "") {
|
|
20757
|
-
return new
|
|
20757
|
+
return new f2(k2.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a11, "RTC Track missing", e);
|
|
20758
20758
|
}, PeerMetadataMissing(a11, e = "") {
|
|
20759
|
-
return new
|
|
20759
|
+
return new f2(k2.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a11, "Peer Metadata Missing", e);
|
|
20760
20760
|
}, ValidationFailed(a11, e) {
|
|
20761
|
-
return new
|
|
20761
|
+
return new f2(k2.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a11, e ? JSON.stringify(e) : "");
|
|
20762
20762
|
}, InvalidRole(a11, e) {
|
|
20763
|
-
return new
|
|
20763
|
+
return new f2(k2.GenericErrors.INVALID_ROLE, "InvalidRole", a11, "Invalid role. Join with valid role", e, true);
|
|
20764
20764
|
}, PreviewAlreadyInProgress(a11, e = "") {
|
|
20765
|
-
return new
|
|
20765
|
+
return new f2(k2.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a11, "[Preview]: Cannot join if preview is in progress", e);
|
|
20766
20766
|
}, LocalStorageAccessDenied(a11 = "Access to localStorage has been denied") {
|
|
20767
|
-
return new
|
|
20767
|
+
return new f2(k2.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a11);
|
|
20768
20768
|
}, MissingMediaDevices() {
|
|
20769
|
-
return new
|
|
20769
|
+
return new f2(k2.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
|
|
20770
20770
|
}, MissingRTCPeerConnection() {
|
|
20771
|
-
return new
|
|
20771
|
+
return new f2(k2.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
|
|
20772
20772
|
} }, MediaPluginErrors: { PlatformNotSupported(a11, e = "") {
|
|
20773
|
-
return new
|
|
20773
|
+
return new f2(7001, "PlatformNotSupported", a11, "Check HMS Docs to see the list of supported platforms", e);
|
|
20774
20774
|
}, InitFailed(a11, e = "") {
|
|
20775
|
-
return new
|
|
20775
|
+
return new f2(7002, "InitFailed", a11, "Plugin init failed", e);
|
|
20776
20776
|
}, ProcessingFailed(a11, e = "") {
|
|
20777
|
-
return new
|
|
20777
|
+
return new f2(7003, "ProcessingFailed", a11, "Plugin processing failed", e);
|
|
20778
20778
|
}, AddAlreadyInProgress(a11, e = "") {
|
|
20779
|
-
return new
|
|
20779
|
+
return new f2(7004, "AddAlreadyInProgress", a11, "Plugin add already in progress", e);
|
|
20780
20780
|
}, DeviceNotSupported(a11, e = "") {
|
|
20781
|
-
return new
|
|
20781
|
+
return new f2(7005, "DeviceNotSupported", a11, "Check HMS Docs to see the list of supported devices", e);
|
|
20782
20782
|
} }, PlaylistErrors: { NoEntryToPlay(a11, e) {
|
|
20783
|
-
return new
|
|
20783
|
+
return new f2(k2.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a11, "Reached end of playlist", e);
|
|
20784
20784
|
}, NoEntryPlaying(a11, e) {
|
|
20785
|
-
return new
|
|
20785
|
+
return new f2(k2.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a11, "No entry is playing at this time", e);
|
|
20786
20786
|
} } };
|
|
20787
20787
|
var vr = class {
|
|
20788
20788
|
constructor() {
|
|
@@ -20977,7 +20977,7 @@ var y2 = class {
|
|
|
20977
20977
|
return e = m(m({}, i2), e), e;
|
|
20978
20978
|
}
|
|
20979
20979
|
static getErrorProperties(e) {
|
|
20980
|
-
return e ? e instanceof
|
|
20980
|
+
return e ? e instanceof f2 ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
|
|
20981
20981
|
}
|
|
20982
20982
|
};
|
|
20983
20983
|
y2.KEY_REQUESTED_AT = "requested_at", y2.KEY_RESPONDED_AT = "responded_at";
|
|
@@ -22354,7 +22354,6 @@ var ve = class a5 {
|
|
|
22354
22354
|
}
|
|
22355
22355
|
getTracksToPublish() {
|
|
22356
22356
|
return c2(this, arguments, function* (e = Cr) {
|
|
22357
|
-
var T, g2, f2, P7;
|
|
22358
22357
|
let t2 = this.getAVTrackSettings(e);
|
|
22359
22358
|
if (!t2)
|
|
22360
22359
|
return [];
|
|
@@ -22362,13 +22361,13 @@ var ve = class a5 {
|
|
|
22362
22361
|
if (u2 && p2)
|
|
22363
22362
|
return [];
|
|
22364
22363
|
let h2 = { audio: i2 && !n2 && (e.isAudioMuted ? "empty" : true), video: r2 && !o2 && (e.isVideoMuted ? "empty" : true) };
|
|
22365
|
-
h2.audio &&
|
|
22364
|
+
h2.audio && this.analyticsTimer.start("local_audio_track_time"), h2.video && this.analyticsTimer.start("local_video_track_time");
|
|
22366
22365
|
try {
|
|
22367
22366
|
d2.d(this.TAG, "Init Local Tracks", { fetchTrackOptions: h2 }), s2 = yield this.getLocalTracks(h2, t2, l2);
|
|
22368
|
-
} catch (
|
|
22369
|
-
s2 = yield this.retryGetLocalTracks(
|
|
22367
|
+
} catch (T) {
|
|
22368
|
+
s2 = yield this.retryGetLocalTracks(T, t2, h2, l2);
|
|
22370
22369
|
}
|
|
22371
|
-
return h2.audio &&
|
|
22370
|
+
return h2.audio && this.analyticsTimer.end("local_audio_track_time"), h2.video && this.analyticsTimer.end("local_video_track_time"), o2 && r2 && !u2 && s2.push(o2), n2 && i2 && !p2 && s2.push(n2), s2;
|
|
22372
22371
|
});
|
|
22373
22372
|
}
|
|
22374
22373
|
getLocalTracks() {
|
|
@@ -22399,8 +22398,8 @@ var ve = class a5 {
|
|
|
22399
22398
|
r2.srcObject = e, r2.addEventListener("loadedmetadata", () => c2(this, null, function* () {
|
|
22400
22399
|
let { videoWidth: l2, videoHeight: u2 } = r2, p2 = i2.screen, h2 = p2.width * p2.height, T = l2 / u2, g2 = p2.width / p2.height;
|
|
22401
22400
|
if (T > g2) {
|
|
22402
|
-
let
|
|
22403
|
-
l2 * u2 > h2 ? (
|
|
22401
|
+
let v2 = t2.video, E2 = T / g2, P7 = Math.sqrt(E2);
|
|
22402
|
+
l2 * u2 > h2 ? (v2.width = l2 / P7, v2.height = u2 / P7) : (v2.height = u2 * P7, v2.width = l2 * P7), yield e.getVideoTracks()[0].applyConstraints(v2);
|
|
22404
22403
|
}
|
|
22405
22404
|
}));
|
|
22406
22405
|
});
|
|
@@ -22418,8 +22417,8 @@ var ve = class a5 {
|
|
|
22418
22417
|
d2.d("retrieving screenshare with ", { config: i2 }, { constraints: s2 }), o2 = yield navigator.mediaDevices.getDisplayMedia(s2), t2 && (yield this.optimizeScreenShareConstraint(o2, s2));
|
|
22419
22418
|
} catch (g2) {
|
|
22420
22419
|
d2.w(this.TAG, "error in getting screenshare - ", g2);
|
|
22421
|
-
let
|
|
22422
|
-
throw this.eventBus.analytics.publish(y2.publish({ error:
|
|
22420
|
+
let v2 = Ae(g2, "screen");
|
|
22421
|
+
throw this.eventBus.analytics.publish(y2.publish({ error: v2, devices: this.deviceManager.getDevices(), settings: new ze(r2 == null ? void 0 : r2.video, r2 == null ? void 0 : r2.audio, false) })), v2;
|
|
22423
22422
|
}
|
|
22424
22423
|
let n2 = [], l2 = new Ge(o2), u2 = o2.getVideoTracks()[0], p2 = new F(l2, u2, "screen", this.eventBus, r2 == null ? void 0 : r2.video, this.store.getRoom());
|
|
22425
22424
|
p2.setSimulcastDefinitons(this.store.getSimulcastDefinitionsForPeer(this.store.getLocalPeer(), "screen"));
|
|
@@ -22427,7 +22426,7 @@ var ve = class a5 {
|
|
|
22427
22426
|
let g2 = this.validateCurrentTabCapture(p2, i2.forceCurrentTab);
|
|
22428
22427
|
p2.isCurrentTab = g2, yield p2.cropTo(i2.cropTarget);
|
|
22429
22428
|
} catch (g2) {
|
|
22430
|
-
throw o2.getTracks().forEach((
|
|
22429
|
+
throw o2.getTracks().forEach((v2) => v2.stop()), g2;
|
|
22431
22430
|
}
|
|
22432
22431
|
n2.push(p2);
|
|
22433
22432
|
let h2 = o2.getAudioTracks()[0];
|
|
@@ -22501,16 +22500,16 @@ var ve = class a5 {
|
|
|
22501
22500
|
}
|
|
22502
22501
|
retryGetLocalTracks(e, t2, i2, r2) {
|
|
22503
22502
|
return c2(this, null, function* () {
|
|
22504
|
-
if (e instanceof
|
|
22503
|
+
if (e instanceof f2 && e.action === "TRACK") {
|
|
22505
22504
|
this.observer.onFailure(e);
|
|
22506
|
-
let s2 = e.code ===
|
|
22505
|
+
let s2 = e.code === k2.TracksErrors.OVER_CONSTRAINED, o2 = e.message.includes("audio"), n2 = e.message.includes("video");
|
|
22507
22506
|
if (s2) {
|
|
22508
22507
|
let l2 = new De().video(new Fe()).audio(new Ve()).build();
|
|
22509
22508
|
d2.w(this.TAG, "Fetch AV Tracks failed with overconstrained error", { fetchTrackOptions: i2 }, { error: e });
|
|
22510
22509
|
try {
|
|
22511
22510
|
return yield this.getLocalTracks(i2, l2, r2);
|
|
22512
22511
|
} catch (u2) {
|
|
22513
|
-
let p2 = u2 instanceof
|
|
22512
|
+
let p2 = u2 instanceof f2 ? u2.nativeError : u2, h2 = u2;
|
|
22514
22513
|
if ((p2 == null ? void 0 : p2.name) === "OverconstrainedError") {
|
|
22515
22514
|
let T = S2.TracksErrors.GenericTrack("TRACK", "Overconstrained error after dropping all constraints");
|
|
22516
22515
|
T.addNativeError(p2), h2 = T;
|
|
@@ -23047,11 +23046,11 @@ var Ks = (a11, e, t2, i2) => c2(void 0, null, function* () {
|
|
|
23047
23046
|
break;
|
|
23048
23047
|
}
|
|
23049
23048
|
}), Object.keys(m({}, l2)).forEach((p2) => {
|
|
23050
|
-
var
|
|
23051
|
-
let h2 = (
|
|
23049
|
+
var P7, w2;
|
|
23050
|
+
let h2 = (P7 = l2[p2]) == null ? void 0 : P7.codecId, T = h2 ? n2[h2] : void 0, g2;
|
|
23052
23051
|
T && (g2 = T.substring(T.indexOf("/") + 1));
|
|
23053
|
-
let
|
|
23054
|
-
s2[p2] = M2(m({},
|
|
23052
|
+
let v2 = M2(m({}, l2[p2]), { rid: (w2 = l2[p2]) == null ? void 0 : w2.rid }), E2 = u2[v2.ssrc];
|
|
23053
|
+
s2[p2] = M2(m({}, v2), { bitrate: Pt("bytesSent", v2, i2 == null ? void 0 : i2[p2]), packetsLost: E2 == null ? void 0 : E2.packetsLost, jitter: E2 == null ? void 0 : E2.jitter, roundTripTime: E2 == null ? void 0 : E2.roundTripTime, totalRoundTripTime: E2 == null ? void 0 : E2.totalRoundTripTime, peerName: t2, peerID: e.peerId, enabled: e.enabled, codec: g2 });
|
|
23055
23054
|
});
|
|
23056
23055
|
} catch (n2) {
|
|
23057
23056
|
a11.analytics.publish(y2.rtcStatsFailed(S2.WebrtcErrors.StatsFailed("TRACK", `Error getting local track stats ${e.trackId} - ${n2.message}`))), d2.w("[HMSWebrtcStats]", "Error in getting local track stats", e, n2, n2.name);
|
|
@@ -23135,20 +23134,20 @@ var ui = class {
|
|
|
23135
23134
|
yield this.updateLocalPeerStats(), yield this.updateLocalTrackStats(), yield this.updateRemoteTrackStats();
|
|
23136
23135
|
});
|
|
23137
23136
|
this.updateLocalPeerStats = () => c2(this, null, function* () {
|
|
23138
|
-
var p2, h2, T, g2,
|
|
23137
|
+
var p2, h2, T, g2, v2, E2;
|
|
23139
23138
|
let e2 = this.getLocalPeerStats(), t3;
|
|
23140
23139
|
try {
|
|
23141
23140
|
t3 = yield (h2 = (p2 = this.getStats).publish) == null ? void 0 : h2.call(p2);
|
|
23142
|
-
} catch (
|
|
23143
|
-
this.eventBus.analytics.publish(y2.rtcStatsFailed(S2.WebrtcErrors.StatsFailed("PUBLISH",
|
|
23141
|
+
} catch (P7) {
|
|
23142
|
+
this.eventBus.analytics.publish(y2.rtcStatsFailed(S2.WebrtcErrors.StatsFailed("PUBLISH", P7.message))), d2.w(this.TAG, "Error in getting publish stats", P7);
|
|
23144
23143
|
}
|
|
23145
23144
|
let i3 = t3 && Or("publish", t3, e2), r3;
|
|
23146
23145
|
try {
|
|
23147
23146
|
r3 = yield (g2 = (T = this.getStats).subscribe) == null ? void 0 : g2.call(T);
|
|
23148
|
-
} catch (
|
|
23149
|
-
this.eventBus.analytics.publish(y2.rtcStatsFailed(S2.WebrtcErrors.StatsFailed("SUBSCRIBE",
|
|
23147
|
+
} catch (P7) {
|
|
23148
|
+
this.eventBus.analytics.publish(y2.rtcStatsFailed(S2.WebrtcErrors.StatsFailed("SUBSCRIBE", P7.message))), d2.w(this.TAG, "Error in getting subscribe stats", P7);
|
|
23150
23149
|
}
|
|
23151
|
-
let s2 = r3 && Or("subscribe", r3, e2), { packetsLost: o2, jitter: n2 } = js(r3), l2 = xr(o2, (
|
|
23150
|
+
let s2 = r3 && Or("subscribe", r3, e2), { packetsLost: o2, jitter: n2 } = js(r3), l2 = xr(o2, (v2 = e2 == null ? void 0 : e2.subscribe) == null ? void 0 : v2.packetsLost, s2 == null ? void 0 : s2.timestamp, (E2 = e2 == null ? void 0 : e2.subscribe) == null ? void 0 : E2.timestamp), u2 = s2 && Object.assign(s2, { packetsLostRate: l2, jitter: n2, packetsLost: o2 });
|
|
23152
23151
|
this.peerStats[this.localPeerID] = { publish: i3, subscribe: u2 };
|
|
23153
23152
|
});
|
|
23154
23153
|
this.updateRemoteTrackStats = () => c2(this, null, function* () {
|
|
@@ -24634,30 +24633,30 @@ var Ai = class {
|
|
|
24634
24633
|
}
|
|
24635
24634
|
handleStatsUpdate(e) {
|
|
24636
24635
|
return c2(this, null, function* () {
|
|
24637
|
-
var n2, l2, u2, p2, h2, T, g2,
|
|
24636
|
+
var n2, l2, u2, p2, h2, T, g2, v2;
|
|
24638
24637
|
let t2 = e.getLocalPeerStats();
|
|
24639
24638
|
t2 && this.peerStatsList.push(t2);
|
|
24640
24639
|
let i2 = (u2 = (l2 = (n2 = this.sdk.getLocalPeer()) == null ? void 0 : n2.audioTrack) == null ? void 0 : l2.nativeTrack) == null ? void 0 : u2.id, r2 = (T = (h2 = (p2 = this.sdk.getLocalPeer()) == null ? void 0 : p2.videoTrack) == null ? void 0 : h2.nativeTrack) == null ? void 0 : T.id, s2 = e.getLocalTrackStats();
|
|
24641
24640
|
s2 && (i2 && this.localAudioTrackStatsList.push(s2[i2]), r2 && this.localVideoTrackStatsList.push(s2[r2]));
|
|
24642
|
-
let o2 = yield (
|
|
24643
|
-
o2 == null || o2.forEach((
|
|
24644
|
-
if (
|
|
24645
|
-
let
|
|
24646
|
-
|
|
24641
|
+
let o2 = yield (v2 = (g2 = this.sdk.getWebrtcInternals()) == null ? void 0 : g2.getSubscribePeerConnection()) == null ? void 0 : v2.getStats();
|
|
24642
|
+
o2 == null || o2.forEach((E2) => {
|
|
24643
|
+
if (E2.type === "inbound-rtp") {
|
|
24644
|
+
let P7 = E2.kind === "audio" ? this.remoteAudioTrackStatsList : this.remoteVideoTrackStatsList, w2 = Pt("bytesReceived", E2, de(P7));
|
|
24645
|
+
P7.push(M2(m({}, E2), { bitrate: w2 }));
|
|
24647
24646
|
}
|
|
24648
24647
|
});
|
|
24649
24648
|
});
|
|
24650
24649
|
}
|
|
24651
24650
|
buildReport() {
|
|
24652
|
-
var T, g2,
|
|
24653
|
-
let e = (T = de(this.peerStatsList)) == null ? void 0 : T.publish, t2 = (g2 = de(this.peerStatsList)) == null ? void 0 : g2.subscribe, i2 = e != null && e.responsesReceived ? ((e == null ? void 0 : e.totalRoundTripTime) || 0) / e.responsesReceived : 0, r2 = t2 != null && t2.responsesReceived ? ((t2 == null ? void 0 : t2.totalRoundTripTime) || 0) / t2.responsesReceived : 0, s2 = Number(((i2 + r2) / 2 * 1e3).toFixed(2)), o2 = ((
|
|
24651
|
+
var T, g2, v2, E2, P7, w2, Oe, Xt;
|
|
24652
|
+
let e = (T = de(this.peerStatsList)) == null ? void 0 : T.publish, t2 = (g2 = de(this.peerStatsList)) == null ? void 0 : g2.subscribe, i2 = e != null && e.responsesReceived ? ((e == null ? void 0 : e.totalRoundTripTime) || 0) / e.responsesReceived : 0, r2 = t2 != null && t2.responsesReceived ? ((t2 == null ? void 0 : t2.totalRoundTripTime) || 0) / t2.responsesReceived : 0, s2 = Number(((i2 + r2) / 2 * 1e3).toFixed(2)), o2 = ((v2 = de(this.remoteAudioTrackStatsList)) == null ? void 0 : v2.packetsReceived) || 0, n2 = ((E2 = de(this.remoteVideoTrackStatsList)) == null ? void 0 : E2.packetsReceived) || 0, l2 = this.localAudioTrackStatsList.map((x2) => x2 ? Ne(Object.values(x2), ($) => $.bitrate) : 0), u2 = this.localVideoTrackStatsList.map((x2) => x2 ? Ne(Object.values(x2), ($) => $.bitrate) : 0), p2 = de(this.localAudioTrackStatsList), h2 = de(this.localVideoTrackStatsList);
|
|
24654
24653
|
return { combined: { roundTripTime: s2, packetsReceived: o2 + n2, packetsLost: (t2 == null ? void 0 : t2.packetsLost) || 0, bytesSent: (e == null ? void 0 : e.bytesSent) || 0, bytesReceived: (t2 == null ? void 0 : t2.bytesReceived) || 0, bitrateSent: Ne(this.peerStatsList, (x2) => {
|
|
24655
24654
|
var $;
|
|
24656
24655
|
return ($ = x2.publish) == null ? void 0 : $.bitrate;
|
|
24657
24656
|
}), bitrateReceived: Ne(this.peerStatsList, (x2) => {
|
|
24658
24657
|
var $;
|
|
24659
24658
|
return ($ = x2.subscribe) == null ? void 0 : $.bitrate;
|
|
24660
|
-
}) }, audio: { roundTripTime: s2, packetsReceived: o2, packetsLost: ((
|
|
24659
|
+
}) }, audio: { roundTripTime: s2, packetsReceived: o2, packetsLost: ((P7 = de(this.remoteAudioTrackStatsList)) == null ? void 0 : P7.packetsLost) || 0, bytesReceived: ((w2 = de(this.remoteAudioTrackStatsList)) == null ? void 0 : w2.bytesReceived) || 0, bitrateSent: Ne(l2, (x2) => x2), bitrateReceived: Ne(this.remoteAudioTrackStatsList, (x2) => x2.bitrate), bytesSent: p2 ? Object.values(p2).reduce((x2, $) => x2 + ($.bytesSent || 0), 0) : 0 }, video: { roundTripTime: s2, packetsLost: ((Oe = de(this.remoteVideoTrackStatsList)) == null ? void 0 : Oe.packetsLost) || 0, bytesReceived: ((Xt = de(this.remoteVideoTrackStatsList)) == null ? void 0 : Xt.bytesReceived) || 0, packetsReceived: n2, bitrateSent: Ne(u2, (x2) => x2), bitrateReceived: Ne(this.remoteVideoTrackStatsList, (x2) => x2.bitrate), bytesSent: h2 ? Object.values(h2).reduce((x2, $) => x2 + ($.bytesSent || 0), 0) : 0 } };
|
|
24661
24660
|
}
|
|
24662
24661
|
};
|
|
24663
24662
|
var sn2 = ((n2) => (n2[n2.STARTING = 0] = "STARTING", n2[n2.INIT_FETCHED = 1] = "INIT_FETCHED", n2[n2.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n2[n2.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n2[n2.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n2[n2.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n2[n2.COMPLETED = 6] = "COMPLETED", n2))(sn2 || {});
|
|
@@ -24856,9 +24855,9 @@ var Dt = class {
|
|
|
24856
24855
|
this.mediaRecorder.ondataavailable = function(g2) {
|
|
24857
24856
|
n2.push(g2.data);
|
|
24858
24857
|
}, this.mediaRecorder.onstop = () => {
|
|
24859
|
-
var
|
|
24860
|
-
let g2 = new Blob(n2, { type: (
|
|
24861
|
-
this.recordedAudio = URL.createObjectURL(g2), (
|
|
24858
|
+
var v2, E2;
|
|
24859
|
+
let g2 = new Blob(n2, { type: (v2 = this.mediaRecorder) == null ? void 0 : v2.mimeType });
|
|
24860
|
+
this.recordedAudio = URL.createObjectURL(g2), (E2 = this.onStopMicCheck) == null || E2.call(this);
|
|
24862
24861
|
}, this.mediaRecorder.start();
|
|
24863
24862
|
let l2 = setTimeout(() => {
|
|
24864
24863
|
this.stopMicCheck();
|
|
@@ -25555,26 +25554,26 @@ var Li = class {
|
|
|
25555
25554
|
e = `${e}_fullSync`, b2.time(`store-sync-${e}`);
|
|
25556
25555
|
let t2 = {}, i2 = [], r2 = {}, s2 = {}, o2 = {}, n2, l2 = this.sdk.getPeers();
|
|
25557
25556
|
for (let g2 of l2) {
|
|
25558
|
-
let
|
|
25559
|
-
t2[
|
|
25560
|
-
let
|
|
25561
|
-
for (let
|
|
25562
|
-
if (!
|
|
25557
|
+
let v2 = _2.convertPeer(g2);
|
|
25558
|
+
t2[v2.id] = v2, i2.push(v2.id), o2[v2.id] = { peerID: v2.id, downlinkQuality: g2.networkQuality || -1 };
|
|
25559
|
+
let E2 = [g2.audioTrack, g2.videoTrack, ...g2.auxiliaryTracks];
|
|
25560
|
+
for (let P7 of E2) {
|
|
25561
|
+
if (!P7)
|
|
25563
25562
|
continue;
|
|
25564
|
-
let w2 = _2.convertTrack(
|
|
25563
|
+
let w2 = _2.convertTrack(P7);
|
|
25565
25564
|
r2[w2.id] = w2;
|
|
25566
25565
|
}
|
|
25567
25566
|
if (g2.isLocal) {
|
|
25568
|
-
let
|
|
25569
|
-
n2 = this.getPreviewFields(
|
|
25567
|
+
let P7 = g2;
|
|
25568
|
+
n2 = this.getPreviewFields(P7), Object.assign(s2, this.getMediaSettings(P7));
|
|
25570
25569
|
}
|
|
25571
25570
|
}
|
|
25572
25571
|
let u2 = this.sdk.getRecordingState(), p2 = this.sdk.getRTMPState(), h2 = this.sdk.getHLSState(), T = this.sdk.getTranscriptionState();
|
|
25573
25572
|
this.setState((g2) => {
|
|
25574
|
-
var
|
|
25573
|
+
var P7;
|
|
25575
25574
|
g2.room.peers = i2;
|
|
25576
|
-
let
|
|
25577
|
-
ba(
|
|
25575
|
+
let v2 = g2.peers, E2 = g2.tracks;
|
|
25576
|
+
ba(v2, t2), Ra(E2, r2), Object.assign(g2.settings, s2), g2.room.isConnected && Object.assign(g2.connectionQualities, o2), (P7 = g2.preview) != null && P7.localPeer && (n2 != null && n2.localPeer) ? Object.assign(g2.preview, n2) : g2.preview = n2, Object.assign(g2.roles, _2.convertRoles(this.sdk.getRoles())), Object.assign(g2.playlist, _2.convertPlaylist(this.sdk.getPlaylistManager())), Object.assign(g2.room, _2.convertRecordingStreamingState(u2, p2, h2, T)), Object.assign(g2.templateAppData, this.sdk.getTemplateAppData());
|
|
25578
25577
|
}, e), b2.timeEnd(`store-sync-${e}`);
|
|
25579
25578
|
}
|
|
25580
25579
|
onPreview(e) {
|
|
@@ -25585,9 +25584,9 @@ var Li = class {
|
|
|
25585
25584
|
}
|
|
25586
25585
|
onJoin(e) {
|
|
25587
25586
|
let t2 = this.sdk.getPlaylistManager();
|
|
25588
|
-
this.audioPlaylist = new Lt(t2, "audio", this.syncPlaylistState.bind(this), this.store), this.videoPlaylist = new Lt(t2, "video", this.syncRoomState.bind(this), this.store), this.syncRoomState("joinSync"), this.setState((i2) => {
|
|
25587
|
+
this.audioPlaylist = new Lt(t2, "audio", this.syncPlaylistState.bind(this), this.store), this.videoPlaylist = new Lt(t2, "video", this.syncRoomState.bind(this), this.store), this.syncRoomState("joinSync"), console.log("on join called in actions"), this.setState((i2) => {
|
|
25589
25588
|
var r2;
|
|
25590
|
-
Object.assign(i2.room, _2.convertRoom(e, (r2 = this.sdk.getLocalPeer()) == null ? void 0 : r2.peerId)), i2.room.isConnected = true, i2.room.roomState = "Connected";
|
|
25589
|
+
Object.assign(i2.room, _2.convertRoom(e, (r2 = this.sdk.getLocalPeer()) == null ? void 0 : r2.peerId)), i2.room.isConnected = true, console.log("isconnected set to true"), i2.room.roomState = "Connected";
|
|
25591
25590
|
}, "joined"), t2.onProgress(this.setProgress), t2.onNewTrackStart((i2) => {
|
|
25592
25591
|
this.syncPlaylistState(`${i2.type}PlaylistUpdate`);
|
|
25593
25592
|
}), t2.onPlaylistEnded((i2) => {
|
|
@@ -25703,7 +25702,7 @@ var Li = class {
|
|
|
25703
25702
|
i2.room.roomState = "Failed", i2.errors.push(t2);
|
|
25704
25703
|
}, "errorTerminal")) : this.store.getState().errors.length < 50 && this.setState((r2) => {
|
|
25705
25704
|
r2.errors.push(t2);
|
|
25706
|
-
}, "error"), this.syncRoomState("errorSync"), this.hmsNotifications.sendError(t2), b2.e("received error from sdk", t2 instanceof
|
|
25705
|
+
}, "error"), this.syncRoomState("errorSync"), this.hmsNotifications.sendError(t2), b2.e("received error from sdk", t2 instanceof f2 ? `${t2}` : t2);
|
|
25707
25706
|
}
|
|
25708
25707
|
handleTrackRemove(e, t2) {
|
|
25709
25708
|
this.setState((i2) => {
|
|
@@ -25865,8 +25864,8 @@ var wi = class {
|
|
|
25865
25864
|
try {
|
|
25866
25865
|
let g2 = false;
|
|
25867
25866
|
for (; !g2; ) {
|
|
25868
|
-
let { value:
|
|
25869
|
-
g2 =
|
|
25867
|
+
let { value: v2, done: E2 } = yield h2.read();
|
|
25868
|
+
g2 = E2, v2 && (n2 += v2.byteLength, this.sendScore({ scoreMap: r2, downloadedSize: n2, startTime: o2 }));
|
|
25870
25869
|
}
|
|
25871
25870
|
} catch (g2) {
|
|
25872
25871
|
g2.name !== "AbortError" && d2.d(this.TAG, g2);
|
|
@@ -25912,8 +25911,8 @@ var wt = class {
|
|
|
25912
25911
|
r3 && (yield this.diffRolesAndPublishTracks({ oldRole: e2, newRole: t3 }), (s3 = this.listener) == null || s3.onPeerUpdate(8, r3));
|
|
25913
25912
|
});
|
|
25914
25913
|
this.diffRolesAndPublishTracks = (i3) => c2(this, [i3], function* ({ oldRole: e2, newRole: t3 }) {
|
|
25915
|
-
var g2,
|
|
25916
|
-
let r3 = new Set(e2.publishParams.allowed), s3 = new Set(t3.publishParams.allowed), o3 = this.removeTrack(r3, s3, "video"), n2 = this.removeTrack(r3, s3, "audio"), l2 = this.removeTrack(r3, s3, "screen"), u2 = this.hasSimulcastDifference((g2 = e2.publishParams.simulcast) == null ? void 0 : g2.video, (
|
|
25914
|
+
var g2, v2, E2, P7, w2, Oe;
|
|
25915
|
+
let r3 = new Set(e2.publishParams.allowed), s3 = new Set(t3.publishParams.allowed), o3 = this.removeTrack(r3, s3, "video"), n2 = this.removeTrack(r3, s3, "audio"), l2 = this.removeTrack(r3, s3, "screen"), u2 = this.hasSimulcastDifference((g2 = e2.publishParams.simulcast) == null ? void 0 : g2.video, (v2 = t3.publishParams.simulcast) == null ? void 0 : v2.video), p2 = this.hasSimulcastDifference((E2 = e2.publishParams.simulcast) == null ? void 0 : E2.screen, (P7 = t3.publishParams.simulcast) == null ? void 0 : P7.screen), h2 = (Oe = (w2 = this.store.getLocalPeer()) == null ? void 0 : w2.videoTrack) == null ? void 0 : Oe.enabled;
|
|
25917
25916
|
yield this.removeAudioTrack(n2), yield this.removeVideoTracks(o3 || u2), yield this.removeScreenTracks(l2 || p2);
|
|
25918
25917
|
let T = this.getSettings();
|
|
25919
25918
|
u2 && (T.isVideoMuted = !h2), yield this.publish(T), yield this.syncDevices(T, t3);
|
|
@@ -27299,8 +27298,8 @@ var Vt = class {
|
|
|
27299
27298
|
var h2, T;
|
|
27300
27299
|
let p2 = (h2 = e == null ? void 0 : e.questions) == null ? void 0 : h2.find((g2) => g2.index === n2.question);
|
|
27301
27300
|
if (p2) {
|
|
27302
|
-
let g2 = { id: n2.response_id, questionIndex: n2.question, option: n2.option, options: n2.options, text: n2.text, responseFinal: u2, peer: { peerid: l2.peerid, userHash: l2.hash, userid: l2.userid, username: l2.username }, skipped: n2.skipped, type: n2.type, update: n2.update },
|
|
27303
|
-
(T = r2.questions) != null && T[n2.question - 1] && (r2.questions[n2.question - 1].responses = [...
|
|
27301
|
+
let g2 = { id: n2.response_id, questionIndex: n2.question, option: n2.option, options: n2.options, text: n2.text, responseFinal: u2, peer: { peerid: l2.peerid, userHash: l2.hash, userid: l2.userid, username: l2.username }, skipped: n2.skipped, type: n2.type, update: n2.update }, v2 = p2.responses && !t2 ? [...p2.responses] : [];
|
|
27302
|
+
(T = r2.questions) != null && T[n2.question - 1] && (r2.questions[n2.question - 1].responses = [...v2, g2]);
|
|
27304
27303
|
}
|
|
27305
27304
|
}), this.store.setPoll(r2), (o2 = this.listener) == null || o2.onPollsUpdate(4, [r2]);
|
|
27306
27305
|
});
|
|
@@ -27315,9 +27314,9 @@ var Vt = class {
|
|
|
27315
27314
|
}
|
|
27316
27315
|
for (let l2 of r2) {
|
|
27317
27316
|
let u2 = yield this.transport.signal.getPollQuestions({ poll_id: l2.poll_id, index: 0, count: 50 }), p2 = qi(l2), h2 = this.store.getPoll(l2.poll_id);
|
|
27318
|
-
p2.questions = u2.questions.map(({ question: T, options: g2, answer:
|
|
27319
|
-
var
|
|
27320
|
-
return M2(m({}, T), { options: g2, answer:
|
|
27317
|
+
p2.questions = u2.questions.map(({ question: T, options: g2, answer: v2 }, E2) => {
|
|
27318
|
+
var P7, w2;
|
|
27319
|
+
return M2(m({}, T), { options: g2, answer: v2, responses: (w2 = (P7 = h2 == null ? void 0 : h2.questions) == null ? void 0 : P7[E2]) == null ? void 0 : w2.responses });
|
|
27321
27320
|
}), t2.push(p2), this.store.setPoll(p2);
|
|
27322
27321
|
}
|
|
27323
27322
|
return (n2 = this.listener) == null || n2.onPollsUpdate(3, t2), t2;
|
|
@@ -27651,7 +27650,7 @@ var Qi = class {
|
|
|
27651
27650
|
toSdkError(e) {
|
|
27652
27651
|
if (!(e != null && e.code))
|
|
27653
27652
|
return;
|
|
27654
|
-
let t2 = e.message || "error in streaming/recording", i2 = new
|
|
27653
|
+
let t2 = e.message || "error in streaming/recording", i2 = new f2(e.code, "ServerErrors", "NONE", t2, t2);
|
|
27655
27654
|
return d2.e(this.TAG, "error in streaming/recording", i2), i2;
|
|
27656
27655
|
}
|
|
27657
27656
|
};
|
|
@@ -27867,18 +27866,18 @@ var rr = class {
|
|
|
27867
27866
|
d2.d(this.TAG, `schedule: Already a task for ${j2[e]} scheduled, waiting for its completion`), yield g2.promise;
|
|
27868
27867
|
return;
|
|
27869
27868
|
}
|
|
27870
|
-
let
|
|
27869
|
+
let v2 = new ir((E2, P7) => {
|
|
27871
27870
|
});
|
|
27872
|
-
this.inProgress.set(e,
|
|
27871
|
+
this.inProgress.set(e, v2), this.sendEvent(t2, e);
|
|
27873
27872
|
}
|
|
27874
27873
|
let u2 = false, p2 = Na[e];
|
|
27875
27874
|
for (let g2 in p2) {
|
|
27876
|
-
let
|
|
27875
|
+
let v2 = p2[parseInt(g2)];
|
|
27877
27876
|
try {
|
|
27878
|
-
let
|
|
27879
|
-
|
|
27880
|
-
} catch (
|
|
27881
|
-
d2.d(this.TAG, `schedule: Stopping retry task of ${j2[e]} as it's dependency ${j2[
|
|
27877
|
+
let E2 = this.inProgress.get(v2);
|
|
27878
|
+
E2 && (d2.d(this.TAG, `schedule: Suspending retry task of ${j2[e]}, waiting for ${j2[v2]} to recover`), yield E2.promise, d2.d(this.TAG, `schedule: Resuming retry task ${j2[e]} as it's dependency ${j2[v2]} is recovered`));
|
|
27879
|
+
} catch (E2) {
|
|
27880
|
+
d2.d(this.TAG, `schedule: Stopping retry task of ${j2[e]} as it's dependency ${j2[v2]} failed to recover`), u2 = true;
|
|
27882
27881
|
break;
|
|
27883
27882
|
}
|
|
27884
27883
|
}
|
|
@@ -28087,16 +28086,16 @@ var Gt = class extends ct {
|
|
|
28087
28086
|
Object.keys(r2).forEach((s2) => {
|
|
28088
28087
|
let o2 = r2[s2], n2 = this.store.getLocalPeerTracks().find((l2) => l2.getTrackIDBeingSent() === s2);
|
|
28089
28088
|
Object.keys(o2).forEach((l2) => {
|
|
28090
|
-
var g2,
|
|
28089
|
+
var g2, v2, E2;
|
|
28091
28090
|
let u2 = o2[l2];
|
|
28092
28091
|
if (!n2)
|
|
28093
28092
|
return;
|
|
28094
|
-
let p2 = this.getTrackIdentifier(n2.trackId, u2), h2 = M2(m({}, u2), { availableOutgoingBitrate: (
|
|
28093
|
+
let p2 = this.getTrackIdentifier(n2.trackId, u2), h2 = M2(m({}, u2), { availableOutgoingBitrate: (v2 = (g2 = t2.getLocalPeerStats()) == null ? void 0 : g2.publish) == null ? void 0 : v2.availableOutgoingBitrate });
|
|
28095
28094
|
if (p2 && this.trackAnalytics.has(p2))
|
|
28096
|
-
(
|
|
28095
|
+
(E2 = this.trackAnalytics.get(p2)) == null || E2.pushTempStat(h2);
|
|
28097
28096
|
else if (n2) {
|
|
28098
|
-
let
|
|
28099
|
-
|
|
28097
|
+
let P7 = new zr({ track: n2, sampleWindowSize: this.sampleWindowSize, rid: u2.rid, ssrc: u2.ssrc.toString(), kind: u2.kind });
|
|
28098
|
+
P7.pushTempStat(h2), this.trackAnalytics.set(this.getTrackIdentifier(n2.trackId, u2), P7);
|
|
28100
28099
|
}
|
|
28101
28100
|
let T = this.trackAnalytics.get(p2);
|
|
28102
28101
|
T != null && T.shouldCreateSample() && (i2 = true);
|
|
@@ -28140,20 +28139,20 @@ var Wt = class extends ct {
|
|
|
28140
28139
|
handleStatsUpdate(t2) {
|
|
28141
28140
|
let i2 = t2.getAllRemoteTracksStats(), r2 = false;
|
|
28142
28141
|
Object.keys(i2).forEach((s2) => {
|
|
28143
|
-
var
|
|
28144
|
-
let o2 = this.store.getTrackById(s2), n2 = i2[s2], l2 = (
|
|
28145
|
-
let Oe = (w2 == null ? void 0 : w2.jitterBufferDelay) || 0, Xt = (w2 == null ? void 0 : w2.jitterBufferEmittedCount) || 0, x2 = ((
|
|
28142
|
+
var v2, E2;
|
|
28143
|
+
let o2 = this.store.getTrackById(s2), n2 = i2[s2], l2 = (v2 = this.trackAnalytics.get(s2)) == null ? void 0 : v2.getLatestStat(), p2 = ((P7, w2) => {
|
|
28144
|
+
let Oe = (w2 == null ? void 0 : w2.jitterBufferDelay) || 0, Xt = (w2 == null ? void 0 : w2.jitterBufferEmittedCount) || 0, x2 = ((P7 == null ? void 0 : P7.jitterBufferDelay) || 0) - Oe, $ = ((P7 == null ? void 0 : P7.jitterBufferEmittedCount) || 0) - Xt;
|
|
28146
28145
|
return $ > 0 ? x2 * 1e3 / $ : (w2 == null ? void 0 : w2.calculatedJitterBufferDelay) || 0;
|
|
28147
28146
|
})(n2, l2), h2 = this.calculateAvSyncForStat(n2, t2), T = M2(m({}, n2), { calculatedJitterBufferDelay: p2, avSync: h2 });
|
|
28148
28147
|
if (n2.kind === "video") {
|
|
28149
|
-
let
|
|
28150
|
-
T.expectedFrameHeight =
|
|
28148
|
+
let P7 = o2.getPreferredLayerDefinition();
|
|
28149
|
+
T.expectedFrameHeight = P7 == null ? void 0 : P7.resolution.height, T.expectedFrameWidth = P7 == null ? void 0 : P7.resolution.width;
|
|
28151
28150
|
}
|
|
28152
28151
|
if (this.trackAnalytics.has(s2))
|
|
28153
|
-
(
|
|
28152
|
+
(E2 = this.trackAnalytics.get(s2)) == null || E2.pushTempStat(T);
|
|
28154
28153
|
else if (o2) {
|
|
28155
|
-
let
|
|
28156
|
-
|
|
28154
|
+
let P7 = new Xr({ track: o2, sampleWindowSize: this.sampleWindowSize, ssrc: n2.ssrc.toString(), kind: n2.kind });
|
|
28155
|
+
P7.pushTempStat(T), this.trackAnalytics.set(s2, P7);
|
|
28157
28156
|
}
|
|
28158
28157
|
let g2 = this.trackAnalytics.get(s2);
|
|
28159
28158
|
g2 != null && g2.shouldCreateSample() && (r2 = true);
|
|
@@ -28503,7 +28502,7 @@ var Jt = class {
|
|
|
28503
28502
|
return this.handleError(u2, p2), d2.d(ur, `config is ${JSON.stringify(p2, null, 2)}`), pn2(p2, o2);
|
|
28504
28503
|
} catch (p2) {
|
|
28505
28504
|
let h2 = yield u2.text();
|
|
28506
|
-
throw d2.e(ur, "json error", p2.message, h2), p2 instanceof
|
|
28505
|
+
throw d2.e(ur, "json error", p2.message, h2), p2 instanceof f2 ? p2 : S2.APIErrors.ServerErrors(u2.status, "INIT", p2.message);
|
|
28507
28506
|
}
|
|
28508
28507
|
} catch (u2) {
|
|
28509
28508
|
let p2 = u2;
|
|
@@ -28570,7 +28569,7 @@ var Qt = class {
|
|
|
28570
28569
|
this.callbacks.set(i2, { resolve: n2, reject: l2, metadata: { method: e } });
|
|
28571
28570
|
});
|
|
28572
28571
|
} catch (o2) {
|
|
28573
|
-
if (o2 instanceof
|
|
28572
|
+
if (o2 instanceof f2)
|
|
28574
28573
|
throw o2;
|
|
28575
28574
|
let n2 = o2;
|
|
28576
28575
|
throw S2.WebsocketMethodErrors.ServerErrors(Number(n2.code), fr(e), n2.message);
|
|
@@ -28926,7 +28925,7 @@ var zt = class {
|
|
|
28926
28925
|
} catch (t3) {
|
|
28927
28926
|
d2.d(I2, "[role=SUBSCRIBE] onOffer renegotiation FAILED \u274C", t3), this.state = "Failed";
|
|
28928
28927
|
let i3;
|
|
28929
|
-
t3 instanceof
|
|
28928
|
+
t3 instanceof f2 ? i3 = t3 : i3 = S2.GenericErrors.Unknown("PUBLISH", t3.message), this.observer.onFailure(i3), this.eventBus.analytics.publish(y2.subscribeFail(i3));
|
|
28930
28929
|
}
|
|
28931
28930
|
}), onTrickle: (e2) => c2(this, null, function* () {
|
|
28932
28931
|
let t3 = e2.target === 0 ? this.publishConnection : this.subscribeConnection;
|
|
@@ -28974,8 +28973,8 @@ var zt = class {
|
|
|
28974
28973
|
}), onConnectionStateChange: (e2) => c2(this, null, function* () {
|
|
28975
28974
|
var i3, r3, s3, o3, n3, l3, u3, p3;
|
|
28976
28975
|
(e2 === "disconnected" ? d2.w.bind(d2) : d2.d.bind(d2))(I2, `Publish connection state change: ${e2}`), e2 === "connected" && ((i3 = this.connectivityListener) == null || i3.onICESuccess(true), (r3 = this.publishConnection) == null || r3.handleSelectedIceCandidatePairs()), e2 === "disconnected" && setTimeout(() => {
|
|
28977
|
-
var h2, T, g2,
|
|
28978
|
-
((h2 = this.publishConnection) == null ? void 0 : h2.connectionState) === "disconnected" && this.handleIceConnectionFailure(0, S2.WebrtcErrors.ICEDisconnected("PUBLISH", `local candidate - ${(
|
|
28976
|
+
var h2, T, g2, v2, E2, P7, w2;
|
|
28977
|
+
((h2 = this.publishConnection) == null ? void 0 : h2.connectionState) === "disconnected" && this.handleIceConnectionFailure(0, S2.WebrtcErrors.ICEDisconnected("PUBLISH", `local candidate - ${(v2 = (g2 = (T = this.publishConnection) == null ? void 0 : T.selectedCandidatePair) == null ? void 0 : g2.local) == null ? void 0 : v2.candidate}; remote candidate - ${(w2 = (P7 = (E2 = this.publishConnection) == null ? void 0 : E2.selectedCandidatePair) == null ? void 0 : P7.remote) == null ? void 0 : w2.candidate}`));
|
|
28979
28978
|
}, 5e3), e2 === "failed" && (yield this.handleIceConnectionFailure(0, S2.WebrtcErrors.ICEFailure("PUBLISH", `local candidate - ${(n3 = (o3 = (s3 = this.publishConnection) == null ? void 0 : s3.selectedCandidatePair) == null ? void 0 : o3.local) == null ? void 0 : n3.candidate}; remote candidate - ${(p3 = (u3 = (l3 = this.publishConnection) == null ? void 0 : l3.selectedCandidatePair) == null ? void 0 : u3.remote) == null ? void 0 : p3.candidate}`)));
|
|
28980
28979
|
}), onIceCandidate: (e2) => {
|
|
28981
28980
|
var t3;
|
|
@@ -28999,8 +28998,8 @@ var zt = class {
|
|
|
28999
28998
|
}), onConnectionStateChange: (e2) => c2(this, null, function* () {
|
|
29000
28999
|
var i3, r3, s3, o3, n3, l3;
|
|
29001
29000
|
(e2 === "disconnected" ? d2.w.bind(d2) : d2.d.bind(d2))(I2, `Subscribe connection state change: ${e2}`), e2 === "failed" && (yield this.handleIceConnectionFailure(1, S2.WebrtcErrors.ICEFailure("SUBSCRIBE", `local candidate - ${(s3 = (r3 = (i3 = this.subscribeConnection) == null ? void 0 : i3.selectedCandidatePair) == null ? void 0 : r3.local) == null ? void 0 : s3.candidate}; remote candidate - ${(l3 = (n3 = (o3 = this.subscribeConnection) == null ? void 0 : o3.selectedCandidatePair) == null ? void 0 : n3.remote) == null ? void 0 : l3.candidate}`))), e2 === "disconnected" && setTimeout(() => {
|
|
29002
|
-
var u3, p3, h2, T, g2,
|
|
29003
|
-
((u3 = this.subscribeConnection) == null ? void 0 : u3.connectionState) === "disconnected" && this.handleIceConnectionFailure(1, S2.WebrtcErrors.ICEDisconnected("SUBSCRIBE", `local candidate - ${(T = (h2 = (p3 = this.subscribeConnection) == null ? void 0 : p3.selectedCandidatePair) == null ? void 0 : h2.local) == null ? void 0 : T.candidate}; remote candidate - ${(
|
|
29001
|
+
var u3, p3, h2, T, g2, v2, E2;
|
|
29002
|
+
((u3 = this.subscribeConnection) == null ? void 0 : u3.connectionState) === "disconnected" && this.handleIceConnectionFailure(1, S2.WebrtcErrors.ICEDisconnected("SUBSCRIBE", `local candidate - ${(T = (h2 = (p3 = this.subscribeConnection) == null ? void 0 : p3.selectedCandidatePair) == null ? void 0 : h2.local) == null ? void 0 : T.candidate}; remote candidate - ${(E2 = (v2 = (g2 = this.subscribeConnection) == null ? void 0 : g2.selectedCandidatePair) == null ? void 0 : v2.remote) == null ? void 0 : E2.candidate}`));
|
|
29004
29003
|
}, 5e3), e2 === "connected" && this.handleSubscribeConnectionConnected();
|
|
29005
29004
|
}), onIceCandidate: (e2) => {
|
|
29006
29005
|
var t3;
|
|
@@ -29044,8 +29043,8 @@ var zt = class {
|
|
|
29044
29043
|
h2 !== this.state && (this.state = h2, yield this.observer.onStateChange(this.state, T));
|
|
29045
29044
|
});
|
|
29046
29045
|
this.retryScheduler = new rr(l2, this.sendErrorAnalyticsEvent.bind(this)), this.eventBus.statsUpdate.subscribe((h2) => {
|
|
29047
|
-
var g2,
|
|
29048
|
-
let T = ((
|
|
29046
|
+
var g2, v2;
|
|
29047
|
+
let T = ((v2 = (g2 = h2.getLocalPeerStats()) == null ? void 0 : g2.subscribe) == null ? void 0 : v2.bitrate) || 0;
|
|
29049
29048
|
this.maxSubscribeBitrate = Math.max(this.maxSubscribeBitrate, T);
|
|
29050
29049
|
}), this.eventBus.localAudioEnabled.subscribe(({ track: h2 }) => this.trackUpdate(h2)), this.eventBus.localVideoEnabled.subscribe(({ track: h2 }) => this.trackUpdate(h2));
|
|
29051
29050
|
}
|
|
@@ -29085,7 +29084,7 @@ var zt = class {
|
|
|
29085
29084
|
try {
|
|
29086
29085
|
return yield this.internalConnect(e, t2, i2, o2);
|
|
29087
29086
|
} catch (n2) {
|
|
29088
|
-
if (n2 instanceof
|
|
29087
|
+
if (n2 instanceof f2 && ([k2.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, k2.WebSocketConnectionErrors.FAILED_TO_CONNECT, k2.WebSocketConnectionErrors.ABNORMAL_CLOSE, k2.APIErrors.ENDPOINT_UNREACHABLE].includes(n2.code) || n2.code.toString().startsWith("5") || n2.code.toString().startsWith("429"))) {
|
|
29089
29088
|
let u2 = () => c2(this, null, function* () {
|
|
29090
29089
|
return yield this.internalConnect(e, t2, i2, o2), !!(this.initConfig && this.initConfig.endpoint);
|
|
29091
29090
|
});
|
|
@@ -29187,7 +29186,7 @@ var zt = class {
|
|
|
29187
29186
|
yield this.negotiateJoin({ name: e, data: t2, autoSubscribeVideo: i2, isWebRTC: r2 });
|
|
29188
29187
|
} catch (o2) {
|
|
29189
29188
|
d2.e(I2, "Join negotiation failed \u274C", o2);
|
|
29190
|
-
let n2 = o2 instanceof
|
|
29189
|
+
let n2 = o2 instanceof f2 ? o2 : S2.WebsocketMethodErrors.ServerErrors(500, "JOIN", `Websocket join error - ${o2.message}`), l2 = parseInt(`${n2.code / 100}`) === 5 || [k2.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, 429].includes(n2.code);
|
|
29191
29190
|
if (n2.code === 410 && (n2.isTerminal = true), l2) {
|
|
29192
29191
|
this.joinRetryCount = 0, n2.isTerminal = false;
|
|
29193
29192
|
let u2 = () => c2(this, null, function* () {
|
|
@@ -29253,7 +29252,7 @@ var zt = class {
|
|
|
29253
29252
|
this.callbacks.delete(et), d2.timeEnd("renegotiation-offer-exchange"), yield this.publishConnection.setRemoteDescription(r2), t2.promise.resolve(true), d2.d(I2, "[role=PUBLISH] onRenegotiationNeeded DONE \u2705");
|
|
29254
29253
|
} catch (i2) {
|
|
29255
29254
|
let r2;
|
|
29256
|
-
i2 instanceof
|
|
29255
|
+
i2 instanceof f2 ? r2 = i2 : r2 = S2.GenericErrors.Unknown("PUBLISH", i2.message), t2.promise.reject(r2), d2.d(I2, "[role=PUBLISH] onRenegotiationNeeded FAILED \u274C");
|
|
29257
29256
|
}
|
|
29258
29257
|
}
|
|
29259
29258
|
});
|
|
@@ -29353,7 +29352,7 @@ var zt = class {
|
|
|
29353
29352
|
}
|
|
29354
29353
|
getAdditionalAnalyticsProperties() {
|
|
29355
29354
|
var o2, n2, l2, u2, p2, h2, T, g2;
|
|
29356
|
-
let e = Va(), t2 = typeof document != "undefined" && document.hidden, i2 = this.store.getRemoteVideoTracks().filter((
|
|
29355
|
+
let e = Va(), t2 = typeof document != "undefined" && document.hidden, i2 = this.store.getRemoteVideoTracks().filter((v2) => v2.degraded).length, r2 = (u2 = (l2 = (n2 = (o2 = this.getWebrtcInternals()) == null ? void 0 : o2.getCurrentStats()) == null ? void 0 : n2.getLocalPeerStats()) == null ? void 0 : l2.publish) == null ? void 0 : u2.bitrate, s2 = (g2 = (T = (h2 = (p2 = this.getWebrtcInternals()) == null ? void 0 : p2.getCurrentStats()) == null ? void 0 : h2.getLocalPeerStats()) == null ? void 0 : T.subscribe) == null ? void 0 : g2.bitrate;
|
|
29357
29356
|
return { network_info: e, document_hidden: t2, num_degraded_tracks: i2, bitrate: { publish: r2, subscribe: s2 }, max_sub_bitrate: this.maxSubscribeBitrate, recent_pong_response_times: this.signal.getPongResponseTimes(), transport_state: this.state };
|
|
29358
29357
|
}
|
|
29359
29358
|
};
|
|
@@ -29447,7 +29446,7 @@ var hr = class {
|
|
|
29447
29446
|
var s2, o2, n2, l2;
|
|
29448
29447
|
if (e.error && e.type) {
|
|
29449
29448
|
let u2 = e.type.includes("audio") ? (s2 = this.localPeer) == null ? void 0 : s2.audioTrack : (o2 = this.localPeer) == null ? void 0 : o2.videoTrack;
|
|
29450
|
-
(n2 = this.errorListener) == null || n2.onError(e.error), [
|
|
29449
|
+
(n2 = this.errorListener) == null || n2.onError(e.error), [k2.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, k2.TracksErrors.DEVICE_IN_USE, k2.TracksErrors.DEVICE_NOT_AVAILABLE].includes(e.error.code) && u2 && (u2.setEnabled(false), (l2 = this.listener) == null || l2.onTrackUpdate(2, u2, this.localPeer));
|
|
29451
29450
|
}
|
|
29452
29451
|
})();
|
|
29453
29452
|
};
|
|
@@ -29478,12 +29477,12 @@ var hr = class {
|
|
|
29478
29477
|
this.notificationManager || (this.notificationManager = new Xi(this.store, this.eventBus, this.transport, this.listener, this.audioListener));
|
|
29479
29478
|
}
|
|
29480
29479
|
initStoreAndManagers(e) {
|
|
29481
|
-
var t2
|
|
29482
|
-
if (this.listener = e, this.errorListener = e, this.deviceChangeListener = e,
|
|
29483
|
-
(
|
|
29480
|
+
var t2;
|
|
29481
|
+
if (this.listener = e, this.errorListener = e, this.deviceChangeListener = e, this.sdkState.isInitialised) {
|
|
29482
|
+
(t2 = this.notificationManager) == null || t2.setListener(this.listener), this.audioSinkManager.setListener(this.listener), this.interactivityCenter.setListener(this.listener);
|
|
29484
29483
|
return;
|
|
29485
29484
|
}
|
|
29486
|
-
this.sdkState.isInitialised = true, this.store = new Nt(), this.eventBus = new Ut(), this.pluginUsageTracker = new Oi(this.eventBus), this.wakeLockManager = new _i(), this.networkTestManager = new wi(this.eventBus, this.listener), this.playlistManager = new bt(this, this.eventBus), this.deviceManager = new xt(this.store, this.eventBus), this.audioSinkManager = new Ot(this.store, this.deviceManager, this.eventBus), this.audioOutput = new xi(this.deviceManager, this.audioSinkManager), this.audioSinkManager.setListener(this.listener), this.eventBus.autoplayError.subscribe(this.handleAutoplayError), this.localTrackManager = new ve(this.store, this.observer, this.deviceManager, this.eventBus, this.analyticsTimer), this.analyticsEventsService = new Ni(this.store), this.transport = new zt(this.observer, this.deviceManager, this.store, this.eventBus, this.analyticsEventsService, this.analyticsTimer, this.pluginUsageTracker),
|
|
29485
|
+
this.sdkState.isInitialised = true, this.store = new Nt(), this.store.setErrorListener(this.errorListener), this.eventBus = new Ut(), this.pluginUsageTracker = new Oi(this.eventBus), this.wakeLockManager = new _i(), this.networkTestManager = new wi(this.eventBus, this.listener), this.playlistManager = new bt(this, this.eventBus), this.deviceManager = new xt(this.store, this.eventBus), this.audioSinkManager = new Ot(this.store, this.deviceManager, this.eventBus), this.audioOutput = new xi(this.deviceManager, this.audioSinkManager), this.audioSinkManager.setListener(this.listener), this.eventBus.autoplayError.subscribe(this.handleAutoplayError), this.localTrackManager = new ve(this.store, this.observer, this.deviceManager, this.eventBus, this.analyticsTimer), this.analyticsEventsService = new Ni(this.store), this.transport = new zt(this.observer, this.deviceManager, this.store, this.eventBus, this.analyticsEventsService, this.analyticsTimer, this.pluginUsageTracker), "onInitSuccess" in e && this.transport.setConnectivityListener(e), this.sessionStore = new Zi(this.transport), this.interactivityCenter = new Vt(this.transport, this.store, this.listener), this.eventBus.analytics.subscribe(this.sendAnalyticsEvent), this.eventBus.deviceChange.subscribe(this.handleDeviceChange), this.eventBus.audioPluginFailed.subscribe(this.handleAudioPluginError);
|
|
29487
29486
|
}
|
|
29488
29487
|
validateJoined(e) {
|
|
29489
29488
|
if (!this.localPeer)
|
|
@@ -29610,8 +29609,8 @@ var hr = class {
|
|
|
29610
29609
|
n2 != null && n2.autoManageWakeLock && this.wakeLockManager.acquireLock(), this.localPeer ? (this.localPeer.name = e.userName, this.localPeer.role = this.store.getPolicyForRole(s2), this.localPeer.customerUserId = r2, this.localPeer.metadata = e.metaData, delete this.localPeer.asRole) : this.createAndAddLocalPeerToStore(e, s2, r2), this.roleChangeManager = new wt(this.store, this.transport, this.deviceManager, this.getAndPublishTracks.bind(this), this.removeTrack.bind(this), this.listener), this.eventBus.localRoleUpdate.subscribe(this.handleLocalRoleUpdate), d2.d(this.TAG, `\u23F3 Joining room ${i2}`), d2.time(`join-room-${i2}`);
|
|
29611
29610
|
try {
|
|
29612
29611
|
yield this.transport.join(e.authToken, this.localPeer.peerId, { name: e.userName, metaData: e.metaData }, e.initEndpoint, e.autoVideoSubscribe, e.iceServers), d2.d(this.TAG, `\u2705 Joined room ${i2}`), this.analyticsTimer.start("peer_list_time"), yield this.notifyJoin(), this.sdkState.isJoinInProgress = false, yield this.publish(e.settings, o2);
|
|
29613
|
-
} catch (
|
|
29614
|
-
throw this.analyticsTimer.end("join_time"), this.sdkState.isJoinInProgress = false, (g2 = this.listener) == null || g2.onError(
|
|
29612
|
+
} catch (v2) {
|
|
29613
|
+
throw this.analyticsTimer.end("join_time"), this.sdkState.isJoinInProgress = false, (g2 = this.listener) == null || g2.onError(v2), this.sendJoinAnalyticsEvent(this.sdkState.isPreviewCalled, v2), d2.e(this.TAG, "Unable to join room", v2), v2;
|
|
29615
29614
|
}
|
|
29616
29615
|
d2.timeEnd(`join-room-${i2}`);
|
|
29617
29616
|
});
|
|
@@ -30081,7 +30080,7 @@ var hr = class {
|
|
|
30081
30080
|
return;
|
|
30082
30081
|
}
|
|
30083
30082
|
if (t2.joinedAt = /* @__PURE__ */ new Date(), e && (e.joinedAt = t2.joinedAt), e != null && e.role) {
|
|
30084
|
-
this.analyticsTimer.end("join_time"), (i2 = this.listener) == null || i2.onJoin(t2);
|
|
30083
|
+
this.analyticsTimer.end("join_time"), console.log("on join called from sdk"), (i2 = this.listener) == null || i2.onJoin(t2);
|
|
30085
30084
|
return;
|
|
30086
30085
|
}
|
|
30087
30086
|
return new Promise((r2, s2) => {
|
|
@@ -30365,8 +30364,8 @@ import {
|
|
|
30365
30364
|
selectPermissions as selectPermissions7,
|
|
30366
30365
|
selectRecordingState as selectRecordingState2,
|
|
30367
30366
|
selectRoomState as selectRoomState3,
|
|
30368
|
-
useHMSActions as
|
|
30369
|
-
useHMSStore as
|
|
30367
|
+
useHMSActions as useHMSActions19,
|
|
30368
|
+
useHMSStore as useHMSStore25,
|
|
30370
30369
|
useRecordingStreaming as useRecordingStreaming6
|
|
30371
30370
|
} from "@100mslive/react-sdk";
|
|
30372
30371
|
import { AlertTriangleIcon as AlertTriangleIcon6, CrossIcon as CrossIcon10, PauseCircleIcon, RecordIcon } from "@100mslive/react-icons";
|
|
@@ -30374,63 +30373,23 @@ import { AlertTriangleIcon as AlertTriangleIcon6, CrossIcon as CrossIcon10, Paus
|
|
|
30374
30373
|
// src/Prebuilt/components/Header/AdditionalRoomState.jsx
|
|
30375
30374
|
init_define_process_env();
|
|
30376
30375
|
import React57, { useState as useState24 } from "react";
|
|
30377
|
-
import { selectLocalPeerID as selectLocalPeerID5,
|
|
30378
|
-
import {
|
|
30379
|
-
AudioPlayerIcon,
|
|
30380
|
-
ChevronDownIcon as ChevronDownIcon4,
|
|
30381
|
-
ChevronUpIcon as ChevronUpIcon4,
|
|
30382
|
-
MusicIcon,
|
|
30383
|
-
ShareScreenIcon,
|
|
30384
|
-
VideoPlayerIcon
|
|
30385
|
-
} from "@100mslive/react-icons";
|
|
30386
|
-
|
|
30387
|
-
// src/Prebuilt/components/hooks/usePlaylistMusic.js
|
|
30388
|
-
init_define_process_env();
|
|
30389
|
-
import { useCallback as useCallback15 } from "react";
|
|
30390
|
-
import {
|
|
30391
|
-
selectAudioPlaylist,
|
|
30392
|
-
selectAudioPlaylistTrackByPeerID,
|
|
30393
|
-
selectPeerSharingAudioPlaylist,
|
|
30394
|
-
useHMSActions as useHMSActions18,
|
|
30395
|
-
useHMSStore as useHMSStore23
|
|
30396
|
-
} from "@100mslive/react-sdk";
|
|
30397
|
-
var usePlaylistMusic = () => {
|
|
30398
|
-
const peer = useHMSStore23(selectPeerSharingAudioPlaylist);
|
|
30399
|
-
const track = useHMSStore23(selectAudioPlaylistTrackByPeerID(peer == null ? void 0 : peer.id));
|
|
30400
|
-
const selection = useHMSStore23(selectAudioPlaylist.selectedItem);
|
|
30401
|
-
const hmsActions2 = useHMSActions18();
|
|
30402
|
-
const play = useCallback15(
|
|
30403
|
-
(selectedId) => __async(void 0, null, function* () {
|
|
30404
|
-
yield hmsActions2.audioPlaylist.play(selectedId);
|
|
30405
|
-
}),
|
|
30406
|
-
[hmsActions2]
|
|
30407
|
-
);
|
|
30408
|
-
const pause = useCallback15(() => {
|
|
30409
|
-
hmsActions2.audioPlaylist.pause();
|
|
30410
|
-
}, [hmsActions2]);
|
|
30411
|
-
const setVolume = useCallback15(
|
|
30412
|
-
(value) => {
|
|
30413
|
-
hmsActions2.setVolume(value, track == null ? void 0 : track.id);
|
|
30414
|
-
},
|
|
30415
|
-
[hmsActions2, track]
|
|
30416
|
-
);
|
|
30417
|
-
return { selection, peer, track, play, pause, setVolume };
|
|
30418
|
-
};
|
|
30376
|
+
import { selectLocalPeerID as selectLocalPeerID5, useHMSStore as useHMSStore24, useScreenShare } from "@100mslive/react-sdk";
|
|
30377
|
+
import { ChevronDownIcon as ChevronDownIcon4, ChevronUpIcon as ChevronUpIcon4, MusicIcon, ShareScreenIcon, VideoPlayerIcon } from "@100mslive/react-icons";
|
|
30419
30378
|
|
|
30420
30379
|
// src/Prebuilt/components/hooks/useScreenshareAudio.js
|
|
30421
30380
|
init_define_process_env();
|
|
30422
|
-
import { useCallback as
|
|
30381
|
+
import { useCallback as useCallback15 } from "react";
|
|
30423
30382
|
import {
|
|
30424
30383
|
selectPeerSharingAudio,
|
|
30425
30384
|
selectScreenShareAudioByPeerID,
|
|
30426
|
-
useHMSActions as
|
|
30427
|
-
useHMSStore as
|
|
30385
|
+
useHMSActions as useHMSActions18,
|
|
30386
|
+
useHMSStore as useHMSStore23
|
|
30428
30387
|
} from "@100mslive/react-sdk";
|
|
30429
30388
|
var useScreenshareAudio = () => {
|
|
30430
|
-
const hmsActions2 =
|
|
30431
|
-
const peer =
|
|
30432
|
-
const track =
|
|
30433
|
-
const handleMute =
|
|
30389
|
+
const hmsActions2 = useHMSActions18();
|
|
30390
|
+
const peer = useHMSStore23(selectPeerSharingAudio);
|
|
30391
|
+
const track = useHMSStore23(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
|
|
30392
|
+
const handleMute = useCallback15(() => {
|
|
30434
30393
|
if (!peer.isLocal) {
|
|
30435
30394
|
hmsActions2.setVolume(!track.volume ? 100 : 0, track.id);
|
|
30436
30395
|
} else {
|
|
@@ -30462,28 +30421,20 @@ var getRecordingText = ({ isBrowserRecordingOn, isServerRecordingOn, isHLSRecord
|
|
|
30462
30421
|
return title.join(delimiter);
|
|
30463
30422
|
};
|
|
30464
30423
|
var AdditionalRoomState = () => {
|
|
30465
|
-
var _a8, _b7
|
|
30466
|
-
const playlist = usePlaylistMusic();
|
|
30424
|
+
var _a8, _b7;
|
|
30467
30425
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
30468
30426
|
const screenshareAudio = useScreenshareAudio();
|
|
30469
30427
|
const [open, setOpen] = useState24(false);
|
|
30470
|
-
const isPlaylistInactive = [
|
|
30471
|
-
!playlist.peer || !playlist.track,
|
|
30472
|
-
!((_a8 = playlist.peer) == null ? void 0 : _a8.isLocal) && !((_b7 = playlist.track) == null ? void 0 : _b7.enabled),
|
|
30473
|
-
((_c = playlist.peer) == null ? void 0 : _c.isLocal) && !playlist.selection
|
|
30474
|
-
].some(Boolean);
|
|
30475
30428
|
const isAudioshareInactive = [
|
|
30476
30429
|
!screenshareAudio.peer || !screenshareAudio.track,
|
|
30477
|
-
!((
|
|
30430
|
+
!((_a8 = screenshareAudio.peer) == null ? void 0 : _a8.isLocal) && !((_b7 = screenshareAudio.track) == null ? void 0 : _b7.enabled)
|
|
30478
30431
|
].some(Boolean);
|
|
30479
|
-
const
|
|
30480
|
-
const localPeerID = useHMSStore25(selectLocalPeerID5);
|
|
30481
|
-
const isVideoPlayListPlaying = !!(peerSharingPlaylist == null ? void 0 : peerSharingPlaylist.id);
|
|
30432
|
+
const localPeerID = useHMSStore24(selectLocalPeerID5);
|
|
30482
30433
|
const { screenSharingPeerName, screenSharingPeerId, screenShareVideoTrackId } = useScreenShare();
|
|
30483
30434
|
const isVideoScreenSharingOn = !!screenShareVideoTrackId;
|
|
30484
30435
|
const shouldShowScreenShareState = isAudioOnly && isVideoScreenSharingOn;
|
|
30485
|
-
const shouldShowVideoState = isAudioOnly
|
|
30486
|
-
if (
|
|
30436
|
+
const shouldShowVideoState = isAudioOnly;
|
|
30437
|
+
if (isAudioshareInactive && !shouldShowScreenShareState && !shouldShowVideoState) {
|
|
30487
30438
|
return null;
|
|
30488
30439
|
}
|
|
30489
30440
|
return /* @__PURE__ */ React57.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React57.createElement(Dropdown.Trigger, { asChild: true }, /* @__PURE__ */ React57.createElement(
|
|
@@ -30502,31 +30453,8 @@ var AdditionalRoomState = () => {
|
|
|
30502
30453
|
!isAudioshareInactive && /* @__PURE__ */ React57.createElement(Tooltip, { title: "Screenshare Audio" }, /* @__PURE__ */ React57.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ React57.createElement(MusicIcon, { width: 24, height: 24 }))),
|
|
30503
30454
|
shouldShowScreenShareState && /* @__PURE__ */ React57.createElement(Tooltip, { title: "Screenshare" }, /* @__PURE__ */ React57.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ React57.createElement(ShareScreenIcon, { width: 24, height: 24 }))),
|
|
30504
30455
|
shouldShowVideoState && /* @__PURE__ */ React57.createElement(Tooltip, { title: "video playlist" }, /* @__PURE__ */ React57.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ React57.createElement(VideoPlayerIcon, { width: 24, height: 24 }))),
|
|
30505
|
-
!isPlaylistInactive && /* @__PURE__ */ React57.createElement(Tooltip, { title: "Playlist Music" }, /* @__PURE__ */ React57.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ React57.createElement(AudioPlayerIcon, { width: 24, height: 24 }))),
|
|
30506
30456
|
/* @__PURE__ */ React57.createElement(Box, { css: { "@lg": { display: "none" }, color: "$on_surface_low" } }, open ? /* @__PURE__ */ React57.createElement(ChevronUpIcon4, null) : /* @__PURE__ */ React57.createElement(ChevronDownIcon4, null))
|
|
30507
|
-
)), /* @__PURE__ */ React57.createElement(Dropdown.Content, { sideOffset: 5, align: "end", css: { w: "$60" } }, !
|
|
30508
|
-
Text,
|
|
30509
|
-
{
|
|
30510
|
-
variant: "sm",
|
|
30511
|
-
css: { color: "$alert_error_default", cursor: "pointer", ml: "$2" },
|
|
30512
|
-
onClick: (e) => {
|
|
30513
|
-
e.preventDefault();
|
|
30514
|
-
playlist.selection.playing ? playlist.pause() : playlist.play(playlist.selection.id);
|
|
30515
|
-
}
|
|
30516
|
-
},
|
|
30517
|
-
playlist.selection.playing ? "Pause" : "Play"
|
|
30518
|
-
) : /* @__PURE__ */ React57.createElement(
|
|
30519
|
-
Text,
|
|
30520
|
-
{
|
|
30521
|
-
variant: "sm",
|
|
30522
|
-
css: { color: "$alert_error_default", ml: "$2", cursor: "pointer" },
|
|
30523
|
-
onClick: (e) => {
|
|
30524
|
-
e.preventDefault();
|
|
30525
|
-
playlist.setVolume(!playlist.track.volume ? 100 : 0);
|
|
30526
|
-
}
|
|
30527
|
-
},
|
|
30528
|
-
playlist.track.volume === 0 ? "Unmute" : "Mute"
|
|
30529
|
-
)), !isAudioshareInactive && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(MusicIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, "Music is playing"), /* @__PURE__ */ React57.createElement(
|
|
30457
|
+
)), /* @__PURE__ */ React57.createElement(Dropdown.Content, { sideOffset: 5, align: "end", css: { w: "$60" } }, !isAudioshareInactive && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(MusicIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, "Music is playing"), /* @__PURE__ */ React57.createElement(
|
|
30530
30458
|
Text,
|
|
30531
30459
|
{
|
|
30532
30460
|
variant: "sm",
|
|
@@ -30537,19 +30465,19 @@ var AdditionalRoomState = () => {
|
|
|
30537
30465
|
}
|
|
30538
30466
|
},
|
|
30539
30467
|
screenshareAudio.muted ? "Unmute" : "Mute"
|
|
30540
|
-
)), shouldShowScreenShareState && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(ShareScreenIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, `Shared by: ${screenSharingPeerId === localPeerID ? "You" : screenSharingPeerName}`))
|
|
30468
|
+
)), shouldShowScreenShareState && /* @__PURE__ */ React57.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ React57.createElement(ShareScreenIcon, { width: 24, height: 24 }), /* @__PURE__ */ React57.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, `Shared by: ${screenSharingPeerId === localPeerID ? "You" : screenSharingPeerName}`))));
|
|
30541
30469
|
};
|
|
30542
30470
|
|
|
30543
30471
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
30544
30472
|
var LiveStatus = () => {
|
|
30545
30473
|
var _a8;
|
|
30546
30474
|
const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
|
|
30547
|
-
const hlsState =
|
|
30475
|
+
const hlsState = useHMSStore25(selectHLSState4);
|
|
30548
30476
|
const isMobile = useMedia8(config.media.md);
|
|
30549
30477
|
const intervalRef = useRef15(null);
|
|
30550
30478
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
30551
30479
|
const [liveTime, setLiveTime] = useState25(0);
|
|
30552
|
-
const startTimer =
|
|
30480
|
+
const startTimer = useCallback16(() => {
|
|
30553
30481
|
intervalRef.current = setInterval(() => {
|
|
30554
30482
|
var _a9;
|
|
30555
30483
|
const timeStamp = (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
|
|
@@ -30591,7 +30519,7 @@ var LiveStatus = () => {
|
|
|
30591
30519
|
};
|
|
30592
30520
|
var RecordingStatus = () => {
|
|
30593
30521
|
const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming6();
|
|
30594
|
-
const permissions =
|
|
30522
|
+
const permissions = useHMSStore25(selectPermissions7);
|
|
30595
30523
|
const isMobile = useMedia8(config.media.md);
|
|
30596
30524
|
if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
|
|
30597
30525
|
// so no need to show this as it duplicates
|
|
@@ -30624,7 +30552,7 @@ var RecordingStatus = () => {
|
|
|
30624
30552
|
);
|
|
30625
30553
|
};
|
|
30626
30554
|
var RecordingPauseStatus = () => {
|
|
30627
|
-
const recording =
|
|
30555
|
+
const recording = useHMSStore25(selectRecordingState2);
|
|
30628
30556
|
if (recording.hls && recording.hls.state === bs.PAUSED) {
|
|
30629
30557
|
return /* @__PURE__ */ React58.createElement(
|
|
30630
30558
|
Tooltip,
|
|
@@ -30651,11 +30579,11 @@ var RecordingPauseStatus = () => {
|
|
|
30651
30579
|
return null;
|
|
30652
30580
|
};
|
|
30653
30581
|
var StartRecording2 = () => {
|
|
30654
|
-
const permissions =
|
|
30582
|
+
const permissions = useHMSStore25(selectPermissions7);
|
|
30655
30583
|
const [open, setOpen] = useState25(false);
|
|
30656
30584
|
const { startRecording, recordingStarted } = useRecordingHandler();
|
|
30657
30585
|
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming6();
|
|
30658
|
-
const hmsActions2 =
|
|
30586
|
+
const hmsActions2 = useHMSActions19();
|
|
30659
30587
|
if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
|
|
30660
30588
|
return null;
|
|
30661
30589
|
}
|
|
@@ -30699,9 +30627,9 @@ var StartRecording2 = () => {
|
|
|
30699
30627
|
);
|
|
30700
30628
|
};
|
|
30701
30629
|
var StreamActions = () => {
|
|
30702
|
-
const isConnected =
|
|
30630
|
+
const isConnected = useHMSStore25(selectIsConnectedToRoom6);
|
|
30703
30631
|
const isMobile = useMedia8(config.media.md);
|
|
30704
|
-
const roomState =
|
|
30632
|
+
const roomState = useHMSStore25(selectRoomState3);
|
|
30705
30633
|
return /* @__PURE__ */ React58.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React58.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ React58.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React58.createElement(RecordingPauseStatus, null), /* @__PURE__ */ React58.createElement(RecordingStatus, null), roomState !== HMSRoomState3.Preview ? /* @__PURE__ */ React58.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ React58.createElement(StartRecording2, null) : null);
|
|
30706
30634
|
};
|
|
30707
30635
|
var StopRecordingInSheet = ({
|
|
@@ -30725,7 +30653,7 @@ var StopRecordingInSheet = ({
|
|
|
30725
30653
|
init_define_process_env();
|
|
30726
30654
|
import React60, { useState as useState26 } from "react";
|
|
30727
30655
|
import { useMedia as useMedia9 } from "react-use";
|
|
30728
|
-
import { selectLocalPeerName, useHMSActions as
|
|
30656
|
+
import { selectLocalPeerName, useHMSActions as useHMSActions20, useHMSStore as useHMSStore26 } from "@100mslive/react-sdk";
|
|
30729
30657
|
|
|
30730
30658
|
// src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
|
|
30731
30659
|
init_define_process_env();
|
|
@@ -30840,8 +30768,8 @@ var ChangeNameModal = ({
|
|
|
30840
30768
|
openParentSheet = void 0
|
|
30841
30769
|
}) => {
|
|
30842
30770
|
const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
|
|
30843
|
-
const hmsActions2 =
|
|
30844
|
-
const localPeerName =
|
|
30771
|
+
const hmsActions2 = useHMSActions20();
|
|
30772
|
+
const localPeerName = useHMSStore26(selectLocalPeerName);
|
|
30845
30773
|
const [currentName, setCurrentName] = useState26(localPeerName);
|
|
30846
30774
|
const isMobile = useMedia9(config.media.md);
|
|
30847
30775
|
const changeName = () => __async(void 0, null, function* () {
|
|
@@ -30881,18 +30809,18 @@ var ChangeNameModal = ({
|
|
|
30881
30809
|
|
|
30882
30810
|
// src/Prebuilt/components/AppData/useSheet.ts
|
|
30883
30811
|
init_define_process_env();
|
|
30884
|
-
import { useCallback as
|
|
30885
|
-
import { selectAppData as selectAppData4, useHMSActions as
|
|
30812
|
+
import { useCallback as useCallback17 } from "react";
|
|
30813
|
+
import { selectAppData as selectAppData4, useHMSActions as useHMSActions21, useHMSStore as useHMSStore27, useHMSVanillaStore as useHMSVanillaStore7 } from "@100mslive/react-sdk";
|
|
30886
30814
|
var useIsSheetTypeOpen = (sheetType) => {
|
|
30887
30815
|
if (!sheetType) {
|
|
30888
30816
|
throw Error("Pass one of the sheet options");
|
|
30889
30817
|
}
|
|
30890
|
-
return
|
|
30818
|
+
return useHMSStore27(selectAppData4(APP_DATA.sheet)) === sheetType;
|
|
30891
30819
|
};
|
|
30892
30820
|
var useSheetToggle = (sheetType) => {
|
|
30893
|
-
const hmsActions2 =
|
|
30821
|
+
const hmsActions2 = useHMSActions21();
|
|
30894
30822
|
const vanillaStore = useHMSVanillaStore7();
|
|
30895
|
-
const toggleSheet =
|
|
30823
|
+
const toggleSheet = useCallback17(() => {
|
|
30896
30824
|
const isOpen = vanillaStore.getState(selectAppData4(APP_DATA.sheet)) === sheetType;
|
|
30897
30825
|
hmsActions2.setAppData(APP_DATA.sheet, !isOpen ? sheetType : "");
|
|
30898
30826
|
}, [vanillaStore, hmsActions2, sheetType]);
|
|
@@ -30902,9 +30830,9 @@ var useSheetToggle = (sheetType) => {
|
|
|
30902
30830
|
// src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
|
|
30903
30831
|
init_define_process_env();
|
|
30904
30832
|
import { useEffect as useEffect17, useState as useState27 } from "react";
|
|
30905
|
-
import { HMSNotificationTypes, useHMSNotifications, useHMSStore as
|
|
30833
|
+
import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore28 } from "@100mslive/react-sdk";
|
|
30906
30834
|
var useUnreadPollQuizPresent = () => {
|
|
30907
|
-
const localPeerID =
|
|
30835
|
+
const localPeerID = useHMSStore28(ye);
|
|
30908
30836
|
const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
|
|
30909
30837
|
const [unreadPollQuiz, setUnreadPollQuiz] = useState27(false);
|
|
30910
30838
|
useEffect17(() => {
|
|
@@ -30933,9 +30861,9 @@ var MwebOptions = ({
|
|
|
30933
30861
|
elements,
|
|
30934
30862
|
screenType
|
|
30935
30863
|
}) => {
|
|
30936
|
-
const hmsActions2 =
|
|
30937
|
-
const permissions =
|
|
30938
|
-
const isConnected =
|
|
30864
|
+
const hmsActions2 = useHMSActions22();
|
|
30865
|
+
const permissions = useHMSStore29(selectPermissions8);
|
|
30866
|
+
const isConnected = useHMSStore29(selectIsConnectedToRoom7);
|
|
30939
30867
|
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming7();
|
|
30940
30868
|
const [openModals, setOpenModals] = useState28(/* @__PURE__ */ new Set());
|
|
30941
30869
|
const [openOptionsSheet, setOpenOptionsSheet] = useState28(false);
|
|
@@ -30945,7 +30873,7 @@ var MwebOptions = ({
|
|
|
30945
30873
|
const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
30946
30874
|
const { showPolls } = useShowPolls();
|
|
30947
30875
|
const togglePollView = usePollViewToggle();
|
|
30948
|
-
const peerCount =
|
|
30876
|
+
const peerCount = useHMSStore29(selectPeerCount3);
|
|
30949
30877
|
const emojiCardRef = useRef16(null);
|
|
30950
30878
|
const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
|
|
30951
30879
|
const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
|
|
@@ -30954,10 +30882,10 @@ var MwebOptions = ({
|
|
|
30954
30882
|
const isMobileHLSStream = useMobileHLSStream();
|
|
30955
30883
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
30956
30884
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
30957
|
-
const isLocalVideoEnabled =
|
|
30885
|
+
const isLocalVideoEnabled = useHMSStore29(selectIsLocalVideoEnabled4);
|
|
30958
30886
|
const { startRecording, isRecordingLoading } = useRecordingHandler();
|
|
30959
|
-
const isTranscriptionAllowed =
|
|
30960
|
-
const isTranscriptionEnabled =
|
|
30887
|
+
const isTranscriptionAllowed = useHMSStore29(selectIsTranscriptionAllowedByMode2(HMSTranscriptionMode3.CAPTION));
|
|
30888
|
+
const isTranscriptionEnabled = useHMSStore29(selectIsTranscriptionEnabled4);
|
|
30961
30889
|
const [isCaptionEnabled] = useSetIsCaptionEnabled();
|
|
30962
30890
|
useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
|
|
30963
30891
|
const updateState = (modalName, value) => {
|
|
@@ -31213,7 +31141,7 @@ var RaiseHand = ({ css: css2 }) => {
|
|
|
31213
31141
|
// src/Prebuilt/components/ScreenShareToggle.jsx
|
|
31214
31142
|
init_define_process_env();
|
|
31215
31143
|
import React70, { Fragment as Fragment8 } from "react";
|
|
31216
|
-
import { selectIsAllowedToPublish as selectIsAllowedToPublish2, useAwayNotifications, useHMSStore as
|
|
31144
|
+
import { selectIsAllowedToPublish as selectIsAllowedToPublish2, useAwayNotifications, useHMSStore as useHMSStore30, useScreenShare as useScreenShare3 } from "@100mslive/react-sdk";
|
|
31217
31145
|
import { ShareScreenIcon as ShareScreenIcon2 } from "@100mslive/react-icons";
|
|
31218
31146
|
|
|
31219
31147
|
// src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
|
|
@@ -31673,7 +31601,7 @@ function ShareScreenOptions() {
|
|
|
31673
31601
|
|
|
31674
31602
|
// src/Prebuilt/components/ScreenShareToggle.jsx
|
|
31675
31603
|
var ScreenshareToggle = ({ css: css2 = {} }) => {
|
|
31676
|
-
const isAllowedToPublish =
|
|
31604
|
+
const isAllowedToPublish = useHMSStore30(selectIsAllowedToPublish2);
|
|
31677
31605
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
31678
31606
|
const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = useScreenShare3();
|
|
31679
31607
|
const { requestPermission } = useAwayNotifications();
|
|
@@ -31701,14 +31629,14 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
|
|
|
31701
31629
|
// src/Prebuilt/components/VirtualBackground/VBToggle.tsx
|
|
31702
31630
|
init_define_process_env();
|
|
31703
31631
|
import React71 from "react";
|
|
31704
|
-
import { selectAppData as selectAppData5, selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5, useHMSStore as
|
|
31632
|
+
import { selectAppData as selectAppData5, selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5, useHMSStore as useHMSStore31 } from "@100mslive/react-sdk";
|
|
31705
31633
|
import { VirtualBackgroundIcon as VirtualBackgroundIcon2 } from "@100mslive/react-icons";
|
|
31706
31634
|
var VBToggle = () => {
|
|
31707
31635
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
31708
31636
|
const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
|
|
31709
|
-
const isVideoOn =
|
|
31710
|
-
const isEffectsEnabled =
|
|
31711
|
-
const loadingEffects =
|
|
31637
|
+
const isVideoOn = useHMSStore31(selectIsLocalVideoEnabled5);
|
|
31638
|
+
const isEffectsEnabled = useHMSStore31(selectIsEffectsEnabled);
|
|
31639
|
+
const loadingEffects = useHMSStore31(selectAppData5(APP_DATA.loadingEffects));
|
|
31712
31640
|
if (!isVideoOn || !isEffectsEnabled && isSafari) {
|
|
31713
31641
|
return null;
|
|
31714
31642
|
}
|
|
@@ -31718,10 +31646,10 @@ var VBToggle = () => {
|
|
|
31718
31646
|
// src/Prebuilt/components/Footer/ChatToggle.tsx
|
|
31719
31647
|
init_define_process_env();
|
|
31720
31648
|
import React72 from "react";
|
|
31721
|
-
import { selectUnreadHMSMessagesCount, useHMSStore as
|
|
31649
|
+
import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
|
|
31722
31650
|
import { ChatIcon } from "@100mslive/react-icons";
|
|
31723
31651
|
var ChatToggle = ({ onClick }) => {
|
|
31724
|
-
const countUnreadMessages =
|
|
31652
|
+
const countUnreadMessages = useHMSStore32(selectUnreadHMSMessagesCount);
|
|
31725
31653
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
31726
31654
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
31727
31655
|
return /* @__PURE__ */ React72.createElement(
|
|
@@ -31762,7 +31690,7 @@ var ChatToggle = ({ onClick }) => {
|
|
|
31762
31690
|
|
|
31763
31691
|
// src/Prebuilt/components/Footer/ParticipantList.tsx
|
|
31764
31692
|
init_define_process_env();
|
|
31765
|
-
import React77, { Fragment as Fragment9, useCallback as
|
|
31693
|
+
import React77, { Fragment as Fragment9, useCallback as useCallback18, useState as useState33 } from "react";
|
|
31766
31694
|
import { useDebounce, useMedia as useMedia11 } from "react-use";
|
|
31767
31695
|
import {
|
|
31768
31696
|
HMSPeerType as HMSPeerType2,
|
|
@@ -31774,7 +31702,7 @@ import {
|
|
|
31774
31702
|
selectLocalPeerID as selectLocalPeerID7,
|
|
31775
31703
|
selectPeerCount as selectPeerCount4,
|
|
31776
31704
|
selectPermissions as selectPermissions13,
|
|
31777
|
-
useHMSStore as
|
|
31705
|
+
useHMSStore as useHMSStore40
|
|
31778
31706
|
} from "@100mslive/react-sdk";
|
|
31779
31707
|
import {
|
|
31780
31708
|
AddIcon as AddIcon2,
|
|
@@ -31792,7 +31720,7 @@ import {
|
|
|
31792
31720
|
// src/Prebuilt/components/Connection/ConnectionIndicator.tsx
|
|
31793
31721
|
init_define_process_env();
|
|
31794
31722
|
import React73 from "react";
|
|
31795
|
-
import { HMSPeerType, selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, selectPeerTypeByID, useHMSStore as
|
|
31723
|
+
import { HMSPeerType, selectConnectionQualityByPeerID as selectConnectionQualityByPeerID2, selectPeerTypeByID, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
|
|
31796
31724
|
import { PoorConnectivityIcon } from "@100mslive/react-icons";
|
|
31797
31725
|
|
|
31798
31726
|
// src/Prebuilt/components/Connection/connectionQualityUtils.js
|
|
@@ -31845,8 +31773,8 @@ var ConnectionIndicator = ({
|
|
|
31845
31773
|
hideBg = false
|
|
31846
31774
|
}) => {
|
|
31847
31775
|
var _a8;
|
|
31848
|
-
const downlinkQuality = (_a8 =
|
|
31849
|
-
const peerType =
|
|
31776
|
+
const downlinkQuality = (_a8 = useHMSStore33(selectConnectionQualityByPeerID2(peerId))) == null ? void 0 : _a8.downlinkQuality;
|
|
31777
|
+
const peerType = useHMSStore33(selectPeerTypeByID(peerId));
|
|
31850
31778
|
const { theme: theme2 } = useTheme();
|
|
31851
31779
|
const defaultColor = theme2.colors.on_surface_low;
|
|
31852
31780
|
if (downlinkQuality === -1 || downlinkQuality === void 0 || peerType === HMSPeerType.SIP) {
|
|
@@ -31907,13 +31835,13 @@ var ConnectionIndicator = ({
|
|
|
31907
31835
|
// src/Prebuilt/components/RemoveParticipant.tsx
|
|
31908
31836
|
init_define_process_env();
|
|
31909
31837
|
import React74 from "react";
|
|
31910
|
-
import { selectLocalPeerID as selectLocalPeerID6, selectPermissions as selectPermissions9, useHMSActions as
|
|
31838
|
+
import { selectLocalPeerID as selectLocalPeerID6, selectPermissions as selectPermissions9, useHMSActions as useHMSActions23, useHMSStore as useHMSStore34 } from "@100mslive/react-sdk";
|
|
31911
31839
|
import { PeopleRemoveIcon as PeopleRemoveIcon2 } from "@100mslive/react-icons";
|
|
31912
31840
|
var RemoveParticipant = ({ peerId }) => {
|
|
31913
31841
|
var _a8;
|
|
31914
|
-
const canRemoveOthers = (_a8 =
|
|
31915
|
-
const localPeerId =
|
|
31916
|
-
const actions =
|
|
31842
|
+
const canRemoveOthers = (_a8 = useHMSStore34(selectPermissions9)) == null ? void 0 : _a8.removeOthers;
|
|
31843
|
+
const localPeerId = useHMSStore34(selectLocalPeerID6);
|
|
31844
|
+
const actions = useHMSActions23();
|
|
31917
31845
|
if (peerId === localPeerId || !canRemoveOthers) {
|
|
31918
31846
|
return null;
|
|
31919
31847
|
}
|
|
@@ -31940,7 +31868,7 @@ init_define_process_env();
|
|
|
31940
31868
|
import React76, { useEffect as useEffect18 } from "react";
|
|
31941
31869
|
import { useMeasure } from "react-use";
|
|
31942
31870
|
import { FixedSizeList } from "react-window";
|
|
31943
|
-
import { selectIsLargeRoom, useHMSStore as
|
|
31871
|
+
import { selectIsLargeRoom, useHMSStore as useHMSStore37, usePaginatedParticipants } from "@100mslive/react-sdk";
|
|
31944
31872
|
import { AddIcon, ChevronRightIcon, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
|
|
31945
31873
|
|
|
31946
31874
|
// src/Prebuilt/components/Footer/RoleOptions.tsx
|
|
@@ -31951,8 +31879,8 @@ import {
|
|
|
31951
31879
|
selectPermissions as selectPermissions10,
|
|
31952
31880
|
selectRoleByRoleName,
|
|
31953
31881
|
selectTracksMap as selectTracksMap3,
|
|
31954
|
-
useHMSActions as
|
|
31955
|
-
useHMSStore as
|
|
31882
|
+
useHMSActions as useHMSActions24,
|
|
31883
|
+
useHMSStore as useHMSStore35
|
|
31956
31884
|
} from "@100mslive/react-sdk";
|
|
31957
31885
|
import {
|
|
31958
31886
|
MicOffIcon as MicOffIcon3,
|
|
@@ -32007,13 +31935,13 @@ var DropdownWrapper = ({ children }) => {
|
|
|
32007
31935
|
));
|
|
32008
31936
|
};
|
|
32009
31937
|
var RoleOptions = ({ roleName, peerList }) => {
|
|
32010
|
-
const permissions =
|
|
32011
|
-
const hmsActions2 =
|
|
31938
|
+
const permissions = useHMSStore35(selectPermissions10);
|
|
31939
|
+
const hmsActions2 = useHMSActions24();
|
|
32012
31940
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
32013
31941
|
const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
|
|
32014
31942
|
const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
|
|
32015
|
-
const role =
|
|
32016
|
-
const tracks =
|
|
31943
|
+
const role = useHMSStore35(selectRoleByRoleName(roleName));
|
|
31944
|
+
const tracks = useHMSStore35(selectTracksMap3);
|
|
32017
31945
|
if (!role) {
|
|
32018
31946
|
return null;
|
|
32019
31947
|
}
|
|
@@ -32090,10 +32018,10 @@ var RoleOptions = ({ roleName, peerList }) => {
|
|
|
32090
32018
|
// src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
|
|
32091
32019
|
init_define_process_env();
|
|
32092
32020
|
import { match as match7, P as P4 } from "ts-pattern";
|
|
32093
|
-
import { selectPermissions as selectPermissions11, useHMSActions as
|
|
32021
|
+
import { selectPermissions as selectPermissions11, useHMSActions as useHMSActions25, useHMSStore as useHMSStore36 } from "@100mslive/react-sdk";
|
|
32094
32022
|
var useGroupOnStageActions = ({ peers }) => {
|
|
32095
32023
|
var _a8;
|
|
32096
|
-
const hmsActions2 =
|
|
32024
|
+
const hmsActions2 = useHMSActions25();
|
|
32097
32025
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
32098
32026
|
const {
|
|
32099
32027
|
bring_to_stage_label,
|
|
@@ -32102,7 +32030,7 @@ var useGroupOnStageActions = ({ peers }) => {
|
|
|
32102
32030
|
off_stage_roles = [],
|
|
32103
32031
|
skip_preview_for_role_change = false
|
|
32104
32032
|
} = elements.on_stage_exp || {};
|
|
32105
|
-
const canChangeRole = (_a8 =
|
|
32033
|
+
const canChangeRole = (_a8 = useHMSStore36(selectPermissions11)) == null ? void 0 : _a8.changeRole;
|
|
32106
32034
|
const offStageRolePeers = peers.filter(
|
|
32107
32035
|
(peer) => match7({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
|
|
32108
32036
|
{
|
|
@@ -32168,7 +32096,7 @@ var RoleAccordion = ({
|
|
|
32168
32096
|
onActive
|
|
32169
32097
|
}) => {
|
|
32170
32098
|
const [ref, { width }] = useMeasure();
|
|
32171
|
-
const isLargeRoom =
|
|
32099
|
+
const isLargeRoom = useHMSStore37(selectIsLargeRoom);
|
|
32172
32100
|
const { peers, total, loadPeers } = usePaginatedParticipants({ role: roleName, limit: 10 });
|
|
32173
32101
|
const isOffStageRole = roleName && offStageRoles.includes(roleName);
|
|
32174
32102
|
let peersInAccordion = peerList;
|
|
@@ -32258,10 +32186,10 @@ var RoleAccordion = ({
|
|
|
32258
32186
|
// src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx
|
|
32259
32187
|
init_define_process_env();
|
|
32260
32188
|
import { useEffect as useEffect19 } from "react";
|
|
32261
|
-
import { selectAppData as selectAppData6, useHMSStore as
|
|
32189
|
+
import { selectAppData as selectAppData6, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
|
|
32262
32190
|
var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
|
|
32263
32191
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
32264
|
-
const sidepane =
|
|
32192
|
+
const sidepane = useHMSStore38(selectAppData6(APP_DATA.sidePane));
|
|
32265
32193
|
const resetSidePane = useSidepaneReset();
|
|
32266
32194
|
useEffect19(() => {
|
|
32267
32195
|
if (sidepane === sidepaneOption && !(elements == null ? void 0 : elements[layoutKey])) {
|
|
@@ -32273,10 +32201,10 @@ var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
|
|
|
32273
32201
|
// src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
|
|
32274
32202
|
init_define_process_env();
|
|
32275
32203
|
import { useState as useState32 } from "react";
|
|
32276
|
-
import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions12, useHMSActions as
|
|
32204
|
+
import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions12, useHMSActions as useHMSActions26, useHMSStore as useHMSStore39 } from "@100mslive/react-sdk";
|
|
32277
32205
|
var usePeerOnStageActions = ({ peerId, role }) => {
|
|
32278
32206
|
var _a8, _b7;
|
|
32279
|
-
const hmsActions2 =
|
|
32207
|
+
const hmsActions2 = useHMSActions26();
|
|
32280
32208
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
32281
32209
|
const {
|
|
32282
32210
|
bring_to_stage_label,
|
|
@@ -32286,9 +32214,9 @@ var usePeerOnStageActions = ({ peerId, role }) => {
|
|
|
32286
32214
|
skip_preview_for_role_change = false
|
|
32287
32215
|
} = elements.on_stage_exp || {};
|
|
32288
32216
|
const isInStage = role === on_stage_role;
|
|
32289
|
-
const canChangeRole = (_a8 =
|
|
32217
|
+
const canChangeRole = (_a8 = useHMSStore39(selectPermissions12)) == null ? void 0 : _a8.changeRole;
|
|
32290
32218
|
const shouldShowStageRoleChange = canChangeRole && (isInStage && remove_from_stage_label || (off_stage_roles == null ? void 0 : off_stage_roles.includes(role)) && bring_to_stage_label);
|
|
32291
|
-
const prevRole = (_b7 =
|
|
32219
|
+
const prevRole = (_b7 = useHMSStore39(selectPeerMetadata3(peerId))) == null ? void 0 : _b7.prevRole;
|
|
32292
32220
|
const [open, setOpen] = useState32(false);
|
|
32293
32221
|
const lowerPeerHand = () => __async(void 0, null, function* () {
|
|
32294
32222
|
yield hmsActions2.lowerRemotePeerHand(peerId);
|
|
@@ -32323,9 +32251,9 @@ var ParticipantList = ({
|
|
|
32323
32251
|
}) => {
|
|
32324
32252
|
const [filter, setFilter] = useState33();
|
|
32325
32253
|
const { participants, isConnected, peerCount } = useParticipants(filter);
|
|
32326
|
-
const isLargeRoom =
|
|
32254
|
+
const isLargeRoom = useHMSStore40(selectIsLargeRoom2);
|
|
32327
32255
|
const peersOrderedByRoles = {};
|
|
32328
|
-
const handRaisedPeers =
|
|
32256
|
+
const handRaisedPeers = useHMSStore40(selectHandRaisedPeers);
|
|
32329
32257
|
participants.forEach((participant) => {
|
|
32330
32258
|
if (participant.roleName) {
|
|
32331
32259
|
if (peersOrderedByRoles[participant.roleName] === void 0) {
|
|
@@ -32342,7 +32270,7 @@ var ParticipantList = ({
|
|
|
32342
32270
|
});
|
|
32343
32271
|
}
|
|
32344
32272
|
useSidepaneResetOnLayoutUpdate("participant_list", SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
32345
|
-
const onSearch =
|
|
32273
|
+
const onSearch = useCallback18((value) => {
|
|
32346
32274
|
setFilter((filterValue) => {
|
|
32347
32275
|
if (!filterValue) {
|
|
32348
32276
|
filterValue = {};
|
|
@@ -32389,7 +32317,7 @@ var ParticipantList = ({
|
|
|
32389
32317
|
));
|
|
32390
32318
|
};
|
|
32391
32319
|
var ParticipantCount = () => {
|
|
32392
|
-
const peerCount =
|
|
32320
|
+
const peerCount = useHMSStore40(selectPeerCount4);
|
|
32393
32321
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
32394
32322
|
const isPeerListOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
32395
32323
|
if (peerCount === 0) {
|
|
@@ -32421,7 +32349,7 @@ var Participant = ({
|
|
|
32421
32349
|
isHandRaisedAccordion,
|
|
32422
32350
|
style
|
|
32423
32351
|
}) => {
|
|
32424
|
-
const localPeerId =
|
|
32352
|
+
const localPeerId = useHMSStore40(selectLocalPeerID7);
|
|
32425
32353
|
return /* @__PURE__ */ React77.createElement(
|
|
32426
32354
|
Flex,
|
|
32427
32355
|
{
|
|
@@ -32520,13 +32448,13 @@ var ParticipantActions = React77.memo(
|
|
|
32520
32448
|
isHandRaisedAccordion
|
|
32521
32449
|
}) => {
|
|
32522
32450
|
var _a8, _b7;
|
|
32523
|
-
const isHandRaised =
|
|
32524
|
-
const canChangeRole = (_a8 =
|
|
32525
|
-
const canRemoveOthers = (_b7 =
|
|
32451
|
+
const isHandRaised = useHMSStore40(selectHasPeerHandRaised2(peerId));
|
|
32452
|
+
const canChangeRole = (_a8 = useHMSStore40(selectPermissions13)) == null ? void 0 : _a8.changeRole;
|
|
32453
|
+
const canRemoveOthers = (_b7 = useHMSStore40(selectPermissions13)) == null ? void 0 : _b7.removeOthers;
|
|
32526
32454
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
32527
32455
|
const { on_stage_exp } = elements || {};
|
|
32528
32456
|
const shouldShowMoreActions = on_stage_exp && canChangeRole || canRemoveOthers;
|
|
32529
|
-
const isAudioMuted = !
|
|
32457
|
+
const isAudioMuted = !useHMSStore40(selectIsPeerAudioEnabled(peerId));
|
|
32530
32458
|
return /* @__PURE__ */ React77.createElement(
|
|
32531
32459
|
Flex,
|
|
32532
32460
|
{
|
|
@@ -32586,9 +32514,9 @@ var ParticipantMoreActions = ({ peerId, role }) => {
|
|
|
32586
32514
|
isInStage,
|
|
32587
32515
|
shouldShowStageRoleChange
|
|
32588
32516
|
} = usePeerOnStageActions({ peerId, role });
|
|
32589
|
-
const canChangeRole = !!((_a8 =
|
|
32517
|
+
const canChangeRole = !!((_a8 = useHMSStore40(selectPermissions13)) == null ? void 0 : _a8.changeRole);
|
|
32590
32518
|
const [openRoleChangeModal, setOpenRoleChangeModal] = useState33(false);
|
|
32591
|
-
const roles =
|
|
32519
|
+
const roles = useHMSStore40(selectAvailableRoleNames5);
|
|
32592
32520
|
return /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ React77.createElement(
|
|
32593
32521
|
Dropdown.Trigger,
|
|
32594
32522
|
{
|
|
@@ -32690,11 +32618,11 @@ var PollsToggle = () => {
|
|
|
32690
32618
|
// src/Prebuilt/components/Footer/WhiteboardToggle.tsx
|
|
32691
32619
|
init_define_process_env();
|
|
32692
32620
|
import React79 from "react";
|
|
32693
|
-
import { selectPeerScreenSharing, useHMSStore as
|
|
32621
|
+
import { selectPeerScreenSharing, useHMSStore as useHMSStore41, useWhiteboard } from "@100mslive/react-sdk";
|
|
32694
32622
|
import { PencilDrawIcon } from "@100mslive/react-icons";
|
|
32695
32623
|
var WhiteboardToggle = () => {
|
|
32696
32624
|
const { toggle, open, isOwner } = useWhiteboard();
|
|
32697
|
-
const peerSharing =
|
|
32625
|
+
const peerSharing = useHMSStore41(selectPeerScreenSharing);
|
|
32698
32626
|
const disabled = !!peerSharing || open && !isOwner;
|
|
32699
32627
|
if (!toggle) {
|
|
32700
32628
|
return null;
|
|
@@ -32791,15 +32719,15 @@ var Footer2 = ({
|
|
|
32791
32719
|
|
|
32792
32720
|
// src/Prebuilt/components/Notifications/HLSFailureModal.tsx
|
|
32793
32721
|
init_define_process_env();
|
|
32794
|
-
import React81, { useCallback as
|
|
32795
|
-
import { selectHLSState as selectHLSState5, useHMSActions as
|
|
32722
|
+
import React81, { useCallback as useCallback19, useState as useState34 } from "react";
|
|
32723
|
+
import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions27, useHMSStore as useHMSStore42, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
|
|
32796
32724
|
function HLSFailureModal() {
|
|
32797
|
-
const hlsError =
|
|
32725
|
+
const hlsError = useHMSStore42(selectHLSState5).error || false;
|
|
32798
32726
|
const [openModal, setOpenModal] = useState34(!!hlsError);
|
|
32799
|
-
const hmsActions2 =
|
|
32727
|
+
const hmsActions2 = useHMSActions27();
|
|
32800
32728
|
const { isRTMPRunning } = useRecordingStreaming8();
|
|
32801
32729
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
32802
|
-
const startHLS =
|
|
32730
|
+
const startHLS = useCallback19(() => __async(this, null, function* () {
|
|
32803
32731
|
try {
|
|
32804
32732
|
if (isHLSStarted || isRTMPRunning) {
|
|
32805
32733
|
return;
|
|
@@ -32846,13 +32774,13 @@ import {
|
|
|
32846
32774
|
selectLocalPeerRoleName as selectLocalPeerRoleName4,
|
|
32847
32775
|
selectRoleChangeRequest,
|
|
32848
32776
|
useCustomEvent as useCustomEvent3,
|
|
32849
|
-
useHMSActions as
|
|
32850
|
-
useHMSStore as
|
|
32777
|
+
useHMSActions as useHMSActions44,
|
|
32778
|
+
useHMSStore as useHMSStore72
|
|
32851
32779
|
} from "@100mslive/react-sdk";
|
|
32852
32780
|
|
|
32853
32781
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
32854
32782
|
init_define_process_env();
|
|
32855
|
-
import React134, { Fragment as Fragment12, useCallback as
|
|
32783
|
+
import React134, { Fragment as Fragment12, useCallback as useCallback31, useEffect as useEffect38, useMemo as useMemo14, useState as useState57 } from "react";
|
|
32856
32784
|
import { useMeasure as useMeasure4, useMedia as useMedia26 } from "react-use";
|
|
32857
32785
|
import {
|
|
32858
32786
|
HMSRoomState as HMSRoomState5,
|
|
@@ -32862,7 +32790,7 @@ import {
|
|
|
32862
32790
|
selectRoomState as selectRoomState5,
|
|
32863
32791
|
selectVideoTrackByID as selectVideoTrackByID5,
|
|
32864
32792
|
useAVToggle as useAVToggle3,
|
|
32865
|
-
useHMSStore as
|
|
32793
|
+
useHMSStore as useHMSStore71,
|
|
32866
32794
|
useParticipants as useParticipants2,
|
|
32867
32795
|
usePreviewJoin,
|
|
32868
32796
|
useRecordingStreaming as useRecordingStreaming11
|
|
@@ -32874,7 +32802,7 @@ init_define_process_env();
|
|
|
32874
32802
|
import React130, { useEffect as useEffect37 } from "react";
|
|
32875
32803
|
import { useMedia as useMedia24 } from "react-use";
|
|
32876
32804
|
import { match as match11 } from "ts-pattern";
|
|
32877
|
-
import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as
|
|
32805
|
+
import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
|
|
32878
32806
|
|
|
32879
32807
|
// src/Prebuilt/components/Polls/Polls.tsx
|
|
32880
32808
|
init_define_process_env();
|
|
@@ -32887,15 +32815,15 @@ import {
|
|
|
32887
32815
|
selectLocalPeerRoleName,
|
|
32888
32816
|
selectPermissions as selectPermissions15,
|
|
32889
32817
|
selectPolls as selectPolls2,
|
|
32890
|
-
useHMSActions as
|
|
32891
|
-
useHMSStore as
|
|
32818
|
+
useHMSActions as useHMSActions28,
|
|
32819
|
+
useHMSStore as useHMSStore44
|
|
32892
32820
|
} from "@100mslive/react-sdk";
|
|
32893
32821
|
import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
|
|
32894
32822
|
|
|
32895
32823
|
// src/Prebuilt/components/Streaming/Common.jsx
|
|
32896
32824
|
init_define_process_env();
|
|
32897
32825
|
import React82 from "react";
|
|
32898
|
-
import { selectPermissions as selectPermissions14, useHMSStore as
|
|
32826
|
+
import { selectPermissions as selectPermissions14, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
|
|
32899
32827
|
import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon2, CrossIcon as CrossIcon15, RecordIcon as RecordIcon3 } from "@100mslive/react-icons";
|
|
32900
32828
|
var ContentHeader = ({ onBack, onClose, title = "", content }) => {
|
|
32901
32829
|
return /* @__PURE__ */ React82.createElement(
|
|
@@ -32996,7 +32924,7 @@ var StatusIndicator = ({ status }) => {
|
|
|
32996
32924
|
// src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
|
|
32997
32925
|
var PollsQuizMenu = () => {
|
|
32998
32926
|
const togglePollView = usePollViewToggle();
|
|
32999
|
-
const permissions =
|
|
32927
|
+
const permissions = useHMSStore44(selectPermissions15);
|
|
33000
32928
|
return /* @__PURE__ */ React84.createElement(Container3, { rounded: true }, /* @__PURE__ */ React84.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ React84.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ React84.createElement(AddMenu, null), /* @__PURE__ */ React84.createElement(PrevMenu, null)));
|
|
33001
32929
|
};
|
|
33002
32930
|
function InteractionSelectionCard({
|
|
@@ -33036,9 +32964,9 @@ function InteractionSelectionCard({
|
|
|
33036
32964
|
);
|
|
33037
32965
|
}
|
|
33038
32966
|
var AddMenu = () => {
|
|
33039
|
-
const actions =
|
|
32967
|
+
const actions = useHMSActions28();
|
|
33040
32968
|
const [title, setTitle] = useState35("");
|
|
33041
|
-
const localPeerRoleName =
|
|
32969
|
+
const localPeerRoleName = useHMSStore44(selectLocalPeerRoleName);
|
|
33042
32970
|
const [hideVoteCount, setHideVoteCount] = useState35(false);
|
|
33043
32971
|
const [error, setError] = useState35();
|
|
33044
32972
|
const [titleError, setTitleError] = useState35("");
|
|
@@ -33119,8 +33047,8 @@ var AddMenu = () => {
|
|
|
33119
33047
|
), /* @__PURE__ */ React84.createElement(ErrorText, { error: error || titleError })));
|
|
33120
33048
|
};
|
|
33121
33049
|
var PrevMenu = () => {
|
|
33122
|
-
const hmsActions2 =
|
|
33123
|
-
const polls =
|
|
33050
|
+
const hmsActions2 = useHMSActions28();
|
|
33051
|
+
const polls = useHMSStore44(selectPolls2);
|
|
33124
33052
|
const sortedPolls = useMemo7(
|
|
33125
33053
|
() => {
|
|
33126
33054
|
var _a8;
|
|
@@ -33131,7 +33059,7 @@ var PrevMenu = () => {
|
|
|
33131
33059
|
},
|
|
33132
33060
|
[polls]
|
|
33133
33061
|
);
|
|
33134
|
-
const permissions =
|
|
33062
|
+
const permissions = useHMSStore44(selectPermissions15);
|
|
33135
33063
|
useEffect22(() => {
|
|
33136
33064
|
const updatePolls = () => __async(void 0, null, function* () {
|
|
33137
33065
|
yield hmsActions2.interactivityCenter.getPolls();
|
|
@@ -33169,12 +33097,12 @@ var InteractionCard = ({ id, title, status }) => {
|
|
|
33169
33097
|
init_define_process_env();
|
|
33170
33098
|
import React94, { useMemo as useMemo9, useState as useState37 } from "react";
|
|
33171
33099
|
import { v4 as uuid2 } from "uuid";
|
|
33172
|
-
import { selectPollByID, useHMSActions as
|
|
33100
|
+
import { selectPollByID, useHMSActions as useHMSActions29, useHMSStore as useHMSStore45, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
|
|
33173
33101
|
import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
|
|
33174
33102
|
|
|
33175
33103
|
// src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
|
|
33176
33104
|
init_define_process_env();
|
|
33177
|
-
import React92, { useCallback as
|
|
33105
|
+
import React92, { useCallback as useCallback20, useRef as useRef18, useState as useState36 } from "react";
|
|
33178
33106
|
import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
|
|
33179
33107
|
|
|
33180
33108
|
// src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
|
|
@@ -33488,13 +33416,13 @@ var QuestionForm = ({
|
|
|
33488
33416
|
weight,
|
|
33489
33417
|
isQuiz
|
|
33490
33418
|
});
|
|
33491
|
-
const handleOptionTextChange =
|
|
33419
|
+
const handleOptionTextChange = useCallback20(
|
|
33492
33420
|
(index2, text2) => {
|
|
33493
33421
|
setOptions((options2) => [...options2.slice(0, index2), __spreadProps(__spreadValues({}, options2[index2]), { text: text2 }), ...options2.slice(index2 + 1)]);
|
|
33494
33422
|
},
|
|
33495
33423
|
[setOptions]
|
|
33496
33424
|
);
|
|
33497
|
-
const removeOption =
|
|
33425
|
+
const removeOption = useCallback20(
|
|
33498
33426
|
(index2) => setOptions((options2) => {
|
|
33499
33427
|
const newOptions = [...options2];
|
|
33500
33428
|
newOptions.splice(index2, 1);
|
|
@@ -33502,7 +33430,7 @@ var QuestionForm = ({
|
|
|
33502
33430
|
}),
|
|
33503
33431
|
[setOptions]
|
|
33504
33432
|
);
|
|
33505
|
-
const selectSingleChoiceAnswer =
|
|
33433
|
+
const selectSingleChoiceAnswer = useCallback20(
|
|
33506
33434
|
(answerIndex) => {
|
|
33507
33435
|
if (!isQuiz) {
|
|
33508
33436
|
return;
|
|
@@ -33515,7 +33443,7 @@ var QuestionForm = ({
|
|
|
33515
33443
|
},
|
|
33516
33444
|
[setOptions, isQuiz]
|
|
33517
33445
|
);
|
|
33518
|
-
const selectMultipleChoiceAnswer =
|
|
33446
|
+
const selectMultipleChoiceAnswer = useCallback20(
|
|
33519
33447
|
(checked, index2) => {
|
|
33520
33448
|
if (!isQuiz) {
|
|
33521
33449
|
return;
|
|
@@ -33706,11 +33634,11 @@ var getEditableFormat = (questions) => {
|
|
|
33706
33634
|
};
|
|
33707
33635
|
function CreateQuestions() {
|
|
33708
33636
|
var _a8, _b7, _c, _d;
|
|
33709
|
-
const actions =
|
|
33637
|
+
const actions = useHMSActions29();
|
|
33710
33638
|
const { isHLSRunning } = useRecordingStreaming9();
|
|
33711
33639
|
const togglePollView = usePollViewToggle();
|
|
33712
33640
|
const { pollInView: id, setPollView } = usePollViewState();
|
|
33713
|
-
const interaction =
|
|
33641
|
+
const interaction = useHMSStore45(selectPollByID(id));
|
|
33714
33642
|
const [questions, setQuestions] = useState37(
|
|
33715
33643
|
((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
|
|
33716
33644
|
);
|
|
@@ -33807,7 +33735,7 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
|
|
|
33807
33735
|
// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
|
|
33808
33736
|
init_define_process_env();
|
|
33809
33737
|
import React98, { useState as useState39 } from "react";
|
|
33810
|
-
import { selectPollByID as selectPollByID3, useHMSStore as
|
|
33738
|
+
import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
|
|
33811
33739
|
import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3, CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
|
|
33812
33740
|
|
|
33813
33741
|
// src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
|
|
@@ -33871,7 +33799,7 @@ var LeaderboardEntry = ({
|
|
|
33871
33799
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
33872
33800
|
init_define_process_env();
|
|
33873
33801
|
import React97 from "react";
|
|
33874
|
-
import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as
|
|
33802
|
+
import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
|
|
33875
33803
|
|
|
33876
33804
|
// src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
|
|
33877
33805
|
init_define_process_env();
|
|
@@ -33895,12 +33823,12 @@ init_define_process_env();
|
|
|
33895
33823
|
import { useEffect as useEffect23, useState as useState38 } from "react";
|
|
33896
33824
|
import {
|
|
33897
33825
|
selectPollByID as selectPollByID2,
|
|
33898
|
-
useHMSActions as
|
|
33899
|
-
useHMSStore as
|
|
33826
|
+
useHMSActions as useHMSActions30,
|
|
33827
|
+
useHMSStore as useHMSStore46
|
|
33900
33828
|
} from "@100mslive/react-sdk";
|
|
33901
33829
|
var useQuizSummary = (quizID) => {
|
|
33902
|
-
const hmsActions2 =
|
|
33903
|
-
const quiz =
|
|
33830
|
+
const hmsActions2 = useHMSActions30();
|
|
33831
|
+
const quiz = useHMSStore46(selectPollByID2(quizID));
|
|
33904
33832
|
const [quizLeaderboard, setQuizLeaderboard] = useState38();
|
|
33905
33833
|
const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
|
|
33906
33834
|
totalUsers: 0,
|
|
@@ -33937,7 +33865,7 @@ var useQuizSummary = (quizID) => {
|
|
|
33937
33865
|
|
|
33938
33866
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
33939
33867
|
var PeerParticipationSummary = ({ quiz }) => {
|
|
33940
|
-
const localPeerId =
|
|
33868
|
+
const localPeerId = useHMSStore47(selectLocalPeerID8);
|
|
33941
33869
|
const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
|
|
33942
33870
|
if (quiz.state !== "stopped") {
|
|
33943
33871
|
return /* @__PURE__ */ React97.createElement(React97.Fragment, null);
|
|
@@ -33978,7 +33906,7 @@ var PeerParticipationSummary = ({ quiz }) => {
|
|
|
33978
33906
|
// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
|
|
33979
33907
|
var LeaderboardSummary = ({ pollID }) => {
|
|
33980
33908
|
var _a8, _b7;
|
|
33981
|
-
const quiz =
|
|
33909
|
+
const quiz = useHMSStore48(selectPollByID3(pollID));
|
|
33982
33910
|
const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
|
|
33983
33911
|
const [viewAllEntries, setViewAllEntries] = useState39(false);
|
|
33984
33912
|
const { setPollView } = usePollViewState();
|
|
@@ -34056,8 +33984,8 @@ import {
|
|
|
34056
33984
|
selectPeerNameByID,
|
|
34057
33985
|
selectPermissions as selectPermissions16,
|
|
34058
33986
|
selectPollByID as selectPollByID4,
|
|
34059
|
-
useHMSActions as
|
|
34060
|
-
useHMSStore as
|
|
33987
|
+
useHMSActions as useHMSActions32,
|
|
33988
|
+
useHMSStore as useHMSStore50
|
|
34061
33989
|
} from "@100mslive/react-sdk";
|
|
34062
33990
|
import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon18 } from "@100mslive/react-icons";
|
|
34063
33991
|
|
|
@@ -34067,9 +33995,9 @@ import React100 from "react";
|
|
|
34067
33995
|
|
|
34068
33996
|
// src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
|
|
34069
33997
|
init_define_process_env();
|
|
34070
|
-
import React99, { useCallback as
|
|
33998
|
+
import React99, { useCallback as useCallback21, useEffect as useEffect24, useMemo as useMemo10, useRef as useRef19, useState as useState40 } from "react";
|
|
34071
33999
|
import { match as match8 } from "ts-pattern";
|
|
34072
|
-
import { selectLocalPeer as selectLocalPeer2, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as
|
|
34000
|
+
import { selectLocalPeer as selectLocalPeer2, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
|
|
34073
34001
|
import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
|
|
34074
34002
|
var QuestionCard2 = ({
|
|
34075
34003
|
pollID,
|
|
@@ -34087,10 +34015,10 @@ var QuestionCard2 = ({
|
|
|
34087
34015
|
updateSavedResponses,
|
|
34088
34016
|
rolesThatCanViewResponses
|
|
34089
34017
|
}) => {
|
|
34090
|
-
const actions =
|
|
34091
|
-
const localPeer =
|
|
34018
|
+
const actions = useHMSActions31();
|
|
34019
|
+
const localPeer = useHMSStore49(selectLocalPeer2);
|
|
34092
34020
|
const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
|
|
34093
|
-
const localPeerRoleName =
|
|
34021
|
+
const localPeerRoleName = useHMSStore49(selectLocalPeerRoleName2);
|
|
34094
34022
|
const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
|
|
34095
34023
|
const [localPeerChoice, setLocalPeerChoice] = useState40(localPeerResponse);
|
|
34096
34024
|
useEffect24(() => {
|
|
@@ -34113,7 +34041,7 @@ var QuestionCard2 = ({
|
|
|
34113
34041
|
return multipleOptionAnswer.size > 0;
|
|
34114
34042
|
}
|
|
34115
34043
|
}, [singleOptionAnswer, multipleOptionAnswer, type]);
|
|
34116
|
-
const handleVote =
|
|
34044
|
+
const handleVote = useCallback21(() => __async(void 0, null, function* () {
|
|
34117
34045
|
if (!isValidVote) {
|
|
34118
34046
|
return;
|
|
34119
34047
|
}
|
|
@@ -34318,16 +34246,16 @@ var TimedView = ({
|
|
|
34318
34246
|
|
|
34319
34247
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
|
34320
34248
|
var Voting = ({ id, toggleVoting }) => {
|
|
34321
|
-
const actions =
|
|
34322
|
-
const poll =
|
|
34323
|
-
const pollCreatorName =
|
|
34324
|
-
const permissions =
|
|
34249
|
+
const actions = useHMSActions32();
|
|
34250
|
+
const poll = useHMSStore50(selectPollByID4(id));
|
|
34251
|
+
const pollCreatorName = useHMSStore50(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
|
|
34252
|
+
const permissions = useHMSStore50(selectPermissions16);
|
|
34325
34253
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
|
34326
34254
|
const { setPollView } = usePollViewState();
|
|
34327
34255
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
|
34328
34256
|
const fetchedInitialResponses = useRef20(false);
|
|
34329
34257
|
const [savedResponses, setSavedResponses] = useState42({});
|
|
34330
|
-
const localPeer =
|
|
34258
|
+
const localPeer = useHMSStore50(selectLocalPeer3);
|
|
34331
34259
|
const localPeerId = localPeer == null ? void 0 : localPeer.id;
|
|
34332
34260
|
const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
|
|
34333
34261
|
useEffect26(() => {
|
|
@@ -34442,10 +34370,10 @@ import { CrossIcon as CrossIcon19 } from "@100mslive/react-icons";
|
|
|
34442
34370
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
|
34443
34371
|
init_define_process_env();
|
|
34444
34372
|
import React104, { useEffect as useEffect27, useState as useState43 } from "react";
|
|
34445
|
-
import { selectDominantSpeaker, useHMSStore as
|
|
34373
|
+
import { selectDominantSpeaker, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
|
|
34446
34374
|
import { VolumeOneIcon } from "@100mslive/react-icons";
|
|
34447
34375
|
var SpeakerTag = () => {
|
|
34448
|
-
const dominantSpeaker =
|
|
34376
|
+
const dominantSpeaker = useHMSStore51(selectDominantSpeaker);
|
|
34449
34377
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React104.createElement(
|
|
34450
34378
|
Flex,
|
|
34451
34379
|
{
|
|
@@ -34543,20 +34471,20 @@ init_define_process_env();
|
|
|
34543
34471
|
import React122, { useEffect as useEffect35, useState as useState53 } from "react";
|
|
34544
34472
|
import { useMedia as useMedia20 } from "react-use";
|
|
34545
34473
|
import { match as match10 } from "ts-pattern";
|
|
34546
|
-
import { selectPeerCount as selectPeerCount5, useHMSStore as
|
|
34474
|
+
import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
|
|
34547
34475
|
import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
|
|
34548
34476
|
|
|
34549
34477
|
// src/Prebuilt/components/Chat/Chat.tsx
|
|
34550
34478
|
init_define_process_env();
|
|
34551
|
-
import React119, { useCallback as
|
|
34479
|
+
import React119, { useCallback as useCallback29, useRef as useRef24 } from "react";
|
|
34552
34480
|
import { useMedia as useMedia19 } from "react-use";
|
|
34553
34481
|
import { match as match9 } from "ts-pattern";
|
|
34554
|
-
import { selectHMSMessagesCount, useHMSActions as
|
|
34482
|
+
import { selectHMSMessagesCount, useHMSActions as useHMSActions40, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
|
|
34555
34483
|
import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
|
|
34556
34484
|
|
|
34557
34485
|
// src/Prebuilt/components/Chat/ChatBody.tsx
|
|
34558
34486
|
init_define_process_env();
|
|
34559
|
-
import React111, { Fragment as Fragment10, useCallback as
|
|
34487
|
+
import React111, { Fragment as Fragment10, useCallback as useCallback25, useEffect as useEffect30, useLayoutEffect, useMemo as useMemo11, useRef as useRef21, useState as useState47 } from "react";
|
|
34560
34488
|
import { useMedia as useMedia14 } from "react-use";
|
|
34561
34489
|
import AutoSizer from "react-virtualized-auto-sizer";
|
|
34562
34490
|
import { VariableSizeList } from "react-window";
|
|
@@ -34568,16 +34496,16 @@ import {
|
|
|
34568
34496
|
selectPeerNameByID as selectPeerNameByID3,
|
|
34569
34497
|
selectSessionStore as selectSessionStore5,
|
|
34570
34498
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
|
|
34571
|
-
useHMSActions as
|
|
34572
|
-
useHMSStore as
|
|
34499
|
+
useHMSActions as useHMSActions36,
|
|
34500
|
+
useHMSStore as useHMSStore55,
|
|
34573
34501
|
useHMSVanillaStore as useHMSVanillaStore9
|
|
34574
34502
|
} from "@100mslive/react-sdk";
|
|
34575
34503
|
import { SolidPinIcon } from "@100mslive/react-icons";
|
|
34576
34504
|
|
|
34577
34505
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
|
34578
34506
|
init_define_process_env();
|
|
34579
|
-
import React109, { useCallback as
|
|
34580
|
-
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as
|
|
34507
|
+
import React109, { useCallback as useCallback24, useState as useState45 } from "react";
|
|
34508
|
+
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions35, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
|
|
34581
34509
|
import {
|
|
34582
34510
|
CopyIcon as CopyIcon2,
|
|
34583
34511
|
CrossCircleIcon as CrossCircleIcon2,
|
|
@@ -34604,12 +34532,12 @@ var MwebChatOption = ({
|
|
|
34604
34532
|
|
|
34605
34533
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
|
34606
34534
|
init_define_process_env();
|
|
34607
|
-
import { useCallback as
|
|
34608
|
-
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore2, useHMSActions as
|
|
34535
|
+
import { useCallback as useCallback22 } from "react";
|
|
34536
|
+
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions33, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
|
|
34609
34537
|
var useChatBlacklist = (sessionStoreKey) => {
|
|
34610
|
-
const hmsActions2 =
|
|
34611
|
-
const blacklistedIDs =
|
|
34612
|
-
const blacklistItem =
|
|
34538
|
+
const hmsActions2 = useHMSActions33();
|
|
34539
|
+
const blacklistedIDs = useHMSStore52(selectSessionStore2(sessionStoreKey));
|
|
34540
|
+
const blacklistItem = useCallback22(
|
|
34613
34541
|
(blacklistID) => __async(void 0, null, function* () {
|
|
34614
34542
|
yield hmsActions2.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
34615
34543
|
}),
|
|
@@ -34618,24 +34546,24 @@ var useChatBlacklist = (sessionStoreKey) => {
|
|
|
34618
34546
|
return { blacklistItem, blacklistedIDs };
|
|
34619
34547
|
};
|
|
34620
34548
|
var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
|
34621
|
-
const localPeer =
|
|
34622
|
-
const blacklistedPeerIDs =
|
|
34549
|
+
const localPeer = useHMSStore52(selectLocalPeer4);
|
|
34550
|
+
const blacklistedPeerIDs = useHMSStore52(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
|
34623
34551
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
|
34624
34552
|
};
|
|
34625
34553
|
|
|
34626
34554
|
// src/Prebuilt/components/hooks/usePinnedMessages.ts
|
|
34627
34555
|
init_define_process_env();
|
|
34628
|
-
import { useCallback as
|
|
34556
|
+
import { useCallback as useCallback23 } from "react";
|
|
34629
34557
|
import {
|
|
34630
34558
|
selectPeerNameByID as selectPeerNameByID2,
|
|
34631
34559
|
selectSessionStore as selectSessionStore3,
|
|
34632
|
-
useHMSActions as
|
|
34560
|
+
useHMSActions as useHMSActions34,
|
|
34633
34561
|
useHMSVanillaStore as useHMSVanillaStore8
|
|
34634
34562
|
} from "@100mslive/react-sdk";
|
|
34635
34563
|
var usePinnedMessages = () => {
|
|
34636
|
-
const hmsActions2 =
|
|
34564
|
+
const hmsActions2 = useHMSActions34();
|
|
34637
34565
|
const vanillaStore = useHMSVanillaStore8();
|
|
34638
|
-
const setPinnedMessages =
|
|
34566
|
+
const setPinnedMessages = useCallback23(
|
|
34639
34567
|
(message, pinnedBy) => __async(void 0, null, function* () {
|
|
34640
34568
|
const peerName = vanillaStore.getState(selectPeerNameByID2(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
|
|
34641
34569
|
const newPinnedMessage = { text: "", id: message.id, pinnedBy };
|
|
@@ -34651,7 +34579,7 @@ var usePinnedMessages = () => {
|
|
|
34651
34579
|
}),
|
|
34652
34580
|
[hmsActions2, vanillaStore]
|
|
34653
34581
|
);
|
|
34654
|
-
const removePinnedMessage =
|
|
34582
|
+
const removePinnedMessage = useCallback23(
|
|
34655
34583
|
(indexToRemove) => __async(void 0, null, function* () {
|
|
34656
34584
|
const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
34657
34585
|
if (pinnedMessages[indexToRemove]) {
|
|
@@ -34663,7 +34591,7 @@ var usePinnedMessages = () => {
|
|
|
34663
34591
|
}),
|
|
34664
34592
|
[hmsActions2, vanillaStore]
|
|
34665
34593
|
);
|
|
34666
|
-
const unpinBlacklistedMessages =
|
|
34594
|
+
const unpinBlacklistedMessages = useCallback23(
|
|
34667
34595
|
(blacklistedMessageIDSet) => __async(void 0, null, function* () {
|
|
34668
34596
|
const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
34669
34597
|
const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
|
|
@@ -34701,23 +34629,23 @@ var ChatActions = ({
|
|
|
34701
34629
|
const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
|
|
34702
34630
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
|
34703
34631
|
const [open, setOpen] = useState45(false);
|
|
34704
|
-
const actions =
|
|
34705
|
-
const canRemoveOthers = (_b7 =
|
|
34632
|
+
const actions = useHMSActions35();
|
|
34633
|
+
const canRemoveOthers = (_b7 = useHMSStore53(selectPermissions17)) == null ? void 0 : _b7.removeOthers;
|
|
34706
34634
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
|
34707
|
-
const localPeerName =
|
|
34635
|
+
const localPeerName = useHMSStore53(selectLocalPeerName2);
|
|
34708
34636
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
|
34709
34637
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
|
34710
34638
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
|
34711
34639
|
);
|
|
34712
34640
|
const isSenderBlocked = useIsPeerBlacklisted({ peerCustomerUserId: message.senderUserId });
|
|
34713
|
-
const updatePinnedMessages =
|
|
34641
|
+
const updatePinnedMessages = useCallback24(
|
|
34714
34642
|
(messageID = "") => {
|
|
34715
34643
|
const blacklistedMessageIDSet = /* @__PURE__ */ new Set([...blacklistedMessageIDs || [], messageID]);
|
|
34716
34644
|
unpinBlacklistedMessages(blacklistedMessageIDSet);
|
|
34717
34645
|
},
|
|
34718
34646
|
[blacklistedMessageIDs, unpinBlacklistedMessages]
|
|
34719
34647
|
);
|
|
34720
|
-
const copyMessageContent =
|
|
34648
|
+
const copyMessageContent = useCallback24(() => {
|
|
34721
34649
|
try {
|
|
34722
34650
|
navigator == null ? void 0 : navigator.clipboard.writeText(message.message);
|
|
34723
34651
|
ToastManager.addToast({
|
|
@@ -34927,9 +34855,9 @@ var EmptyChat = () => {
|
|
|
34927
34855
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
|
34928
34856
|
init_define_process_env();
|
|
34929
34857
|
import { useEffect as useEffect29, useState as useState46 } from "react";
|
|
34930
|
-
import { selectSessionStore as selectSessionStore4, useHMSStore as
|
|
34858
|
+
import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
|
|
34931
34859
|
var usePinnedBy = (messageId) => {
|
|
34932
|
-
const pinnedMessages =
|
|
34860
|
+
const pinnedMessages = useHMSStore54(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
|
|
34933
34861
|
const [pinnedBy, setPinnedBy] = useState46("");
|
|
34934
34862
|
useEffect29(() => {
|
|
34935
34863
|
let match17 = "";
|
|
@@ -34981,26 +34909,33 @@ var MessageTypeContainer = ({ left, right }) => {
|
|
|
34981
34909
|
css: {
|
|
34982
34910
|
ml: "$2",
|
|
34983
34911
|
mr: "$4",
|
|
34984
|
-
gap: "$space$2"
|
|
34912
|
+
gap: "$space$2",
|
|
34913
|
+
flexWrap: "nowrap"
|
|
34985
34914
|
}
|
|
34986
34915
|
},
|
|
34987
34916
|
left && /* @__PURE__ */ React111.createElement(
|
|
34988
|
-
|
|
34917
|
+
Text,
|
|
34989
34918
|
{
|
|
34990
34919
|
variant: "xs",
|
|
34991
34920
|
as: "span",
|
|
34992
|
-
css: {
|
|
34921
|
+
css: {
|
|
34922
|
+
color: "$on_surface_medium",
|
|
34923
|
+
textTransform: "capitalize",
|
|
34924
|
+
fontWeight: "$regular",
|
|
34925
|
+
whiteSpace: "nowrap"
|
|
34926
|
+
}
|
|
34993
34927
|
},
|
|
34994
34928
|
left
|
|
34995
34929
|
),
|
|
34996
34930
|
right && /* @__PURE__ */ React111.createElement(
|
|
34997
|
-
|
|
34931
|
+
Text,
|
|
34998
34932
|
{
|
|
34999
34933
|
as: "span",
|
|
35000
34934
|
variant: "overline",
|
|
35001
34935
|
css: {
|
|
35002
34936
|
color: "$on_surface_medium",
|
|
35003
|
-
fontWeight: "$regular"
|
|
34937
|
+
fontWeight: "$regular",
|
|
34938
|
+
whiteSpace: "nowrap"
|
|
35004
34939
|
}
|
|
35005
34940
|
},
|
|
35006
34941
|
right
|
|
@@ -35012,8 +34947,8 @@ var MessageType = ({
|
|
|
35012
34947
|
hasCurrentUserSent,
|
|
35013
34948
|
receiver
|
|
35014
34949
|
}) => {
|
|
35015
|
-
const peerName =
|
|
35016
|
-
const localPeerRoleName =
|
|
34950
|
+
const peerName = useHMSStore55(selectPeerNameByID3(receiver));
|
|
34951
|
+
const localPeerRoleName = useHMSStore55(selectLocalPeerRoleName3);
|
|
35017
34952
|
if (receiver) {
|
|
35018
34953
|
return /* @__PURE__ */ React111.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
|
35019
34954
|
}
|
|
@@ -35048,7 +34983,7 @@ var SenderName = styled(Text, {
|
|
|
35048
34983
|
overflow: "hidden",
|
|
35049
34984
|
textOverflow: "ellipsis",
|
|
35050
34985
|
whiteSpace: "nowrap",
|
|
35051
|
-
|
|
34986
|
+
width: "100%",
|
|
35052
34987
|
minWidth: 0,
|
|
35053
34988
|
color: "$on_surface_high",
|
|
35054
34989
|
fontWeight: "$semiBold"
|
|
@@ -35061,7 +34996,7 @@ var ChatMessage = React111.memo(
|
|
|
35061
34996
|
const isMobile = useMedia14(config.media.md);
|
|
35062
34997
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
35063
34998
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
35064
|
-
const localPeerId =
|
|
34999
|
+
const localPeerId = useHMSStore55(selectLocalPeerID9);
|
|
35065
35000
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
35066
35001
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
35067
35002
|
const messageType = getMessageType({
|
|
@@ -35133,30 +35068,43 @@ var ChatMessage = React111.memo(
|
|
|
35133
35068
|
},
|
|
35134
35069
|
as: "div"
|
|
35135
35070
|
},
|
|
35136
|
-
/* @__PURE__ */ React111.createElement(
|
|
35137
|
-
|
|
35138
|
-
{
|
|
35139
|
-
as: "span",
|
|
35140
|
-
variant: "sub2",
|
|
35141
|
-
css: { color: isOverlay ? "#FFF" : "$on_surface_high", fontWeight: "$semiBold" }
|
|
35142
|
-
},
|
|
35143
|
-
message.senderName || "Anonymous"
|
|
35144
|
-
) : /* @__PURE__ */ React111.createElement(Tooltip, { title: message.senderName, side: "top", align: "start" }, /* @__PURE__ */ React111.createElement(
|
|
35145
|
-
SenderName,
|
|
35071
|
+
/* @__PURE__ */ React111.createElement(
|
|
35072
|
+
Flex,
|
|
35146
35073
|
{
|
|
35147
|
-
|
|
35148
|
-
|
|
35149
|
-
|
|
35074
|
+
align: "baseline",
|
|
35075
|
+
css: {
|
|
35076
|
+
flexWrap: "nowrap",
|
|
35077
|
+
maxWidth: "calc(100% - 10ch)",
|
|
35078
|
+
textOverflow: "ellipsis",
|
|
35079
|
+
whiteSpace: "nowrap"
|
|
35080
|
+
}
|
|
35150
35081
|
},
|
|
35151
|
-
message.
|
|
35152
|
-
|
|
35153
|
-
|
|
35154
|
-
|
|
35155
|
-
|
|
35156
|
-
|
|
35157
|
-
|
|
35158
|
-
|
|
35159
|
-
|
|
35082
|
+
message.senderName === "You" || !message.senderName ? /* @__PURE__ */ React111.createElement(
|
|
35083
|
+
SenderName,
|
|
35084
|
+
{
|
|
35085
|
+
as: "span",
|
|
35086
|
+
variant: "sub2",
|
|
35087
|
+
css: { color: isOverlay ? "#FFF" : "$on_surface_high", fontWeight: "$semiBold" }
|
|
35088
|
+
},
|
|
35089
|
+
message.senderName || "Anonymous"
|
|
35090
|
+
) : /* @__PURE__ */ React111.createElement(Tooltip, { title: message.senderName, side: "top", align: "start", boxCss: { zIndex: 50 } }, /* @__PURE__ */ React111.createElement(
|
|
35091
|
+
SenderName,
|
|
35092
|
+
{
|
|
35093
|
+
as: "span",
|
|
35094
|
+
variant: "sub2",
|
|
35095
|
+
css: { color: isOverlay ? "#FFF" : "$on_surface_high", fontWeight: "$semiBold" }
|
|
35096
|
+
},
|
|
35097
|
+
message.sender === localPeerId ? `${message.senderName} (You)` : message.senderName
|
|
35098
|
+
)),
|
|
35099
|
+
/* @__PURE__ */ React111.createElement(
|
|
35100
|
+
MessageType,
|
|
35101
|
+
{
|
|
35102
|
+
hasCurrentUserSent: message.sender === localPeerId,
|
|
35103
|
+
receiver: message.recipientPeer,
|
|
35104
|
+
roles: message.recipientRoles
|
|
35105
|
+
}
|
|
35106
|
+
)
|
|
35107
|
+
),
|
|
35160
35108
|
!isOverlay ? /* @__PURE__ */ React111.createElement(
|
|
35161
35109
|
Text,
|
|
35162
35110
|
{
|
|
@@ -35225,8 +35173,8 @@ var MessageWrapper = React111.memo(
|
|
|
35225
35173
|
}
|
|
35226
35174
|
);
|
|
35227
35175
|
var VirtualizedChatMessages = React111.forwardRef(({ messages, scrollToBottom }, listRef) => {
|
|
35228
|
-
const hmsActions2 =
|
|
35229
|
-
const itemKey2 =
|
|
35176
|
+
const hmsActions2 = useHMSActions36();
|
|
35177
|
+
const itemKey2 = useCallback25((index, data3) => {
|
|
35230
35178
|
return data3[index].id;
|
|
35231
35179
|
}, []);
|
|
35232
35180
|
useEffect30(() => {
|
|
@@ -35280,8 +35228,8 @@ var VirtualizedChatMessages = React111.forwardRef(({ messages, scrollToBottom },
|
|
|
35280
35228
|
});
|
|
35281
35229
|
var ChatBody = React111.forwardRef(
|
|
35282
35230
|
({ scrollToBottom }, listRef) => {
|
|
35283
|
-
const messages =
|
|
35284
|
-
const blacklistedMessageIDs =
|
|
35231
|
+
const messages = useHMSStore55(selectHMSMessages);
|
|
35232
|
+
const blacklistedMessageIDs = useHMSStore55(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
|
35285
35233
|
const filteredMessages = useMemo11(() => {
|
|
35286
35234
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
35287
35235
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
|
@@ -35315,7 +35263,7 @@ var PinnedBy = ({
|
|
|
35315
35263
|
rowRef
|
|
35316
35264
|
}) => {
|
|
35317
35265
|
const pinnedBy = usePinnedBy(messageId);
|
|
35318
|
-
const localPeerName =
|
|
35266
|
+
const localPeerName = useHMSStore55(selectLocalPeerName3);
|
|
35319
35267
|
useLayoutEffect(() => {
|
|
35320
35268
|
if (rowRef == null ? void 0 : rowRef.current) {
|
|
35321
35269
|
if (pinnedBy) {
|
|
@@ -35334,11 +35282,11 @@ var PinnedBy = ({
|
|
|
35334
35282
|
|
|
35335
35283
|
// src/Prebuilt/components/Chat/ChatFooter.tsx
|
|
35336
35284
|
init_define_process_env();
|
|
35337
|
-
import React114, { useCallback as
|
|
35285
|
+
import React114, { useCallback as useCallback27, useEffect as useEffect32, useRef as useRef23, useState as useState50 } from "react";
|
|
35338
35286
|
import { useMedia as useMedia17 } from "react-use";
|
|
35339
35287
|
import data2 from "@emoji-mart/data";
|
|
35340
35288
|
import Picker from "@emoji-mart/react";
|
|
35341
|
-
import { selectLocalPeer as selectLocalPeer5, useHMSActions as
|
|
35289
|
+
import { selectLocalPeer as selectLocalPeer5, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
|
|
35342
35290
|
import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
|
|
35343
35291
|
|
|
35344
35292
|
// src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
|
|
@@ -35357,7 +35305,7 @@ import {
|
|
|
35357
35305
|
selectMessagesUnreadCountByRole,
|
|
35358
35306
|
selectRemotePeers as selectRemotePeers2,
|
|
35359
35307
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
|
|
35360
|
-
useHMSStore as
|
|
35308
|
+
useHMSStore as useHMSStore56
|
|
35361
35309
|
} from "@100mslive/react-sdk";
|
|
35362
35310
|
import { CheckIcon as CheckIcon6, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
|
|
35363
35311
|
var ChatDotIcon = () => {
|
|
@@ -35407,7 +35355,7 @@ var SelectorHeader = React112.memo(
|
|
|
35407
35355
|
}
|
|
35408
35356
|
);
|
|
35409
35357
|
var Everyone = React112.memo(({ active }) => {
|
|
35410
|
-
const unreadCount =
|
|
35358
|
+
const unreadCount = useHMSStore56(selectUnreadHMSMessagesCount3);
|
|
35411
35359
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
35412
35360
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
35413
35361
|
return /* @__PURE__ */ React112.createElement(
|
|
@@ -35425,7 +35373,7 @@ var Everyone = React112.memo(({ active }) => {
|
|
|
35425
35373
|
);
|
|
35426
35374
|
});
|
|
35427
35375
|
var RoleItem = React112.memo(({ role, active }) => {
|
|
35428
|
-
const unreadCount =
|
|
35376
|
+
const unreadCount = useHMSStore56(selectMessagesUnreadCountByRole(role));
|
|
35429
35377
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
35430
35378
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
35431
35379
|
return /* @__PURE__ */ React112.createElement(
|
|
@@ -35442,7 +35390,7 @@ var RoleItem = React112.memo(({ role, active }) => {
|
|
|
35442
35390
|
);
|
|
35443
35391
|
});
|
|
35444
35392
|
var PeerItem = ({ peerId, name, active }) => {
|
|
35445
|
-
const unreadCount =
|
|
35393
|
+
const unreadCount = useHMSStore56(selectMessagesUnreadCountByPeerID(peerId));
|
|
35446
35394
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
35447
35395
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
35448
35396
|
return /* @__PURE__ */ React112.createElement(
|
|
@@ -35501,7 +35449,7 @@ var VirtualizedSelectItemList = ({
|
|
|
35501
35449
|
var ChatSelector = ({ role, peerId }) => {
|
|
35502
35450
|
var _a8, _b7;
|
|
35503
35451
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
35504
|
-
const peers =
|
|
35452
|
+
const peers = useHMSStore56(selectRemotePeers2);
|
|
35505
35453
|
const [search, setSearch] = useState48("");
|
|
35506
35454
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
35507
35455
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
|
@@ -35638,15 +35586,15 @@ var ChatSelectorContainer = () => {
|
|
|
35638
35586
|
|
|
35639
35587
|
// src/Prebuilt/components/AppData/useChatState.js
|
|
35640
35588
|
init_define_process_env();
|
|
35641
|
-
import { useCallback as
|
|
35642
|
-
import { selectAppData as selectAppData7, useHMSActions as
|
|
35589
|
+
import { useCallback as useCallback26 } from "react";
|
|
35590
|
+
import { selectAppData as selectAppData7, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
|
|
35643
35591
|
var useChatDraftMessage = () => {
|
|
35644
|
-
const hmsActions2 =
|
|
35645
|
-
let chatDraftMessage =
|
|
35592
|
+
const hmsActions2 = useHMSActions37();
|
|
35593
|
+
let chatDraftMessage = useHMSStore57(selectAppData7(APP_DATA.chatDraft));
|
|
35646
35594
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
|
35647
35595
|
chatDraftMessage = "";
|
|
35648
35596
|
}
|
|
35649
|
-
const setDraftMessage =
|
|
35597
|
+
const setDraftMessage = useCallback26(
|
|
35650
35598
|
(message) => {
|
|
35651
35599
|
hmsActions2.setAppData(APP_DATA.chatDraft, message, true);
|
|
35652
35600
|
},
|
|
@@ -35736,13 +35684,13 @@ function EmojiPicker({ onSelect }) {
|
|
|
35736
35684
|
}
|
|
35737
35685
|
var ChatFooter = ({ onSend, children }) => {
|
|
35738
35686
|
var _a8, _b7, _c, _d, _e2;
|
|
35739
|
-
const hmsActions2 =
|
|
35687
|
+
const hmsActions2 = useHMSActions38();
|
|
35740
35688
|
const inputRef = useRef23(null);
|
|
35741
35689
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
|
35742
35690
|
const isMobile = useMedia17(config.media.md);
|
|
35743
35691
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
35744
35692
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
|
35745
|
-
const localPeer =
|
|
35693
|
+
const localPeer = useHMSStore58(selectLocalPeer5);
|
|
35746
35694
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
|
35747
35695
|
const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
|
|
35748
35696
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -35763,7 +35711,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
|
35763
35711
|
}
|
|
35764
35712
|
}
|
|
35765
35713
|
}, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements == null ? void 0 : elements.chat]);
|
|
35766
|
-
const resetInputHeight =
|
|
35714
|
+
const resetInputHeight = useCallback27(() => {
|
|
35767
35715
|
if (inputRef.current) {
|
|
35768
35716
|
inputRef.current.style.height = `${Math.max(
|
|
35769
35717
|
32,
|
|
@@ -35771,12 +35719,12 @@ var ChatFooter = ({ onSend, children }) => {
|
|
|
35771
35719
|
)}px`;
|
|
35772
35720
|
}
|
|
35773
35721
|
}, []);
|
|
35774
|
-
const updateInputHeight =
|
|
35722
|
+
const updateInputHeight = useCallback27(() => {
|
|
35775
35723
|
if (inputRef.current) {
|
|
35776
35724
|
inputRef.current.style.height = `${Math.max(32, Math.min(inputRef.current.scrollHeight, 24 * 4))}px`;
|
|
35777
35725
|
}
|
|
35778
35726
|
}, []);
|
|
35779
|
-
const sendMessage =
|
|
35727
|
+
const sendMessage = useCallback27(() => __async(void 0, null, function* () {
|
|
35780
35728
|
var _a9;
|
|
35781
35729
|
const message = (_a9 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a9.value;
|
|
35782
35730
|
if (!message || !message.trim().length) {
|
|
@@ -35944,16 +35892,16 @@ var ChatFooter = ({ onSend, children }) => {
|
|
|
35944
35892
|
|
|
35945
35893
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
|
35946
35894
|
init_define_process_env();
|
|
35947
|
-
import React115, { useCallback as
|
|
35948
|
-
import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore6, useHMSActions as
|
|
35895
|
+
import React115, { useCallback as useCallback28 } from "react";
|
|
35896
|
+
import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions39, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
|
|
35949
35897
|
var ChatPaused = () => {
|
|
35950
35898
|
var _a8, _b7;
|
|
35951
|
-
const hmsActions2 =
|
|
35899
|
+
const hmsActions2 = useHMSActions39();
|
|
35952
35900
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
35953
35901
|
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);
|
|
35954
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } =
|
|
35955
|
-
const localPeer =
|
|
35956
|
-
const unPauseChat =
|
|
35902
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
|
|
35903
|
+
const localPeer = useHMSStore59(selectLocalPeer6);
|
|
35904
|
+
const unPauseChat = useCallback28(
|
|
35957
35905
|
() => __async(void 0, null, function* () {
|
|
35958
35906
|
return yield hmsActions2.sessionStore.set("chatState" /* CHAT_STATE */, {
|
|
35959
35907
|
enabled: true,
|
|
@@ -36003,7 +35951,7 @@ init_define_process_env();
|
|
|
36003
35951
|
import React118, { useEffect as useEffect33, useState as useState51 } from "react";
|
|
36004
35952
|
import { useSwipeable } from "react-swipeable";
|
|
36005
35953
|
import { useMedia as useMedia18 } from "react-use";
|
|
36006
|
-
import { selectSessionStore as selectSessionStore7, useHMSStore as
|
|
35954
|
+
import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
|
|
36007
35955
|
import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
|
|
36008
35956
|
|
|
36009
35957
|
// src/Prebuilt/components/Chat/ArrowNavigation.tsx
|
|
@@ -36060,7 +36008,7 @@ var StickIndicator = ({ total, index }) => {
|
|
|
36060
36008
|
var PINNED_MESSAGE_LENGTH = 75;
|
|
36061
36009
|
var PinnedMessage = () => {
|
|
36062
36010
|
var _a8, _b7, _c, _d;
|
|
36063
|
-
const pinnedMessages =
|
|
36011
|
+
const pinnedMessages = useHMSStore60(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
|
|
36064
36012
|
const [pinnedMessageIndex, setPinnedMessageIndex] = useState51(0);
|
|
36065
36013
|
const { removePinnedMessage } = usePinnedMessages();
|
|
36066
36014
|
const isMobile = useMedia18(config.media.md);
|
|
@@ -36177,15 +36125,15 @@ var Chat = () => {
|
|
|
36177
36125
|
var _a8, _b7;
|
|
36178
36126
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
36179
36127
|
const listRef = useRef24(null);
|
|
36180
|
-
const hmsActions2 =
|
|
36128
|
+
const hmsActions2 = useHMSActions40();
|
|
36181
36129
|
const vanillaStore = useHMSVanillaStore10();
|
|
36182
|
-
const { enabled: isChatEnabled = true } =
|
|
36130
|
+
const { enabled: isChatEnabled = true } = useHMSStore61(Bm("chatState" /* CHAT_STATE */)) || {};
|
|
36183
36131
|
const isMobile = useMedia19(config.media.md);
|
|
36184
36132
|
const isMobileHLSStream = useMobileHLSStream();
|
|
36185
36133
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
36186
36134
|
useSidepaneResetOnLayoutUpdate("chat", SIDE_PANE_OPTIONS.CHAT);
|
|
36187
36135
|
const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
|
|
36188
|
-
const scrollToBottom =
|
|
36136
|
+
const scrollToBottom = useCallback29(
|
|
36189
36137
|
(unreadCount = 0) => {
|
|
36190
36138
|
var _a9;
|
|
36191
36139
|
if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
|
|
@@ -36269,7 +36217,7 @@ var NewMessageIndicator = ({
|
|
|
36269
36217
|
scrollToBottom,
|
|
36270
36218
|
listRef
|
|
36271
36219
|
}) => {
|
|
36272
|
-
const unreadCount =
|
|
36220
|
+
const unreadCount = useHMSStore61(cm);
|
|
36273
36221
|
if (!unreadCount || !listRef.current) {
|
|
36274
36222
|
return null;
|
|
36275
36223
|
}
|
|
@@ -36319,7 +36267,7 @@ import React120, { useEffect as useEffect34, useState as useState52 } from "reac
|
|
|
36319
36267
|
import { useInView } from "react-intersection-observer";
|
|
36320
36268
|
import { useMeasure as useMeasure2 } from "react-use";
|
|
36321
36269
|
import { VariableSizeList as VariableSizeList2 } from "react-window";
|
|
36322
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as
|
|
36270
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore62, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
|
|
36323
36271
|
import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon22 } from "@100mslive/react-icons";
|
|
36324
36272
|
var LoadMoreParticipants = ({
|
|
36325
36273
|
hasNext,
|
|
@@ -36363,7 +36311,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
|
36363
36311
|
var _a8;
|
|
36364
36312
|
return (_a8 = p2.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
|
36365
36313
|
});
|
|
36366
|
-
const isConnected =
|
|
36314
|
+
const isConnected = useHMSStore62(selectIsConnectedToRoom8);
|
|
36367
36315
|
const [ref, { width }] = useMeasure2();
|
|
36368
36316
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
|
36369
36317
|
const resetSidePane = useSidepaneReset();
|
|
@@ -36397,15 +36345,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
|
36397
36345
|
// src/Prebuilt/components/ChatSettings.tsx
|
|
36398
36346
|
init_define_process_env();
|
|
36399
36347
|
import React121 from "react";
|
|
36400
|
-
import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore8, useHMSActions as
|
|
36348
|
+
import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions41, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
|
|
36401
36349
|
import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
|
|
36402
36350
|
var ChatSettings = () => {
|
|
36403
36351
|
var _a8, _b7;
|
|
36404
|
-
const hmsActions2 =
|
|
36405
|
-
const localPeer =
|
|
36352
|
+
const hmsActions2 = useHMSActions41();
|
|
36353
|
+
const localPeer = useHMSStore63(selectLocalPeer7);
|
|
36406
36354
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
36407
36355
|
const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
36408
|
-
const { enabled: isChatEnabled = true } =
|
|
36356
|
+
const { enabled: isChatEnabled = true } = useHMSStore63(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
|
|
36409
36357
|
const showPause = canPauseChat && isChatEnabled;
|
|
36410
36358
|
if (!showPause) {
|
|
36411
36359
|
return null;
|
|
@@ -36473,7 +36421,7 @@ var SidePaneTabs = React122.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
|
|
|
36473
36421
|
const resetSidePane = useSidepaneReset();
|
|
36474
36422
|
const [activeTab, setActiveTab] = useState53(active);
|
|
36475
36423
|
const [activeRole, setActiveRole] = useState53("");
|
|
36476
|
-
const peerCount =
|
|
36424
|
+
const peerCount = useHMSStore64(selectPeerCount5);
|
|
36477
36425
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
36478
36426
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
|
36479
36427
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
@@ -36592,7 +36540,7 @@ var SidePaneTabs = React122.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
|
|
|
36592
36540
|
|
|
36593
36541
|
// src/Prebuilt/components/VideoTile.tsx
|
|
36594
36542
|
init_define_process_env();
|
|
36595
|
-
import React126, { useCallback as
|
|
36543
|
+
import React126, { useCallback as useCallback30, useMemo as useMemo13, useState as useState55 } from "react";
|
|
36596
36544
|
import { useMeasure as useMeasure3 } from "react-use";
|
|
36597
36545
|
import {
|
|
36598
36546
|
selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
|
|
@@ -36603,7 +36551,7 @@ import {
|
|
|
36603
36551
|
selectPeerNameByID as selectPeerNameByID4,
|
|
36604
36552
|
selectVideoTrackByID as selectVideoTrackByID3,
|
|
36605
36553
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
|
|
36606
|
-
useHMSStore as
|
|
36554
|
+
useHMSStore as useHMSStore68
|
|
36607
36555
|
} from "@100mslive/react-sdk";
|
|
36608
36556
|
import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
|
|
36609
36557
|
|
|
@@ -36615,7 +36563,7 @@ import {
|
|
|
36615
36563
|
selectPeerTypeByID as selectPeerTypeByID2,
|
|
36616
36564
|
selectScreenShareByPeerID,
|
|
36617
36565
|
selectSessionStore as selectSessionStore9,
|
|
36618
|
-
useHMSStore as
|
|
36566
|
+
useHMSStore as useHMSStore65
|
|
36619
36567
|
} from "@100mslive/react-sdk";
|
|
36620
36568
|
import { CallIcon as CallIcon2, PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
|
|
36621
36569
|
var TileConnection = ({
|
|
@@ -36625,9 +36573,9 @@ var TileConnection = ({
|
|
|
36625
36573
|
width,
|
|
36626
36574
|
pinned
|
|
36627
36575
|
}) => {
|
|
36628
|
-
const spotlighted =
|
|
36629
|
-
const isPeerScreenSharing = !!
|
|
36630
|
-
const peerType =
|
|
36576
|
+
const spotlighted = useHMSStore65(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
|
|
36577
|
+
const isPeerScreenSharing = !!useHMSStore65(selectScreenShareByPeerID(peerId));
|
|
36578
|
+
const peerType = useHMSStore65(selectPeerTypeByID2(peerId));
|
|
36631
36579
|
return /* @__PURE__ */ React123.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React123.createElement(React123.Fragment, null, name ? /* @__PURE__ */ React123.createElement(Flex, { align: "center" }, peerType === HMSPeerType4.SIP && /* @__PURE__ */ React123.createElement(IconWrapper, null, /* @__PURE__ */ React123.createElement(CallIcon2, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ React123.createElement(IconWrapper, null, /* @__PURE__ */ React123.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React123.createElement(IconWrapper, null, /* @__PURE__ */ React123.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React123.createElement(IconWrapper, null, /* @__PURE__ */ React123.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React123.createElement(
|
|
36632
36580
|
Text,
|
|
36633
36581
|
{
|
|
@@ -36668,7 +36616,7 @@ import {
|
|
|
36668
36616
|
selectPermissions as selectPermissions19,
|
|
36669
36617
|
selectTrackByID as selectTrackByID3,
|
|
36670
36618
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
|
|
36671
|
-
useHMSStore as
|
|
36619
|
+
useHMSStore as useHMSStore67,
|
|
36672
36620
|
useRemoteAVToggle as useRemoteAVToggle2
|
|
36673
36621
|
} from "@100mslive/react-sdk";
|
|
36674
36622
|
import { CrossIcon as CrossIcon24, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
|
|
@@ -36683,8 +36631,8 @@ import {
|
|
|
36683
36631
|
selectSessionStore as selectSessionStore10,
|
|
36684
36632
|
selectTrackByID as selectTrackByID2,
|
|
36685
36633
|
useCustomEvent as useCustomEvent2,
|
|
36686
|
-
useHMSActions as
|
|
36687
|
-
useHMSStore as
|
|
36634
|
+
useHMSActions as useHMSActions42,
|
|
36635
|
+
useHMSStore as useHMSStore66,
|
|
36688
36636
|
useRemoteAVToggle
|
|
36689
36637
|
} from "@100mslive/react-sdk";
|
|
36690
36638
|
import {
|
|
@@ -36721,8 +36669,8 @@ var SpotlightActions = ({
|
|
|
36721
36669
|
return;
|
|
36722
36670
|
}
|
|
36723
36671
|
}) => {
|
|
36724
|
-
const hmsActions2 =
|
|
36725
|
-
const spotlightPeerId =
|
|
36672
|
+
const hmsActions2 = useHMSActions42();
|
|
36673
|
+
const spotlightPeerId = useHMSStore66(selectSessionStore10("spotlight" /* SPOTLIGHT */));
|
|
36726
36674
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
|
36727
36675
|
const dragClassName = getDragClassName();
|
|
36728
36676
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions2.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -36770,8 +36718,8 @@ var MinimiseInset = () => {
|
|
|
36770
36718
|
};
|
|
36771
36719
|
var SimulcastLayers = ({ trackId }) => {
|
|
36772
36720
|
var _a8;
|
|
36773
|
-
const track =
|
|
36774
|
-
const actions =
|
|
36721
|
+
const track = useHMSStore66(selectTrackByID2(trackId));
|
|
36722
|
+
const actions = useHMSActions42();
|
|
36775
36723
|
const bg = useDropdownSelection();
|
|
36776
36724
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
|
36777
36725
|
return null;
|
|
@@ -36856,13 +36804,13 @@ var TileMenuContent = ({
|
|
|
36856
36804
|
return;
|
|
36857
36805
|
}
|
|
36858
36806
|
}) => {
|
|
36859
|
-
const actions =
|
|
36807
|
+
const actions = useHMSActions42();
|
|
36860
36808
|
const dragClassName = getDragClassName();
|
|
36861
|
-
const permissions =
|
|
36809
|
+
const permissions = useHMSStore66(selectPermissions18);
|
|
36862
36810
|
const canChangeRole = !!(permissions == null ? void 0 : permissions.changeRole);
|
|
36863
36811
|
const removeOthers = !!(permissions == null ? void 0 : permissions.removeOthers);
|
|
36864
36812
|
const { userName } = useHMSPrebuiltContext();
|
|
36865
|
-
const roles =
|
|
36813
|
+
const roles = useHMSStore66(selectAvailableRoleNames6);
|
|
36866
36814
|
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
|
|
36867
36815
|
audioTrackID,
|
|
36868
36816
|
videoTrackID
|
|
@@ -36973,17 +36921,17 @@ var TileMenu = ({
|
|
|
36973
36921
|
var _a8, _b7;
|
|
36974
36922
|
const [open, setOpen] = useState54(false);
|
|
36975
36923
|
const { theme: theme2 } = useTheme();
|
|
36976
|
-
const localPeerID =
|
|
36924
|
+
const localPeerID = useHMSStore67(selectLocalPeerID10);
|
|
36977
36925
|
const isLocal = localPeerID === peerID;
|
|
36978
|
-
const { removeOthers } =
|
|
36926
|
+
const { removeOthers } = useHMSStore67(selectPermissions19) || {};
|
|
36979
36927
|
const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
|
|
36980
36928
|
const showSpotlight = enableSpotlightingPeer;
|
|
36981
|
-
const isPrimaryVideoTrack = ((_a8 =
|
|
36929
|
+
const isPrimaryVideoTrack = ((_a8 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
|
36982
36930
|
const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
|
|
36983
|
-
const track =
|
|
36931
|
+
const track = useHMSStore67(selectTrackByID3(videoTrackID));
|
|
36984
36932
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
36985
36933
|
const isMobile = useMedia22(config.media.md);
|
|
36986
|
-
const peer =
|
|
36934
|
+
const peer = useHMSStore67(selectPeerByID2(peerID));
|
|
36987
36935
|
const [showNameChangeModal, setShowNameChangeModal] = useState54(false);
|
|
36988
36936
|
const [showRoleChangeModal, setShowRoleChangeModal] = useState54(false);
|
|
36989
36937
|
useDropdownList({ open, name: "TileMenu" });
|
|
@@ -37063,9 +37011,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
|
|
|
37063
37011
|
|
|
37064
37012
|
// src/Prebuilt/components/VideoTile.tsx
|
|
37065
37013
|
var PeerMetadata = ({ peerId, size }) => {
|
|
37066
|
-
const metaData =
|
|
37014
|
+
const metaData = useHMSStore68(selectPeerMetadata4(peerId));
|
|
37067
37015
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
|
37068
|
-
const isHandRaised =
|
|
37016
|
+
const isHandRaised = useHMSStore68(selectHasPeerHandRaised3(peerId));
|
|
37069
37017
|
return /* @__PURE__ */ React126.createElement(React126.Fragment, null, isHandRaised ? /* @__PURE__ */ React126.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React126.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React126.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React126.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
|
|
37070
37018
|
};
|
|
37071
37019
|
var Tile = ({
|
|
@@ -37085,14 +37033,14 @@ var Tile = ({
|
|
|
37085
37033
|
hideMetadataOnTile = false
|
|
37086
37034
|
}) => {
|
|
37087
37035
|
const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
|
|
37088
|
-
const track =
|
|
37089
|
-
const peerName =
|
|
37090
|
-
const audioTrack =
|
|
37091
|
-
const localPeerID =
|
|
37036
|
+
const track = useHMSStore68(trackSelector);
|
|
37037
|
+
const peerName = useHMSStore68(selectPeerNameByID4(peerId));
|
|
37038
|
+
const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
|
|
37039
|
+
const localPeerID = useHMSStore68(selectLocalPeerID11);
|
|
37092
37040
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
37093
37041
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
37094
37042
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
37095
|
-
const isAudioMuted = !
|
|
37043
|
+
const isAudioMuted = !useHMSStore68(selectIsPeerAudioEnabled2(peerId));
|
|
37096
37044
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
|
37097
37045
|
const [isMouseHovered, setIsMouseHovered] = useState55(false);
|
|
37098
37046
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
|
@@ -37108,7 +37056,7 @@ var Tile = ({
|
|
|
37108
37056
|
track,
|
|
37109
37057
|
isLocal
|
|
37110
37058
|
});
|
|
37111
|
-
const onHoverHandler =
|
|
37059
|
+
const onHoverHandler = useCallback30((event) => {
|
|
37112
37060
|
setIsMouseHovered(event.type === "mouseenter");
|
|
37113
37061
|
}, []);
|
|
37114
37062
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
|
|
@@ -37191,8 +37139,8 @@ import {
|
|
|
37191
37139
|
selectLocalPeer as selectLocalPeer8,
|
|
37192
37140
|
selectRoomState as selectRoomState4,
|
|
37193
37141
|
selectVideoTrackByID as selectVideoTrackByID4,
|
|
37194
|
-
useHMSActions as
|
|
37195
|
-
useHMSStore as
|
|
37142
|
+
useHMSActions as useHMSActions43,
|
|
37143
|
+
useHMSStore as useHMSStore69
|
|
37196
37144
|
} from "@100mslive/react-sdk";
|
|
37197
37145
|
import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon25 } from "@100mslive/react-icons";
|
|
37198
37146
|
|
|
@@ -37378,22 +37326,22 @@ var iconDims = { height: "40px", width: "40px" };
|
|
|
37378
37326
|
var VBPicker = ({ backgroundMedia = [] }) => {
|
|
37379
37327
|
var _a8;
|
|
37380
37328
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
37381
|
-
const hmsActions2 =
|
|
37382
|
-
const localPeer =
|
|
37383
|
-
const role =
|
|
37384
|
-
const isVideoOn =
|
|
37329
|
+
const hmsActions2 = useHMSActions43();
|
|
37330
|
+
const localPeer = useHMSStore69(selectLocalPeer8);
|
|
37331
|
+
const role = useHMSStore69(at);
|
|
37332
|
+
const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled6);
|
|
37385
37333
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
37386
37334
|
const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
37387
|
-
const track =
|
|
37335
|
+
const track = useHMSStore69(trackSelector);
|
|
37388
37336
|
const [blurAmount, setBlurAmount] = useState56(VBHandler.getBlurAmount() || 0.5);
|
|
37389
|
-
const roomState =
|
|
37390
|
-
const isLargeRoom =
|
|
37391
|
-
const isEffectsEnabled =
|
|
37392
|
-
const effectsKey =
|
|
37337
|
+
const roomState = useHMSStore69(selectRoomState4);
|
|
37338
|
+
const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
|
|
37339
|
+
const isEffectsEnabled = useHMSStore69(ym);
|
|
37340
|
+
const effectsKey = useHMSStore69(km);
|
|
37393
37341
|
const isMobile = useMedia23(config.media.md);
|
|
37394
37342
|
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
37395
|
-
const isPluginAdded =
|
|
37396
|
-
const background =
|
|
37343
|
+
const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
37344
|
+
const background = useHMSStore69(Um(APP_DATA.background));
|
|
37397
37345
|
const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
|
|
37398
37346
|
const inPreview = roomState === HMSRoomState4.Preview;
|
|
37399
37347
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
@@ -37639,9 +37587,9 @@ var SidePane = ({
|
|
|
37639
37587
|
}) => {
|
|
37640
37588
|
var _a8, _b7, _c, _d, _e2, _f, _g;
|
|
37641
37589
|
const isMobile = useMedia24(config.media.md);
|
|
37642
|
-
const sidepane =
|
|
37643
|
-
const activeScreensharePeerId =
|
|
37644
|
-
const trackId = (_a8 =
|
|
37590
|
+
const sidepane = useHMSStore70(selectAppData8(APP_DATA.sidePane));
|
|
37591
|
+
const activeScreensharePeerId = useHMSStore70(selectAppData8(APP_DATA.activeScreensharePeerId));
|
|
37592
|
+
const trackId = (_a8 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
|
37645
37593
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
37646
37594
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
|
37647
37595
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
@@ -37837,8 +37785,8 @@ var getParticipantChipContent = (peerCount = 0) => {
|
|
|
37837
37785
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
|
37838
37786
|
};
|
|
37839
37787
|
var useLocalTileAspectRatio = () => {
|
|
37840
|
-
const localPeer =
|
|
37841
|
-
const videoTrack =
|
|
37788
|
+
const localPeer = useHMSStore71(selectLocalPeer9);
|
|
37789
|
+
const videoTrack = useHMSStore71(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
37842
37790
|
const isMobile = useMedia26(config.media.md);
|
|
37843
37791
|
let aspectRatio = 0;
|
|
37844
37792
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
@@ -37864,7 +37812,7 @@ var PreviewJoin = ({
|
|
|
37864
37812
|
const [previewError, setPreviewError] = useState57(false);
|
|
37865
37813
|
const { endpoints } = useHMSPrebuiltContext();
|
|
37866
37814
|
const { peerCount } = useParticipants2();
|
|
37867
|
-
const loadingEffects =
|
|
37815
|
+
const loadingEffects = useHMSStore71(selectAppData9(APP_DATA.loadingEffects));
|
|
37868
37816
|
const { enableJoin, preview, join } = usePreviewJoin({
|
|
37869
37817
|
name,
|
|
37870
37818
|
token: authToken,
|
|
@@ -37882,8 +37830,8 @@ var PreviewJoin = ({
|
|
|
37882
37830
|
},
|
|
37883
37831
|
asRole
|
|
37884
37832
|
});
|
|
37885
|
-
const roomState =
|
|
37886
|
-
const savePreferenceAndJoin =
|
|
37833
|
+
const roomState = useHMSStore71(selectRoomState5);
|
|
37834
|
+
const savePreferenceAndJoin = useCallback31(() => {
|
|
37887
37835
|
setPreviewPreference({
|
|
37888
37836
|
name
|
|
37889
37837
|
});
|
|
@@ -37948,12 +37896,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
|
|
|
37948
37896
|
px: "$10"
|
|
37949
37897
|
}));
|
|
37950
37898
|
var PreviewTile = ({ name, error }) => {
|
|
37951
|
-
const localPeer =
|
|
37899
|
+
const localPeer = useHMSStore71(selectLocalPeer9);
|
|
37952
37900
|
const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
|
|
37953
|
-
const isVideoOn =
|
|
37901
|
+
const isVideoOn = useHMSStore71(selectIsLocalVideoEnabled7);
|
|
37954
37902
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
37955
37903
|
const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
37956
|
-
const track =
|
|
37904
|
+
const track = useHMSStore71(trackSelector);
|
|
37957
37905
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
37958
37906
|
const aspectRatio = useLocalTileAspectRatio();
|
|
37959
37907
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
|
|
@@ -38041,12 +37989,12 @@ var RequestActions = ({
|
|
|
38041
37989
|
|
|
38042
37990
|
// src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
|
|
38043
37991
|
var RoleChangeRequestModal = () => {
|
|
38044
|
-
const hmsActions2 =
|
|
37992
|
+
const hmsActions2 = useHMSActions44();
|
|
38045
37993
|
const { updateMetaData } = useMyMetadata();
|
|
38046
|
-
const isPreview =
|
|
38047
|
-
const currentRole =
|
|
38048
|
-
const roleChangeRequest =
|
|
38049
|
-
const name =
|
|
37994
|
+
const isPreview = useHMSStore72(selectIsInPreview);
|
|
37995
|
+
const currentRole = useHMSStore72(selectLocalPeerRoleName4);
|
|
37996
|
+
const roleChangeRequest = useHMSStore72(selectRoleChangeRequest);
|
|
37997
|
+
const name = useHMSStore72(selectLocalPeerName4);
|
|
38050
37998
|
const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
|
|
38051
37999
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
|
38052
38000
|
const { virtual_background } = elements || {};
|
|
@@ -38121,8 +38069,8 @@ import {
|
|
|
38121
38069
|
selectIsConnectedToRoom as selectIsConnectedToRoom9,
|
|
38122
38070
|
selectIsLocalScreenShared as selectIsLocalScreenShared2,
|
|
38123
38071
|
selectLocalPeerRoleName as selectLocalPeerRoleName6,
|
|
38124
|
-
useHMSActions as
|
|
38125
|
-
useHMSStore as
|
|
38072
|
+
useHMSActions as useHMSActions46,
|
|
38073
|
+
useHMSStore as useHMSStore83
|
|
38126
38074
|
} from "@100mslive/react-sdk";
|
|
38127
38075
|
import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon6 } from "@100mslive/react-icons";
|
|
38128
38076
|
|
|
@@ -38135,7 +38083,7 @@ import {
|
|
|
38135
38083
|
selectPeers as selectPeers3,
|
|
38136
38084
|
selectPeerScreenSharing as selectPeerScreenSharing2,
|
|
38137
38085
|
selectWhiteboard as selectWhiteboard2,
|
|
38138
|
-
useHMSStore as
|
|
38086
|
+
useHMSStore as useHMSStore79,
|
|
38139
38087
|
useHMSVanillaStore as useHMSVanillaStore12
|
|
38140
38088
|
} from "@100mslive/react-sdk";
|
|
38141
38089
|
|
|
@@ -38211,7 +38159,7 @@ import {
|
|
|
38211
38159
|
selectLocalPeer as selectLocalPeer10,
|
|
38212
38160
|
selectPeerByID as selectPeerByID3,
|
|
38213
38161
|
selectVideoTrackByID as selectVideoTrackByID6,
|
|
38214
|
-
useHMSStore as
|
|
38162
|
+
useHMSStore as useHMSStore73
|
|
38215
38163
|
} from "@100mslive/react-sdk";
|
|
38216
38164
|
import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
|
|
38217
38165
|
|
|
@@ -38252,10 +38200,10 @@ var InsetTile = ({ peerId }) => {
|
|
|
38252
38200
|
const isMobile = useMedia28(config.media.md);
|
|
38253
38201
|
const isLandscape = useMedia28(config.media.ls);
|
|
38254
38202
|
const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer10;
|
|
38255
|
-
const peer =
|
|
38203
|
+
const peer = useHMSStore73(selector);
|
|
38256
38204
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
38257
|
-
const videoTrack =
|
|
38258
|
-
const isAllowedToPublish =
|
|
38205
|
+
const videoTrack = useHMSStore73(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
|
|
38206
|
+
const isAllowedToPublish = useHMSStore73(selectIsAllowedToPublish3);
|
|
38259
38207
|
const videoTileProps = useVideoTileContext();
|
|
38260
38208
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
|
38261
38209
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
|
@@ -38558,13 +38506,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
38558
38506
|
init_define_process_env();
|
|
38559
38507
|
import React145, { useEffect as useEffect45, useState as useState61 } from "react";
|
|
38560
38508
|
import { useMedia as useMedia32 } from "react-use";
|
|
38561
|
-
import { selectLocalPeer as selectLocalPeer11, useHMSStore as
|
|
38509
|
+
import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
|
|
38562
38510
|
|
|
38563
38511
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
38564
38512
|
init_define_process_env();
|
|
38565
38513
|
import React144, { useEffect as useEffect44, useRef as useRef26, useState as useState60 } from "react";
|
|
38566
38514
|
import { useMedia as useMedia31 } from "react-use";
|
|
38567
|
-
import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as
|
|
38515
|
+
import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
|
|
38568
38516
|
|
|
38569
38517
|
// src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
|
|
38570
38518
|
init_define_process_env();
|
|
@@ -38651,10 +38599,10 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
|
|
|
38651
38599
|
const isMobile = useMedia31(config.media.md);
|
|
38652
38600
|
const maxTileCount = isMobile ? 2 : 4;
|
|
38653
38601
|
const [page, setPage] = useState60(0);
|
|
38654
|
-
const pinnedTrackId =
|
|
38655
|
-
const spotlightPeerId =
|
|
38656
|
-
const activeScreensharePeerId =
|
|
38657
|
-
const pinnedPeer = (_a8 =
|
|
38602
|
+
const pinnedTrackId = useHMSStore74(selectAppData10(APP_DATA.pinnedTrackId));
|
|
38603
|
+
const spotlightPeerId = useHMSStore74(selectSessionStore11("spotlight" /* SPOTLIGHT */));
|
|
38604
|
+
const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
|
|
38605
|
+
const pinnedPeer = (_a8 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
|
|
38658
38606
|
const pageChangedAfterPinning = useRef26(false);
|
|
38659
38607
|
const pagesWithTiles = usePagesWithTiles({
|
|
38660
38608
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
|
@@ -38754,7 +38702,7 @@ function RoleProminence({
|
|
|
38754
38702
|
}) {
|
|
38755
38703
|
var _a8;
|
|
38756
38704
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
38757
|
-
const localPeer =
|
|
38705
|
+
const localPeer = useHMSStore75(selectLocalPeer11);
|
|
38758
38706
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
38759
38707
|
const isMobile = useMedia32(config.media.md);
|
|
38760
38708
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
@@ -38799,7 +38747,7 @@ function RoleProminence({
|
|
|
38799
38747
|
init_define_process_env();
|
|
38800
38748
|
import React149, { useEffect as useEffect46, useMemo as useMemo17, useState as useState64 } from "react";
|
|
38801
38749
|
import { useMedia as useMedia34 } from "react-use";
|
|
38802
|
-
import { selectPeersScreenSharing, useHMSStore as
|
|
38750
|
+
import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
|
|
38803
38751
|
|
|
38804
38752
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
38805
38753
|
init_define_process_env();
|
|
@@ -38811,18 +38759,18 @@ import {
|
|
|
38811
38759
|
selectPeerByID as selectPeerByID4,
|
|
38812
38760
|
selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
|
|
38813
38761
|
selectScreenShareByPeerID as selectScreenShareByPeerID2,
|
|
38814
|
-
useHMSStore as
|
|
38762
|
+
useHMSStore as useHMSStore76
|
|
38815
38763
|
} from "@100mslive/react-sdk";
|
|
38816
38764
|
import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
|
|
38817
38765
|
|
|
38818
38766
|
// src/Prebuilt/components/LayoutModeSelector.tsx
|
|
38819
38767
|
init_define_process_env();
|
|
38820
|
-
import React146, { useCallback as
|
|
38768
|
+
import React146, { useCallback as useCallback32, useState as useState62 } from "react";
|
|
38821
38769
|
import { CheckIcon as CheckIcon7, ChevronDownIcon as ChevronDownIcon9, ChevronUpIcon as ChevronUpIcon7 } from "@100mslive/react-icons";
|
|
38822
38770
|
var LayoutModeSelector = () => {
|
|
38823
38771
|
const [open, setOpen] = useState62(false);
|
|
38824
38772
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
38825
|
-
const updateLayoutMode =
|
|
38773
|
+
const updateLayoutMode = useCallback32(
|
|
38826
38774
|
(value) => {
|
|
38827
38775
|
setLayoutMode(value);
|
|
38828
38776
|
setOpen(false);
|
|
@@ -38922,10 +38870,10 @@ var LayoutModeSelector = () => {
|
|
|
38922
38870
|
// src/Prebuilt/components/ScreenshareDisplay.tsx
|
|
38923
38871
|
init_define_process_env();
|
|
38924
38872
|
import React147 from "react";
|
|
38925
|
-
import { useHMSActions as
|
|
38873
|
+
import { useHMSActions as useHMSActions45 } from "@100mslive/react-sdk";
|
|
38926
38874
|
import { CrossIcon as CrossIcon26, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
|
|
38927
38875
|
var ScreenshareDisplay = () => {
|
|
38928
|
-
const hmsActions2 =
|
|
38876
|
+
const hmsActions2 = useHMSActions45();
|
|
38929
38877
|
return /* @__PURE__ */ React147.createElement(
|
|
38930
38878
|
Flex,
|
|
38931
38879
|
{
|
|
@@ -38966,10 +38914,10 @@ var labelStyles = {
|
|
|
38966
38914
|
flexShrink: 0
|
|
38967
38915
|
};
|
|
38968
38916
|
var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
38969
|
-
const isLocal =
|
|
38970
|
-
const track =
|
|
38917
|
+
const isLocal = useHMSStore76(selectLocalPeerID12) === peerId;
|
|
38918
|
+
const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
|
|
38971
38919
|
const { theme: theme2 } = useTheme();
|
|
38972
|
-
const peer =
|
|
38920
|
+
const peer = useHMSStore76(selectPeerByID4(peerId));
|
|
38973
38921
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
38974
38922
|
const [isMouseHovered, setIsMouseHovered] = useState63(false);
|
|
38975
38923
|
const isMobile = useMedia33(config.media.md);
|
|
@@ -38980,7 +38928,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
|
38980
38928
|
onClose: () => setFullscreen(false)
|
|
38981
38929
|
});
|
|
38982
38930
|
const isFullScreenSupported = screenfull2.isEnabled;
|
|
38983
|
-
const audioTrack =
|
|
38931
|
+
const audioTrack = useHMSStore76(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
|
|
38984
38932
|
if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
|
|
38985
38933
|
return /* @__PURE__ */ React148.createElement(ScreenshareDisplay, null);
|
|
38986
38934
|
}
|
|
@@ -39059,7 +39007,7 @@ var ScreenshareTile_default = ScreenshareTile;
|
|
|
39059
39007
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
39060
39008
|
var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
39061
39009
|
var _a8;
|
|
39062
|
-
const peersSharing =
|
|
39010
|
+
const peersSharing = useHMSStore77(selectPeersScreenSharing);
|
|
39063
39011
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
39064
39012
|
const [page, setPage] = useState64(0);
|
|
39065
39013
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
@@ -39111,7 +39059,7 @@ init_define_process_env();
|
|
|
39111
39059
|
import React150, { useEffect as useEffect47, useMemo as useMemo18 } from "react";
|
|
39112
39060
|
import { useMedia as useMedia35 } from "react-use";
|
|
39113
39061
|
import { Whiteboard } from "@100mslive/hms-whiteboard";
|
|
39114
|
-
import { selectPeerByCondition, selectWhiteboard, useHMSStore as
|
|
39062
|
+
import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
|
|
39115
39063
|
var WhiteboardEmbed = () => {
|
|
39116
39064
|
const isMobile = useMedia35(config.media.md);
|
|
39117
39065
|
const { token, endpoint, zoomToContent } = useWhiteboard2(isMobile);
|
|
@@ -39132,8 +39080,8 @@ var WhiteboardEmbed = () => {
|
|
|
39132
39080
|
);
|
|
39133
39081
|
};
|
|
39134
39082
|
var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
39135
|
-
const whiteboard =
|
|
39136
|
-
const whiteboardOwner =
|
|
39083
|
+
const whiteboard = useHMSStore78(selectWhiteboard);
|
|
39084
|
+
const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
|
|
39137
39085
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
39138
39086
|
const isMobile = useMedia35(config.media.md);
|
|
39139
39087
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
@@ -39278,12 +39226,12 @@ var GridLayout = ({
|
|
|
39278
39226
|
edge_to_edge = false,
|
|
39279
39227
|
hide_metadata_on_tile = false
|
|
39280
39228
|
}) => {
|
|
39281
|
-
const peerSharing =
|
|
39282
|
-
const whiteboard =
|
|
39229
|
+
const peerSharing = useHMSStore79(selectPeerScreenSharing2);
|
|
39230
|
+
const whiteboard = useHMSStore79(selectWhiteboard2);
|
|
39283
39231
|
const pinnedTrack = usePinnedTrack();
|
|
39284
|
-
const peers =
|
|
39285
|
-
const localPeerRole =
|
|
39286
|
-
const localPeerID =
|
|
39232
|
+
const peers = useHMSStore79(selectPeers3);
|
|
39233
|
+
const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
|
|
39234
|
+
const localPeerID = useHMSStore79(selectLocalPeerID13);
|
|
39287
39235
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
39288
39236
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
39289
39237
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -39382,13 +39330,13 @@ var GridLayout = ({
|
|
|
39382
39330
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
39383
39331
|
init_define_process_env();
|
|
39384
39332
|
import React152, { useEffect as useEffect49, useMemo as useMemo20 } from "react";
|
|
39385
|
-
import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as
|
|
39333
|
+
import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
|
|
39386
39334
|
var EmbedView = () => {
|
|
39387
39335
|
return /* @__PURE__ */ React152.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React152.createElement(EmbedComponent, null));
|
|
39388
39336
|
};
|
|
39389
39337
|
var EmbedScreenShareView = ({ children }) => {
|
|
39390
|
-
const peers =
|
|
39391
|
-
const peerPresenting =
|
|
39338
|
+
const peers = useHMSStore80(selectPeers4);
|
|
39339
|
+
const peerPresenting = useHMSStore80(selectPeerScreenSharing3);
|
|
39392
39340
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
39393
39341
|
const smallTilePeers = useMemo20(() => {
|
|
39394
39342
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
@@ -39403,7 +39351,7 @@ var EmbedScreenShareView = ({ children }) => {
|
|
|
39403
39351
|
return /* @__PURE__ */ React152.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React152.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React152.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
|
39404
39352
|
};
|
|
39405
39353
|
var EmbedComponent = () => {
|
|
39406
|
-
const embedConfig =
|
|
39354
|
+
const embedConfig = useHMSStore80(selectAppData11(APP_DATA.embedConfig));
|
|
39407
39355
|
const resetConfig = useResetEmbedConfig();
|
|
39408
39356
|
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
|
|
39409
39357
|
useEffect49(() => {
|
|
@@ -39519,7 +39467,7 @@ import { useMedia as useMedia36 } from "react-use";
|
|
|
39519
39467
|
import {
|
|
39520
39468
|
selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
|
|
39521
39469
|
selectPeerNameByID as selectPeerNameByID5,
|
|
39522
|
-
useHMSStore as
|
|
39470
|
+
useHMSStore as useHMSStore81,
|
|
39523
39471
|
useTranscript
|
|
39524
39472
|
} from "@100mslive/react-sdk";
|
|
39525
39473
|
var SimpleQueue = class {
|
|
@@ -39655,7 +39603,7 @@ var CaptionMaintainerQueue = class {
|
|
|
39655
39603
|
}
|
|
39656
39604
|
};
|
|
39657
39605
|
var TranscriptView = ({ peer_id, data: data3 }) => {
|
|
39658
|
-
const peerName =
|
|
39606
|
+
const peerName = useHMSStore81(selectPeerNameByID5(peer_id)) || "Participant";
|
|
39659
39607
|
data3 = data3.trim();
|
|
39660
39608
|
if (!data3)
|
|
39661
39609
|
return null;
|
|
@@ -39683,7 +39631,7 @@ var CaptionsViewer = ({
|
|
|
39683
39631
|
const [captionQueue] = useState66(new CaptionMaintainerQueue());
|
|
39684
39632
|
const [currentData, setCurrentData] = useState66([]);
|
|
39685
39633
|
const isCaptionEnabled = useIsCaptionEnabled();
|
|
39686
|
-
const isTranscriptionEnabled =
|
|
39634
|
+
const isTranscriptionEnabled = useHMSStore81(selectIsTranscriptionEnabled5);
|
|
39687
39635
|
const nodeRef = useRef28(null);
|
|
39688
39636
|
useEffect51(() => {
|
|
39689
39637
|
const timeInterval = setInterval(() => {
|
|
@@ -39753,9 +39701,9 @@ var CaptionsViewer = ({
|
|
|
39753
39701
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
|
39754
39702
|
init_define_process_env();
|
|
39755
39703
|
import { useEffect as useEffect52 } from "react";
|
|
39756
|
-
import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as
|
|
39704
|
+
import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
|
|
39757
39705
|
var useCloseScreenshareWhiteboard = () => {
|
|
39758
|
-
const peerSharing =
|
|
39706
|
+
const peerSharing = useHMSStore82(selectPeerScreenSharing4);
|
|
39759
39707
|
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
|
|
39760
39708
|
useEffect52(() => {
|
|
39761
39709
|
if (isWhiteboardOwner && peerSharing) {
|
|
@@ -39765,17 +39713,17 @@ var useCloseScreenshareWhiteboard = () => {
|
|
|
39765
39713
|
};
|
|
39766
39714
|
|
|
39767
39715
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
39768
|
-
var HLSView = React155.lazy(() => import("./HLSView-
|
|
39716
|
+
var HLSView = React155.lazy(() => import("./HLSView-6X6A7QVC.js"));
|
|
39769
39717
|
var VideoStreamingSection = ({
|
|
39770
39718
|
screenType,
|
|
39771
39719
|
elements,
|
|
39772
39720
|
hideControls = false
|
|
39773
39721
|
}) => {
|
|
39774
39722
|
var _a8;
|
|
39775
|
-
const localPeerRoleName =
|
|
39776
|
-
const isConnected =
|
|
39777
|
-
const isSharingScreen =
|
|
39778
|
-
const hmsActions2 =
|
|
39723
|
+
const localPeerRoleName = useHMSStore83(selectLocalPeerRoleName6);
|
|
39724
|
+
const isConnected = useHMSStore83(selectIsConnectedToRoom9);
|
|
39725
|
+
const isSharingScreen = useHMSStore83(selectIsLocalScreenShared2);
|
|
39726
|
+
const hmsActions2 = useHMSActions46();
|
|
39779
39727
|
const urlToIframe = useUrlToEmbed();
|
|
39780
39728
|
const pdfAnnotatorActive = usePDFConfig();
|
|
39781
39729
|
const isMobileHLSStream = useMobileHLSStream();
|
|
@@ -39884,7 +39832,7 @@ init_define_process_env();
|
|
|
39884
39832
|
init_define_process_env();
|
|
39885
39833
|
import React158 from "react";
|
|
39886
39834
|
import { useMedia as useMedia39 } from "react-use";
|
|
39887
|
-
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as
|
|
39835
|
+
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
|
|
39888
39836
|
|
|
39889
39837
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
|
39890
39838
|
init_define_process_env();
|
|
@@ -39919,8 +39867,8 @@ import {
|
|
|
39919
39867
|
selectLocalVideoTrackID as selectLocalVideoTrackID3,
|
|
39920
39868
|
selectVideoTrackByID as selectVideoTrackByID7,
|
|
39921
39869
|
useDevices as useDevices3,
|
|
39922
|
-
useHMSActions as
|
|
39923
|
-
useHMSStore as
|
|
39870
|
+
useHMSActions as useHMSActions47,
|
|
39871
|
+
useHMSStore as useHMSStore84
|
|
39924
39872
|
} from "@100mslive/react-sdk";
|
|
39925
39873
|
import {
|
|
39926
39874
|
BluetoothIcon,
|
|
@@ -39932,12 +39880,12 @@ import {
|
|
|
39932
39880
|
TelePhoneIcon
|
|
39933
39881
|
} from "@100mslive/react-icons";
|
|
39934
39882
|
var CamaraFlipActions = () => {
|
|
39935
|
-
const actions =
|
|
39883
|
+
const actions = useHMSActions47();
|
|
39936
39884
|
const { allDevices } = useDevices3();
|
|
39937
39885
|
const { videoInput } = allDevices;
|
|
39938
|
-
const isVideoOn =
|
|
39939
|
-
const videoTrackId =
|
|
39940
|
-
const localVideoTrack =
|
|
39886
|
+
const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled8);
|
|
39887
|
+
const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
|
|
39888
|
+
const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
|
|
39941
39889
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
39942
39890
|
return null;
|
|
39943
39891
|
}
|
|
@@ -39969,7 +39917,7 @@ var AudioActions = () => {
|
|
|
39969
39917
|
availableAudioDevices = audioOutput;
|
|
39970
39918
|
selectedAudio = selectedDeviceIDs.audioOutput;
|
|
39971
39919
|
}
|
|
39972
|
-
const hmsActions2 =
|
|
39920
|
+
const hmsActions2 = useHMSActions47();
|
|
39973
39921
|
const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
|
|
39974
39922
|
const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
|
|
39975
39923
|
if (!audioFiltered) {
|
|
@@ -40075,7 +40023,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React157.createElement(Re
|
|
|
40075
40023
|
|
|
40076
40024
|
// src/Prebuilt/components/Header/Header.tsx
|
|
40077
40025
|
var Header2 = () => {
|
|
40078
|
-
const roomState =
|
|
40026
|
+
const roomState = useHMSStore85(selectRoomState6);
|
|
40079
40027
|
const isMobile = useMedia39(config.media.md);
|
|
40080
40028
|
if (roomState !== HMSRoomState6.Connected) {
|
|
40081
40029
|
return /* @__PURE__ */ React158.createElement(React158.Fragment, null);
|
|
@@ -40121,11 +40069,11 @@ var ConferenceScreen = () => {
|
|
|
40121
40069
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
40122
40070
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
40123
40071
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
40124
|
-
const roomState =
|
|
40125
|
-
const isConnectedToRoom =
|
|
40126
|
-
const hmsActions2 =
|
|
40072
|
+
const roomState = useHMSStore86(selectRoomState7);
|
|
40073
|
+
const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
|
|
40074
|
+
const hmsActions2 = useHMSActions48();
|
|
40127
40075
|
const [hideControls, setHideControls] = useState68(false);
|
|
40128
|
-
const dropdownList =
|
|
40076
|
+
const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
|
|
40129
40077
|
const authTokenInAppData = useAuthToken();
|
|
40130
40078
|
const headerRef = useRef29(null);
|
|
40131
40079
|
const footerRef = useRef29(null);
|
|
@@ -40359,7 +40307,7 @@ import React161, { useEffect as useEffect57 } from "react";
|
|
|
40359
40307
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
40360
40308
|
init_define_process_env();
|
|
40361
40309
|
import { useEffect as useEffect56 } from "react";
|
|
40362
|
-
import { selectRoomID, useHMSStore as
|
|
40310
|
+
import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
|
|
40363
40311
|
var FeatureFlags = class {
|
|
40364
40312
|
static init(roomId) {
|
|
40365
40313
|
if (!window.HMS) {
|
|
@@ -40384,7 +40332,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
|
|
|
40384
40332
|
__publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
|
|
40385
40333
|
__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);
|
|
40386
40334
|
function FeatureFlagsInit() {
|
|
40387
|
-
const roomId =
|
|
40335
|
+
const roomId = useHMSStore87(selectRoomID);
|
|
40388
40336
|
useEffect56(() => {
|
|
40389
40337
|
if (roomId) {
|
|
40390
40338
|
FeatureFlags.init(roomId);
|
|
@@ -40420,7 +40368,7 @@ import {
|
|
|
40420
40368
|
selectAppData as selectAppData13,
|
|
40421
40369
|
selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
|
|
40422
40370
|
selectIsLocalVideoEnabled as selectIsLocalVideoEnabled9,
|
|
40423
|
-
useHMSActions as
|
|
40371
|
+
useHMSActions as useHMSActions49,
|
|
40424
40372
|
useHMSVanillaStore as useHMSVanillaStore14
|
|
40425
40373
|
} from "@100mslive/react-sdk";
|
|
40426
40374
|
var isEvenListenersAttached = false;
|
|
@@ -40509,7 +40457,7 @@ _bind = new WeakMap();
|
|
|
40509
40457
|
_unbind = new WeakMap();
|
|
40510
40458
|
var KeyboardHandler = () => {
|
|
40511
40459
|
const store = useHMSVanillaStore14();
|
|
40512
|
-
const actions =
|
|
40460
|
+
const actions = useHMSActions49();
|
|
40513
40461
|
useEffect58(() => {
|
|
40514
40462
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
|
40515
40463
|
keyboardManager.bindAllShortcuts();
|
|
@@ -40528,14 +40476,14 @@ init_define_process_env();
|
|
|
40528
40476
|
import React162, { useContext as useContext4, useEffect as useEffect59 } from "react";
|
|
40529
40477
|
import { usePreviousDistinct } from "react-use";
|
|
40530
40478
|
import { match as match13, P as P5 } from "ts-pattern";
|
|
40531
|
-
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as
|
|
40479
|
+
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
|
|
40532
40480
|
|
|
40533
40481
|
// src/Prebuilt/components/hooks/useRedirectToLeave.tsx
|
|
40534
40482
|
init_define_process_env();
|
|
40535
|
-
import { useCallback as
|
|
40483
|
+
import { useCallback as useCallback33 } from "react";
|
|
40536
40484
|
var useRedirectToLeave = () => {
|
|
40537
40485
|
const { onLeave } = useHMSPrebuiltContext();
|
|
40538
|
-
const redirect =
|
|
40486
|
+
const redirect = useCallback33(
|
|
40539
40487
|
(timeout = 0) => {
|
|
40540
40488
|
setTimeout(() => {
|
|
40541
40489
|
PictureInPicture.stop().catch(() => console.error("stopping pip"));
|
|
@@ -40565,7 +40513,7 @@ var useHMSAppStateContext = () => {
|
|
|
40565
40513
|
var useAppStateManager = () => {
|
|
40566
40514
|
const roomLayout = useRoomLayout();
|
|
40567
40515
|
const [activeState, setActiveState] = React162.useState();
|
|
40568
|
-
const roomState =
|
|
40516
|
+
const roomState = useHMSStore88(selectRoomState8);
|
|
40569
40517
|
const prevRoomState = usePreviousDistinct(roomState);
|
|
40570
40518
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
40571
40519
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
@@ -40698,7 +40646,7 @@ init_define_process_env();
|
|
|
40698
40646
|
|
|
40699
40647
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
40700
40648
|
init_define_process_env();
|
|
40701
|
-
import React174, { useCallback as
|
|
40649
|
+
import React174, { useCallback as useCallback35, useEffect as useEffect71 } from "react";
|
|
40702
40650
|
import {
|
|
40703
40651
|
HMSNotificationTypes as HMSNotificationTypes11,
|
|
40704
40652
|
HMSRoomState as HMSRoomState10,
|
|
@@ -40709,7 +40657,7 @@ import {
|
|
|
40709
40657
|
useAwayNotifications as useAwayNotifications2,
|
|
40710
40658
|
useCustomEvent as useCustomEvent4,
|
|
40711
40659
|
useHMSNotifications as useHMSNotifications11,
|
|
40712
|
-
useHMSStore as
|
|
40660
|
+
useHMSStore as useHMSStore92,
|
|
40713
40661
|
useHMSVanillaStore as useHMSVanillaStore16
|
|
40714
40662
|
} from "@100mslive/react-sdk";
|
|
40715
40663
|
import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
|
|
@@ -40749,12 +40697,12 @@ function AutoplayBlockedModal() {
|
|
|
40749
40697
|
init_define_process_env();
|
|
40750
40698
|
import React166, { useEffect as useEffect61 } from "react";
|
|
40751
40699
|
import { v4 as uuid4 } from "uuid";
|
|
40752
|
-
import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore12, useHMSStore as
|
|
40700
|
+
import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
|
|
40753
40701
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
|
|
40754
40702
|
var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
40755
40703
|
var ChatNotifications = () => {
|
|
40756
|
-
const chatState =
|
|
40757
|
-
const localPeerId =
|
|
40704
|
+
const chatState = useHMSStore89(selectSessionStore12("chatState" /* CHAT_STATE */));
|
|
40705
|
+
const localPeerId = useHMSStore89(selectLocalPeerID14);
|
|
40758
40706
|
useEffect61(() => {
|
|
40759
40707
|
var _a8, _b7;
|
|
40760
40708
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
|
@@ -40784,7 +40732,7 @@ import {
|
|
|
40784
40732
|
selectPeerByID as selectPeerByID6,
|
|
40785
40733
|
selectRoomState as selectRoomState9,
|
|
40786
40734
|
useHMSNotifications as useHMSNotifications2,
|
|
40787
|
-
useHMSStore as
|
|
40735
|
+
useHMSStore as useHMSStore91,
|
|
40788
40736
|
useHMSVanillaStore as useHMSVanillaStore15
|
|
40789
40737
|
} from "@100mslive/react-sdk";
|
|
40790
40738
|
|
|
@@ -40793,8 +40741,8 @@ init_define_process_env();
|
|
|
40793
40741
|
|
|
40794
40742
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
40795
40743
|
init_define_process_env();
|
|
40796
|
-
import React167, { useCallback as
|
|
40797
|
-
import { selectPeerByID as selectPeerByID5, useHMSActions as
|
|
40744
|
+
import React167, { useCallback as useCallback34 } from "react";
|
|
40745
|
+
import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions50, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
|
|
40798
40746
|
import {
|
|
40799
40747
|
ChatUnreadIcon as ChatUnreadIcon2,
|
|
40800
40748
|
ConnectivityIcon,
|
|
@@ -40813,10 +40761,10 @@ var ChatAction = React167.forwardRef((_3, ref) => {
|
|
|
40813
40761
|
});
|
|
40814
40762
|
var HandRaiseAction = React167.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
40815
40763
|
var _a8, _b7, _c;
|
|
40816
|
-
const hmsActions2 =
|
|
40764
|
+
const hmsActions2 = useHMSActions50();
|
|
40817
40765
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
40818
40766
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
40819
|
-
const peer =
|
|
40767
|
+
const peer = useHMSStore90(selectPeerByID5(id));
|
|
40820
40768
|
const layout = useRoomLayout();
|
|
40821
40769
|
const {
|
|
40822
40770
|
bring_to_stage_label,
|
|
@@ -40824,7 +40772,7 @@ var HandRaiseAction = React167.forwardRef(({ id = "", isSingleHandRaise = true }
|
|
|
40824
40772
|
off_stage_roles = [],
|
|
40825
40773
|
skip_preview_for_role_change = false
|
|
40826
40774
|
} = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
|
|
40827
|
-
const onClickHandler =
|
|
40775
|
+
const onClickHandler = useCallback34(() => __async(void 0, null, function* () {
|
|
40828
40776
|
if (isSingleHandRaise) {
|
|
40829
40777
|
hmsActions2.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
|
|
40830
40778
|
if (skip_preview_for_role_change) {
|
|
@@ -41024,7 +40972,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
|
|
|
41024
40972
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
41025
40973
|
var HandRaisedNotifications = () => {
|
|
41026
40974
|
const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
|
|
41027
|
-
const roomState =
|
|
40975
|
+
const roomState = useHMSStore91(selectRoomState9);
|
|
41028
40976
|
const vanillaStore = useHMSVanillaStore15();
|
|
41029
40977
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
41030
40978
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
@@ -41245,12 +41193,12 @@ init_define_process_env();
|
|
|
41245
41193
|
import React171, { useEffect as useEffect67, useState as useState73 } from "react";
|
|
41246
41194
|
import {
|
|
41247
41195
|
HMSNotificationTypes as HMSNotificationTypes7,
|
|
41248
|
-
useHMSActions as
|
|
41196
|
+
useHMSActions as useHMSActions51,
|
|
41249
41197
|
useHMSNotifications as useHMSNotifications7
|
|
41250
41198
|
} from "@100mslive/react-sdk";
|
|
41251
41199
|
import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
|
|
41252
41200
|
var TrackBulkUnmuteModal = () => {
|
|
41253
|
-
const hmsActions2 =
|
|
41201
|
+
const hmsActions2 = useHMSActions51();
|
|
41254
41202
|
const [muteNotification, setMuteNotification] = useState73(null);
|
|
41255
41203
|
const notification = useHMSNotifications7([
|
|
41256
41204
|
HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
|
@@ -41319,12 +41267,12 @@ init_define_process_env();
|
|
|
41319
41267
|
import React172, { useEffect as useEffect69, useState as useState74 } from "react";
|
|
41320
41268
|
import {
|
|
41321
41269
|
HMSNotificationTypes as HMSNotificationTypes9,
|
|
41322
|
-
useHMSActions as
|
|
41270
|
+
useHMSActions as useHMSActions52,
|
|
41323
41271
|
useHMSNotifications as useHMSNotifications9
|
|
41324
41272
|
} from "@100mslive/react-sdk";
|
|
41325
41273
|
import { MicOnIcon as MicOnIcon6 } from "@100mslive/react-icons";
|
|
41326
41274
|
var TrackUnmuteModal = () => {
|
|
41327
|
-
const hmsActions2 =
|
|
41275
|
+
const hmsActions2 = useHMSActions52();
|
|
41328
41276
|
const notification = useHMSNotifications9([
|
|
41329
41277
|
HMSNotificationTypes9.CHANGE_TRACK_STATE_REQUEST,
|
|
41330
41278
|
HMSNotificationTypes9.ROOM_ENDED,
|
|
@@ -41416,19 +41364,19 @@ var TranscriptionNotifications = () => {
|
|
|
41416
41364
|
var pollToastKey = {};
|
|
41417
41365
|
function Notifications() {
|
|
41418
41366
|
var _a8, _b7;
|
|
41419
|
-
const localPeerID =
|
|
41367
|
+
const localPeerID = useHMSStore92(selectLocalPeerID15);
|
|
41420
41368
|
const notification = useHMSNotifications11();
|
|
41421
41369
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
41422
|
-
const roomState =
|
|
41370
|
+
const roomState = useHMSStore92(selectRoomState10);
|
|
41423
41371
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
41424
41372
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
41425
41373
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
41426
41374
|
const vanillaStore = useHMSVanillaStore16();
|
|
41427
41375
|
const togglePollView = usePollViewToggle();
|
|
41428
41376
|
const { showNotification } = useAwayNotifications2();
|
|
41429
|
-
const amIScreenSharing =
|
|
41377
|
+
const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared3);
|
|
41430
41378
|
const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
|
|
41431
|
-
const handleRoleChangeDenied =
|
|
41379
|
+
const handleRoleChangeDenied = useCallback35((request) => {
|
|
41432
41380
|
ToastManager.addToast({
|
|
41433
41381
|
title: `${request.peerName} denied your request to join the ${request.role.name} role`,
|
|
41434
41382
|
variant: "error"
|
|
@@ -41583,7 +41531,7 @@ var PreviewScreen = () => {
|
|
|
41583
41531
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
41584
41532
|
init_define_process_env();
|
|
41585
41533
|
import React177, { useEffect as useEffect72, useState as useState75 } from "react";
|
|
41586
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as
|
|
41534
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
|
|
41587
41535
|
|
|
41588
41536
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
41589
41537
|
init_define_process_env();
|
|
@@ -41606,7 +41554,7 @@ var Toast2 = (_a8) => {
|
|
|
41606
41554
|
|
|
41607
41555
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
41608
41556
|
var ToastContainer = () => {
|
|
41609
|
-
const isConnected =
|
|
41557
|
+
const isConnected = useHMSStore93(selectIsConnectedToRoom11);
|
|
41610
41558
|
const [toasts, setToast] = useState75([]);
|
|
41611
41559
|
useEffect72(() => {
|
|
41612
41560
|
ToastManager.addListener(setToast);
|
|
@@ -41629,7 +41577,7 @@ var ToastContainer = () => {
|
|
|
41629
41577
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
41630
41578
|
init_define_process_env();
|
|
41631
41579
|
import React179 from "react";
|
|
41632
|
-
import { selectAppData as selectAppData14, useHMSStore as
|
|
41580
|
+
import { selectAppData as selectAppData14, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
|
|
41633
41581
|
|
|
41634
41582
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
41635
41583
|
init_define_process_env();
|
|
@@ -41653,7 +41601,7 @@ var RoomDetailsSheet = () => {
|
|
|
41653
41601
|
|
|
41654
41602
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
41655
41603
|
var Sheet2 = () => {
|
|
41656
|
-
const sheet =
|
|
41604
|
+
const sheet = useHMSStore94(selectAppData14(APP_DATA.sheet));
|
|
41657
41605
|
let ViewComponent;
|
|
41658
41606
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
41659
41607
|
ViewComponent = /* @__PURE__ */ React179.createElement(RoomDetailsSheet, null);
|
|
@@ -41663,15 +41611,15 @@ var Sheet2 = () => {
|
|
|
41663
41611
|
|
|
41664
41612
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
41665
41613
|
init_define_process_env();
|
|
41666
|
-
import React180, { useCallback as
|
|
41614
|
+
import React180, { useCallback as useCallback36, useEffect as useEffect73, useMemo as useMemo21, useState as useState76 } from "react";
|
|
41667
41615
|
import { useMedia as useMedia42 } from "react-use";
|
|
41668
41616
|
import {
|
|
41669
41617
|
selectIsLargeRoom as selectIsLargeRoom4,
|
|
41670
41618
|
selectLocalPeerID as selectLocalPeerID16,
|
|
41671
41619
|
selectPeerNameByID as selectPeerNameByID7,
|
|
41672
41620
|
useCustomEvent as useCustomEvent5,
|
|
41673
|
-
useHMSActions as
|
|
41674
|
-
useHMSStore as
|
|
41621
|
+
useHMSActions as useHMSActions53,
|
|
41622
|
+
useHMSStore as useHMSStore95,
|
|
41675
41623
|
useHMSVanillaStore as useHMSVanillaStore17
|
|
41676
41624
|
} from "@100mslive/react-sdk";
|
|
41677
41625
|
var emojiCount = 1;
|
|
@@ -41698,14 +41646,14 @@ var getStartingPoints = (isMobile) => {
|
|
|
41698
41646
|
return arr;
|
|
41699
41647
|
};
|
|
41700
41648
|
function FlyingEmoji() {
|
|
41701
|
-
const localPeerId =
|
|
41649
|
+
const localPeerId = useHMSStore95(selectLocalPeerID16);
|
|
41702
41650
|
const vanillaStore = useHMSVanillaStore17();
|
|
41703
|
-
const hmsActions2 =
|
|
41651
|
+
const hmsActions2 = useHMSActions53();
|
|
41704
41652
|
const [emojis, setEmojis] = useState76([]);
|
|
41705
41653
|
const isMobile = useMedia42(config.media.md);
|
|
41706
|
-
const isLargeRoom =
|
|
41654
|
+
const isLargeRoom = useHMSStore95(selectIsLargeRoom4);
|
|
41707
41655
|
const startingPoints = useMemo21(() => getStartingPoints(isMobile), [isMobile]);
|
|
41708
|
-
const showFlyingEmoji =
|
|
41656
|
+
const showFlyingEmoji = useCallback36(
|
|
41709
41657
|
(_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
|
|
41710
41658
|
if (!emojiId || !senderId || document.hidden) {
|
|
41711
41659
|
return;
|
|
@@ -41800,11 +41748,11 @@ function FlyingEmoji() {
|
|
|
41800
41748
|
|
|
41801
41749
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
41802
41750
|
init_define_process_env();
|
|
41803
|
-
import React181, { useCallback as
|
|
41804
|
-
import { useCustomEvent as useCustomEvent6, useHMSActions as
|
|
41751
|
+
import React181, { useCallback as useCallback37 } from "react";
|
|
41752
|
+
import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions54 } from "@100mslive/react-sdk";
|
|
41805
41753
|
function RemoteStopScreenshare() {
|
|
41806
|
-
const actions =
|
|
41807
|
-
const onRemoteStopScreenshare =
|
|
41754
|
+
const actions = useHMSActions54();
|
|
41755
|
+
const onRemoteStopScreenshare = useCallback37(() => __async(this, null, function* () {
|
|
41808
41756
|
yield actions.setScreenShareEnabled(false);
|
|
41809
41757
|
}), [actions]);
|
|
41810
41758
|
useCustomEvent6({
|
|
@@ -41816,23 +41764,23 @@ function RemoteStopScreenshare() {
|
|
|
41816
41764
|
|
|
41817
41765
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
41818
41766
|
init_define_process_env();
|
|
41819
|
-
import { useCallback as
|
|
41767
|
+
import { useCallback as useCallback38, useEffect as useEffect74, useRef as useRef30 } from "react";
|
|
41820
41768
|
import {
|
|
41821
41769
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
|
41822
41770
|
selectPermissions as selectPermissions20,
|
|
41823
|
-
useHMSActions as
|
|
41824
|
-
useHMSStore as
|
|
41771
|
+
useHMSActions as useHMSActions55,
|
|
41772
|
+
useHMSStore as useHMSStore96,
|
|
41825
41773
|
useRecordingStreaming as useRecordingStreaming12
|
|
41826
41774
|
} from "@100mslive/react-sdk";
|
|
41827
41775
|
var useAutoStartStreaming = () => {
|
|
41828
41776
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
41829
|
-
const permissions =
|
|
41777
|
+
const permissions = useHMSStore96(selectPermissions20);
|
|
41830
41778
|
const showStreamingUI = useShowStreamingUI();
|
|
41831
|
-
const hmsActions2 =
|
|
41832
|
-
const isConnected =
|
|
41779
|
+
const hmsActions2 = useHMSActions55();
|
|
41780
|
+
const isConnected = useHMSStore96(selectIsConnectedToRoom12);
|
|
41833
41781
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
|
|
41834
41782
|
const streamStartedRef = useRef30(false);
|
|
41835
|
-
const startHLS =
|
|
41783
|
+
const startHLS = useCallback38(() => __async(void 0, null, function* () {
|
|
41836
41784
|
try {
|
|
41837
41785
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
|
41838
41786
|
return;
|
|
@@ -42020,8 +41968,8 @@ var AppStates = ({ activeState }) => {
|
|
|
42020
41968
|
return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React182.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React182.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React182.createElement(ConferenceScreen, null));
|
|
42021
41969
|
};
|
|
42022
41970
|
var BackSwipe = () => {
|
|
42023
|
-
const isConnectedToRoom =
|
|
42024
|
-
const hmsActions2 =
|
|
41971
|
+
const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
|
|
41972
|
+
const hmsActions2 = useHMSActions56();
|
|
42025
41973
|
useEffect75(() => {
|
|
42026
41974
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
42027
41975
|
if (isConnectedToRoom) {
|
|
@@ -42187,8 +42135,8 @@ import {
|
|
|
42187
42135
|
selectLocalAudioTrackID as selectLocalAudioTrackID2,
|
|
42188
42136
|
selectLocalMediaSettings,
|
|
42189
42137
|
selectTrackAudioByID as selectTrackAudioByID2,
|
|
42190
|
-
useHMSActions as
|
|
42191
|
-
useHMSStore as
|
|
42138
|
+
useHMSActions as useHMSActions57,
|
|
42139
|
+
useHMSStore as useHMSStore98
|
|
42192
42140
|
} from "@100mslive/react-sdk";
|
|
42193
42141
|
import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
|
|
42194
42142
|
|
|
@@ -42263,12 +42211,12 @@ DeviceSelector2.propTypes = {
|
|
|
42263
42211
|
var SelectContainer = ({ children }) => /* @__PURE__ */ React185.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
|
|
42264
42212
|
var MicTest = ({ setError }) => {
|
|
42265
42213
|
var _a8, _b7;
|
|
42266
|
-
const devices =
|
|
42214
|
+
const devices = useHMSStore98(selectDevices);
|
|
42267
42215
|
const [isRecording, setIsRecording] = useState78(false);
|
|
42268
42216
|
const [selectedMic, setSelectedMic] = useState78(((_a8 = devices.audioInput[0]) == null ? void 0 : _a8.deviceId) || "default");
|
|
42269
|
-
const trackID =
|
|
42270
|
-
const audioLevel =
|
|
42271
|
-
const { audioOutputDeviceId } =
|
|
42217
|
+
const trackID = useHMSStore98(selectLocalAudioTrackID2);
|
|
42218
|
+
const audioLevel = useHMSStore98(selectTrackAudioByID2(trackID));
|
|
42219
|
+
const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
|
|
42272
42220
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
42273
42221
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
42274
42222
|
});
|
|
@@ -42342,9 +42290,9 @@ var MicTest = ({ setError }) => {
|
|
|
42342
42290
|
};
|
|
42343
42291
|
var SpeakerTest = () => {
|
|
42344
42292
|
var _a8;
|
|
42345
|
-
const actions =
|
|
42346
|
-
const devices =
|
|
42347
|
-
const { audioOutputDeviceId } =
|
|
42293
|
+
const actions = useHMSActions57();
|
|
42294
|
+
const devices = useHMSStore98(selectDevices);
|
|
42295
|
+
const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
|
|
42348
42296
|
if (devices.audioOutput.length === 0) {
|
|
42349
42297
|
return /* @__PURE__ */ React185.createElement(React185.Fragment, null);
|
|
42350
42298
|
}
|
|
@@ -42699,14 +42647,14 @@ import {
|
|
|
42699
42647
|
selectDevices as selectDevices2,
|
|
42700
42648
|
selectLocalMediaSettings as selectLocalMediaSettings2,
|
|
42701
42649
|
selectLocalVideoTrackID as selectLocalVideoTrackID4,
|
|
42702
|
-
useHMSStore as
|
|
42650
|
+
useHMSStore as useHMSStore99
|
|
42703
42651
|
} from "@100mslive/react-sdk";
|
|
42704
42652
|
import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
|
|
42705
42653
|
var VideoTest = () => {
|
|
42706
|
-
const allDevices =
|
|
42654
|
+
const allDevices = useHMSStore99(selectDevices2);
|
|
42707
42655
|
const { videoInput } = allDevices;
|
|
42708
|
-
const trackID =
|
|
42709
|
-
const sdkSelectedDevices =
|
|
42656
|
+
const trackID = useHMSStore99(selectLocalVideoTrackID4);
|
|
42657
|
+
const sdkSelectedDevices = useHMSStore99(selectLocalMediaSettings2);
|
|
42710
42658
|
const [error, setError] = useState81();
|
|
42711
42659
|
useEffect78(() => {
|
|
42712
42660
|
hmsDiagnostics.startCameraCheck().catch((err) => setError(err));
|
|
@@ -42938,4 +42886,4 @@ object-assign/index.js:
|
|
|
42938
42886
|
@license MIT
|
|
42939
42887
|
*)
|
|
42940
42888
|
*/
|
|
42941
|
-
//# sourceMappingURL=chunk-
|
|
42889
|
+
//# sourceMappingURL=chunk-2VGMEGOM.js.map
|