@100mslive/roomkit-react 0.3.14-alpha.10 → 0.3.14-alpha.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HLSView-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
|