@100mslive/roomkit-react 0.3.19-alpha.15 → 0.3.19-alpha.16
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-XY7JC5H7.js → HLSView-U7F2BKBY.js} +2 -2
- package/dist/{HLSView-C2XG43BN.css → HLSView-XE3NUHCX.css} +3 -3
- package/dist/{HLSView-C2XG43BN.css.map → HLSView-XE3NUHCX.css.map} +1 -1
- package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +1 -0
- package/dist/{chunk-5XRSIFEH.js → chunk-36E6AAIG.js} +21 -25
- package/dist/{chunk-5XRSIFEH.js.map → chunk-36E6AAIG.js.map} +4 -4
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +450 -461
- 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 +29 -48
- package/dist/meta.esbuild.json +41 -60
- package/package.json +7 -7
- package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +13 -1
- package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +3 -6
- package/dist/Prebuilt/components/VirtualBackground/util.d.ts +0 -1
- package/src/Prebuilt/components/VirtualBackground/util.tsx +0 -13
- /package/dist/{HLSView-XY7JC5H7.js.map → HLSView-U7F2BKBY.js.map} +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -109,7 +109,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
109
109
|
var define_process_env_default;
|
|
110
110
|
var init_define_process_env = __esm({
|
|
111
111
|
"<define:process.env>"() {
|
|
112
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_704c76dc-d1bc-4bfe-b606-b58ce372e0a7", 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.9-alpha.15", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.19-alpha.15", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_704c76dc-d1bc-4bfe-b606-b58ce372e0a7", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19-alpha.15", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "590", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240901.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.6/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:17260", 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.19-alpha.15", 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: "10706174456", 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: "f8aada15d72c41c25aa564f6e4fe08063cca12e3", 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: "90c5113019a6c4ce95a106b38424c59f2e630183014e7d5abb5167f382513446", 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--1725469229838-0.04690174942773506:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725469229640-0.12649183887692428:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725469203603-0.46289214698132386:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725469203423-0.761676340735012:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_a4078fce-1fc4-401a-9a18-d5b60f9ebcc2", INVOCATION_ID: "4ae0dcaf70a64ed0ab40df55e48f21cd", 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: "658", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 270", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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.19-alpha.15", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.15", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "f8aada15d72c41c25aa564f6e4fe08063cca12e3", 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_704c76dc-d1bc-4bfe-b606-b58ce372e0a7", 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_704c76dc-d1bc-4bfe-b606-b58ce372e0a7", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_704c76dc-d1bc-4bfe-b606-b58ce372e0a7" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_699e57f7-4530-4022-9c86-5c592072a7b3", 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.9-alpha.16", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.19-alpha.16", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_699e57f7-4530-4022-9c86-5c592072a7b3", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19-alpha.16", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "592", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240901.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.6/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:17040", 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.19-alpha.16", 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: "10716975514", 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: "f4e569ef4919bfe1b7b6bc4f82bb9c3f856a50ce", 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: "0dd81e152645402539edeca8123e560c0a25bd56331af63bbf8077245a0a92c6", 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--1725525921878-0.5582916039352104:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725525921683-0.9977146361046709:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725525895971-0.3226176454249092:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725525895796-0.6961468076648865:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_39648ebf-e148-480a-8f33-18990edf5d65", INVOCATION_ID: "3655178db1e64dd0887086c20a4c7aa8", 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: "659", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 225", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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.19-alpha.16", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.16", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "f4e569ef4919bfe1b7b6bc4f82bb9c3f856a50ce", 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_699e57f7-4530-4022-9c86-5c592072a7b3", 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_699e57f7-4530-4022-9c86-5c592072a7b3", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_699e57f7-4530-4022-9c86-5c592072a7b3" };
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -10296,12 +10296,14 @@ var init_AppContext = __esm({
|
|
|
10296
10296
|
});
|
|
10297
10297
|
|
|
10298
10298
|
// src/Prebuilt/components/VirtualBackground/VBHandler.tsx
|
|
10299
|
-
var import_hmsvbplugin, VBPlugin, VBHandler;
|
|
10299
|
+
var import_hmsvbplugin, import_react_sdk12, VBPlugin, VBHandler;
|
|
10300
10300
|
var init_VBHandler = __esm({
|
|
10301
10301
|
"src/Prebuilt/components/VirtualBackground/VBHandler.tsx"() {
|
|
10302
10302
|
"use strict";
|
|
10303
10303
|
init_define_process_env();
|
|
10304
10304
|
import_hmsvbplugin = require("@100mslive/hms-virtual-background/hmsvbplugin");
|
|
10305
|
+
import_react_sdk12 = require("@100mslive/react-sdk");
|
|
10306
|
+
init_constants();
|
|
10305
10307
|
VBPlugin = class {
|
|
10306
10308
|
constructor() {
|
|
10307
10309
|
this.initialisePlugin = (effectsSDKKey, onInit) => __async(this, null, function* () {
|
|
@@ -10393,6 +10395,17 @@ var init_VBHandler = __esm({
|
|
|
10393
10395
|
this.effectsPlugin = void 0;
|
|
10394
10396
|
this.hmsPlugin = void 0;
|
|
10395
10397
|
};
|
|
10398
|
+
this.isEffectsSupported = () => {
|
|
10399
|
+
var _a7, _b7;
|
|
10400
|
+
if (!isSafari) {
|
|
10401
|
+
return true;
|
|
10402
|
+
}
|
|
10403
|
+
const browserVersion = ((_b7 = (_a7 = import_react_sdk12.parsedUserAgent) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
|
|
10404
|
+
if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
|
|
10405
|
+
return false;
|
|
10406
|
+
}
|
|
10407
|
+
return true;
|
|
10408
|
+
};
|
|
10396
10409
|
}
|
|
10397
10410
|
};
|
|
10398
10411
|
VBHandler = new VBPlugin();
|
|
@@ -10897,7 +10910,7 @@ var init_useRedirectToLeave = __esm({
|
|
|
10897
10910
|
});
|
|
10898
10911
|
|
|
10899
10912
|
// src/Prebuilt/AppStateContext.tsx
|
|
10900
|
-
var import_react38, import_react_use4, import_ts_pattern2,
|
|
10913
|
+
var import_react38, import_react_use4, import_ts_pattern2, import_react_sdk13, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
|
10901
10914
|
var init_AppStateContext = __esm({
|
|
10902
10915
|
"src/Prebuilt/AppStateContext.tsx"() {
|
|
10903
10916
|
"use strict";
|
|
@@ -10905,7 +10918,7 @@ var init_AppStateContext = __esm({
|
|
|
10905
10918
|
import_react38 = __toESM(require("react"));
|
|
10906
10919
|
import_react_use4 = require("react-use");
|
|
10907
10920
|
import_ts_pattern2 = require("ts-pattern");
|
|
10908
|
-
|
|
10921
|
+
import_react_sdk13 = require("@100mslive/react-sdk");
|
|
10909
10922
|
init_VBHandler();
|
|
10910
10923
|
init_roomLayoutProvider();
|
|
10911
10924
|
init_useRedirectToLeave();
|
|
@@ -10928,9 +10941,9 @@ var init_AppStateContext = __esm({
|
|
|
10928
10941
|
const roomLayout = useRoomLayout();
|
|
10929
10942
|
const setOriginalLayout = useSetOriginalLayout();
|
|
10930
10943
|
const [activeState, setActiveState] = import_react38.default.useState();
|
|
10931
|
-
const roomState = (0,
|
|
10944
|
+
const roomState = (0, import_react_sdk13.useHMSStore)(import_react_sdk13.selectRoomState);
|
|
10932
10945
|
const prevRoomState = (0, import_react_use4.usePreviousDistinct)(roomState);
|
|
10933
|
-
const hmsActions = (0,
|
|
10946
|
+
const hmsActions = (0, import_react_sdk13.useHMSActions)();
|
|
10934
10947
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
10935
10948
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
10936
10949
|
const { redirectToLeave } = useRedirectToLeave();
|
|
@@ -10943,13 +10956,13 @@ var init_AppStateContext = __esm({
|
|
|
10943
10956
|
if (!roomLayout) {
|
|
10944
10957
|
return;
|
|
10945
10958
|
}
|
|
10946
|
-
(0, import_ts_pattern2.match)([roomState, prevRoomState]).with([
|
|
10947
|
-
[
|
|
10948
|
-
[
|
|
10949
|
-
[
|
|
10950
|
-
[
|
|
10951
|
-
[
|
|
10952
|
-
[
|
|
10959
|
+
(0, import_ts_pattern2.match)([roomState, prevRoomState]).with([import_react_sdk13.HMSRoomState.Connected, import_ts_pattern2.P.any], () => setActiveState("meeting" /* MEETING */)).with(
|
|
10960
|
+
[import_react_sdk13.HMSRoomState.Disconnecting, import_react_sdk13.HMSRoomState.Connected],
|
|
10961
|
+
[import_react_sdk13.HMSRoomState.Disconnecting, import_react_sdk13.HMSRoomState.Connecting],
|
|
10962
|
+
[import_react_sdk13.HMSRoomState.Disconnecting, import_react_sdk13.HMSRoomState.Reconnecting],
|
|
10963
|
+
[import_react_sdk13.HMSRoomState.Disconnected, import_react_sdk13.HMSRoomState.Connected],
|
|
10964
|
+
[import_react_sdk13.HMSRoomState.Disconnected, import_react_sdk13.HMSRoomState.Connecting],
|
|
10965
|
+
[import_react_sdk13.HMSRoomState.Disconnected, import_react_sdk13.HMSRoomState.Reconnecting],
|
|
10953
10966
|
() => {
|
|
10954
10967
|
setActiveState(
|
|
10955
10968
|
(0, import_ts_pattern2.match)({ isLeaveScreenEnabled, isPreviewScreenEnabled }).with({ isLeaveScreenEnabled: true }, () => "leave" /* LEAVE */).with({ isPreviewScreenEnabled: true }, () => "preview" /* PREVIEW */).otherwise(() => "meeting" /* MEETING */)
|
|
@@ -10957,7 +10970,7 @@ var init_AppStateContext = __esm({
|
|
|
10957
10970
|
VBHandler.reset();
|
|
10958
10971
|
redirectToLeave(1e3);
|
|
10959
10972
|
}
|
|
10960
|
-
).with([
|
|
10973
|
+
).with([import_react_sdk13.HMSRoomState.Disconnected, import_ts_pattern2.P.nullish], () => {
|
|
10961
10974
|
setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
|
|
10962
10975
|
}).otherwise(() => {
|
|
10963
10976
|
});
|
|
@@ -10976,7 +10989,7 @@ var init_transaction_error = __esm({
|
|
|
10976
10989
|
});
|
|
10977
10990
|
|
|
10978
10991
|
// src/Prebuilt/components/AuthToken.tsx
|
|
10979
|
-
var import_react39, import_react_use5, import_ts_pattern3, import_uuid2,
|
|
10992
|
+
var import_react39, import_react_use5, import_ts_pattern3, import_uuid2, import_react_sdk14, AuthToken, convertError, AuthToken_default;
|
|
10980
10993
|
var init_AuthToken = __esm({
|
|
10981
10994
|
"src/Prebuilt/components/AuthToken.tsx"() {
|
|
10982
10995
|
"use strict";
|
|
@@ -10985,7 +10998,7 @@ var init_AuthToken = __esm({
|
|
|
10985
10998
|
import_react_use5 = require("react-use");
|
|
10986
10999
|
import_ts_pattern3 = require("ts-pattern");
|
|
10987
11000
|
import_uuid2 = require("uuid");
|
|
10988
|
-
|
|
11001
|
+
import_react_sdk14 = require("@100mslive/react-sdk");
|
|
10989
11002
|
init_Modal();
|
|
10990
11003
|
init_Text2();
|
|
10991
11004
|
init_AppContext();
|
|
@@ -10994,7 +11007,7 @@ var init_AuthToken = __esm({
|
|
|
10994
11007
|
init_useUserPreferences();
|
|
10995
11008
|
init_constants();
|
|
10996
11009
|
AuthToken = import_react39.default.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken, activeState }) => {
|
|
10997
|
-
const hmsActions = (0,
|
|
11010
|
+
const hmsActions = (0, import_react_sdk14.useHMSActions)();
|
|
10998
11011
|
const { roomCode, userId } = useHMSPrebuiltContext();
|
|
10999
11012
|
const [error, setError] = (0, import_react39.useState)({ title: "", body: "" });
|
|
11000
11013
|
const authToken = defaultAuthToken;
|
|
@@ -11555,14 +11568,14 @@ var init_useDropdownSelection = __esm({
|
|
|
11555
11568
|
});
|
|
11556
11569
|
|
|
11557
11570
|
// src/Prebuilt/components/Settings/DeviceSettings.jsx
|
|
11558
|
-
var import_react45, import_react_use6,
|
|
11571
|
+
var import_react45, import_react_use6, import_react_sdk15, import_react_icons10, Settings, DeviceSelector, TestAudio, DeviceSettings_default;
|
|
11559
11572
|
var init_DeviceSettings = __esm({
|
|
11560
11573
|
"src/Prebuilt/components/Settings/DeviceSettings.jsx"() {
|
|
11561
11574
|
"use strict";
|
|
11562
11575
|
init_define_process_env();
|
|
11563
11576
|
import_react45 = __toESM(require("react"));
|
|
11564
11577
|
import_react_use6 = require("react-use");
|
|
11565
|
-
|
|
11578
|
+
import_react_sdk15 = require("@100mslive/react-sdk");
|
|
11566
11579
|
import_react_icons10 = require("@100mslive/react-icons");
|
|
11567
11580
|
init_src();
|
|
11568
11581
|
init_Theme();
|
|
@@ -11574,15 +11587,15 @@ var init_DeviceSettings = __esm({
|
|
|
11574
11587
|
init_constants();
|
|
11575
11588
|
Settings = ({ setHide }) => {
|
|
11576
11589
|
var _a7;
|
|
11577
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
|
11590
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk15.useDevices)();
|
|
11578
11591
|
const { videoInput, audioInput, audioOutput } = allDevices;
|
|
11579
|
-
const videoTrackId = (0,
|
|
11580
|
-
const isVideoOn = (0,
|
|
11592
|
+
const videoTrackId = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectLocalVideoTrackID);
|
|
11593
|
+
const isVideoOn = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectIsLocalVideoEnabled);
|
|
11581
11594
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
|
11582
11595
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
11583
|
-
const trackSelector = (0,
|
|
11584
|
-
const hmsActions = (0,
|
|
11585
|
-
const track = (0,
|
|
11596
|
+
const trackSelector = (0, import_react_sdk15.selectVideoTrackByID)(videoTrackId);
|
|
11597
|
+
const hmsActions = (0, import_react_sdk15.useHMSActions)();
|
|
11598
|
+
const track = (0, import_react_sdk15.useHMSStore)(trackSelector);
|
|
11586
11599
|
const isMobile = (0, import_react_use6.useMedia)(config.media.md);
|
|
11587
11600
|
(0, import_react45.useEffect)(() => {
|
|
11588
11601
|
if (isMobile) {
|
|
@@ -11614,7 +11627,7 @@ var init_DeviceSettings = __esm({
|
|
|
11614
11627
|
selection: selectedDeviceIDs.videoInput,
|
|
11615
11628
|
onChange: (deviceId) => updateDevice({
|
|
11616
11629
|
deviceId,
|
|
11617
|
-
deviceType:
|
|
11630
|
+
deviceType: import_react_sdk15.DeviceType.videoInput
|
|
11618
11631
|
})
|
|
11619
11632
|
}
|
|
11620
11633
|
)) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */ import_react45.default.createElement(
|
|
@@ -11626,7 +11639,7 @@ var init_DeviceSettings = __esm({
|
|
|
11626
11639
|
selection: selectedDeviceIDs.audioInput,
|
|
11627
11640
|
onChange: (deviceId) => updateDevice({
|
|
11628
11641
|
deviceId,
|
|
11629
|
-
deviceType:
|
|
11642
|
+
deviceType: import_react_sdk15.DeviceType.audioInput
|
|
11630
11643
|
})
|
|
11631
11644
|
}
|
|
11632
11645
|
) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */ import_react45.default.createElement(
|
|
@@ -11638,7 +11651,7 @@ var init_DeviceSettings = __esm({
|
|
|
11638
11651
|
selection: selectedDeviceIDs.audioOutput,
|
|
11639
11652
|
onChange: (deviceId) => updateDevice({
|
|
11640
11653
|
deviceId,
|
|
11641
|
-
deviceType:
|
|
11654
|
+
deviceType: import_react_sdk15.DeviceType.audioOutput
|
|
11642
11655
|
})
|
|
11643
11656
|
},
|
|
11644
11657
|
/* @__PURE__ */ import_react45.default.createElement(TestAudio, { id: selectedDeviceIDs.audioOutput })
|
|
@@ -12057,14 +12070,14 @@ var init_SettingsModal = __esm({
|
|
|
12057
12070
|
});
|
|
12058
12071
|
|
|
12059
12072
|
// src/Prebuilt/components/AudioVideoToggle.tsx
|
|
12060
|
-
var import_react48, import_hms_noise_cancellation,
|
|
12073
|
+
var import_react48, import_hms_noise_cancellation, import_react_sdk16, import_react_icons13, krispPlugin, Options, OptionLabel, useNoiseCancellationWithPlugin, NoiseCancellation, AudioOutputLabel, AudioSettings, AudioVideoToggle;
|
|
12061
12074
|
var init_AudioVideoToggle = __esm({
|
|
12062
12075
|
"src/Prebuilt/components/AudioVideoToggle.tsx"() {
|
|
12063
12076
|
"use strict";
|
|
12064
12077
|
init_define_process_env();
|
|
12065
12078
|
import_react48 = __toESM(require("react"));
|
|
12066
12079
|
import_hms_noise_cancellation = require("@100mslive/hms-noise-cancellation");
|
|
12067
|
-
|
|
12080
|
+
import_react_sdk16 = require("@100mslive/react-sdk");
|
|
12068
12081
|
import_react_icons13 = require("@100mslive/react-icons");
|
|
12069
12082
|
init_IconButtonWithOptions();
|
|
12070
12083
|
init_ActionTile();
|
|
@@ -12128,10 +12141,10 @@ var init_AudioVideoToggle = __esm({
|
|
|
12128
12141
|
};
|
|
12129
12142
|
useNoiseCancellationWithPlugin = () => {
|
|
12130
12143
|
var _a7;
|
|
12131
|
-
const actions = (0,
|
|
12144
|
+
const actions = (0, import_react_sdk16.useHMSActions)();
|
|
12132
12145
|
const [inProgress, setInProgress] = (0, import_react48.useState)(false);
|
|
12133
12146
|
const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
|
|
12134
|
-
const isEnabledForRoom = (_a7 = (0,
|
|
12147
|
+
const isEnabledForRoom = (_a7 = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
|
|
12135
12148
|
const setNoiseCancellationWithPlugin = (0, import_react48.useCallback)(
|
|
12136
12149
|
(enabled) => __async(void 0, null, function* () {
|
|
12137
12150
|
if (!isEnabledForRoom || inProgress) {
|
|
@@ -12161,11 +12174,11 @@ var init_AudioVideoToggle = __esm({
|
|
|
12161
12174
|
iconOnly,
|
|
12162
12175
|
setOpenOptionsSheet
|
|
12163
12176
|
}) => {
|
|
12164
|
-
const localPeerAudioTrackID = (0,
|
|
12177
|
+
const localPeerAudioTrackID = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectLocalAudioTrackID);
|
|
12165
12178
|
const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
|
|
12166
12179
|
const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
|
|
12167
|
-
const room = (0,
|
|
12168
|
-
const isKrispPluginAdded = (0,
|
|
12180
|
+
const room = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom);
|
|
12181
|
+
const isKrispPluginAdded = (0, import_react_sdk16.useHMSStore)((0, import_react_sdk16.selectIsLocalAudioPluginPresent)(krispPlugin.getName()));
|
|
12169
12182
|
if (!krispPlugin.isSupported() || !room.isNoiseCancellationEnabled || !localPeerAudioTrackID) {
|
|
12170
12183
|
return null;
|
|
12171
12184
|
}
|
|
@@ -12277,7 +12290,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
12277
12290
|
));
|
|
12278
12291
|
};
|
|
12279
12292
|
AudioVideoToggle = ({ hideOptions = false }) => {
|
|
12280
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
|
12293
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk16.useDevices)((error) => {
|
|
12281
12294
|
ToastManager.addToast({
|
|
12282
12295
|
title: error.message,
|
|
12283
12296
|
variant: "error",
|
|
@@ -12285,26 +12298,26 @@ var init_AudioVideoToggle = __esm({
|
|
|
12285
12298
|
});
|
|
12286
12299
|
});
|
|
12287
12300
|
const { videoInput, audioInput, audioOutput } = allDevices;
|
|
12288
|
-
const localPeer = (0,
|
|
12289
|
-
const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = (0,
|
|
12290
|
-
const actions = (0,
|
|
12291
|
-
const vanillaStore = (0,
|
|
12292
|
-
const videoTrackId = (0,
|
|
12293
|
-
const localVideoTrack = (0,
|
|
12294
|
-
const roomState = (0,
|
|
12301
|
+
const localPeer = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectLocalPeer);
|
|
12302
|
+
const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = (0, import_react_sdk16.useAVToggle)();
|
|
12303
|
+
const actions = (0, import_react_sdk16.useHMSActions)();
|
|
12304
|
+
const vanillaStore = (0, import_react_sdk16.useHMSVanillaStore)();
|
|
12305
|
+
const videoTrackId = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectLocalVideoTrackID);
|
|
12306
|
+
const localVideoTrack = (0, import_react_sdk16.useHMSStore)((0, import_react_sdk16.selectVideoTrackByID)(videoTrackId));
|
|
12307
|
+
const roomState = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoomState);
|
|
12295
12308
|
const hasAudioDevices = Number(audioInput == null ? void 0 : audioInput.length) > 0;
|
|
12296
12309
|
const hasVideoDevices = Number(videoInput == null ? void 0 : videoInput.length) > 0;
|
|
12297
12310
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype && Number(audioOutput == null ? void 0 : audioOutput.length) > 0;
|
|
12298
12311
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
12299
12312
|
const [showSettings, setShowSettings] = (0, import_react48.useState)(false);
|
|
12300
|
-
const isKrispPluginAdded = (0,
|
|
12313
|
+
const isKrispPluginAdded = (0, import_react_sdk16.useHMSStore)((0, import_react_sdk16.selectIsLocalAudioPluginPresent)(krispPlugin.getName()));
|
|
12301
12314
|
const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
|
|
12302
12315
|
const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
|
|
12303
12316
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
12304
12317
|
(0, import_react48.useEffect)(() => {
|
|
12305
12318
|
(() => __async(void 0, null, function* () {
|
|
12306
12319
|
var _a7;
|
|
12307
|
-
const isEnabledForRoom = (_a7 = vanillaStore.getState(
|
|
12320
|
+
const isEnabledForRoom = (_a7 = vanillaStore.getState(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
|
|
12308
12321
|
if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
|
|
12309
12322
|
try {
|
|
12310
12323
|
yield setNoiseCancellationWithPlugin(true);
|
|
@@ -12341,7 +12354,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
12341
12354
|
{
|
|
12342
12355
|
options: audioInput,
|
|
12343
12356
|
selectedDeviceId: selectedDeviceIDs.audioInput,
|
|
12344
|
-
onClick: (deviceId) => updateDevice({ deviceId, deviceType:
|
|
12357
|
+
onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk16.DeviceType.audioInput })
|
|
12345
12358
|
}
|
|
12346
12359
|
)),
|
|
12347
12360
|
/* @__PURE__ */ import_react48.default.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }),
|
|
@@ -12350,7 +12363,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
12350
12363
|
{
|
|
12351
12364
|
options: audioOutput,
|
|
12352
12365
|
selectedDeviceId: selectedDeviceIDs.audioOutput,
|
|
12353
|
-
onClick: (deviceId) => updateDevice({ deviceId, deviceType:
|
|
12366
|
+
onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk16.DeviceType.audioOutput })
|
|
12354
12367
|
}
|
|
12355
12368
|
))),
|
|
12356
12369
|
/* @__PURE__ */ import_react48.default.createElement(NoiseCancellation, null),
|
|
@@ -12373,10 +12386,10 @@ var init_AudioVideoToggle = __esm({
|
|
|
12373
12386
|
{
|
|
12374
12387
|
options: videoInput,
|
|
12375
12388
|
selectedDeviceId: selectedDeviceIDs.videoInput,
|
|
12376
|
-
onClick: (deviceId) => updateDevice({ deviceId, deviceType:
|
|
12389
|
+
onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk16.DeviceType.videoInput })
|
|
12377
12390
|
}
|
|
12378
12391
|
)
|
|
12379
|
-
) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState ===
|
|
12392
|
+
) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk16.HMSRoomState.Preview && (isIOS || isAndroid) ? /* @__PURE__ */ import_react48.default.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ import_react48.default.createElement(
|
|
12380
12393
|
IconButton_default,
|
|
12381
12394
|
{
|
|
12382
12395
|
onClick: () => __async(void 0, null, function* () {
|
|
@@ -12397,19 +12410,19 @@ var init_AudioVideoToggle = __esm({
|
|
|
12397
12410
|
});
|
|
12398
12411
|
|
|
12399
12412
|
// src/Prebuilt/components/CaptionIcon.tsx
|
|
12400
|
-
var import_react49,
|
|
12413
|
+
var import_react49, import_react_sdk17, import_react_icons14, CaptionIcon;
|
|
12401
12414
|
var init_CaptionIcon = __esm({
|
|
12402
12415
|
"src/Prebuilt/components/CaptionIcon.tsx"() {
|
|
12403
12416
|
"use strict";
|
|
12404
12417
|
init_define_process_env();
|
|
12405
12418
|
import_react49 = __toESM(require("react"));
|
|
12406
|
-
|
|
12419
|
+
import_react_sdk17 = require("@100mslive/react-sdk");
|
|
12407
12420
|
import_react_icons14 = require("@100mslive/react-icons");
|
|
12408
12421
|
init_Tooltip2();
|
|
12409
12422
|
init_IconButton3();
|
|
12410
12423
|
init_useUISettings();
|
|
12411
12424
|
CaptionIcon = () => {
|
|
12412
|
-
const isCaptionPresent = (0,
|
|
12425
|
+
const isCaptionPresent = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectIsTranscriptionEnabled);
|
|
12413
12426
|
const [isCaption, setIsCaption] = useSetIsCaptionEnabled();
|
|
12414
12427
|
const onClick = () => {
|
|
12415
12428
|
setIsCaption(!isCaption);
|
|
@@ -12497,11 +12510,11 @@ function getResolution(recordingResolution) {
|
|
|
12497
12510
|
return resolution;
|
|
12498
12511
|
}
|
|
12499
12512
|
function useWaitingRoomInfo() {
|
|
12500
|
-
const localPeerRole = (0,
|
|
12501
|
-
const { video, audio, screen } = (0,
|
|
12513
|
+
const localPeerRole = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectLocalPeerRole);
|
|
12514
|
+
const { video, audio, screen } = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectIsAllowedToPublish);
|
|
12502
12515
|
const isScreenShareAllowed = isScreenshareSupported();
|
|
12503
|
-
const roles = (0,
|
|
12504
|
-
const peersByRoles = (0,
|
|
12516
|
+
const roles = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectRolesMap);
|
|
12517
|
+
const peersByRoles = (0, import_react_sdk18.useHMSStore)((0, import_react_sdk18.selectPeersByRoles)((localPeerRole == null ? void 0 : localPeerRole.subscribeParams.subscribeToRoles) || []));
|
|
12505
12518
|
const isNotAllowedToPublish = !(video || audio || screen && isScreenShareAllowed);
|
|
12506
12519
|
const isScreenOnlyPublishParams = screen && !(video || audio);
|
|
12507
12520
|
const hasSubscribedRolePublishing = (0, import_react52.useMemo)(() => {
|
|
@@ -12519,7 +12532,7 @@ function useWaitingRoomInfo() {
|
|
|
12519
12532
|
hasSubscribedRolePublishing
|
|
12520
12533
|
};
|
|
12521
12534
|
}
|
|
12522
|
-
var import_react52, import_react_use8, import_join_form2,
|
|
12535
|
+
var import_react52, import_react_use8, import_join_form2, import_react_sdk18, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants, useIsLandscape, useLandscapeHLSStream, useMobileHLSStream, useKeyboardHandler, useRecordingHandler;
|
|
12523
12536
|
var init_hooks = __esm({
|
|
12524
12537
|
"src/Prebuilt/common/hooks.ts"() {
|
|
12525
12538
|
"use strict";
|
|
@@ -12527,7 +12540,7 @@ var init_hooks = __esm({
|
|
|
12527
12540
|
import_react52 = require("react");
|
|
12528
12541
|
import_react_use8 = require("react-use");
|
|
12529
12542
|
import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
12530
|
-
|
|
12543
|
+
import_react_sdk18 = require("@100mslive/react-sdk");
|
|
12531
12544
|
init_ToastManager();
|
|
12532
12545
|
init_Theme();
|
|
12533
12546
|
init_roomLayoutProvider();
|
|
@@ -12560,15 +12573,15 @@ var init_hooks = __esm({
|
|
|
12560
12573
|
};
|
|
12561
12574
|
useParticipants = (params) => {
|
|
12562
12575
|
var _a7;
|
|
12563
|
-
const isConnected = (0,
|
|
12564
|
-
const peerCount = (0,
|
|
12565
|
-
const availableRoles = (0,
|
|
12566
|
-
let participantList = (0,
|
|
12576
|
+
const isConnected = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectIsConnectedToRoom);
|
|
12577
|
+
const peerCount = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectPeerCount);
|
|
12578
|
+
const availableRoles = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectAvailableRoleNames);
|
|
12579
|
+
let participantList = (0, import_react_sdk18.useHMSStore)(isConnected ? import_react_sdk18.selectPeers : import_react_sdk18.selectRemotePeers);
|
|
12567
12580
|
const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
|
|
12568
|
-
const vanillaStore = (0,
|
|
12581
|
+
const vanillaStore = (0, import_react_sdk18.useHMSVanillaStore)();
|
|
12569
12582
|
if ((_a7 = params == null ? void 0 : params.metadata) == null ? void 0 : _a7.isHandRaised) {
|
|
12570
12583
|
participantList = participantList.filter((peer) => {
|
|
12571
|
-
return vanillaStore.getState((0,
|
|
12584
|
+
return vanillaStore.getState((0, import_react_sdk18.selectPeerMetadata)(peer.id)).isHandRaised;
|
|
12572
12585
|
});
|
|
12573
12586
|
}
|
|
12574
12587
|
if ((params == null ? void 0 : params.role) && availableRoles.includes(params.role)) {
|
|
@@ -12581,7 +12594,7 @@ var init_hooks = __esm({
|
|
|
12581
12594
|
return { participants: participantList, isConnected, peerCount, rolesWithParticipants };
|
|
12582
12595
|
};
|
|
12583
12596
|
useIsLandscape = () => {
|
|
12584
|
-
const isMobile =
|
|
12597
|
+
const isMobile = import_react_sdk18.parsedUserAgent.getDevice().type === "mobile";
|
|
12585
12598
|
const isLandscape = (0, import_react_use8.useMedia)(config.media.ls);
|
|
12586
12599
|
return isMobile && isLandscape;
|
|
12587
12600
|
};
|
|
@@ -12619,8 +12632,8 @@ var init_hooks = __esm({
|
|
|
12619
12632
|
return handleKeyEvent;
|
|
12620
12633
|
};
|
|
12621
12634
|
useRecordingHandler = () => {
|
|
12622
|
-
const hmsActions = (0,
|
|
12623
|
-
const recordingState = (0,
|
|
12635
|
+
const hmsActions = (0, import_react_sdk18.useHMSActions)();
|
|
12636
|
+
const recordingState = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectRecordingState);
|
|
12624
12637
|
const [isRecordingLoading, setIsRecordingLoading] = (0, import_react52.useState)(false);
|
|
12625
12638
|
const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
|
|
12626
12639
|
(0, import_react52.useEffect)(() => {
|
|
@@ -12666,7 +12679,7 @@ var init_hooks = __esm({
|
|
|
12666
12679
|
});
|
|
12667
12680
|
|
|
12668
12681
|
// src/Prebuilt/components/EmojiReaction.jsx
|
|
12669
|
-
var import_react53, import_react_use9, import_apple, import_emoji_mart,
|
|
12682
|
+
var import_react53, import_react_use9, import_apple, import_emoji_mart, import_react_sdk19, import_react_icons15, EmojiReaction;
|
|
12670
12683
|
var init_EmojiReaction = __esm({
|
|
12671
12684
|
"src/Prebuilt/components/EmojiReaction.jsx"() {
|
|
12672
12685
|
"use strict";
|
|
@@ -12675,7 +12688,7 @@ var init_EmojiReaction = __esm({
|
|
|
12675
12688
|
import_react_use9 = require("react-use");
|
|
12676
12689
|
import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
|
|
12677
12690
|
import_emoji_mart = require("emoji-mart");
|
|
12678
|
-
|
|
12691
|
+
import_react_sdk19 = require("@100mslive/react-sdk");
|
|
12679
12692
|
import_react_icons15 = require("@100mslive/react-icons");
|
|
12680
12693
|
init_EmojiCard();
|
|
12681
12694
|
init_Dropdown2();
|
|
@@ -12690,16 +12703,16 @@ var init_EmojiReaction = __esm({
|
|
|
12690
12703
|
(0, import_emoji_mart.init)({ data: import_apple.default });
|
|
12691
12704
|
EmojiReaction = ({ showCard = false }) => {
|
|
12692
12705
|
const [open, setOpen] = (0, import_react53.useState)(false);
|
|
12693
|
-
const isConnected = (0,
|
|
12706
|
+
const isConnected = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectIsConnectedToRoom);
|
|
12694
12707
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
12695
12708
|
useDropdownList({ open, name: "EmojiReaction" });
|
|
12696
|
-
const roles = (0,
|
|
12697
|
-
const localPeerId = (0,
|
|
12709
|
+
const roles = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectAvailableRoleNames);
|
|
12710
|
+
const localPeerId = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectLocalPeerID);
|
|
12698
12711
|
const isMobile = (0, import_react_use9.useMedia)(config.media.md);
|
|
12699
12712
|
const isLandscape = (0, import_react_use9.useMedia)(config.media.ls);
|
|
12700
12713
|
const isMobileHLSStream = useMobileHLSStream();
|
|
12701
12714
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
12702
|
-
const { sendEvent } = (0,
|
|
12715
|
+
const { sendEvent } = (0, import_react_sdk19.useCustomEvent)({
|
|
12703
12716
|
type: EMOJI_REACTION_TYPE
|
|
12704
12717
|
});
|
|
12705
12718
|
const sendReaction = (emojiId) => __async(void 0, null, function* () {
|
|
@@ -12905,13 +12918,13 @@ var init_LeaveSessionContent = __esm({
|
|
|
12905
12918
|
});
|
|
12906
12919
|
|
|
12907
12920
|
// src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
|
|
12908
|
-
var import_react57,
|
|
12921
|
+
var import_react57, import_react_sdk20, import_react_icons18, DesktopLeaveRoom;
|
|
12909
12922
|
var init_DesktopLeaveRoom = __esm({
|
|
12910
12923
|
"src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx"() {
|
|
12911
12924
|
"use strict";
|
|
12912
12925
|
init_define_process_env();
|
|
12913
12926
|
import_react57 = __toESM(require("react"));
|
|
12914
|
-
|
|
12927
|
+
import_react_sdk20 = require("@100mslive/react-sdk");
|
|
12915
12928
|
import_react_icons18 = require("@100mslive/react-icons");
|
|
12916
12929
|
init_Dropdown2();
|
|
12917
12930
|
init_Layout();
|
|
@@ -12931,9 +12944,9 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12931
12944
|
const [open, setOpen] = (0, import_react57.useState)(false);
|
|
12932
12945
|
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react57.useState)(false);
|
|
12933
12946
|
const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react57.useState)(false);
|
|
12934
|
-
const isConnected = (0,
|
|
12935
|
-
const permissions = (0,
|
|
12936
|
-
const { isStreamingOn } = (0,
|
|
12947
|
+
const isConnected = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsConnectedToRoom);
|
|
12948
|
+
const permissions = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectPermissions);
|
|
12949
|
+
const { isStreamingOn } = (0, import_react_sdk20.useRecordingStreaming)();
|
|
12937
12950
|
const showStream = screenType !== "hls_live_streaming" && isStreamingOn && (permissions == null ? void 0 : permissions.hlsStreaming);
|
|
12938
12951
|
const showLeaveOptions = (permissions == null ? void 0 : permissions.hlsStreaming) && isStreamingOn || (permissions == null ? void 0 : permissions.endRoom);
|
|
12939
12952
|
useDropdownList({ open: open || showEndStreamAlert || showLeaveRoomAlert, name: "LeaveRoom" });
|
|
@@ -13038,13 +13051,13 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
13038
13051
|
});
|
|
13039
13052
|
|
|
13040
13053
|
// src/Prebuilt/components/Leave/MwebLeaveRoom.tsx
|
|
13041
|
-
var import_react58,
|
|
13054
|
+
var import_react58, import_react_sdk21, import_react_icons19, MwebLeaveRoom, LeaveButton;
|
|
13042
13055
|
var init_MwebLeaveRoom = __esm({
|
|
13043
13056
|
"src/Prebuilt/components/Leave/MwebLeaveRoom.tsx"() {
|
|
13044
13057
|
"use strict";
|
|
13045
13058
|
init_define_process_env();
|
|
13046
13059
|
import_react58 = __toESM(require("react"));
|
|
13047
|
-
|
|
13060
|
+
import_react_sdk21 = require("@100mslive/react-sdk");
|
|
13048
13061
|
import_react_icons19 = require("@100mslive/react-icons");
|
|
13049
13062
|
init_IconButton2();
|
|
13050
13063
|
init_Layout();
|
|
@@ -13066,9 +13079,9 @@ var init_MwebLeaveRoom = __esm({
|
|
|
13066
13079
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
13067
13080
|
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react58.useState)(false);
|
|
13068
13081
|
const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react58.useState)(false);
|
|
13069
|
-
const isConnected = (0,
|
|
13070
|
-
const permissions = (0,
|
|
13071
|
-
const { isStreamingOn } = (0,
|
|
13082
|
+
const isConnected = (0, import_react_sdk21.useHMSStore)(import_react_sdk21.selectIsConnectedToRoom);
|
|
13083
|
+
const permissions = (0, import_react_sdk21.useHMSStore)(import_react_sdk21.selectPermissions);
|
|
13084
|
+
const { isStreamingOn } = (0, import_react_sdk21.useRecordingStreaming)();
|
|
13072
13085
|
const showStream = screenType !== "hls_live_streaming" && isStreamingOn && (permissions == null ? void 0 : permissions.hlsStreaming);
|
|
13073
13086
|
const showLeaveOptions = (permissions == null ? void 0 : permissions.hlsStreaming) && isStreamingOn || (permissions == null ? void 0 : permissions.endRoom);
|
|
13074
13087
|
useDropdownList({ open, name: "LeaveRoom" });
|
|
@@ -13139,14 +13152,14 @@ var init_MwebLeaveRoom = __esm({
|
|
|
13139
13152
|
});
|
|
13140
13153
|
|
|
13141
13154
|
// src/Prebuilt/components/Leave/LeaveRoom.tsx
|
|
13142
|
-
var import_react59, import_react_use10,
|
|
13155
|
+
var import_react59, import_react_use10, import_react_sdk22, LeaveRoom;
|
|
13143
13156
|
var init_LeaveRoom = __esm({
|
|
13144
13157
|
"src/Prebuilt/components/Leave/LeaveRoom.tsx"() {
|
|
13145
13158
|
"use strict";
|
|
13146
13159
|
init_define_process_env();
|
|
13147
13160
|
import_react59 = __toESM(require("react"));
|
|
13148
13161
|
import_react_use10 = require("react-use");
|
|
13149
|
-
|
|
13162
|
+
import_react_sdk22 = require("@100mslive/react-sdk");
|
|
13150
13163
|
init_Theme();
|
|
13151
13164
|
init_ToastManager();
|
|
13152
13165
|
init_DesktopLeaveRoom();
|
|
@@ -13156,19 +13169,19 @@ var init_LeaveRoom = __esm({
|
|
|
13156
13169
|
screenType,
|
|
13157
13170
|
container
|
|
13158
13171
|
}) => {
|
|
13159
|
-
const isConnected = (0,
|
|
13160
|
-
const permissions = (0,
|
|
13172
|
+
const isConnected = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectIsConnectedToRoom);
|
|
13173
|
+
const permissions = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectPermissions);
|
|
13161
13174
|
const isMobile = (0, import_react_use10.useMedia)(config.media.md);
|
|
13162
|
-
const rolesMap = (0,
|
|
13175
|
+
const rolesMap = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectRolesMap);
|
|
13163
13176
|
const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
|
|
13164
13177
|
const roleObj = rolesMap[roleName];
|
|
13165
13178
|
return roleObj.permissions.hlsStreaming;
|
|
13166
13179
|
});
|
|
13167
|
-
const peersWithStreamingRights = (0,
|
|
13168
|
-
(0,
|
|
13180
|
+
const peersWithStreamingRights = (0, import_react_sdk22.useHMSStore)(
|
|
13181
|
+
(0, import_react_sdk22.selectPeersByCondition)((peer) => streamingPermissionRoles.includes(peer.roleName || ""))
|
|
13169
13182
|
);
|
|
13170
|
-
const hlsState = (0,
|
|
13171
|
-
const hmsActions = (0,
|
|
13183
|
+
const hlsState = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectHLSState);
|
|
13184
|
+
const hmsActions = (0, import_react_sdk22.useHMSActions)();
|
|
13172
13185
|
const isMobileHLSStream = useMobileHLSStream();
|
|
13173
13186
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
13174
13187
|
const stopStream = () => __async(void 0, null, function* () {
|
|
@@ -13204,12 +13217,12 @@ var init_LeaveRoom = __esm({
|
|
|
13204
13217
|
});
|
|
13205
13218
|
|
|
13206
13219
|
// src/Prebuilt/components/PIP/SetupMediaSession.js
|
|
13207
|
-
var
|
|
13220
|
+
var import_react_sdk23, SetupMediaSession, MediaSession;
|
|
13208
13221
|
var init_SetupMediaSession = __esm({
|
|
13209
13222
|
"src/Prebuilt/components/PIP/SetupMediaSession.js"() {
|
|
13210
13223
|
"use strict";
|
|
13211
13224
|
init_define_process_env();
|
|
13212
|
-
|
|
13225
|
+
import_react_sdk23 = require("@100mslive/react-sdk");
|
|
13213
13226
|
SetupMediaSession = class {
|
|
13214
13227
|
constructor() {
|
|
13215
13228
|
__publicField(this, "setup", (actions, store) => {
|
|
@@ -13220,27 +13233,27 @@ var init_SetupMediaSession = __esm({
|
|
|
13220
13233
|
});
|
|
13221
13234
|
__publicField(this, "initState", () => {
|
|
13222
13235
|
var _a7, _b7, _c, _d;
|
|
13223
|
-
const isMicActive = this.store.getState(
|
|
13224
|
-
const isCamActive = this.store.getState(
|
|
13236
|
+
const isMicActive = this.store.getState(import_react_sdk23.selectIsLocalAudioEnabled);
|
|
13237
|
+
const isCamActive = this.store.getState(import_react_sdk23.selectIsLocalVideoEnabled);
|
|
13225
13238
|
(_b7 = (_a7 = navigator.mediaSession) == null ? void 0 : _a7.setMicrophoneActive) == null ? void 0 : _b7.call(_a7, isMicActive);
|
|
13226
13239
|
(_d = (_c = navigator.mediaSession) == null ? void 0 : _c.setCameraActive) == null ? void 0 : _d.call(_c, isCamActive);
|
|
13227
13240
|
this.store.subscribe((isMicActive2) => {
|
|
13228
13241
|
var _a8, _b8;
|
|
13229
13242
|
(_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b8.call(_a8, isMicActive2);
|
|
13230
|
-
},
|
|
13243
|
+
}, import_react_sdk23.selectIsLocalAudioEnabled);
|
|
13231
13244
|
this.store.subscribe((isCamActive2) => {
|
|
13232
13245
|
var _a8, _b8;
|
|
13233
13246
|
(_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setCameraActive) == null ? void 0 : _b8.call(_a8, isCamActive2);
|
|
13234
|
-
},
|
|
13247
|
+
}, import_react_sdk23.selectIsLocalVideoEnabled);
|
|
13235
13248
|
});
|
|
13236
13249
|
__publicField(this, "toggleMic", () => __async(this, null, function* () {
|
|
13237
13250
|
console.log("toggle mic clicked in pip");
|
|
13238
|
-
const current = this.store.getState(
|
|
13251
|
+
const current = this.store.getState(import_react_sdk23.selectIsLocalAudioEnabled);
|
|
13239
13252
|
yield this.actions.setLocalAudioEnabled(!current);
|
|
13240
13253
|
}));
|
|
13241
13254
|
__publicField(this, "toggleCam", () => __async(this, null, function* () {
|
|
13242
13255
|
console.log("toggle cam clicked in pip");
|
|
13243
|
-
const current = this.store.getState(
|
|
13256
|
+
const current = this.store.getState(import_react_sdk23.selectIsLocalVideoEnabled);
|
|
13244
13257
|
yield this.actions.setLocalVideoEnabled(!current);
|
|
13245
13258
|
}));
|
|
13246
13259
|
__publicField(this, "leave", () => {
|
|
@@ -13265,13 +13278,13 @@ var init_SetupMediaSession = __esm({
|
|
|
13265
13278
|
});
|
|
13266
13279
|
|
|
13267
13280
|
// src/Prebuilt/components/PIP/PIPComponent.tsx
|
|
13268
|
-
var import_react60,
|
|
13281
|
+
var import_react60, import_react_sdk24, import_react_icons20, PIPComponent, ActivatedPIP, PIPComponent_default;
|
|
13269
13282
|
var init_PIPComponent = __esm({
|
|
13270
13283
|
"src/Prebuilt/components/PIP/PIPComponent.tsx"() {
|
|
13271
13284
|
"use strict";
|
|
13272
13285
|
init_define_process_env();
|
|
13273
13286
|
import_react60 = __toESM(require("react"));
|
|
13274
|
-
|
|
13287
|
+
import_react_sdk24 = require("@100mslive/react-sdk");
|
|
13275
13288
|
import_react_icons20 = require("@100mslive/react-icons");
|
|
13276
13289
|
init_src();
|
|
13277
13290
|
init_IconButton3();
|
|
@@ -13280,8 +13293,8 @@ var init_PIPComponent = __esm({
|
|
|
13280
13293
|
init_useUISettings();
|
|
13281
13294
|
PIPComponent = ({ content = null }) => {
|
|
13282
13295
|
const [isPipOn, setIsPipOn] = (0, import_react60.useState)(PictureInPicture.isOn());
|
|
13283
|
-
const hmsActions = (0,
|
|
13284
|
-
const store = (0,
|
|
13296
|
+
const hmsActions = (0, import_react_sdk24.useHMSActions)();
|
|
13297
|
+
const store = (0, import_react_sdk24.useHMSVanillaStore)();
|
|
13285
13298
|
const onPipToggle = (0, import_react60.useCallback)(() => {
|
|
13286
13299
|
if (!isPipOn) {
|
|
13287
13300
|
PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
|
|
@@ -13296,19 +13309,19 @@ var init_PIPComponent = __esm({
|
|
|
13296
13309
|
return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, content ? /* @__PURE__ */ import_react60.default.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ import_react60.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react60.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react60.default.createElement(import_react_icons20.PipIcon, null))));
|
|
13297
13310
|
};
|
|
13298
13311
|
ActivatedPIP = () => {
|
|
13299
|
-
const store = (0,
|
|
13312
|
+
const store = (0, import_react_sdk24.useHMSVanillaStore)();
|
|
13300
13313
|
const pinnedTrack = usePinnedTrack();
|
|
13301
13314
|
(0, import_react60.useEffect)(() => {
|
|
13302
13315
|
function subscribeToStore() {
|
|
13303
13316
|
return store.subscribe((tracksMap) => {
|
|
13304
|
-
let pipPeers = store.getState(
|
|
13317
|
+
let pipPeers = store.getState(import_react_sdk24.selectPeers);
|
|
13305
13318
|
if (pinnedTrack) {
|
|
13306
13319
|
pipPeers = pipPeers.filter((peer) => pinnedTrack.peerId === peer.id);
|
|
13307
13320
|
}
|
|
13308
13321
|
PictureInPicture.updatePeersAndTracks(pipPeers, tracksMap).catch((err) => {
|
|
13309
13322
|
console.error("error in updating pip", err);
|
|
13310
13323
|
});
|
|
13311
|
-
},
|
|
13324
|
+
}, import_react_sdk24.selectTracksMap);
|
|
13312
13325
|
}
|
|
13313
13326
|
let unsubscribe = PictureInPicture.isOn() ? subscribeToStore() : void 0;
|
|
13314
13327
|
PictureInPicture.listenToStateChange((isOn) => {
|
|
@@ -13414,17 +13427,17 @@ var init_MwebChatOption = __esm({
|
|
|
13414
13427
|
});
|
|
13415
13428
|
|
|
13416
13429
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
|
13417
|
-
var import_react63,
|
|
13430
|
+
var import_react63, import_react_sdk25, useChatBlacklist, useIsPeerBlacklisted;
|
|
13418
13431
|
var init_useChatBlacklist = __esm({
|
|
13419
13432
|
"src/Prebuilt/components/hooks/useChatBlacklist.ts"() {
|
|
13420
13433
|
"use strict";
|
|
13421
13434
|
init_define_process_env();
|
|
13422
13435
|
import_react63 = require("react");
|
|
13423
|
-
|
|
13436
|
+
import_react_sdk25 = require("@100mslive/react-sdk");
|
|
13424
13437
|
init_ToastManager();
|
|
13425
13438
|
useChatBlacklist = (sessionStoreKey) => {
|
|
13426
|
-
const hmsActions = (0,
|
|
13427
|
-
const blacklistedIDs = (0,
|
|
13439
|
+
const hmsActions = (0, import_react_sdk25.useHMSActions)();
|
|
13440
|
+
const blacklistedIDs = (0, import_react_sdk25.useHMSStore)((0, import_react_sdk25.selectSessionStore)(sessionStoreKey));
|
|
13428
13441
|
const blacklistItem = (0, import_react63.useCallback)(
|
|
13429
13442
|
(blacklistID) => __async(void 0, null, function* () {
|
|
13430
13443
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -13434,35 +13447,35 @@ var init_useChatBlacklist = __esm({
|
|
|
13434
13447
|
return { blacklistItem, blacklistedIDs };
|
|
13435
13448
|
};
|
|
13436
13449
|
useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
|
13437
|
-
const localPeer = (0,
|
|
13438
|
-
const blacklistedPeerIDs = (0,
|
|
13450
|
+
const localPeer = (0, import_react_sdk25.useHMSStore)(import_react_sdk25.selectLocalPeer);
|
|
13451
|
+
const blacklistedPeerIDs = (0, import_react_sdk25.useHMSStore)((0, import_react_sdk25.selectSessionStore)("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
|
13439
13452
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
|
13440
13453
|
};
|
|
13441
13454
|
}
|
|
13442
13455
|
});
|
|
13443
13456
|
|
|
13444
13457
|
// src/Prebuilt/components/hooks/usePinnedMessages.ts
|
|
13445
|
-
var import_react64,
|
|
13458
|
+
var import_react64, import_react_sdk26, usePinnedMessages;
|
|
13446
13459
|
var init_usePinnedMessages = __esm({
|
|
13447
13460
|
"src/Prebuilt/components/hooks/usePinnedMessages.ts"() {
|
|
13448
13461
|
"use strict";
|
|
13449
13462
|
init_define_process_env();
|
|
13450
13463
|
import_react64 = require("react");
|
|
13451
|
-
|
|
13464
|
+
import_react_sdk26 = require("@100mslive/react-sdk");
|
|
13452
13465
|
init_ToastManager();
|
|
13453
13466
|
usePinnedMessages = () => {
|
|
13454
|
-
const hmsActions = (0,
|
|
13455
|
-
const vanillaStore = (0,
|
|
13467
|
+
const hmsActions = (0, import_react_sdk26.useHMSActions)();
|
|
13468
|
+
const vanillaStore = (0, import_react_sdk26.useHMSVanillaStore)();
|
|
13456
13469
|
const setPinnedMessages = (0, import_react64.useCallback)(
|
|
13457
13470
|
(message, pinnedBy) => __async(void 0, null, function* () {
|
|
13458
|
-
const peerName = vanillaStore.getState((0,
|
|
13471
|
+
const peerName = vanillaStore.getState((0, import_react_sdk26.selectPeerNameByID)(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
|
|
13459
13472
|
const newPinnedMessage = { text: "", id: message.id, pinnedBy };
|
|
13460
13473
|
if (message && peerName) {
|
|
13461
13474
|
newPinnedMessage["text"] = `${peerName}: ${message.message}`;
|
|
13462
13475
|
} else if (message) {
|
|
13463
13476
|
newPinnedMessage["text"] = message.message;
|
|
13464
13477
|
}
|
|
13465
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
13478
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk26.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
13466
13479
|
if (!(pinnedMessages == null ? void 0 : pinnedMessages.find((pinnedMessage) => pinnedMessage.id === newPinnedMessage.id))) {
|
|
13467
13480
|
yield hmsActions.sessionStore.set("pinnedMessages" /* PINNED_MESSAGES */, [...pinnedMessages, newPinnedMessage].slice(-3)).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
13468
13481
|
}
|
|
@@ -13471,7 +13484,7 @@ var init_usePinnedMessages = __esm({
|
|
|
13471
13484
|
);
|
|
13472
13485
|
const removePinnedMessage = (0, import_react64.useCallback)(
|
|
13473
13486
|
(indexToRemove) => __async(void 0, null, function* () {
|
|
13474
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
13487
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk26.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
13475
13488
|
if (pinnedMessages[indexToRemove]) {
|
|
13476
13489
|
yield hmsActions.sessionStore.set(
|
|
13477
13490
|
"pinnedMessages" /* PINNED_MESSAGES */,
|
|
@@ -13483,7 +13496,7 @@ var init_usePinnedMessages = __esm({
|
|
|
13483
13496
|
);
|
|
13484
13497
|
const unpinBlacklistedMessages = (0, import_react64.useCallback)(
|
|
13485
13498
|
(blacklistedMessageIDSet) => __async(void 0, null, function* () {
|
|
13486
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
13499
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk26.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
13487
13500
|
const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
|
|
13488
13501
|
(pinnedMessage) => !(blacklistedMessageIDSet == null ? void 0 : blacklistedMessageIDSet.has(pinnedMessage.id))
|
|
13489
13502
|
);
|
|
@@ -13497,13 +13510,13 @@ var init_usePinnedMessages = __esm({
|
|
|
13497
13510
|
});
|
|
13498
13511
|
|
|
13499
13512
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
|
13500
|
-
var import_react65,
|
|
13513
|
+
var import_react65, import_react_sdk27, import_react_icons21, iconStyle, tooltipBoxCSS, ChatActions;
|
|
13501
13514
|
var init_ChatActions = __esm({
|
|
13502
13515
|
"src/Prebuilt/components/Chat/ChatActions.tsx"() {
|
|
13503
13516
|
"use strict";
|
|
13504
13517
|
init_define_process_env();
|
|
13505
13518
|
import_react65 = __toESM(require("react"));
|
|
13506
|
-
|
|
13519
|
+
import_react_sdk27 = require("@100mslive/react-sdk");
|
|
13507
13520
|
import_react_icons21 = require("@100mslive/react-icons");
|
|
13508
13521
|
init_Dropdown2();
|
|
13509
13522
|
init_IconButton2();
|
|
@@ -13540,10 +13553,10 @@ var init_ChatActions = __esm({
|
|
|
13540
13553
|
const { can_hide_message = false, can_block_user = false } = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) || {};
|
|
13541
13554
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
|
13542
13555
|
const [open, setOpen] = (0, import_react65.useState)(false);
|
|
13543
|
-
const actions = (0,
|
|
13544
|
-
const canRemoveOthers = (_b7 = (0,
|
|
13556
|
+
const actions = (0, import_react_sdk27.useHMSActions)();
|
|
13557
|
+
const canRemoveOthers = (_b7 = (0, import_react_sdk27.useHMSStore)(import_react_sdk27.selectPermissions)) == null ? void 0 : _b7.removeOthers;
|
|
13545
13558
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
|
13546
|
-
const localPeerName = (0,
|
|
13559
|
+
const localPeerName = (0, import_react_sdk27.useHMSStore)(import_react_sdk27.selectLocalPeerName);
|
|
13547
13560
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
|
13548
13561
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
|
13549
13562
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
|
@@ -13782,15 +13795,15 @@ var init_EmptyChat = __esm({
|
|
|
13782
13795
|
});
|
|
13783
13796
|
|
|
13784
13797
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
|
13785
|
-
var import_react67,
|
|
13798
|
+
var import_react67, import_react_sdk28, usePinnedBy;
|
|
13786
13799
|
var init_usePinnedBy = __esm({
|
|
13787
13800
|
"src/Prebuilt/components/hooks/usePinnedBy.tsx"() {
|
|
13788
13801
|
"use strict";
|
|
13789
13802
|
init_define_process_env();
|
|
13790
13803
|
import_react67 = require("react");
|
|
13791
|
-
|
|
13804
|
+
import_react_sdk28 = require("@100mslive/react-sdk");
|
|
13792
13805
|
usePinnedBy = (messageId) => {
|
|
13793
|
-
const pinnedMessages = (0,
|
|
13806
|
+
const pinnedMessages = (0, import_react_sdk28.useHMSStore)((0, import_react_sdk28.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
13794
13807
|
const [pinnedBy, setPinnedBy] = (0, import_react67.useState)("");
|
|
13795
13808
|
(0, import_react67.useEffect)(() => {
|
|
13796
13809
|
let match18 = "";
|
|
@@ -13830,7 +13843,7 @@ function getRowHeight(index) {
|
|
|
13830
13843
|
var _a7;
|
|
13831
13844
|
return ((_a7 = rowHeights[index]) == null ? void 0 : _a7.size) || 72;
|
|
13832
13845
|
}
|
|
13833
|
-
var import_react68, import_react_use12, import_react_virtualized_auto_sizer, import_react_window,
|
|
13846
|
+
var import_react68, import_react_use12, import_react_virtualized_auto_sizer, import_react_window, import_react_sdk29, import_react_icons22, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
|
|
13834
13847
|
var init_ChatBody = __esm({
|
|
13835
13848
|
"src/Prebuilt/components/Chat/ChatBody.tsx"() {
|
|
13836
13849
|
"use strict";
|
|
@@ -13839,7 +13852,7 @@ var init_ChatBody = __esm({
|
|
|
13839
13852
|
import_react_use12 = require("react-use");
|
|
13840
13853
|
import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
|
|
13841
13854
|
import_react_window = require("react-window");
|
|
13842
|
-
|
|
13855
|
+
import_react_sdk29 = require("@100mslive/react-sdk");
|
|
13843
13856
|
import_react_icons22 = require("@100mslive/react-icons");
|
|
13844
13857
|
init_Layout();
|
|
13845
13858
|
init_Text2();
|
|
@@ -13914,8 +13927,8 @@ var init_ChatBody = __esm({
|
|
|
13914
13927
|
hasCurrentUserSent,
|
|
13915
13928
|
receiver
|
|
13916
13929
|
}) => {
|
|
13917
|
-
const peerName = (0,
|
|
13918
|
-
const localPeerRoleName = (0,
|
|
13930
|
+
const peerName = (0, import_react_sdk29.useHMSStore)((0, import_react_sdk29.selectPeerNameByID)(receiver));
|
|
13931
|
+
const localPeerRoleName = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerRoleName);
|
|
13919
13932
|
if (receiver) {
|
|
13920
13933
|
return /* @__PURE__ */ import_react68.default.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
|
13921
13934
|
}
|
|
@@ -13963,7 +13976,7 @@ var init_ChatBody = __esm({
|
|
|
13963
13976
|
const isMobile = (0, import_react_use12.useMedia)(config.media.md);
|
|
13964
13977
|
const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
|
|
13965
13978
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
13966
|
-
const localPeerId = (0,
|
|
13979
|
+
const localPeerId = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerID);
|
|
13967
13980
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
13968
13981
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
13969
13982
|
const messageType = getMessageType({
|
|
@@ -14140,7 +14153,7 @@ var init_ChatBody = __esm({
|
|
|
14140
14153
|
}
|
|
14141
14154
|
);
|
|
14142
14155
|
VirtualizedChatMessages = import_react68.default.forwardRef(({ messages, scrollToBottom }, listRef) => {
|
|
14143
|
-
const hmsActions = (0,
|
|
14156
|
+
const hmsActions = (0, import_react_sdk29.useHMSActions)();
|
|
14144
14157
|
const itemKey2 = (0, import_react68.useCallback)((index, data3) => {
|
|
14145
14158
|
return data3[index].id;
|
|
14146
14159
|
}, []);
|
|
@@ -14195,13 +14208,13 @@ var init_ChatBody = __esm({
|
|
|
14195
14208
|
});
|
|
14196
14209
|
ChatBody = import_react68.default.forwardRef(
|
|
14197
14210
|
({ scrollToBottom }, listRef) => {
|
|
14198
|
-
const messages = (0,
|
|
14199
|
-
const blacklistedMessageIDs = (0,
|
|
14211
|
+
const messages = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectHMSMessages);
|
|
14212
|
+
const blacklistedMessageIDs = (0, import_react_sdk29.useHMSStore)((0, import_react_sdk29.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
|
14200
14213
|
const filteredMessages = (0, import_react68.useMemo)(() => {
|
|
14201
14214
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
14202
14215
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
|
14203
14216
|
}, [blacklistedMessageIDs, messages]);
|
|
14204
|
-
const vanillaStore = (0,
|
|
14217
|
+
const vanillaStore = (0, import_react_sdk29.useHMSVanillaStore)();
|
|
14205
14218
|
const rerenderOnFirstMount = (0, import_react68.useRef)(false);
|
|
14206
14219
|
(0, import_react68.useEffect)(() => {
|
|
14207
14220
|
const unsubscribe = vanillaStore.subscribe(() => {
|
|
@@ -14212,7 +14225,7 @@ var init_ChatBody = __esm({
|
|
|
14212
14225
|
if (outerElement && outerElement.clientHeight + outerElement.scrollTop + outerElement.offsetTop >= outerElement.scrollHeight) {
|
|
14213
14226
|
requestAnimationFrame(() => scrollToBottom(1));
|
|
14214
14227
|
}
|
|
14215
|
-
},
|
|
14228
|
+
}, import_react_sdk29.selectUnreadHMSMessagesCount);
|
|
14216
14229
|
return unsubscribe;
|
|
14217
14230
|
}, [vanillaStore, listRef, scrollToBottom]);
|
|
14218
14231
|
(0, import_react68.useEffect)(() => {
|
|
@@ -14230,7 +14243,7 @@ var init_ChatBody = __esm({
|
|
|
14230
14243
|
rowRef
|
|
14231
14244
|
}) => {
|
|
14232
14245
|
const pinnedBy = usePinnedBy(messageId);
|
|
14233
|
-
const localPeerName = (0,
|
|
14246
|
+
const localPeerName = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerName);
|
|
14234
14247
|
(0, import_react68.useLayoutEffect)(() => {
|
|
14235
14248
|
if (rowRef == null ? void 0 : rowRef.current) {
|
|
14236
14249
|
if (pinnedBy) {
|
|
@@ -14250,13 +14263,13 @@ var init_ChatBody = __esm({
|
|
|
14250
14263
|
});
|
|
14251
14264
|
|
|
14252
14265
|
// src/Prebuilt/components/PIP/PIPChat.tsx
|
|
14253
|
-
var import_react69,
|
|
14266
|
+
var import_react69, import_react_sdk30, import_react_icons23, PIPChat, MessageTitle;
|
|
14254
14267
|
var init_PIPChat = __esm({
|
|
14255
14268
|
"src/Prebuilt/components/PIP/PIPChat.tsx"() {
|
|
14256
14269
|
"use strict";
|
|
14257
14270
|
init_define_process_env();
|
|
14258
14271
|
import_react69 = __toESM(require("react"));
|
|
14259
|
-
|
|
14272
|
+
import_react_sdk30 = require("@100mslive/react-sdk");
|
|
14260
14273
|
import_react_icons23 = require("@100mslive/react-icons");
|
|
14261
14274
|
init_Layout();
|
|
14262
14275
|
init_Text2();
|
|
@@ -14269,9 +14282,9 @@ var init_PIPChat = __esm({
|
|
|
14269
14282
|
init_utils3();
|
|
14270
14283
|
PIPChat = () => {
|
|
14271
14284
|
var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
14272
|
-
const messages = (0,
|
|
14273
|
-
const localPeerID = (0,
|
|
14274
|
-
const count = (0,
|
|
14285
|
+
const messages = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectHMSMessages);
|
|
14286
|
+
const localPeerID = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectLocalPeerID);
|
|
14287
|
+
const count = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectUnreadHMSMessagesCount);
|
|
14275
14288
|
const [unreadMessageCount, setUnreadMessageCount] = (0, import_react69.useState)(0);
|
|
14276
14289
|
const getSenderName = (0, import_react69.useCallback)(
|
|
14277
14290
|
(senderName, senderID) => {
|
|
@@ -14286,12 +14299,12 @@ var init_PIPChat = __esm({
|
|
|
14286
14299
|
}, 100);
|
|
14287
14300
|
return () => clearTimeout(timeoutId);
|
|
14288
14301
|
}, [count]);
|
|
14289
|
-
const blacklistedMessageIDs = (0,
|
|
14302
|
+
const blacklistedMessageIDs = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
|
14290
14303
|
const filteredMessages = (0, import_react69.useMemo)(() => {
|
|
14291
14304
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
14292
14305
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
|
14293
14306
|
}, [blacklistedMessageIDs, messages]);
|
|
14294
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0,
|
|
14307
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
|
|
14295
14308
|
const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
|
|
14296
14309
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
14297
14310
|
const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
|
|
@@ -14476,7 +14489,7 @@ var init_PIPChat = __esm({
|
|
|
14476
14489
|
recipientRoles,
|
|
14477
14490
|
localPeerID
|
|
14478
14491
|
}) => {
|
|
14479
|
-
const peerName = (0,
|
|
14492
|
+
const peerName = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectPeerNameByID)(recipientPeer));
|
|
14480
14493
|
return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, recipientRoles ? /* @__PURE__ */ import_react69.default.createElement(Text, { as: "span", variant: "sub2", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "to ", recipientRoles, " (Group)") : null, recipientPeer ? /* @__PURE__ */ import_react69.default.createElement(Text, { as: "span", variant: "sub2", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "to ", recipientPeer === localPeerID ? "You" : peerName, " (DM)") : null);
|
|
14481
14494
|
};
|
|
14482
14495
|
}
|
|
@@ -14517,14 +14530,14 @@ var init_PIPWindow = __esm({
|
|
|
14517
14530
|
});
|
|
14518
14531
|
|
|
14519
14532
|
// src/Prebuilt/components/RoleChangeModal.tsx
|
|
14520
|
-
var import_react71, import_react_use13,
|
|
14533
|
+
var import_react71, import_react_use13, import_react_sdk31, import_react_icons25, HighlightTerm, RoleChangeContent, RoleChangeModal;
|
|
14521
14534
|
var init_RoleChangeModal = __esm({
|
|
14522
14535
|
"src/Prebuilt/components/RoleChangeModal.tsx"() {
|
|
14523
14536
|
"use strict";
|
|
14524
14537
|
init_define_process_env();
|
|
14525
14538
|
import_react71 = __toESM(require("react"));
|
|
14526
14539
|
import_react_use13 = require("react-use");
|
|
14527
|
-
|
|
14540
|
+
import_react_sdk31 = require("@100mslive/react-sdk");
|
|
14528
14541
|
import_react_icons25 = require("@100mslive/react-icons");
|
|
14529
14542
|
init_Button2();
|
|
14530
14543
|
init_Dropdown2();
|
|
@@ -14556,11 +14569,11 @@ var init_RoleChangeModal = __esm({
|
|
|
14556
14569
|
isMobile = false
|
|
14557
14570
|
}) => {
|
|
14558
14571
|
var _a7;
|
|
14559
|
-
const roles = (0,
|
|
14572
|
+
const roles = (0, import_react_sdk31.useHMSStore)(import_react_sdk31.selectAvailableRoleNames).filter(
|
|
14560
14573
|
(role) => role !== (peer == null ? void 0 : peer.roleName) && role !== "__internal_recorder"
|
|
14561
14574
|
);
|
|
14562
14575
|
const [selectedRole, setRole] = (0, import_react71.useState)(((_a7 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a7[0]) || (peer == null ? void 0 : peer.roleName));
|
|
14563
|
-
const hmsActions = (0,
|
|
14576
|
+
const hmsActions = (0, import_react_sdk31.useHMSActions)();
|
|
14564
14577
|
const [open, setOpen] = (0, import_react71.useState)(false);
|
|
14565
14578
|
const triggerRef = (0, import_react71.useRef)();
|
|
14566
14579
|
return /* @__PURE__ */ import_react71.default.createElement(import_react71.default.Fragment, null, /* @__PURE__ */ import_react71.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react71.default.createElement(Text, { as: "h6", variant: "h6" }, "Switch Role"), isMobile && /* @__PURE__ */ import_react71.default.createElement(import_react_icons25.CrossIcon, { onClick: () => onOpenChange(false) })), /* @__PURE__ */ import_react71.default.createElement(Box, null, /* @__PURE__ */ import_react71.default.createElement(
|
|
@@ -14656,7 +14669,7 @@ var init_RoleChangeModal = __esm({
|
|
|
14656
14669
|
peerId,
|
|
14657
14670
|
onOpenChange
|
|
14658
14671
|
}) => {
|
|
14659
|
-
const peer = (0,
|
|
14672
|
+
const peer = (0, import_react_sdk31.useHMSStore)((0, import_react_sdk31.selectPeerByID)(peerId));
|
|
14660
14673
|
const isMobile = (0, import_react_use13.useMedia)(config.media.md);
|
|
14661
14674
|
if (!peer) {
|
|
14662
14675
|
return null;
|
|
@@ -14916,13 +14929,13 @@ var init_ResolutionInput = __esm({
|
|
|
14916
14929
|
});
|
|
14917
14930
|
|
|
14918
14931
|
// src/Prebuilt/components/Settings/StartRecording.jsx
|
|
14919
|
-
var import_react74,
|
|
14932
|
+
var import_react74, import_react_sdk32, import_react_icons28, StartRecording, StartRecording_default;
|
|
14920
14933
|
var init_StartRecording = __esm({
|
|
14921
14934
|
"src/Prebuilt/components/Settings/StartRecording.jsx"() {
|
|
14922
14935
|
"use strict";
|
|
14923
14936
|
init_define_process_env();
|
|
14924
14937
|
import_react74 = __toESM(require("react"));
|
|
14925
|
-
|
|
14938
|
+
import_react_sdk32 = require("@100mslive/react-sdk");
|
|
14926
14939
|
import_react_icons28 = require("@100mslive/react-icons");
|
|
14927
14940
|
init_src();
|
|
14928
14941
|
init_ResolutionInput();
|
|
@@ -14930,11 +14943,11 @@ var init_StartRecording = __esm({
|
|
|
14930
14943
|
init_hooks();
|
|
14931
14944
|
init_constants();
|
|
14932
14945
|
StartRecording = ({ open, onOpenChange }) => {
|
|
14933
|
-
const permissions = (0,
|
|
14946
|
+
const permissions = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectPermissions);
|
|
14934
14947
|
const [resolution, setResolution] = (0, import_react74.useState)(RTMP_RECORD_DEFAULT_RESOLUTION);
|
|
14935
14948
|
const { startRecording, recordingStarted } = useRecordingHandler();
|
|
14936
|
-
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0,
|
|
14937
|
-
const hmsActions = (0,
|
|
14949
|
+
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk32.useRecordingStreaming)();
|
|
14950
|
+
const hmsActions = (0, import_react_sdk32.useHMSActions)();
|
|
14938
14951
|
if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
|
|
14939
14952
|
return null;
|
|
14940
14953
|
}
|
|
@@ -15001,14 +15014,14 @@ var init_StartRecording = __esm({
|
|
|
15001
15014
|
});
|
|
15002
15015
|
|
|
15003
15016
|
// src/Prebuilt/components/StatsForNerds.jsx
|
|
15004
|
-
var import_react75, import_ts_pattern4,
|
|
15017
|
+
var import_react75, import_ts_pattern4, import_react_sdk33, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2;
|
|
15005
15018
|
var init_StatsForNerds = __esm({
|
|
15006
15019
|
"src/Prebuilt/components/StatsForNerds.jsx"() {
|
|
15007
15020
|
"use strict";
|
|
15008
15021
|
init_define_process_env();
|
|
15009
15022
|
import_react75 = __toESM(require("react"));
|
|
15010
15023
|
import_ts_pattern4 = require("ts-pattern");
|
|
15011
|
-
|
|
15024
|
+
import_react_sdk33 = require("@100mslive/react-sdk");
|
|
15012
15025
|
init_Divider2();
|
|
15013
15026
|
init_Dropdown2();
|
|
15014
15027
|
init_Label2();
|
|
@@ -15093,9 +15106,9 @@ var init_StatsForNerds = __esm({
|
|
|
15093
15106
|
)));
|
|
15094
15107
|
};
|
|
15095
15108
|
useTracksWithLabel = () => {
|
|
15096
|
-
const tracksMap = (0,
|
|
15097
|
-
const peersMap = (0,
|
|
15098
|
-
const localPeerID = (0,
|
|
15109
|
+
const tracksMap = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectTracksMap);
|
|
15110
|
+
const peersMap = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectPeersMap);
|
|
15111
|
+
const localPeerID = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectLocalPeerID);
|
|
15099
15112
|
const tracksWithLabels = (0, import_react75.useMemo)(
|
|
15100
15113
|
() => Object.values(tracksMap).reduce((res, track) => {
|
|
15101
15114
|
var _a7, _b7;
|
|
@@ -15127,7 +15140,7 @@ var init_StatsForNerds = __esm({
|
|
|
15127
15140
|
};
|
|
15128
15141
|
LocalPeerStats = () => {
|
|
15129
15142
|
var _a7, _b7, _c, _d, _e, _f, _g, _h, _i;
|
|
15130
|
-
const stats = (0,
|
|
15143
|
+
const stats = (0, import_react_sdk33.useHMSStatsStore)(import_react_sdk33.selectHMSStats.localPeerStats);
|
|
15131
15144
|
if (!stats) {
|
|
15132
15145
|
return null;
|
|
15133
15146
|
}
|
|
@@ -15151,9 +15164,9 @@ var init_StatsForNerds = __esm({
|
|
|
15151
15164
|
{
|
|
15152
15165
|
layer: import_ts_pattern4.P.when((layer2) => !!layer2)
|
|
15153
15166
|
},
|
|
15154
|
-
() =>
|
|
15155
|
-
).with({ local: import_ts_pattern4.P.when((local2) => !!local2) }, () =>
|
|
15156
|
-
const stats = (0,
|
|
15167
|
+
() => import_react_sdk33.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID)
|
|
15168
|
+
).with({ local: import_ts_pattern4.P.when((local2) => !!local2) }, () => import_react_sdk33.selectHMSStats.localAudioTrackStatsByID(trackID)).otherwise(() => import_react_sdk33.selectHMSStats.trackStatsByID(trackID));
|
|
15169
|
+
const stats = (0, import_react_sdk33.useHMSStatsStore)(selector);
|
|
15157
15170
|
if (!stats) {
|
|
15158
15171
|
return null;
|
|
15159
15172
|
}
|
|
@@ -15188,13 +15201,13 @@ var init_StatsForNerds = __esm({
|
|
|
15188
15201
|
});
|
|
15189
15202
|
|
|
15190
15203
|
// src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
|
|
15191
|
-
var import_react76,
|
|
15204
|
+
var import_react76, import_react_sdk34, import_react_icons29, BulkRoleChangeModal;
|
|
15192
15205
|
var init_BulkRoleChangeModal = __esm({
|
|
15193
15206
|
"src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx"() {
|
|
15194
15207
|
"use strict";
|
|
15195
15208
|
init_define_process_env();
|
|
15196
15209
|
import_react76 = __toESM(require("react"));
|
|
15197
|
-
|
|
15210
|
+
import_react_sdk34 = require("@100mslive/react-sdk");
|
|
15198
15211
|
import_react_icons29 = require("@100mslive/react-icons");
|
|
15199
15212
|
init_src();
|
|
15200
15213
|
init_DialogContent2();
|
|
@@ -15203,7 +15216,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
15203
15216
|
BulkRoleChangeModal = ({ onOpenChange }) => {
|
|
15204
15217
|
var _a7, _b7;
|
|
15205
15218
|
const roles = useFilteredRoles();
|
|
15206
|
-
const hmsActions = (0,
|
|
15219
|
+
const hmsActions = (0, import_react_sdk34.useHMSActions)();
|
|
15207
15220
|
const ref = (0, import_react76.useRef)(null);
|
|
15208
15221
|
const roleRef = (0, import_react76.useRef)(null);
|
|
15209
15222
|
const [selectedBulkRole, setBulkRole] = (0, import_react76.useState)([]);
|
|
@@ -15306,13 +15319,13 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
15306
15319
|
});
|
|
15307
15320
|
|
|
15308
15321
|
// src/Prebuilt/components/MoreSettings/CaptionContent.tsx
|
|
15309
|
-
var import_react77,
|
|
15322
|
+
var import_react77, import_react_sdk35, import_react_icons30, CaptionContent;
|
|
15310
15323
|
var init_CaptionContent = __esm({
|
|
15311
15324
|
"src/Prebuilt/components/MoreSettings/CaptionContent.tsx"() {
|
|
15312
15325
|
"use strict";
|
|
15313
15326
|
init_define_process_env();
|
|
15314
15327
|
import_react77 = __toESM(require("react"));
|
|
15315
|
-
|
|
15328
|
+
import_react_sdk35 = require("@100mslive/react-sdk");
|
|
15316
15329
|
import_react_icons30 = require("@100mslive/react-icons");
|
|
15317
15330
|
init_Button2();
|
|
15318
15331
|
init_Layout();
|
|
@@ -15323,8 +15336,8 @@ var init_CaptionContent = __esm({
|
|
|
15323
15336
|
init_constants();
|
|
15324
15337
|
CaptionContent = ({ isMobile, onExit }) => {
|
|
15325
15338
|
const DURATION = 2e3;
|
|
15326
|
-
const actions = (0,
|
|
15327
|
-
const isTranscriptionEnabled = (0,
|
|
15339
|
+
const actions = (0, import_react_sdk35.useHMSActions)();
|
|
15340
|
+
const isTranscriptionEnabled = (0, import_react_sdk35.useHMSStore)(import_react_sdk35.selectIsTranscriptionEnabled);
|
|
15328
15341
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
15329
15342
|
const [isCaptionEnabled, setIsCaptionEnabled] = useSetIsCaptionEnabled();
|
|
15330
15343
|
return /* @__PURE__ */ import_react77.default.createElement(import_react77.default.Fragment, null, /* @__PURE__ */ import_react77.default.createElement(
|
|
@@ -15395,7 +15408,7 @@ var init_CaptionContent = __esm({
|
|
|
15395
15408
|
try {
|
|
15396
15409
|
if (isTranscriptionEnabled) {
|
|
15397
15410
|
yield actions.stopTranscription({
|
|
15398
|
-
mode:
|
|
15411
|
+
mode: import_react_sdk35.HMSTranscriptionMode.CAPTION
|
|
15399
15412
|
});
|
|
15400
15413
|
setIsCaptionEnabled(false);
|
|
15401
15414
|
const id2 = ToastManager.replaceToast(toastId, {
|
|
@@ -15409,7 +15422,7 @@ var init_CaptionContent = __esm({
|
|
|
15409
15422
|
return;
|
|
15410
15423
|
}
|
|
15411
15424
|
yield actions.startTranscription({
|
|
15412
|
-
mode:
|
|
15425
|
+
mode: import_react_sdk35.HMSTranscriptionMode.CAPTION
|
|
15413
15426
|
});
|
|
15414
15427
|
const id = ToastManager.replaceToast(toastId, {
|
|
15415
15428
|
title: `Enabling Closed Caption for everyone.`,
|
|
@@ -15548,13 +15561,13 @@ var init_FullScreenItem = __esm({
|
|
|
15548
15561
|
});
|
|
15549
15562
|
|
|
15550
15563
|
// src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
|
|
15551
|
-
var import_react81,
|
|
15564
|
+
var import_react81, import_react_sdk36, MuteAllContent;
|
|
15552
15565
|
var init_MuteAllContent = __esm({
|
|
15553
15566
|
"src/Prebuilt/components/MoreSettings/MuteAllContent.tsx"() {
|
|
15554
15567
|
"use strict";
|
|
15555
15568
|
init_define_process_env();
|
|
15556
15569
|
import_react81 = __toESM(require("react"));
|
|
15557
|
-
|
|
15570
|
+
import_react_sdk36 = require("@100mslive/react-sdk");
|
|
15558
15571
|
init_Button2();
|
|
15559
15572
|
init_Label2();
|
|
15560
15573
|
init_Layout();
|
|
@@ -15564,7 +15577,7 @@ var init_MuteAllContent = __esm({
|
|
|
15564
15577
|
init_constants3();
|
|
15565
15578
|
MuteAllContent = (props) => {
|
|
15566
15579
|
const roles = props.roles || [];
|
|
15567
|
-
const permissions = (0,
|
|
15580
|
+
const permissions = (0, import_react_sdk36.useHMSStore)(import_react_sdk36.selectPermissions);
|
|
15568
15581
|
return /* @__PURE__ */ import_react81.default.createElement(import_react81.default.Fragment, null, /* @__PURE__ */ import_react81.default.createElement(
|
|
15569
15582
|
DialogSelect,
|
|
15570
15583
|
{
|
|
@@ -15601,13 +15614,13 @@ var init_MuteAllContent = __esm({
|
|
|
15601
15614
|
});
|
|
15602
15615
|
|
|
15603
15616
|
// src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
|
|
15604
|
-
var import_react82,
|
|
15617
|
+
var import_react82, import_react_sdk37, import_react_icons32, MuteAllModal;
|
|
15605
15618
|
var init_MuteAllModal = __esm({
|
|
15606
15619
|
"src/Prebuilt/components/MoreSettings/MuteAllModal.tsx"() {
|
|
15607
15620
|
"use strict";
|
|
15608
15621
|
init_define_process_env();
|
|
15609
15622
|
import_react82 = __toESM(require("react"));
|
|
15610
|
-
|
|
15623
|
+
import_react_sdk37 = require("@100mslive/react-sdk");
|
|
15611
15624
|
import_react_icons32 = require("@100mslive/react-icons");
|
|
15612
15625
|
init_src();
|
|
15613
15626
|
init_Sheet2();
|
|
@@ -15617,8 +15630,8 @@ var init_MuteAllModal = __esm({
|
|
|
15617
15630
|
onOpenChange,
|
|
15618
15631
|
isMobile = false
|
|
15619
15632
|
}) => {
|
|
15620
|
-
const roles = (0,
|
|
15621
|
-
const hmsActions = (0,
|
|
15633
|
+
const roles = (0, import_react_sdk37.useHMSStore)(import_react_sdk37.selectAvailableRoleNames);
|
|
15634
|
+
const hmsActions = (0, import_react_sdk37.useHMSActions)();
|
|
15622
15635
|
const [enabled, setEnabled] = (0, import_react82.useState)(false);
|
|
15623
15636
|
const [trackType, setTrackType] = (0, import_react82.useState)();
|
|
15624
15637
|
const [selectedRole, setRole] = (0, import_react82.useState)();
|
|
@@ -15654,22 +15667,22 @@ var init_MuteAllModal = __esm({
|
|
|
15654
15667
|
});
|
|
15655
15668
|
|
|
15656
15669
|
// src/Prebuilt/components/hooks/useMetadata.tsx
|
|
15657
|
-
var import_react83,
|
|
15670
|
+
var import_react83, import_react_sdk38, useMyMetadata;
|
|
15658
15671
|
var init_useMetadata = __esm({
|
|
15659
15672
|
"src/Prebuilt/components/hooks/useMetadata.tsx"() {
|
|
15660
15673
|
"use strict";
|
|
15661
15674
|
init_define_process_env();
|
|
15662
15675
|
import_react83 = require("react");
|
|
15663
|
-
|
|
15676
|
+
import_react_sdk38 = require("@100mslive/react-sdk");
|
|
15664
15677
|
useMyMetadata = () => {
|
|
15665
|
-
const hmsActions = (0,
|
|
15666
|
-
const localPeerId = (0,
|
|
15667
|
-
const vanillaStore = (0,
|
|
15668
|
-
const metaData = (0,
|
|
15669
|
-
const isHandRaised = (0,
|
|
15678
|
+
const hmsActions = (0, import_react_sdk38.useHMSActions)();
|
|
15679
|
+
const localPeerId = (0, import_react_sdk38.useHMSStore)(import_react_sdk38.selectLocalPeerID);
|
|
15680
|
+
const vanillaStore = (0, import_react_sdk38.useHMSVanillaStore)();
|
|
15681
|
+
const metaData = (0, import_react_sdk38.useHMSStore)((0, import_react_sdk38.selectPeerMetadata)(localPeerId));
|
|
15682
|
+
const isHandRaised = (0, import_react_sdk38.useHMSStore)((0, import_react_sdk38.selectHasPeerHandRaised)(localPeerId));
|
|
15670
15683
|
const update = (updatedFields) => __async(void 0, null, function* () {
|
|
15671
15684
|
try {
|
|
15672
|
-
const currentMetadata = vanillaStore.getState((0,
|
|
15685
|
+
const currentMetadata = vanillaStore.getState((0, import_react_sdk38.selectPeerMetadata)(localPeerId));
|
|
15673
15686
|
yield hmsActions.changeMetadata(Object.assign(currentMetadata, updatedFields));
|
|
15674
15687
|
return true;
|
|
15675
15688
|
} catch (error) {
|
|
@@ -15735,17 +15748,17 @@ var init_usePIPWindow = __esm({
|
|
|
15735
15748
|
});
|
|
15736
15749
|
|
|
15737
15750
|
// src/Prebuilt/components/PIP/usePIPChat.tsx
|
|
15738
|
-
var import_react86,
|
|
15751
|
+
var import_react86, import_react_sdk39, usePIPChat;
|
|
15739
15752
|
var init_usePIPChat = __esm({
|
|
15740
15753
|
"src/Prebuilt/components/PIP/usePIPChat.tsx"() {
|
|
15741
15754
|
"use strict";
|
|
15742
15755
|
init_define_process_env();
|
|
15743
15756
|
import_react86 = require("react");
|
|
15744
|
-
|
|
15757
|
+
import_react_sdk39 = require("@100mslive/react-sdk");
|
|
15745
15758
|
init_Theme();
|
|
15746
15759
|
init_usePIPWindow();
|
|
15747
15760
|
usePIPChat = () => {
|
|
15748
|
-
const hmsActions = (0,
|
|
15761
|
+
const hmsActions = (0, import_react_sdk39.useHMSActions)();
|
|
15749
15762
|
const { isSupported, requestPipWindow, pipWindow, closePipWindow } = usePIPWindow();
|
|
15750
15763
|
(0, import_react86.useEffect)(() => {
|
|
15751
15764
|
if (document && pipWindow) {
|
|
@@ -15839,7 +15852,7 @@ var init_usePIPChat = __esm({
|
|
|
15839
15852
|
});
|
|
15840
15853
|
|
|
15841
15854
|
// src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
|
|
15842
|
-
var import_react87, import_hls_player, import_ts_pattern5,
|
|
15855
|
+
var import_react87, import_hls_player, import_ts_pattern5, import_react_sdk40, import_react_icons33, MODALS, DesktopOptions;
|
|
15843
15856
|
var init_DesktopOptions = __esm({
|
|
15844
15857
|
"src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx"() {
|
|
15845
15858
|
"use strict";
|
|
@@ -15847,7 +15860,7 @@ var init_DesktopOptions = __esm({
|
|
|
15847
15860
|
import_react87 = __toESM(require("react"));
|
|
15848
15861
|
import_hls_player = require("@100mslive/hls-player");
|
|
15849
15862
|
import_ts_pattern5 = require("ts-pattern");
|
|
15850
|
-
|
|
15863
|
+
import_react_sdk40 = require("@100mslive/react-sdk");
|
|
15851
15864
|
import_react_icons33 = require("@100mslive/react-icons");
|
|
15852
15865
|
init_src();
|
|
15853
15866
|
init_IconButton3();
|
|
@@ -15885,15 +15898,15 @@ var init_DesktopOptions = __esm({
|
|
|
15885
15898
|
elements,
|
|
15886
15899
|
screenType
|
|
15887
15900
|
}) => {
|
|
15888
|
-
const localPeerId = (0,
|
|
15889
|
-
const hmsActions = (0,
|
|
15890
|
-
const enablHlsStats = (0,
|
|
15901
|
+
const localPeerId = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectLocalPeerID);
|
|
15902
|
+
const hmsActions = (0, import_react_sdk40.useHMSActions)();
|
|
15903
|
+
const enablHlsStats = (0, import_react_sdk40.useHMSStore)((0, import_react_sdk40.selectAppData)(APP_DATA.hlsStats));
|
|
15891
15904
|
const [openModals, setOpenModals] = (0, import_react87.useState)(/* @__PURE__ */ new Set());
|
|
15892
15905
|
const { isBRBOn, toggleBRB } = useMyMetadata();
|
|
15893
15906
|
const isPipOn = PictureInPicture.isOn();
|
|
15894
15907
|
const isBRBEnabled = !!(elements == null ? void 0 : elements.brb);
|
|
15895
|
-
const isTranscriptionAllowed = (0,
|
|
15896
|
-
const isTranscriptionEnabled = (0,
|
|
15908
|
+
const isTranscriptionAllowed = (0, import_react_sdk40.useHMSStore)((0, import_react_sdk40.selectIsTranscriptionAllowedByMode)(import_react_sdk40.HMSTranscriptionMode.CAPTION));
|
|
15909
|
+
const isTranscriptionEnabled = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectIsTranscriptionEnabled);
|
|
15897
15910
|
const { isSupported, pipWindow, requestPipWindow } = usePIPChat();
|
|
15898
15911
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
15899
15912
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
@@ -21669,7 +21682,7 @@ var init_dist = __esm({
|
|
|
21669
21682
|
n((t = t.apply(a2, e)).next());
|
|
21670
21683
|
});
|
|
21671
21684
|
yr = ro((Dc, ho) => {
|
|
21672
|
-
ho.exports = { version: "0.12.19-alpha.
|
|
21685
|
+
ho.exports = { version: "0.12.19-alpha.16", 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"] };
|
|
21673
21686
|
});
|
|
21674
21687
|
Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
|
|
21675
21688
|
so = ((e) => (e.CHAT = "chat", e))(so || {});
|
|
@@ -22709,7 +22722,7 @@ var init_dist = __esm({
|
|
|
22709
22722
|
});
|
|
22710
22723
|
|
|
22711
22724
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
22712
|
-
var import_react88, import_react_use15,
|
|
22725
|
+
var import_react88, import_react_use15, import_react_sdk41, import_react_icons34, getRecordingText, LiveStatus, RecordingStatus, RecordingPauseStatus, StartRecording2, StreamActions, StopRecordingInSheet;
|
|
22713
22726
|
var init_StreamActions = __esm({
|
|
22714
22727
|
"src/Prebuilt/components/Header/StreamActions.tsx"() {
|
|
22715
22728
|
"use strict";
|
|
@@ -22717,7 +22730,7 @@ var init_StreamActions = __esm({
|
|
|
22717
22730
|
import_react88 = __toESM(require("react"));
|
|
22718
22731
|
import_react_use15 = require("react-use");
|
|
22719
22732
|
init_dist();
|
|
22720
|
-
|
|
22733
|
+
import_react_sdk41 = require("@100mslive/react-sdk");
|
|
22721
22734
|
import_react_icons34 = require("@100mslive/react-icons");
|
|
22722
22735
|
init_src();
|
|
22723
22736
|
init_Sheet2();
|
|
@@ -22747,8 +22760,8 @@ var init_StreamActions = __esm({
|
|
|
22747
22760
|
};
|
|
22748
22761
|
LiveStatus = () => {
|
|
22749
22762
|
var _a7;
|
|
22750
|
-
const { isHLSRunning, isRTMPRunning } = (0,
|
|
22751
|
-
const hlsState = (0,
|
|
22763
|
+
const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk41.useRecordingStreaming)();
|
|
22764
|
+
const hlsState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectHLSState);
|
|
22752
22765
|
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
22753
22766
|
const intervalRef = (0, import_react88.useRef)(null);
|
|
22754
22767
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
@@ -22794,8 +22807,8 @@ var init_StreamActions = __esm({
|
|
|
22794
22807
|
);
|
|
22795
22808
|
};
|
|
22796
22809
|
RecordingStatus = () => {
|
|
22797
|
-
const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = (0,
|
|
22798
|
-
const permissions = (0,
|
|
22810
|
+
const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = (0, import_react_sdk41.useRecordingStreaming)();
|
|
22811
|
+
const permissions = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectPermissions);
|
|
22799
22812
|
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
22800
22813
|
if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
|
|
22801
22814
|
// so no need to show this as it duplicates
|
|
@@ -22828,7 +22841,7 @@ var init_StreamActions = __esm({
|
|
|
22828
22841
|
);
|
|
22829
22842
|
};
|
|
22830
22843
|
RecordingPauseStatus = () => {
|
|
22831
|
-
const recording = (0,
|
|
22844
|
+
const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
|
|
22832
22845
|
if (recording.hls && recording.hls.state === Ls.PAUSED) {
|
|
22833
22846
|
return /* @__PURE__ */ import_react88.default.createElement(
|
|
22834
22847
|
Tooltip,
|
|
@@ -22855,11 +22868,11 @@ var init_StreamActions = __esm({
|
|
|
22855
22868
|
return null;
|
|
22856
22869
|
};
|
|
22857
22870
|
StartRecording2 = () => {
|
|
22858
|
-
const permissions = (0,
|
|
22871
|
+
const permissions = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectPermissions);
|
|
22859
22872
|
const [open, setOpen] = (0, import_react88.useState)(false);
|
|
22860
22873
|
const { startRecording, recordingStarted } = useRecordingHandler();
|
|
22861
|
-
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0,
|
|
22862
|
-
const hmsActions = (0,
|
|
22874
|
+
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk41.useRecordingStreaming)();
|
|
22875
|
+
const hmsActions = (0, import_react_sdk41.useHMSActions)();
|
|
22863
22876
|
if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
|
|
22864
22877
|
return null;
|
|
22865
22878
|
}
|
|
@@ -22903,10 +22916,10 @@ var init_StreamActions = __esm({
|
|
|
22903
22916
|
);
|
|
22904
22917
|
};
|
|
22905
22918
|
StreamActions = () => {
|
|
22906
|
-
const isConnected = (0,
|
|
22919
|
+
const isConnected = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectIsConnectedToRoom);
|
|
22907
22920
|
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
22908
|
-
const roomState = (0,
|
|
22909
|
-
return /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, !isMobile && /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react88.default.createElement(RecordingPauseStatus, null), /* @__PURE__ */ import_react88.default.createElement(RecordingStatus, null), roomState !==
|
|
22921
|
+
const roomState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRoomState);
|
|
22922
|
+
return /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, !isMobile && /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react88.default.createElement(RecordingPauseStatus, null), /* @__PURE__ */ import_react88.default.createElement(RecordingStatus, null), roomState !== import_react_sdk41.HMSRoomState.Preview ? /* @__PURE__ */ import_react88.default.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ import_react88.default.createElement(StartRecording2, null) : null);
|
|
22910
22923
|
};
|
|
22911
22924
|
StopRecordingInSheet = ({
|
|
22912
22925
|
onStopRecording,
|
|
@@ -23045,14 +23058,14 @@ var init_ChangeNameContent = __esm({
|
|
|
23045
23058
|
});
|
|
23046
23059
|
|
|
23047
23060
|
// src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
|
|
23048
|
-
var import_react90, import_react_use16,
|
|
23061
|
+
var import_react90, import_react_use16, import_react_sdk42, ChangeNameModal;
|
|
23049
23062
|
var init_ChangeNameModal = __esm({
|
|
23050
23063
|
"src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx"() {
|
|
23051
23064
|
"use strict";
|
|
23052
23065
|
init_define_process_env();
|
|
23053
23066
|
import_react90 = __toESM(require("react"));
|
|
23054
23067
|
import_react_use16 = require("react-use");
|
|
23055
|
-
|
|
23068
|
+
import_react_sdk42 = require("@100mslive/react-sdk");
|
|
23056
23069
|
init_src();
|
|
23057
23070
|
init_Sheet2();
|
|
23058
23071
|
init_ToastManager();
|
|
@@ -23063,8 +23076,8 @@ var init_ChangeNameModal = __esm({
|
|
|
23063
23076
|
openParentSheet = void 0
|
|
23064
23077
|
}) => {
|
|
23065
23078
|
const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
|
|
23066
|
-
const hmsActions = (0,
|
|
23067
|
-
const localPeerName = (0,
|
|
23079
|
+
const hmsActions = (0, import_react_sdk42.useHMSActions)();
|
|
23080
|
+
const localPeerName = (0, import_react_sdk42.useHMSStore)(import_react_sdk42.selectLocalPeerName);
|
|
23068
23081
|
const [currentName, setCurrentName] = (0, import_react90.useState)(localPeerName);
|
|
23069
23082
|
const isMobile = (0, import_react_use16.useMedia)(config.media.md);
|
|
23070
23083
|
const changeName = () => __async(void 0, null, function* () {
|
|
@@ -23105,25 +23118,25 @@ var init_ChangeNameModal = __esm({
|
|
|
23105
23118
|
});
|
|
23106
23119
|
|
|
23107
23120
|
// src/Prebuilt/components/AppData/useSheet.ts
|
|
23108
|
-
var import_react91,
|
|
23121
|
+
var import_react91, import_react_sdk43, useIsSheetTypeOpen, useSheetToggle;
|
|
23109
23122
|
var init_useSheet = __esm({
|
|
23110
23123
|
"src/Prebuilt/components/AppData/useSheet.ts"() {
|
|
23111
23124
|
"use strict";
|
|
23112
23125
|
init_define_process_env();
|
|
23113
23126
|
import_react91 = require("react");
|
|
23114
|
-
|
|
23127
|
+
import_react_sdk43 = require("@100mslive/react-sdk");
|
|
23115
23128
|
init_constants();
|
|
23116
23129
|
useIsSheetTypeOpen = (sheetType) => {
|
|
23117
23130
|
if (!sheetType) {
|
|
23118
23131
|
throw Error("Pass one of the sheet options");
|
|
23119
23132
|
}
|
|
23120
|
-
return (0,
|
|
23133
|
+
return (0, import_react_sdk43.useHMSStore)((0, import_react_sdk43.selectAppData)(APP_DATA.sheet)) === sheetType;
|
|
23121
23134
|
};
|
|
23122
23135
|
useSheetToggle = (sheetType) => {
|
|
23123
|
-
const hmsActions = (0,
|
|
23124
|
-
const vanillaStore = (0,
|
|
23136
|
+
const hmsActions = (0, import_react_sdk43.useHMSActions)();
|
|
23137
|
+
const vanillaStore = (0, import_react_sdk43.useHMSVanillaStore)();
|
|
23125
23138
|
const toggleSheet = (0, import_react91.useCallback)(() => {
|
|
23126
|
-
const isOpen = vanillaStore.getState((0,
|
|
23139
|
+
const isOpen = vanillaStore.getState((0, import_react_sdk43.selectAppData)(APP_DATA.sheet)) === sheetType;
|
|
23127
23140
|
hmsActions.setAppData(APP_DATA.sheet, !isOpen ? sheetType : "");
|
|
23128
23141
|
}, [vanillaStore, hmsActions, sheetType]);
|
|
23129
23142
|
return toggleSheet;
|
|
@@ -23132,17 +23145,17 @@ var init_useSheet = __esm({
|
|
|
23132
23145
|
});
|
|
23133
23146
|
|
|
23134
23147
|
// src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
|
|
23135
|
-
var import_react92,
|
|
23148
|
+
var import_react92, import_react_sdk44, useUnreadPollQuizPresent;
|
|
23136
23149
|
var init_useUnreadPollQuizPresent = __esm({
|
|
23137
23150
|
"src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx"() {
|
|
23138
23151
|
"use strict";
|
|
23139
23152
|
init_define_process_env();
|
|
23140
23153
|
import_react92 = require("react");
|
|
23141
23154
|
init_dist();
|
|
23142
|
-
|
|
23155
|
+
import_react_sdk44 = require("@100mslive/react-sdk");
|
|
23143
23156
|
useUnreadPollQuizPresent = () => {
|
|
23144
|
-
const localPeerID = (0,
|
|
23145
|
-
const notification = (0,
|
|
23157
|
+
const localPeerID = (0, import_react_sdk44.useHMSStore)(Ee);
|
|
23158
|
+
const notification = (0, import_react_sdk44.useHMSNotifications)(import_react_sdk44.HMSNotificationTypes.POLL_STARTED);
|
|
23146
23159
|
const [unreadPollQuiz, setUnreadPollQuiz] = (0, import_react92.useState)(false);
|
|
23147
23160
|
(0, import_react92.useEffect)(() => {
|
|
23148
23161
|
if (!notification) {
|
|
@@ -23156,7 +23169,7 @@ var init_useUnreadPollQuizPresent = __esm({
|
|
|
23156
23169
|
});
|
|
23157
23170
|
|
|
23158
23171
|
// src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
|
|
23159
|
-
var import_react93, import_react_use17, import_ts_pattern6,
|
|
23172
|
+
var import_react93, import_react_use17, import_ts_pattern6, import_react_sdk45, import_react_icons36, MODALS2, MwebOptions;
|
|
23160
23173
|
var init_MwebOptions = __esm({
|
|
23161
23174
|
"src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx"() {
|
|
23162
23175
|
"use strict";
|
|
@@ -23164,7 +23177,7 @@ var init_MwebOptions = __esm({
|
|
|
23164
23177
|
import_react93 = __toESM(require("react"));
|
|
23165
23178
|
import_react_use17 = require("react-use");
|
|
23166
23179
|
import_ts_pattern6 = require("ts-pattern");
|
|
23167
|
-
|
|
23180
|
+
import_react_sdk45 = require("@100mslive/react-sdk");
|
|
23168
23181
|
import_react_icons36 = require("@100mslive/react-icons");
|
|
23169
23182
|
init_src();
|
|
23170
23183
|
init_Sheet2();
|
|
@@ -23204,10 +23217,10 @@ var init_MwebOptions = __esm({
|
|
|
23204
23217
|
elements,
|
|
23205
23218
|
screenType
|
|
23206
23219
|
}) => {
|
|
23207
|
-
const hmsActions = (0,
|
|
23208
|
-
const permissions = (0,
|
|
23209
|
-
const isConnected = (0,
|
|
23210
|
-
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0,
|
|
23220
|
+
const hmsActions = (0, import_react_sdk45.useHMSActions)();
|
|
23221
|
+
const permissions = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectPermissions);
|
|
23222
|
+
const isConnected = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectIsConnectedToRoom);
|
|
23223
|
+
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk45.useRecordingStreaming)();
|
|
23211
23224
|
const [openModals, setOpenModals] = (0, import_react93.useState)(/* @__PURE__ */ new Set());
|
|
23212
23225
|
const [openOptionsSheet, setOpenOptionsSheet] = (0, import_react93.useState)(false);
|
|
23213
23226
|
const [openSettingsSheet, setOpenSettingsSheet] = (0, import_react93.useState)(false);
|
|
@@ -23216,7 +23229,7 @@ var init_MwebOptions = __esm({
|
|
|
23216
23229
|
const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
23217
23230
|
const { showPolls } = useShowPolls();
|
|
23218
23231
|
const togglePollView = usePollViewToggle();
|
|
23219
|
-
const peerCount = (0,
|
|
23232
|
+
const peerCount = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectPeerCount);
|
|
23220
23233
|
const emojiCardRef = (0, import_react93.useRef)(null);
|
|
23221
23234
|
const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
|
|
23222
23235
|
const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
|
|
@@ -23225,10 +23238,10 @@ var init_MwebOptions = __esm({
|
|
|
23225
23238
|
const isMobileHLSStream = useMobileHLSStream();
|
|
23226
23239
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
23227
23240
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
23228
|
-
const isLocalVideoEnabled = (0,
|
|
23241
|
+
const isLocalVideoEnabled = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectIsLocalVideoEnabled);
|
|
23229
23242
|
const { startRecording, isRecordingLoading } = useRecordingHandler();
|
|
23230
|
-
const isTranscriptionAllowed = (0,
|
|
23231
|
-
const isTranscriptionEnabled = (0,
|
|
23243
|
+
const isTranscriptionAllowed = (0, import_react_sdk45.useHMSStore)((0, import_react_sdk45.selectIsTranscriptionAllowedByMode)(import_react_sdk45.HMSTranscriptionMode.CAPTION));
|
|
23244
|
+
const isTranscriptionEnabled = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectIsTranscriptionEnabled);
|
|
23232
23245
|
const [isCaptionEnabled] = useSetIsCaptionEnabled();
|
|
23233
23246
|
useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
|
|
23234
23247
|
const updateState = (modalName, value) => {
|
|
@@ -23806,7 +23819,7 @@ var init_pdfFileOptions = __esm({
|
|
|
23806
23819
|
// src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
|
|
23807
23820
|
function ShareScreenOptions() {
|
|
23808
23821
|
const [openModals, setOpenModals] = (0, import_react101.useState)(/* @__PURE__ */ new Set());
|
|
23809
|
-
const { amIScreenSharing } = (0,
|
|
23822
|
+
const { amIScreenSharing } = (0, import_react_sdk46.useScreenShare)();
|
|
23810
23823
|
const updateState = (modalName, value) => {
|
|
23811
23824
|
setOpenModals((modals) => {
|
|
23812
23825
|
const copy = new Set(modals);
|
|
@@ -23818,7 +23831,7 @@ function ShareScreenOptions() {
|
|
|
23818
23831
|
return copy;
|
|
23819
23832
|
});
|
|
23820
23833
|
};
|
|
23821
|
-
const { toggleScreenShare } = (0,
|
|
23834
|
+
const { toggleScreenShare } = (0, import_react_sdk46.useScreenShare)();
|
|
23822
23835
|
return /* @__PURE__ */ import_react101.default.createElement(import_react101.Fragment, null, /* @__PURE__ */ import_react101.default.createElement(
|
|
23823
23836
|
Dropdown.Root,
|
|
23824
23837
|
{
|
|
@@ -24010,13 +24023,13 @@ function ShareScreenOptions() {
|
|
|
24010
24023
|
)
|
|
24011
24024
|
), openModals.has(MODALS3.PDF_SHARE) && /* @__PURE__ */ import_react101.default.createElement(PDFFileOptions, { onOpenChange: (value) => updateState(MODALS3.PDF_SHARE, value) }));
|
|
24012
24025
|
}
|
|
24013
|
-
var import_react101,
|
|
24026
|
+
var import_react101, import_react_sdk46, import_react_icons40, MODALS3;
|
|
24014
24027
|
var init_shareScreenOptions = __esm({
|
|
24015
24028
|
"src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx"() {
|
|
24016
24029
|
"use strict";
|
|
24017
24030
|
init_define_process_env();
|
|
24018
24031
|
import_react101 = __toESM(require("react"));
|
|
24019
|
-
|
|
24032
|
+
import_react_sdk46 = require("@100mslive/react-sdk");
|
|
24020
24033
|
import_react_icons40 = require("@100mslive/react-icons");
|
|
24021
24034
|
init_pdf_share();
|
|
24022
24035
|
init_screen_share();
|
|
@@ -24032,13 +24045,13 @@ var init_shareScreenOptions = __esm({
|
|
|
24032
24045
|
});
|
|
24033
24046
|
|
|
24034
24047
|
// src/Prebuilt/components/ScreenShareToggle.jsx
|
|
24035
|
-
var import_react102,
|
|
24048
|
+
var import_react102, import_react_sdk47, import_react_icons41, ScreenshareToggle;
|
|
24036
24049
|
var init_ScreenShareToggle = __esm({
|
|
24037
24050
|
"src/Prebuilt/components/ScreenShareToggle.jsx"() {
|
|
24038
24051
|
"use strict";
|
|
24039
24052
|
init_define_process_env();
|
|
24040
24053
|
import_react102 = __toESM(require("react"));
|
|
24041
|
-
|
|
24054
|
+
import_react_sdk47 = require("@100mslive/react-sdk");
|
|
24042
24055
|
import_react_icons41 = require("@100mslive/react-icons");
|
|
24043
24056
|
init_shareScreenOptions();
|
|
24044
24057
|
init_ToastManager();
|
|
@@ -24049,20 +24062,20 @@ var init_ScreenShareToggle = __esm({
|
|
|
24049
24062
|
init_utils2();
|
|
24050
24063
|
init_constants();
|
|
24051
24064
|
ScreenshareToggle = ({ css: css2 = {} }) => {
|
|
24052
|
-
const isAllowedToPublish = (0,
|
|
24065
|
+
const isAllowedToPublish = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectIsAllowedToPublish);
|
|
24053
24066
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
24054
24067
|
const {
|
|
24055
24068
|
amIScreenSharing,
|
|
24056
24069
|
screenShareVideoTrackId: video,
|
|
24057
24070
|
toggleScreenShare
|
|
24058
|
-
} = (0,
|
|
24071
|
+
} = (0, import_react_sdk47.useScreenShare)((error) => {
|
|
24059
24072
|
ToastManager.addToast({
|
|
24060
24073
|
title: error.message,
|
|
24061
24074
|
variant: "error",
|
|
24062
24075
|
duration: 2e3
|
|
24063
24076
|
});
|
|
24064
24077
|
});
|
|
24065
|
-
const { requestPermission } = (0,
|
|
24078
|
+
const { requestPermission } = (0, import_react_sdk47.useAwayNotifications)();
|
|
24066
24079
|
const isVideoScreenshare = amIScreenSharing && !!video;
|
|
24067
24080
|
if (!isAllowedToPublish.screen || !isScreenshareSupported()) {
|
|
24068
24081
|
return null;
|
|
@@ -24087,14 +24100,14 @@ var init_ScreenShareToggle = __esm({
|
|
|
24087
24100
|
});
|
|
24088
24101
|
|
|
24089
24102
|
// src/Prebuilt/components/VirtualBackground/VBToggle.tsx
|
|
24090
|
-
var import_react103, import_hmsvbplugin2,
|
|
24103
|
+
var import_react103, import_hmsvbplugin2, import_react_sdk48, import_react_icons42, VBToggle;
|
|
24091
24104
|
var init_VBToggle = __esm({
|
|
24092
24105
|
"src/Prebuilt/components/VirtualBackground/VBToggle.tsx"() {
|
|
24093
24106
|
"use strict";
|
|
24094
24107
|
init_define_process_env();
|
|
24095
24108
|
import_react103 = __toESM(require("react"));
|
|
24096
24109
|
import_hmsvbplugin2 = require("@100mslive/hms-virtual-background/hmsvbplugin");
|
|
24097
|
-
|
|
24110
|
+
import_react_sdk48 = require("@100mslive/react-sdk");
|
|
24098
24111
|
import_react_icons42 = require("@100mslive/react-icons");
|
|
24099
24112
|
init_Loading2();
|
|
24100
24113
|
init_Tooltip2();
|
|
@@ -24105,12 +24118,12 @@ var init_VBToggle = __esm({
|
|
|
24105
24118
|
VBToggle = () => {
|
|
24106
24119
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
24107
24120
|
const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
|
|
24108
|
-
const isVideoOn = (0,
|
|
24109
|
-
const isVBEnabled = (0,
|
|
24110
|
-
const isEffectsEnabled = (0,
|
|
24111
|
-
const loadingEffects = (0,
|
|
24112
|
-
const hmsActions = (0,
|
|
24113
|
-
const { toggleVideo } = (0,
|
|
24121
|
+
const isVideoOn = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsLocalVideoEnabled);
|
|
24122
|
+
const isVBEnabled = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsVBEnabled);
|
|
24123
|
+
const isEffectsEnabled = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsEffectsEnabled);
|
|
24124
|
+
const loadingEffects = (0, import_react_sdk48.useHMSStore)((0, import_react_sdk48.selectAppData)(APP_DATA.loadingEffects));
|
|
24125
|
+
const hmsActions = (0, import_react_sdk48.useHMSActions)();
|
|
24126
|
+
const { toggleVideo } = (0, import_react_sdk48.useAVToggle)();
|
|
24114
24127
|
(0, import_react103.useEffect)(() => {
|
|
24115
24128
|
var _a7;
|
|
24116
24129
|
if (!toggleVideo) {
|
|
@@ -24127,20 +24140,20 @@ var init_VBToggle = __esm({
|
|
|
24127
24140
|
});
|
|
24128
24141
|
|
|
24129
24142
|
// src/Prebuilt/components/Footer/ChatToggle.tsx
|
|
24130
|
-
var import_react104,
|
|
24143
|
+
var import_react104, import_react_sdk49, import_react_icons43, ChatToggle;
|
|
24131
24144
|
var init_ChatToggle = __esm({
|
|
24132
24145
|
"src/Prebuilt/components/Footer/ChatToggle.tsx"() {
|
|
24133
24146
|
"use strict";
|
|
24134
24147
|
init_define_process_env();
|
|
24135
24148
|
import_react104 = __toESM(require("react"));
|
|
24136
|
-
|
|
24149
|
+
import_react_sdk49 = require("@100mslive/react-sdk");
|
|
24137
24150
|
import_react_icons43 = require("@100mslive/react-icons");
|
|
24138
24151
|
init_src();
|
|
24139
24152
|
init_IconButton3();
|
|
24140
24153
|
init_useSidepane();
|
|
24141
24154
|
init_constants();
|
|
24142
24155
|
ChatToggle = ({ onClick }) => {
|
|
24143
|
-
const countUnreadMessages = (0,
|
|
24156
|
+
const countUnreadMessages = (0, import_react_sdk49.useHMSStore)(import_react_sdk49.selectUnreadHMSMessagesCount);
|
|
24144
24157
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
24145
24158
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
24146
24159
|
return /* @__PURE__ */ import_react104.default.createElement(
|
|
@@ -24215,13 +24228,13 @@ var init_connectionQualityUtils = __esm({
|
|
|
24215
24228
|
});
|
|
24216
24229
|
|
|
24217
24230
|
// src/Prebuilt/components/Connection/ConnectionIndicator.tsx
|
|
24218
|
-
var import_react105,
|
|
24231
|
+
var import_react105, import_react_sdk50, import_react_icons44, Wrapper, ConnectionIndicator;
|
|
24219
24232
|
var init_ConnectionIndicator = __esm({
|
|
24220
24233
|
"src/Prebuilt/components/Connection/ConnectionIndicator.tsx"() {
|
|
24221
24234
|
"use strict";
|
|
24222
24235
|
init_define_process_env();
|
|
24223
24236
|
import_react105 = __toESM(require("react"));
|
|
24224
|
-
|
|
24237
|
+
import_react_sdk50 = require("@100mslive/react-sdk");
|
|
24225
24238
|
import_react_icons44 = require("@100mslive/react-icons");
|
|
24226
24239
|
init_src();
|
|
24227
24240
|
init_connectionQualityUtils();
|
|
@@ -24247,11 +24260,11 @@ var init_ConnectionIndicator = __esm({
|
|
|
24247
24260
|
hideBg = false
|
|
24248
24261
|
}) => {
|
|
24249
24262
|
var _a7;
|
|
24250
|
-
const downlinkQuality = (_a7 = (0,
|
|
24251
|
-
const peerType = (0,
|
|
24263
|
+
const downlinkQuality = (_a7 = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a7.downlinkQuality;
|
|
24264
|
+
const peerType = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectPeerTypeByID)(peerId));
|
|
24252
24265
|
const { theme: theme2 } = useTheme();
|
|
24253
24266
|
const defaultColor = theme2.colors.on_surface_low;
|
|
24254
|
-
if (downlinkQuality === -1 || downlinkQuality === void 0 || peerType ===
|
|
24267
|
+
if (downlinkQuality === -1 || downlinkQuality === void 0 || peerType === import_react_sdk50.HMSPeerType.SIP) {
|
|
24255
24268
|
return null;
|
|
24256
24269
|
}
|
|
24257
24270
|
if (downlinkQuality === 0) {
|
|
@@ -24309,22 +24322,22 @@ var init_ConnectionIndicator = __esm({
|
|
|
24309
24322
|
});
|
|
24310
24323
|
|
|
24311
24324
|
// src/Prebuilt/components/RemoveParticipant.tsx
|
|
24312
|
-
var import_react106,
|
|
24325
|
+
var import_react106, import_react_sdk51, import_react_icons45, RemoveParticipant;
|
|
24313
24326
|
var init_RemoveParticipant = __esm({
|
|
24314
24327
|
"src/Prebuilt/components/RemoveParticipant.tsx"() {
|
|
24315
24328
|
"use strict";
|
|
24316
24329
|
init_define_process_env();
|
|
24317
24330
|
import_react106 = __toESM(require("react"));
|
|
24318
|
-
|
|
24331
|
+
import_react_sdk51 = require("@100mslive/react-sdk");
|
|
24319
24332
|
import_react_icons45 = require("@100mslive/react-icons");
|
|
24320
24333
|
init_ToastManager();
|
|
24321
24334
|
init_Dropdown2();
|
|
24322
24335
|
init_Text2();
|
|
24323
24336
|
RemoveParticipant = ({ peerId }) => {
|
|
24324
24337
|
var _a7;
|
|
24325
|
-
const canRemoveOthers = (_a7 = (0,
|
|
24326
|
-
const localPeerId = (0,
|
|
24327
|
-
const actions = (0,
|
|
24338
|
+
const canRemoveOthers = (_a7 = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions)) == null ? void 0 : _a7.removeOthers;
|
|
24339
|
+
const localPeerId = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectLocalPeerID);
|
|
24340
|
+
const actions = (0, import_react_sdk51.useHMSActions)();
|
|
24328
24341
|
if (peerId === localPeerId || !canRemoveOthers) {
|
|
24329
24342
|
return null;
|
|
24330
24343
|
}
|
|
@@ -24349,14 +24362,14 @@ var init_RemoveParticipant = __esm({
|
|
|
24349
24362
|
});
|
|
24350
24363
|
|
|
24351
24364
|
// src/Prebuilt/components/Footer/RoleOptions.tsx
|
|
24352
|
-
var import_react107, import_ts_pattern7,
|
|
24365
|
+
var import_react107, import_ts_pattern7, import_react_sdk52, import_react_icons46, dropdownItemCSS, optionTextCSS, DropdownWrapper, RoleOptions;
|
|
24353
24366
|
var init_RoleOptions = __esm({
|
|
24354
24367
|
"src/Prebuilt/components/Footer/RoleOptions.tsx"() {
|
|
24355
24368
|
"use strict";
|
|
24356
24369
|
init_define_process_env();
|
|
24357
24370
|
import_react107 = __toESM(require("react"));
|
|
24358
24371
|
import_ts_pattern7 = require("ts-pattern");
|
|
24359
|
-
|
|
24372
|
+
import_react_sdk52 = require("@100mslive/react-sdk");
|
|
24360
24373
|
import_react_icons46 = require("@100mslive/react-icons");
|
|
24361
24374
|
init_Dropdown2();
|
|
24362
24375
|
init_Layout();
|
|
@@ -24407,13 +24420,13 @@ var init_RoleOptions = __esm({
|
|
|
24407
24420
|
));
|
|
24408
24421
|
};
|
|
24409
24422
|
RoleOptions = ({ roleName, peerList }) => {
|
|
24410
|
-
const permissions = (0,
|
|
24411
|
-
const hmsActions = (0,
|
|
24423
|
+
const permissions = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectPermissions);
|
|
24424
|
+
const hmsActions = (0, import_react_sdk52.useHMSActions)();
|
|
24412
24425
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24413
24426
|
const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
|
|
24414
24427
|
const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
|
|
24415
|
-
const role = (0,
|
|
24416
|
-
const tracks = (0,
|
|
24428
|
+
const role = (0, import_react_sdk52.useHMSStore)((0, import_react_sdk52.selectRoleByRoleName)(roleName));
|
|
24429
|
+
const tracks = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectTracksMap);
|
|
24417
24430
|
if (!role) {
|
|
24418
24431
|
return null;
|
|
24419
24432
|
}
|
|
@@ -24490,17 +24503,17 @@ var init_RoleOptions = __esm({
|
|
|
24490
24503
|
});
|
|
24491
24504
|
|
|
24492
24505
|
// src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
|
|
24493
|
-
var import_ts_pattern8,
|
|
24506
|
+
var import_ts_pattern8, import_react_sdk53, useGroupOnStageActions;
|
|
24494
24507
|
var init_useGroupOnStageActions = __esm({
|
|
24495
24508
|
"src/Prebuilt/components/hooks/useGroupOnStageActions.tsx"() {
|
|
24496
24509
|
"use strict";
|
|
24497
24510
|
init_define_process_env();
|
|
24498
24511
|
import_ts_pattern8 = require("ts-pattern");
|
|
24499
|
-
|
|
24512
|
+
import_react_sdk53 = require("@100mslive/react-sdk");
|
|
24500
24513
|
init_useRoomLayoutScreen();
|
|
24501
24514
|
useGroupOnStageActions = ({ peers }) => {
|
|
24502
24515
|
var _a7;
|
|
24503
|
-
const hmsActions = (0,
|
|
24516
|
+
const hmsActions = (0, import_react_sdk53.useHMSActions)();
|
|
24504
24517
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24505
24518
|
const {
|
|
24506
24519
|
bring_to_stage_label,
|
|
@@ -24509,7 +24522,7 @@ var init_useGroupOnStageActions = __esm({
|
|
|
24509
24522
|
off_stage_roles = [],
|
|
24510
24523
|
skip_preview_for_role_change = false
|
|
24511
24524
|
} = elements.on_stage_exp || {};
|
|
24512
|
-
const canChangeRole = (_a7 = (0,
|
|
24525
|
+
const canChangeRole = (_a7 = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions)) == null ? void 0 : _a7.changeRole;
|
|
24513
24526
|
const offStageRolePeers = peers.filter(
|
|
24514
24527
|
(peer) => (0, import_ts_pattern8.match)({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
|
|
24515
24528
|
{
|
|
@@ -24551,7 +24564,7 @@ function itemKey(index, data3) {
|
|
|
24551
24564
|
var _a7;
|
|
24552
24565
|
return (_a7 = data3.peerList[index]) == null ? void 0 : _a7.id;
|
|
24553
24566
|
}
|
|
24554
|
-
var import_react108, import_react_use19, import_react_window2,
|
|
24567
|
+
var import_react108, import_react_use19, import_react_window2, import_react_sdk54, import_react_icons47, ROW_HEIGHT, ITER_TIMER, VirtualizedParticipantItem, RoleAccordion;
|
|
24555
24568
|
var init_RoleAccordion = __esm({
|
|
24556
24569
|
"src/Prebuilt/components/Footer/RoleAccordion.tsx"() {
|
|
24557
24570
|
"use strict";
|
|
@@ -24559,7 +24572,7 @@ var init_RoleAccordion = __esm({
|
|
|
24559
24572
|
import_react108 = __toESM(require("react"));
|
|
24560
24573
|
import_react_use19 = require("react-use");
|
|
24561
24574
|
import_react_window2 = require("react-window");
|
|
24562
|
-
|
|
24575
|
+
import_react_sdk54 = require("@100mslive/react-sdk");
|
|
24563
24576
|
import_react_icons47 = require("@100mslive/react-icons");
|
|
24564
24577
|
init_Accordion2();
|
|
24565
24578
|
init_Button2();
|
|
@@ -24596,8 +24609,8 @@ var init_RoleAccordion = __esm({
|
|
|
24596
24609
|
onActive
|
|
24597
24610
|
}) => {
|
|
24598
24611
|
const [ref, { width }] = (0, import_react_use19.useMeasure)();
|
|
24599
|
-
const isLargeRoom = (0,
|
|
24600
|
-
const { peers, total, loadPeers } = (0,
|
|
24612
|
+
const isLargeRoom = (0, import_react_sdk54.useHMSStore)(import_react_sdk54.selectIsLargeRoom);
|
|
24613
|
+
const { peers, total, loadPeers } = (0, import_react_sdk54.usePaginatedParticipants)({ role: roleName, limit: 10 });
|
|
24601
24614
|
const isOffStageRole = roleName && offStageRoles.includes(roleName);
|
|
24602
24615
|
let peersInAccordion = peerList;
|
|
24603
24616
|
if (isOffStageRole && isLargeRoom) {
|
|
@@ -24698,19 +24711,19 @@ var init_RoleAccordion = __esm({
|
|
|
24698
24711
|
});
|
|
24699
24712
|
|
|
24700
24713
|
// src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx
|
|
24701
|
-
var import_react109,
|
|
24714
|
+
var import_react109, import_react_sdk55, useSidepaneResetOnLayoutUpdate;
|
|
24702
24715
|
var init_useSidepaneResetOnLayoutUpdate = __esm({
|
|
24703
24716
|
"src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx"() {
|
|
24704
24717
|
"use strict";
|
|
24705
24718
|
init_define_process_env();
|
|
24706
24719
|
import_react109 = require("react");
|
|
24707
|
-
|
|
24720
|
+
import_react_sdk55 = require("@100mslive/react-sdk");
|
|
24708
24721
|
init_useRoomLayoutScreen();
|
|
24709
24722
|
init_useSidepane();
|
|
24710
24723
|
init_constants();
|
|
24711
24724
|
useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
|
|
24712
24725
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24713
|
-
const sidepane = (0,
|
|
24726
|
+
const sidepane = (0, import_react_sdk55.useHMSStore)((0, import_react_sdk55.selectAppData)(APP_DATA.sidePane));
|
|
24714
24727
|
const resetSidePane = useSidepaneReset();
|
|
24715
24728
|
(0, import_react109.useEffect)(() => {
|
|
24716
24729
|
if (sidepane === sidepaneOption && !(elements == null ? void 0 : elements[layoutKey])) {
|
|
@@ -24722,17 +24735,17 @@ var init_useSidepaneResetOnLayoutUpdate = __esm({
|
|
|
24722
24735
|
});
|
|
24723
24736
|
|
|
24724
24737
|
// src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
|
|
24725
|
-
var import_react110,
|
|
24738
|
+
var import_react110, import_react_sdk56, usePeerOnStageActions;
|
|
24726
24739
|
var init_usePeerOnStageActions = __esm({
|
|
24727
24740
|
"src/Prebuilt/components/hooks/usePeerOnStageActions.tsx"() {
|
|
24728
24741
|
"use strict";
|
|
24729
24742
|
init_define_process_env();
|
|
24730
24743
|
import_react110 = require("react");
|
|
24731
|
-
|
|
24744
|
+
import_react_sdk56 = require("@100mslive/react-sdk");
|
|
24732
24745
|
init_useRoomLayoutScreen();
|
|
24733
24746
|
usePeerOnStageActions = ({ peerId, role }) => {
|
|
24734
24747
|
var _a7, _b7;
|
|
24735
|
-
const hmsActions = (0,
|
|
24748
|
+
const hmsActions = (0, import_react_sdk56.useHMSActions)();
|
|
24736
24749
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24737
24750
|
const {
|
|
24738
24751
|
bring_to_stage_label,
|
|
@@ -24742,9 +24755,9 @@ var init_usePeerOnStageActions = __esm({
|
|
|
24742
24755
|
skip_preview_for_role_change = false
|
|
24743
24756
|
} = elements.on_stage_exp || {};
|
|
24744
24757
|
const isInStage = role === on_stage_role;
|
|
24745
|
-
const canChangeRole = (_a7 = (0,
|
|
24758
|
+
const canChangeRole = (_a7 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _a7.changeRole;
|
|
24746
24759
|
const shouldShowStageRoleChange = canChangeRole && (isInStage && remove_from_stage_label || (off_stage_roles == null ? void 0 : off_stage_roles.includes(role)) && bring_to_stage_label);
|
|
24747
|
-
const prevRole = (_b7 = (0,
|
|
24760
|
+
const prevRole = (_b7 = (0, import_react_sdk56.useHMSStore)((0, import_react_sdk56.selectPeerMetadata)(peerId))) == null ? void 0 : _b7.prevRole;
|
|
24748
24761
|
const [open, setOpen] = (0, import_react110.useState)(false);
|
|
24749
24762
|
const lowerPeerHand = () => __async(void 0, null, function* () {
|
|
24750
24763
|
yield hmsActions.lowerRemotePeerHand(peerId);
|
|
@@ -24775,14 +24788,14 @@ var init_usePeerOnStageActions = __esm({
|
|
|
24775
24788
|
});
|
|
24776
24789
|
|
|
24777
24790
|
// src/Prebuilt/components/Footer/ParticipantList.tsx
|
|
24778
|
-
var import_react111, import_react_use20,
|
|
24791
|
+
var import_react111, import_react_use20, import_react_sdk57, import_react_icons48, ParticipantList, ParticipantCount, Participant, VirtualizedParticipants, ParticipantActions, quickActionStyle, HandRaisedAccordionParticipantActions, ParticipantMoreActions, ParticipantSearch;
|
|
24779
24792
|
var init_ParticipantList = __esm({
|
|
24780
24793
|
"src/Prebuilt/components/Footer/ParticipantList.tsx"() {
|
|
24781
24794
|
"use strict";
|
|
24782
24795
|
init_define_process_env();
|
|
24783
24796
|
import_react111 = __toESM(require("react"));
|
|
24784
24797
|
import_react_use20 = require("react-use");
|
|
24785
|
-
|
|
24798
|
+
import_react_sdk57 = require("@100mslive/react-sdk");
|
|
24786
24799
|
import_react_icons48 = require("@100mslive/react-icons");
|
|
24787
24800
|
init_src();
|
|
24788
24801
|
init_IconButton3();
|
|
@@ -24803,9 +24816,9 @@ var init_ParticipantList = __esm({
|
|
|
24803
24816
|
}) => {
|
|
24804
24817
|
const [filter, setFilter] = (0, import_react111.useState)();
|
|
24805
24818
|
const { participants, isConnected, peerCount } = useParticipants(filter);
|
|
24806
|
-
const isLargeRoom = (0,
|
|
24819
|
+
const isLargeRoom = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectIsLargeRoom);
|
|
24807
24820
|
const peersOrderedByRoles = {};
|
|
24808
|
-
const handRaisedPeers = (0,
|
|
24821
|
+
const handRaisedPeers = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectHandRaisedPeers);
|
|
24809
24822
|
participants.forEach((participant) => {
|
|
24810
24823
|
if (participant.roleName) {
|
|
24811
24824
|
if (peersOrderedByRoles[participant.roleName] === void 0) {
|
|
@@ -24869,7 +24882,7 @@ var init_ParticipantList = __esm({
|
|
|
24869
24882
|
));
|
|
24870
24883
|
};
|
|
24871
24884
|
ParticipantCount = () => {
|
|
24872
|
-
const peerCount = (0,
|
|
24885
|
+
const peerCount = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPeerCount);
|
|
24873
24886
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
24874
24887
|
const isPeerListOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
24875
24888
|
if (peerCount === 0) {
|
|
@@ -24901,7 +24914,7 @@ var init_ParticipantList = __esm({
|
|
|
24901
24914
|
isHandRaisedAccordion,
|
|
24902
24915
|
style
|
|
24903
24916
|
}) => {
|
|
24904
|
-
const localPeerId = (0,
|
|
24917
|
+
const localPeerId = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectLocalPeerID);
|
|
24905
24918
|
return /* @__PURE__ */ import_react111.default.createElement(
|
|
24906
24919
|
Flex,
|
|
24907
24920
|
{
|
|
@@ -24998,13 +25011,13 @@ var init_ParticipantList = __esm({
|
|
|
24998
25011
|
isHandRaisedAccordion
|
|
24999
25012
|
}) => {
|
|
25000
25013
|
var _a7, _b7;
|
|
25001
|
-
const isHandRaised = (0,
|
|
25002
|
-
const canChangeRole = (_a7 = (0,
|
|
25003
|
-
const canRemoveOthers = (_b7 = (0,
|
|
25014
|
+
const isHandRaised = (0, import_react_sdk57.useHMSStore)((0, import_react_sdk57.selectHasPeerHandRaised)(peerId));
|
|
25015
|
+
const canChangeRole = (_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole;
|
|
25016
|
+
const canRemoveOthers = (_b7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _b7.removeOthers;
|
|
25004
25017
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25005
25018
|
const { on_stage_exp } = elements || {};
|
|
25006
25019
|
const shouldShowMoreActions = on_stage_exp && canChangeRole || canRemoveOthers;
|
|
25007
|
-
const isAudioMuted = !(0,
|
|
25020
|
+
const isAudioMuted = !(0, import_react_sdk57.useHMSStore)((0, import_react_sdk57.selectIsPeerAudioEnabled)(peerId));
|
|
25008
25021
|
return /* @__PURE__ */ import_react111.default.createElement(
|
|
25009
25022
|
Flex,
|
|
25010
25023
|
{
|
|
@@ -25014,7 +25027,7 @@ var init_ParticipantList = __esm({
|
|
|
25014
25027
|
gap: "$8"
|
|
25015
25028
|
}
|
|
25016
25029
|
},
|
|
25017
|
-
isHandRaisedAccordion ? /* @__PURE__ */ import_react111.default.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(ConnectionIndicator, { peerId }), peerType ===
|
|
25030
|
+
isHandRaisedAccordion ? /* @__PURE__ */ import_react111.default.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(ConnectionIndicator, { peerId }), peerType === import_react_sdk57.HMSPeerType.SIP && /* @__PURE__ */ import_react111.default.createElement(
|
|
25018
25031
|
Flex,
|
|
25019
25032
|
{
|
|
25020
25033
|
align: "center",
|
|
@@ -25064,9 +25077,9 @@ var init_ParticipantList = __esm({
|
|
|
25064
25077
|
isInStage,
|
|
25065
25078
|
shouldShowStageRoleChange
|
|
25066
25079
|
} = usePeerOnStageActions({ peerId, role });
|
|
25067
|
-
const canChangeRole = !!((_a7 = (0,
|
|
25080
|
+
const canChangeRole = !!((_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole);
|
|
25068
25081
|
const [openRoleChangeModal, setOpenRoleChangeModal] = (0, import_react111.useState)(false);
|
|
25069
|
-
const roles = (0,
|
|
25082
|
+
const roles = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectAvailableRoleNames);
|
|
25070
25083
|
return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ import_react111.default.createElement(
|
|
25071
25084
|
Dropdown.Trigger,
|
|
25072
25085
|
{
|
|
@@ -25179,20 +25192,20 @@ var init_PollsToggle = __esm({
|
|
|
25179
25192
|
});
|
|
25180
25193
|
|
|
25181
25194
|
// src/Prebuilt/components/Footer/WhiteboardToggle.tsx
|
|
25182
|
-
var import_react113,
|
|
25195
|
+
var import_react113, import_react_sdk58, import_react_icons50, WhiteboardToggle;
|
|
25183
25196
|
var init_WhiteboardToggle = __esm({
|
|
25184
25197
|
"src/Prebuilt/components/Footer/WhiteboardToggle.tsx"() {
|
|
25185
25198
|
"use strict";
|
|
25186
25199
|
init_define_process_env();
|
|
25187
25200
|
import_react113 = __toESM(require("react"));
|
|
25188
|
-
|
|
25201
|
+
import_react_sdk58 = require("@100mslive/react-sdk");
|
|
25189
25202
|
import_react_icons50 = require("@100mslive/react-icons");
|
|
25190
25203
|
init_src();
|
|
25191
25204
|
init_IconButton3();
|
|
25192
25205
|
init_ToastManager();
|
|
25193
25206
|
WhiteboardToggle = () => {
|
|
25194
|
-
const { toggle, open, isOwner } = (0,
|
|
25195
|
-
const peerSharing = (0,
|
|
25207
|
+
const { toggle, open, isOwner } = (0, import_react_sdk58.useWhiteboard)();
|
|
25208
|
+
const peerSharing = (0, import_react_sdk58.useHMSStore)(import_react_sdk58.selectPeerScreenSharing);
|
|
25196
25209
|
const disabled = !!peerSharing || open && !isOwner;
|
|
25197
25210
|
if (!toggle) {
|
|
25198
25211
|
return null;
|
|
@@ -25317,10 +25330,10 @@ var init_Footer3 = __esm({
|
|
|
25317
25330
|
|
|
25318
25331
|
// src/Prebuilt/components/Notifications/HLSFailureModal.tsx
|
|
25319
25332
|
function HLSFailureModal() {
|
|
25320
|
-
const hlsError = (0,
|
|
25333
|
+
const hlsError = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectHLSState).error || false;
|
|
25321
25334
|
const [openModal, setOpenModal] = (0, import_react115.useState)(!!hlsError);
|
|
25322
|
-
const hmsActions = (0,
|
|
25323
|
-
const { isRTMPRunning } = (0,
|
|
25335
|
+
const hmsActions = (0, import_react_sdk59.useHMSActions)();
|
|
25336
|
+
const { isRTMPRunning } = (0, import_react_sdk59.useRecordingStreaming)();
|
|
25324
25337
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
25325
25338
|
const startHLS = (0, import_react115.useCallback)(() => __async(this, null, function* () {
|
|
25326
25339
|
try {
|
|
@@ -25359,13 +25372,13 @@ function HLSFailureModal() {
|
|
|
25359
25372
|
), /* @__PURE__ */ import_react115.default.createElement(Text, { variant: "sm", css: { mb: "$10", color: "$on_surface_medium" } }, "Something went wrong and your live broadcast failed. Please try again."), /* @__PURE__ */ import_react115.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react115.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setOpenModal(false) }, "Dismiss"), /* @__PURE__ */ import_react115.default.createElement(Button, { css: { w: "100%" }, onClick: startHLS }, "Go Live"))))
|
|
25360
25373
|
) : null;
|
|
25361
25374
|
}
|
|
25362
|
-
var import_react115,
|
|
25375
|
+
var import_react115, import_react_sdk59;
|
|
25363
25376
|
var init_HLSFailureModal = __esm({
|
|
25364
25377
|
"src/Prebuilt/components/Notifications/HLSFailureModal.tsx"() {
|
|
25365
25378
|
"use strict";
|
|
25366
25379
|
init_define_process_env();
|
|
25367
25380
|
import_react115 = __toESM(require("react"));
|
|
25368
|
-
|
|
25381
|
+
import_react_sdk59 = require("@100mslive/react-sdk");
|
|
25369
25382
|
init_Button2();
|
|
25370
25383
|
init_Layout();
|
|
25371
25384
|
init_Modal();
|
|
@@ -25376,13 +25389,13 @@ var init_HLSFailureModal = __esm({
|
|
|
25376
25389
|
});
|
|
25377
25390
|
|
|
25378
25391
|
// src/Prebuilt/components/Streaming/Common.jsx
|
|
25379
|
-
var import_react116,
|
|
25392
|
+
var import_react116, import_react_sdk60, import_react_icons51, ContentHeader, Container3, ErrorText;
|
|
25380
25393
|
var init_Common = __esm({
|
|
25381
25394
|
"src/Prebuilt/components/Streaming/Common.jsx"() {
|
|
25382
25395
|
"use strict";
|
|
25383
25396
|
init_define_process_env();
|
|
25384
25397
|
import_react116 = __toESM(require("react"));
|
|
25385
|
-
|
|
25398
|
+
import_react_sdk60 = require("@100mslive/react-sdk");
|
|
25386
25399
|
import_react_icons51 = require("@100mslive/react-icons");
|
|
25387
25400
|
init_src();
|
|
25388
25401
|
ContentHeader = ({ onBack, onClose, title = "", content }) => {
|
|
@@ -25527,13 +25540,13 @@ function InteractionSelectionCard({
|
|
|
25527
25540
|
/* @__PURE__ */ import_react118.default.createElement(Text, { variant: "sub1", css: { ml: "$md" } }, title)
|
|
25528
25541
|
);
|
|
25529
25542
|
}
|
|
25530
|
-
var import_react118,
|
|
25543
|
+
var import_react118, import_react_sdk61, import_react_icons52, PollsQuizMenu, AddMenu, PrevMenu, InteractionCard;
|
|
25531
25544
|
var init_PollsQuizMenu = __esm({
|
|
25532
25545
|
"src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx"() {
|
|
25533
25546
|
"use strict";
|
|
25534
25547
|
init_define_process_env();
|
|
25535
25548
|
import_react118 = __toESM(require("react"));
|
|
25536
|
-
|
|
25549
|
+
import_react_sdk61 = require("@100mslive/react-sdk");
|
|
25537
25550
|
import_react_icons52 = require("@100mslive/react-icons");
|
|
25538
25551
|
init_src();
|
|
25539
25552
|
init_Common();
|
|
@@ -25544,13 +25557,13 @@ var init_PollsQuizMenu = __esm({
|
|
|
25544
25557
|
init_constants();
|
|
25545
25558
|
PollsQuizMenu = () => {
|
|
25546
25559
|
const togglePollView = usePollViewToggle();
|
|
25547
|
-
const permissions = (0,
|
|
25560
|
+
const permissions = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPermissions);
|
|
25548
25561
|
return /* @__PURE__ */ import_react118.default.createElement(Container3, { rounded: true }, /* @__PURE__ */ import_react118.default.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ import_react118.default.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ import_react118.default.createElement(AddMenu, null), /* @__PURE__ */ import_react118.default.createElement(PrevMenu, null)));
|
|
25549
25562
|
};
|
|
25550
25563
|
AddMenu = () => {
|
|
25551
|
-
const actions = (0,
|
|
25564
|
+
const actions = (0, import_react_sdk61.useHMSActions)();
|
|
25552
25565
|
const [title, setTitle] = (0, import_react118.useState)("");
|
|
25553
|
-
const localPeerRoleName = (0,
|
|
25566
|
+
const localPeerRoleName = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectLocalPeerRoleName);
|
|
25554
25567
|
const [hideVoteCount, setHideVoteCount] = (0, import_react118.useState)(false);
|
|
25555
25568
|
const [error, setError] = (0, import_react118.useState)();
|
|
25556
25569
|
const [titleError, setTitleError] = (0, import_react118.useState)("");
|
|
@@ -25631,8 +25644,8 @@ var init_PollsQuizMenu = __esm({
|
|
|
25631
25644
|
), /* @__PURE__ */ import_react118.default.createElement(ErrorText, { error: error || titleError })));
|
|
25632
25645
|
};
|
|
25633
25646
|
PrevMenu = () => {
|
|
25634
|
-
const hmsActions = (0,
|
|
25635
|
-
const polls = (0,
|
|
25647
|
+
const hmsActions = (0, import_react_sdk61.useHMSActions)();
|
|
25648
|
+
const polls = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPolls);
|
|
25636
25649
|
const sortedPolls = (0, import_react118.useMemo)(
|
|
25637
25650
|
() => {
|
|
25638
25651
|
var _a7;
|
|
@@ -25643,7 +25656,7 @@ var init_PollsQuizMenu = __esm({
|
|
|
25643
25656
|
},
|
|
25644
25657
|
[polls]
|
|
25645
25658
|
);
|
|
25646
|
-
const permissions = (0,
|
|
25659
|
+
const permissions = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPermissions);
|
|
25647
25660
|
(0, import_react118.useEffect)(() => {
|
|
25648
25661
|
const updatePolls = () => __async(void 0, null, function* () {
|
|
25649
25662
|
yield hmsActions.interactivityCenter.getPolls();
|
|
@@ -26285,11 +26298,11 @@ var init_SavedQuestion = __esm({
|
|
|
26285
26298
|
// src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
|
|
26286
26299
|
function CreateQuestions() {
|
|
26287
26300
|
var _a7, _b7, _c, _d;
|
|
26288
|
-
const actions = (0,
|
|
26289
|
-
const { isHLSRunning } = (0,
|
|
26301
|
+
const actions = (0, import_react_sdk62.useHMSActions)();
|
|
26302
|
+
const { isHLSRunning } = (0, import_react_sdk62.useRecordingStreaming)();
|
|
26290
26303
|
const togglePollView = usePollViewToggle();
|
|
26291
26304
|
const { pollInView: id, setPollView } = usePollViewState();
|
|
26292
|
-
const interaction = (0,
|
|
26305
|
+
const interaction = (0, import_react_sdk62.useHMSStore)((0, import_react_sdk62.selectPollByID)(id));
|
|
26293
26306
|
const [questions, setQuestions] = (0, import_react128.useState)(
|
|
26294
26307
|
((_a7 = interaction.questions) == null ? void 0 : _a7.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
|
|
26295
26308
|
);
|
|
@@ -26369,14 +26382,14 @@ function CreateQuestions() {
|
|
|
26369
26382
|
return launchPoll();
|
|
26370
26383
|
}) }, "Launch ", interaction == null ? void 0 : interaction.type))));
|
|
26371
26384
|
}
|
|
26372
|
-
var import_react128, import_uuid11,
|
|
26385
|
+
var import_react128, import_uuid11, import_react_sdk62, import_react_icons59, getEditableFormat, QuestionCard;
|
|
26373
26386
|
var init_CreateQuestions = __esm({
|
|
26374
26387
|
"src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx"() {
|
|
26375
26388
|
"use strict";
|
|
26376
26389
|
init_define_process_env();
|
|
26377
26390
|
import_react128 = __toESM(require("react"));
|
|
26378
26391
|
import_uuid11 = require("uuid");
|
|
26379
|
-
|
|
26392
|
+
import_react_sdk62 = require("@100mslive/react-sdk");
|
|
26380
26393
|
import_react_icons59 = require("@100mslive/react-icons");
|
|
26381
26394
|
init_src();
|
|
26382
26395
|
init_Common();
|
|
@@ -26504,16 +26517,16 @@ var init_StatisticBox = __esm({
|
|
|
26504
26517
|
});
|
|
26505
26518
|
|
|
26506
26519
|
// src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
|
|
26507
|
-
var import_react131,
|
|
26520
|
+
var import_react131, import_react_sdk63, useQuizSummary;
|
|
26508
26521
|
var init_useQuizSummary = __esm({
|
|
26509
26522
|
"src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx"() {
|
|
26510
26523
|
"use strict";
|
|
26511
26524
|
init_define_process_env();
|
|
26512
26525
|
import_react131 = require("react");
|
|
26513
|
-
|
|
26526
|
+
import_react_sdk63 = require("@100mslive/react-sdk");
|
|
26514
26527
|
useQuizSummary = (quizID) => {
|
|
26515
|
-
const hmsActions = (0,
|
|
26516
|
-
const quiz = (0,
|
|
26528
|
+
const hmsActions = (0, import_react_sdk63.useHMSActions)();
|
|
26529
|
+
const quiz = (0, import_react_sdk63.useHMSStore)((0, import_react_sdk63.selectPollByID)(quizID));
|
|
26517
26530
|
const [quizLeaderboard, setQuizLeaderboard] = (0, import_react131.useState)();
|
|
26518
26531
|
const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
|
|
26519
26532
|
totalUsers: 0,
|
|
@@ -26551,20 +26564,20 @@ var init_useQuizSummary = __esm({
|
|
|
26551
26564
|
});
|
|
26552
26565
|
|
|
26553
26566
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
26554
|
-
var import_react132,
|
|
26567
|
+
var import_react132, import_react_sdk64, PeerParticipationSummary;
|
|
26555
26568
|
var init_PeerParticipationSummary = __esm({
|
|
26556
26569
|
"src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx"() {
|
|
26557
26570
|
"use strict";
|
|
26558
26571
|
init_define_process_env();
|
|
26559
26572
|
import_react132 = __toESM(require("react"));
|
|
26560
|
-
|
|
26573
|
+
import_react_sdk64 = require("@100mslive/react-sdk");
|
|
26561
26574
|
init_Layout();
|
|
26562
26575
|
init_Text2();
|
|
26563
26576
|
init_StatisticBox();
|
|
26564
26577
|
init_useQuizSummary();
|
|
26565
26578
|
init_utils5();
|
|
26566
26579
|
PeerParticipationSummary = ({ quiz }) => {
|
|
26567
|
-
const localPeerId = (0,
|
|
26580
|
+
const localPeerId = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectLocalPeerID);
|
|
26568
26581
|
const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
|
|
26569
26582
|
if (quiz.state !== "stopped") {
|
|
26570
26583
|
return /* @__PURE__ */ import_react132.default.createElement(import_react132.default.Fragment, null);
|
|
@@ -26605,13 +26618,13 @@ var init_PeerParticipationSummary = __esm({
|
|
|
26605
26618
|
});
|
|
26606
26619
|
|
|
26607
26620
|
// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
|
|
26608
|
-
var import_react133,
|
|
26621
|
+
var import_react133, import_react_sdk65, import_react_icons61, LeaderboardSummary;
|
|
26609
26622
|
var init_LeaderboardSummary = __esm({
|
|
26610
26623
|
"src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx"() {
|
|
26611
26624
|
"use strict";
|
|
26612
26625
|
init_define_process_env();
|
|
26613
26626
|
import_react133 = __toESM(require("react"));
|
|
26614
|
-
|
|
26627
|
+
import_react_sdk65 = require("@100mslive/react-sdk");
|
|
26615
26628
|
import_react_icons61 = require("@100mslive/react-icons");
|
|
26616
26629
|
init_Layout();
|
|
26617
26630
|
init_Loading2();
|
|
@@ -26626,7 +26639,7 @@ var init_LeaderboardSummary = __esm({
|
|
|
26626
26639
|
init_constants();
|
|
26627
26640
|
LeaderboardSummary = ({ pollID }) => {
|
|
26628
26641
|
var _a7, _b7;
|
|
26629
|
-
const quiz = (0,
|
|
26642
|
+
const quiz = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectPollByID)(pollID));
|
|
26630
26643
|
const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
|
|
26631
26644
|
const [viewAllEntries, setViewAllEntries] = (0, import_react133.useState)(false);
|
|
26632
26645
|
const { setPollView } = usePollViewState();
|
|
@@ -26699,14 +26712,14 @@ var init_LeaderboardSummary = __esm({
|
|
|
26699
26712
|
});
|
|
26700
26713
|
|
|
26701
26714
|
// src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
|
|
26702
|
-
var import_react134, import_ts_pattern9,
|
|
26715
|
+
var import_react134, import_ts_pattern9, import_react_sdk66, import_react_icons62, QuestionCard2, QuestionActions;
|
|
26703
26716
|
var init_QuestionCard = __esm({
|
|
26704
26717
|
"src/Prebuilt/components/Polls/Voting/QuestionCard.jsx"() {
|
|
26705
26718
|
"use strict";
|
|
26706
26719
|
init_define_process_env();
|
|
26707
26720
|
import_react134 = __toESM(require("react"));
|
|
26708
26721
|
import_ts_pattern9 = require("ts-pattern");
|
|
26709
|
-
|
|
26722
|
+
import_react_sdk66 = require("@100mslive/react-sdk");
|
|
26710
26723
|
import_react_icons62 = require("@100mslive/react-icons");
|
|
26711
26724
|
init_src();
|
|
26712
26725
|
init_utils2();
|
|
@@ -26728,10 +26741,10 @@ var init_QuestionCard = __esm({
|
|
|
26728
26741
|
updateSavedResponses,
|
|
26729
26742
|
rolesThatCanViewResponses
|
|
26730
26743
|
}) => {
|
|
26731
|
-
const actions = (0,
|
|
26732
|
-
const localPeer = (0,
|
|
26744
|
+
const actions = (0, import_react_sdk66.useHMSActions)();
|
|
26745
|
+
const localPeer = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectLocalPeer);
|
|
26733
26746
|
const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
|
|
26734
|
-
const localPeerRoleName = (0,
|
|
26747
|
+
const localPeerRoleName = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectLocalPeerRoleName);
|
|
26735
26748
|
const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
|
|
26736
26749
|
const [localPeerChoice, setLocalPeerChoice] = (0, import_react134.useState)(localPeerResponse);
|
|
26737
26750
|
(0, import_react134.useEffect)(() => {
|
|
@@ -26978,13 +26991,13 @@ var init_TimedVoting = __esm({
|
|
|
26978
26991
|
});
|
|
26979
26992
|
|
|
26980
26993
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
|
26981
|
-
var import_react137,
|
|
26994
|
+
var import_react137, import_react_sdk67, import_react_icons63, Voting;
|
|
26982
26995
|
var init_Voting = __esm({
|
|
26983
26996
|
"src/Prebuilt/components/Polls/Voting/Voting.tsx"() {
|
|
26984
26997
|
"use strict";
|
|
26985
26998
|
init_define_process_env();
|
|
26986
26999
|
import_react137 = __toESM(require("react"));
|
|
26987
|
-
|
|
27000
|
+
import_react_sdk67 = require("@100mslive/react-sdk");
|
|
26988
27001
|
import_react_icons63 = require("@100mslive/react-icons");
|
|
26989
27002
|
init_src();
|
|
26990
27003
|
init_Common();
|
|
@@ -26995,16 +27008,16 @@ var init_Voting = __esm({
|
|
|
26995
27008
|
init_StatusIndicator();
|
|
26996
27009
|
init_constants();
|
|
26997
27010
|
Voting = ({ id, toggleVoting }) => {
|
|
26998
|
-
const actions = (0,
|
|
26999
|
-
const poll = (0,
|
|
27000
|
-
const pollCreatorName = (0,
|
|
27001
|
-
const permissions = (0,
|
|
27011
|
+
const actions = (0, import_react_sdk67.useHMSActions)();
|
|
27012
|
+
const poll = (0, import_react_sdk67.useHMSStore)((0, import_react_sdk67.selectPollByID)(id));
|
|
27013
|
+
const pollCreatorName = (0, import_react_sdk67.useHMSStore)((0, import_react_sdk67.selectPeerNameByID)(poll == null ? void 0 : poll.createdBy));
|
|
27014
|
+
const permissions = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectPermissions);
|
|
27002
27015
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
|
27003
27016
|
const { setPollView } = usePollViewState();
|
|
27004
27017
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
|
27005
27018
|
const fetchedInitialResponses = (0, import_react137.useRef)(false);
|
|
27006
27019
|
const [savedResponses, setSavedResponses] = (0, import_react137.useState)({});
|
|
27007
|
-
const localPeer = (0,
|
|
27020
|
+
const localPeer = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectLocalPeer);
|
|
27008
27021
|
const localPeerId = localPeer == null ? void 0 : localPeer.id;
|
|
27009
27022
|
const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
|
|
27010
27023
|
(0, import_react137.useEffect)(() => {
|
|
@@ -27129,18 +27142,18 @@ var init_Polls = __esm({
|
|
|
27129
27142
|
});
|
|
27130
27143
|
|
|
27131
27144
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
|
27132
|
-
var import_react139,
|
|
27145
|
+
var import_react139, import_react_sdk68, import_react_icons64, SpeakerTag, LogoImg, Logo;
|
|
27133
27146
|
var init_HeaderComponents = __esm({
|
|
27134
27147
|
"src/Prebuilt/components/Header/HeaderComponents.jsx"() {
|
|
27135
27148
|
"use strict";
|
|
27136
27149
|
init_define_process_env();
|
|
27137
27150
|
import_react139 = __toESM(require("react"));
|
|
27138
|
-
|
|
27151
|
+
import_react_sdk68 = require("@100mslive/react-sdk");
|
|
27139
27152
|
import_react_icons64 = require("@100mslive/react-icons");
|
|
27140
27153
|
init_src();
|
|
27141
27154
|
init_roomLayoutProvider();
|
|
27142
27155
|
SpeakerTag = () => {
|
|
27143
|
-
const dominantSpeaker = (0,
|
|
27156
|
+
const dominantSpeaker = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.selectDominantSpeaker);
|
|
27144
27157
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ import_react139.default.createElement(
|
|
27145
27158
|
Flex,
|
|
27146
27159
|
{
|
|
@@ -27268,14 +27281,14 @@ var init_RoomDetailsPane = __esm({
|
|
|
27268
27281
|
});
|
|
27269
27282
|
|
|
27270
27283
|
// src/Prebuilt/components/Chat/ChatSelector.tsx
|
|
27271
|
-
var import_react143, import_react_use22,
|
|
27284
|
+
var import_react143, import_react_use22, import_react_sdk69, import_react_icons66, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
|
|
27272
27285
|
var init_ChatSelector = __esm({
|
|
27273
27286
|
"src/Prebuilt/components/Chat/ChatSelector.tsx"() {
|
|
27274
27287
|
"use strict";
|
|
27275
27288
|
init_define_process_env();
|
|
27276
27289
|
import_react143 = __toESM(require("react"));
|
|
27277
27290
|
import_react_use22 = require("react-use");
|
|
27278
|
-
|
|
27291
|
+
import_react_sdk69 = require("@100mslive/react-sdk");
|
|
27279
27292
|
import_react_icons66 = require("@100mslive/react-icons");
|
|
27280
27293
|
init_src();
|
|
27281
27294
|
init_Theme();
|
|
@@ -27331,7 +27344,7 @@ var init_ChatSelector = __esm({
|
|
|
27331
27344
|
}
|
|
27332
27345
|
);
|
|
27333
27346
|
Everyone = import_react143.default.memo(({ active }) => {
|
|
27334
|
-
const unreadCount = (0,
|
|
27347
|
+
const unreadCount = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectUnreadHMSMessagesCount);
|
|
27335
27348
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
27336
27349
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
27337
27350
|
return /* @__PURE__ */ import_react143.default.createElement(
|
|
@@ -27349,7 +27362,7 @@ var init_ChatSelector = __esm({
|
|
|
27349
27362
|
);
|
|
27350
27363
|
});
|
|
27351
27364
|
RoleItem = import_react143.default.memo(({ role, active }) => {
|
|
27352
|
-
const unreadCount = (0,
|
|
27365
|
+
const unreadCount = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectMessagesUnreadCountByRole)(role));
|
|
27353
27366
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
27354
27367
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
27355
27368
|
return /* @__PURE__ */ import_react143.default.createElement(
|
|
@@ -27366,7 +27379,7 @@ var init_ChatSelector = __esm({
|
|
|
27366
27379
|
);
|
|
27367
27380
|
});
|
|
27368
27381
|
PeerItem = ({ peerId, name, active }) => {
|
|
27369
|
-
const unreadCount = (0,
|
|
27382
|
+
const unreadCount = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectMessagesUnreadCountByPeerID)(peerId));
|
|
27370
27383
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
27371
27384
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
27372
27385
|
return /* @__PURE__ */ import_react143.default.createElement(
|
|
@@ -27393,7 +27406,7 @@ var init_ChatSelector = __esm({
|
|
|
27393
27406
|
const filteredPeers = (0, import_react143.useMemo)(
|
|
27394
27407
|
() => peers.filter(
|
|
27395
27408
|
// search should be empty or search phrase should be included in name
|
|
27396
|
-
(peer) => (!searchValue || peer.name.toLowerCase().includes(searchValue.toLowerCase())) && peer.type !==
|
|
27409
|
+
(peer) => (!searchValue || peer.name.toLowerCase().includes(searchValue.toLowerCase())) && peer.type !== import_react_sdk69.HMSPeerType.SIP
|
|
27397
27410
|
),
|
|
27398
27411
|
[peers, searchValue]
|
|
27399
27412
|
);
|
|
@@ -27425,7 +27438,7 @@ var init_ChatSelector = __esm({
|
|
|
27425
27438
|
ChatSelector = ({ role, peerId }) => {
|
|
27426
27439
|
var _a7, _b7;
|
|
27427
27440
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
27428
|
-
const peers = (0,
|
|
27441
|
+
const peers = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectRemotePeers);
|
|
27429
27442
|
const [search, setSearch] = (0, import_react143.useState)("");
|
|
27430
27443
|
const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
|
|
27431
27444
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
|
@@ -27583,17 +27596,17 @@ var init_ChatSelectorContainer = __esm({
|
|
|
27583
27596
|
});
|
|
27584
27597
|
|
|
27585
27598
|
// src/Prebuilt/components/AppData/useChatState.js
|
|
27586
|
-
var import_react145,
|
|
27599
|
+
var import_react145, import_react_sdk70, useChatDraftMessage;
|
|
27587
27600
|
var init_useChatState = __esm({
|
|
27588
27601
|
"src/Prebuilt/components/AppData/useChatState.js"() {
|
|
27589
27602
|
"use strict";
|
|
27590
27603
|
init_define_process_env();
|
|
27591
27604
|
import_react145 = require("react");
|
|
27592
|
-
|
|
27605
|
+
import_react_sdk70 = require("@100mslive/react-sdk");
|
|
27593
27606
|
init_constants();
|
|
27594
27607
|
useChatDraftMessage = () => {
|
|
27595
|
-
const hmsActions = (0,
|
|
27596
|
-
let chatDraftMessage = (0,
|
|
27608
|
+
const hmsActions = (0, import_react_sdk70.useHMSActions)();
|
|
27609
|
+
let chatDraftMessage = (0, import_react_sdk70.useHMSStore)((0, import_react_sdk70.selectAppData)(APP_DATA.chatDraft));
|
|
27597
27610
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
|
27598
27611
|
chatDraftMessage = "";
|
|
27599
27612
|
}
|
|
@@ -27675,7 +27688,7 @@ function EmojiPicker({ onSelect }) {
|
|
|
27675
27688
|
)
|
|
27676
27689
|
)));
|
|
27677
27690
|
}
|
|
27678
|
-
var import_react147, import_react_use24, import_data, import_react148,
|
|
27691
|
+
var import_react147, import_react_use24, import_data, import_react148, import_react_sdk71, import_react_icons68, TextArea2, ChatFooter;
|
|
27679
27692
|
var init_ChatFooter = __esm({
|
|
27680
27693
|
"src/Prebuilt/components/Chat/ChatFooter.tsx"() {
|
|
27681
27694
|
"use strict";
|
|
@@ -27684,7 +27697,7 @@ var init_ChatFooter = __esm({
|
|
|
27684
27697
|
import_react_use24 = require("react-use");
|
|
27685
27698
|
import_data = __toESM(require("@emoji-mart/data"));
|
|
27686
27699
|
import_react148 = __toESM(require("@emoji-mart/react"));
|
|
27687
|
-
|
|
27700
|
+
import_react_sdk71 = require("@100mslive/react-sdk");
|
|
27688
27701
|
import_react_icons68 = require("@100mslive/react-icons");
|
|
27689
27702
|
init_src();
|
|
27690
27703
|
init_IconButton2();
|
|
@@ -27719,13 +27732,13 @@ var init_ChatFooter = __esm({
|
|
|
27719
27732
|
});
|
|
27720
27733
|
ChatFooter = ({ onSend, children }) => {
|
|
27721
27734
|
var _a7, _b7, _c, _d, _e;
|
|
27722
|
-
const hmsActions = (0,
|
|
27735
|
+
const hmsActions = (0, import_react_sdk71.useHMSActions)();
|
|
27723
27736
|
const inputRef = (0, import_react147.useRef)(null);
|
|
27724
27737
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
|
27725
27738
|
const isMobile = (0, import_react_use24.useMedia)(config.media.md);
|
|
27726
27739
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
27727
27740
|
const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
|
|
27728
|
-
const localPeer = (0,
|
|
27741
|
+
const localPeer = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectLocalPeer);
|
|
27729
27742
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
|
27730
27743
|
const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
|
|
27731
27744
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -27928,13 +27941,13 @@ var init_ChatFooter = __esm({
|
|
|
27928
27941
|
});
|
|
27929
27942
|
|
|
27930
27943
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
|
27931
|
-
var import_react149,
|
|
27944
|
+
var import_react149, import_react_sdk72, ChatPaused, ChatBlocked;
|
|
27932
27945
|
var init_ChatStates = __esm({
|
|
27933
27946
|
"src/Prebuilt/components/Chat/ChatStates.tsx"() {
|
|
27934
27947
|
"use strict";
|
|
27935
27948
|
init_define_process_env();
|
|
27936
27949
|
import_react149 = __toESM(require("react"));
|
|
27937
|
-
|
|
27950
|
+
import_react_sdk72 = require("@100mslive/react-sdk");
|
|
27938
27951
|
init_Button2();
|
|
27939
27952
|
init_Layout();
|
|
27940
27953
|
init_Text2();
|
|
@@ -27942,11 +27955,11 @@ var init_ChatStates = __esm({
|
|
|
27942
27955
|
init_useChatBlacklist();
|
|
27943
27956
|
ChatPaused = () => {
|
|
27944
27957
|
var _a7, _b7;
|
|
27945
|
-
const hmsActions = (0,
|
|
27958
|
+
const hmsActions = (0, import_react_sdk72.useHMSActions)();
|
|
27946
27959
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
27947
27960
|
const can_disable_chat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
27948
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0,
|
|
27949
|
-
const localPeer = (0,
|
|
27961
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
|
|
27962
|
+
const localPeer = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectLocalPeer);
|
|
27950
27963
|
const unPauseChat = (0, import_react149.useCallback)(
|
|
27951
27964
|
() => __async(void 0, null, function* () {
|
|
27952
27965
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
|
@@ -28059,7 +28072,7 @@ var init_StickIndicator = __esm({
|
|
|
28059
28072
|
});
|
|
28060
28073
|
|
|
28061
28074
|
// src/Prebuilt/components/Chat/PinnedMessage.tsx
|
|
28062
|
-
var import_react152, import_react_swipeable, import_react_use25,
|
|
28075
|
+
var import_react152, import_react_swipeable, import_react_use25, import_react_sdk73, import_react_icons70, PINNED_MESSAGE_LENGTH, PinnedMessage;
|
|
28063
28076
|
var init_PinnedMessage = __esm({
|
|
28064
28077
|
"src/Prebuilt/components/Chat/PinnedMessage.tsx"() {
|
|
28065
28078
|
"use strict";
|
|
@@ -28067,7 +28080,7 @@ var init_PinnedMessage = __esm({
|
|
|
28067
28080
|
import_react152 = __toESM(require("react"));
|
|
28068
28081
|
import_react_swipeable = require("react-swipeable");
|
|
28069
28082
|
import_react_use25 = require("react-use");
|
|
28070
|
-
|
|
28083
|
+
import_react_sdk73 = require("@100mslive/react-sdk");
|
|
28071
28084
|
import_react_icons70 = require("@100mslive/react-icons");
|
|
28072
28085
|
init_Layout();
|
|
28073
28086
|
init_Text2();
|
|
@@ -28080,7 +28093,7 @@ var init_PinnedMessage = __esm({
|
|
|
28080
28093
|
PINNED_MESSAGE_LENGTH = 75;
|
|
28081
28094
|
PinnedMessage = () => {
|
|
28082
28095
|
var _a7, _b7, _c, _d;
|
|
28083
|
-
const pinnedMessages = (0,
|
|
28096
|
+
const pinnedMessages = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
28084
28097
|
const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react152.useState)(0);
|
|
28085
28098
|
const { removePinnedMessage } = usePinnedMessages();
|
|
28086
28099
|
const isMobile = (0, import_react_use25.useMedia)(config.media.md);
|
|
@@ -28195,7 +28208,7 @@ var init_PinnedMessage = __esm({
|
|
|
28195
28208
|
});
|
|
28196
28209
|
|
|
28197
28210
|
// src/Prebuilt/components/Chat/Chat.tsx
|
|
28198
|
-
var import_react153, import_react_use26, import_ts_pattern10,
|
|
28211
|
+
var import_react153, import_react_use26, import_ts_pattern10, import_react_sdk74, import_react_icons71, Chat, NewMessageIndicator;
|
|
28199
28212
|
var init_Chat = __esm({
|
|
28200
28213
|
"src/Prebuilt/components/Chat/Chat.tsx"() {
|
|
28201
28214
|
"use strict";
|
|
@@ -28204,7 +28217,7 @@ var init_Chat = __esm({
|
|
|
28204
28217
|
import_react_use26 = require("react-use");
|
|
28205
28218
|
init_dist();
|
|
28206
28219
|
import_ts_pattern10 = require("ts-pattern");
|
|
28207
|
-
|
|
28220
|
+
import_react_sdk74 = require("@100mslive/react-sdk");
|
|
28208
28221
|
import_react_icons71 = require("@100mslive/react-icons");
|
|
28209
28222
|
init_Button2();
|
|
28210
28223
|
init_Layout();
|
|
@@ -28225,9 +28238,9 @@ var init_Chat = __esm({
|
|
|
28225
28238
|
var _a7, _b7;
|
|
28226
28239
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
28227
28240
|
const listRef = (0, import_react153.useRef)(null);
|
|
28228
|
-
const hmsActions = (0,
|
|
28229
|
-
const vanillaStore = (0,
|
|
28230
|
-
const { enabled: isChatEnabled = true } = (0,
|
|
28241
|
+
const hmsActions = (0, import_react_sdk74.useHMSActions)();
|
|
28242
|
+
const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
|
|
28243
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(jm("chatState" /* CHAT_STATE */)) || {};
|
|
28231
28244
|
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
28232
28245
|
const isMobileHLSStream = useMobileHLSStream();
|
|
28233
28246
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -28237,7 +28250,7 @@ var init_Chat = __esm({
|
|
|
28237
28250
|
(unreadCount = 0) => {
|
|
28238
28251
|
var _a8;
|
|
28239
28252
|
if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
|
|
28240
|
-
const messagesCount = vanillaStore.getState(
|
|
28253
|
+
const messagesCount = vanillaStore.getState(import_react_sdk74.selectHMSMessagesCount);
|
|
28241
28254
|
(_a8 = listRef.current) == null ? void 0 : _a8.scrollToItem(messagesCount, "end");
|
|
28242
28255
|
requestAnimationFrame(() => {
|
|
28243
28256
|
var _a9;
|
|
@@ -28317,7 +28330,7 @@ var init_Chat = __esm({
|
|
|
28317
28330
|
scrollToBottom,
|
|
28318
28331
|
listRef
|
|
28319
28332
|
}) => {
|
|
28320
|
-
const unreadCount = (0,
|
|
28333
|
+
const unreadCount = (0, import_react_sdk74.useHMSStore)(Sm);
|
|
28321
28334
|
if (!unreadCount || !listRef.current) {
|
|
28322
28335
|
return null;
|
|
28323
28336
|
}
|
|
@@ -28364,7 +28377,7 @@ var init_Chat = __esm({
|
|
|
28364
28377
|
});
|
|
28365
28378
|
|
|
28366
28379
|
// src/Prebuilt/components/Footer/PaginatedParticipants.tsx
|
|
28367
|
-
var import_react154, import_react_intersection_observer, import_react_use27, import_react_window3,
|
|
28380
|
+
var import_react154, import_react_intersection_observer, import_react_use27, import_react_window3, import_react_sdk75, import_react_icons72, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
|
|
28368
28381
|
var init_PaginatedParticipants = __esm({
|
|
28369
28382
|
"src/Prebuilt/components/Footer/PaginatedParticipants.tsx"() {
|
|
28370
28383
|
"use strict";
|
|
@@ -28373,7 +28386,7 @@ var init_PaginatedParticipants = __esm({
|
|
|
28373
28386
|
import_react_intersection_observer = require("react-intersection-observer");
|
|
28374
28387
|
import_react_use27 = require("react-use");
|
|
28375
28388
|
import_react_window3 = require("react-window");
|
|
28376
|
-
|
|
28389
|
+
import_react_sdk75 = require("@100mslive/react-sdk");
|
|
28377
28390
|
import_react_icons72 = require("@100mslive/react-icons");
|
|
28378
28391
|
init_IconButton2();
|
|
28379
28392
|
init_Layout();
|
|
@@ -28419,13 +28432,13 @@ var init_PaginatedParticipants = __esm({
|
|
|
28419
28432
|
}
|
|
28420
28433
|
);
|
|
28421
28434
|
PaginatedParticipants = ({ roleName, onBack }) => {
|
|
28422
|
-
const { peers, total, hasNext, loadPeers, loadMorePeers } = (0,
|
|
28435
|
+
const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk75.usePaginatedParticipants)({ role: roleName, limit: 20 });
|
|
28423
28436
|
const [search, setSearch] = (0, import_react154.useState)("");
|
|
28424
28437
|
const filteredPeers = peers.filter((p) => {
|
|
28425
28438
|
var _a7;
|
|
28426
28439
|
return (_a7 = p.name) == null ? void 0 : _a7.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
|
28427
28440
|
});
|
|
28428
|
-
const isConnected = (0,
|
|
28441
|
+
const isConnected = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectIsConnectedToRoom);
|
|
28429
28442
|
const [ref, { width }] = (0, import_react_use27.useMeasure)();
|
|
28430
28443
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
|
28431
28444
|
const resetSidePane = useSidepaneReset();
|
|
@@ -28459,13 +28472,13 @@ var init_PaginatedParticipants = __esm({
|
|
|
28459
28472
|
});
|
|
28460
28473
|
|
|
28461
28474
|
// src/Prebuilt/components/ChatSettings.tsx
|
|
28462
|
-
var import_react155,
|
|
28475
|
+
var import_react155, import_react_sdk76, import_react_icons73, ChatSettings;
|
|
28463
28476
|
var init_ChatSettings = __esm({
|
|
28464
28477
|
"src/Prebuilt/components/ChatSettings.tsx"() {
|
|
28465
28478
|
"use strict";
|
|
28466
28479
|
init_define_process_env();
|
|
28467
28480
|
import_react155 = __toESM(require("react"));
|
|
28468
|
-
|
|
28481
|
+
import_react_sdk76 = require("@100mslive/react-sdk");
|
|
28469
28482
|
import_react_icons73 = require("@100mslive/react-icons");
|
|
28470
28483
|
init_Layout();
|
|
28471
28484
|
init_Popover();
|
|
@@ -28473,11 +28486,11 @@ var init_ChatSettings = __esm({
|
|
|
28473
28486
|
init_useRoomLayoutScreen();
|
|
28474
28487
|
ChatSettings = () => {
|
|
28475
28488
|
var _a7, _b7;
|
|
28476
|
-
const hmsActions = (0,
|
|
28477
|
-
const localPeer = (0,
|
|
28489
|
+
const hmsActions = (0, import_react_sdk76.useHMSActions)();
|
|
28490
|
+
const localPeer = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeer);
|
|
28478
28491
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
28479
28492
|
const canPauseChat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
28480
|
-
const { enabled: isChatEnabled = true } = (0,
|
|
28493
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
|
|
28481
28494
|
const showPause = canPauseChat && isChatEnabled;
|
|
28482
28495
|
if (!showPause) {
|
|
28483
28496
|
return null;
|
|
@@ -28526,7 +28539,7 @@ var init_ChatSettings = __esm({
|
|
|
28526
28539
|
});
|
|
28527
28540
|
|
|
28528
28541
|
// src/Prebuilt/components/SidePaneTabs.tsx
|
|
28529
|
-
var import_react156, import_react_use28, import_ts_pattern11,
|
|
28542
|
+
var import_react156, import_react_use28, import_ts_pattern11, import_react_sdk77, import_react_icons74, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
|
|
28530
28543
|
var init_SidePaneTabs = __esm({
|
|
28531
28544
|
"src/Prebuilt/components/SidePaneTabs.tsx"() {
|
|
28532
28545
|
"use strict";
|
|
@@ -28534,7 +28547,7 @@ var init_SidePaneTabs = __esm({
|
|
|
28534
28547
|
import_react156 = __toESM(require("react"));
|
|
28535
28548
|
import_react_use28 = require("react-use");
|
|
28536
28549
|
import_ts_pattern11 = require("ts-pattern");
|
|
28537
|
-
|
|
28550
|
+
import_react_sdk77 = require("@100mslive/react-sdk");
|
|
28538
28551
|
import_react_icons74 = require("@100mslive/react-icons");
|
|
28539
28552
|
init_Chat();
|
|
28540
28553
|
init_PaginatedParticipants();
|
|
@@ -28567,7 +28580,7 @@ var init_SidePaneTabs = __esm({
|
|
|
28567
28580
|
const resetSidePane = useSidepaneReset();
|
|
28568
28581
|
const [activeTab, setActiveTab] = (0, import_react156.useState)(active);
|
|
28569
28582
|
const [activeRole, setActiveRole] = (0, import_react156.useState)("");
|
|
28570
|
-
const peerCount = (0,
|
|
28583
|
+
const peerCount = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectPeerCount);
|
|
28571
28584
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
28572
28585
|
const chat_title = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.chat_title) || "Chat";
|
|
28573
28586
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
@@ -28687,13 +28700,13 @@ var init_SidePaneTabs = __esm({
|
|
|
28687
28700
|
});
|
|
28688
28701
|
|
|
28689
28702
|
// src/Prebuilt/components/Connection/TileConnection.tsx
|
|
28690
|
-
var import_react157,
|
|
28703
|
+
var import_react157, import_react_sdk78, import_react_icons75, TileConnection, IconWrapper, Wrapper2, TileConnection_default;
|
|
28691
28704
|
var init_TileConnection = __esm({
|
|
28692
28705
|
"src/Prebuilt/components/Connection/TileConnection.tsx"() {
|
|
28693
28706
|
"use strict";
|
|
28694
28707
|
init_define_process_env();
|
|
28695
28708
|
import_react157 = __toESM(require("react"));
|
|
28696
|
-
|
|
28709
|
+
import_react_sdk78 = require("@100mslive/react-sdk");
|
|
28697
28710
|
import_react_icons75 = require("@100mslive/react-icons");
|
|
28698
28711
|
init_src();
|
|
28699
28712
|
init_ConnectionIndicator();
|
|
@@ -28704,10 +28717,10 @@ var init_TileConnection = __esm({
|
|
|
28704
28717
|
width,
|
|
28705
28718
|
pinned
|
|
28706
28719
|
}) => {
|
|
28707
|
-
const spotlighted = (0,
|
|
28708
|
-
const isPeerScreenSharing = !!(0,
|
|
28709
|
-
const peerType = (0,
|
|
28710
|
-
return /* @__PURE__ */ import_react157.default.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ import_react157.default.createElement(import_react157.default.Fragment, null, name ? /* @__PURE__ */ import_react157.default.createElement(Flex, { align: "center" }, peerType ===
|
|
28720
|
+
const spotlighted = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectSessionStore)("spotlight" /* SPOTLIGHT */)) === peerId;
|
|
28721
|
+
const isPeerScreenSharing = !!(0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectScreenShareByPeerID)(peerId));
|
|
28722
|
+
const peerType = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectPeerTypeByID)(peerId));
|
|
28723
|
+
return /* @__PURE__ */ import_react157.default.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ import_react157.default.createElement(import_react157.default.Fragment, null, name ? /* @__PURE__ */ import_react157.default.createElement(Flex, { align: "center" }, peerType === import_react_sdk78.HMSPeerType.SIP && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.CallIcon, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.ShareScreenIcon, { width: "15", height: "15" })), pinned && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.PinIcon, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ import_react157.default.createElement(
|
|
28711
28724
|
Text,
|
|
28712
28725
|
{
|
|
28713
28726
|
css: __spreadValues({
|
|
@@ -28752,14 +28765,14 @@ var init_utils6 = __esm({
|
|
|
28752
28765
|
});
|
|
28753
28766
|
|
|
28754
28767
|
// src/Prebuilt/components/TileMenu/TileMenuContent.tsx
|
|
28755
|
-
var import_react158, import_react_use29,
|
|
28768
|
+
var import_react158, import_react_use29, import_react_sdk79, import_react_icons76, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
|
|
28756
28769
|
var init_TileMenuContent = __esm({
|
|
28757
28770
|
"src/Prebuilt/components/TileMenu/TileMenuContent.tsx"() {
|
|
28758
28771
|
"use strict";
|
|
28759
28772
|
init_define_process_env();
|
|
28760
28773
|
import_react158 = __toESM(require("react"));
|
|
28761
28774
|
import_react_use29 = require("react-use");
|
|
28762
|
-
|
|
28775
|
+
import_react_sdk79 = require("@100mslive/react-sdk");
|
|
28763
28776
|
import_react_icons76 = require("@100mslive/react-icons");
|
|
28764
28777
|
init_Layout();
|
|
28765
28778
|
init_Slider2();
|
|
@@ -28784,8 +28797,8 @@ var init_TileMenuContent = __esm({
|
|
|
28784
28797
|
return;
|
|
28785
28798
|
}
|
|
28786
28799
|
}) => {
|
|
28787
|
-
const hmsActions = (0,
|
|
28788
|
-
const spotlightPeerId = (0,
|
|
28800
|
+
const hmsActions = (0, import_react_sdk79.useHMSActions)();
|
|
28801
|
+
const spotlightPeerId = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectSessionStore)("spotlight" /* SPOTLIGHT */));
|
|
28789
28802
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
|
28790
28803
|
const dragClassName = getDragClassName();
|
|
28791
28804
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -28833,8 +28846,8 @@ var init_TileMenuContent = __esm({
|
|
|
28833
28846
|
};
|
|
28834
28847
|
SimulcastLayers = ({ trackId }) => {
|
|
28835
28848
|
var _a7;
|
|
28836
|
-
const track = (0,
|
|
28837
|
-
const actions = (0,
|
|
28849
|
+
const track = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectTrackByID)(trackId));
|
|
28850
|
+
const actions = (0, import_react_sdk79.useHMSActions)();
|
|
28838
28851
|
const bg = useDropdownSelection();
|
|
28839
28852
|
if (!((_a7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a7.length) || track.degraded || !track.enabled) {
|
|
28840
28853
|
return null;
|
|
@@ -28919,18 +28932,18 @@ var init_TileMenuContent = __esm({
|
|
|
28919
28932
|
return;
|
|
28920
28933
|
}
|
|
28921
28934
|
}) => {
|
|
28922
|
-
const actions = (0,
|
|
28935
|
+
const actions = (0, import_react_sdk79.useHMSActions)();
|
|
28923
28936
|
const dragClassName = getDragClassName();
|
|
28924
|
-
const permissions = (0,
|
|
28937
|
+
const permissions = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectPermissions);
|
|
28925
28938
|
const canChangeRole = !!(permissions == null ? void 0 : permissions.changeRole);
|
|
28926
28939
|
const removeOthers = !!(permissions == null ? void 0 : permissions.removeOthers);
|
|
28927
28940
|
const { userName } = useHMSPrebuiltContext();
|
|
28928
|
-
const roles = (0,
|
|
28929
|
-
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0,
|
|
28941
|
+
const roles = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectAvailableRoleNames);
|
|
28942
|
+
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0, import_react_sdk79.useRemoteAVToggle)(
|
|
28930
28943
|
audioTrackID,
|
|
28931
28944
|
videoTrackID
|
|
28932
28945
|
);
|
|
28933
|
-
const { sendEvent } = (0,
|
|
28946
|
+
const { sendEvent } = (0, import_react_sdk79.useCustomEvent)({
|
|
28934
28947
|
type: REMOTE_STOP_SCREENSHARE_TYPE
|
|
28935
28948
|
});
|
|
28936
28949
|
const isMobile = (0, import_react_use29.useMedia)(config.media.md);
|
|
@@ -29027,14 +29040,14 @@ var init_TileMenuContent = __esm({
|
|
|
29027
29040
|
});
|
|
29028
29041
|
|
|
29029
29042
|
// src/Prebuilt/components/TileMenu/TileMenu.tsx
|
|
29030
|
-
var import_react159, import_react_use30,
|
|
29043
|
+
var import_react159, import_react_use30, import_react_sdk80, import_react_icons77, TileMenu, TileMenu_default;
|
|
29031
29044
|
var init_TileMenu2 = __esm({
|
|
29032
29045
|
"src/Prebuilt/components/TileMenu/TileMenu.tsx"() {
|
|
29033
29046
|
"use strict";
|
|
29034
29047
|
init_define_process_env();
|
|
29035
29048
|
import_react159 = __toESM(require("react"));
|
|
29036
29049
|
import_react_use30 = require("react-use");
|
|
29037
|
-
|
|
29050
|
+
import_react_sdk80 = require("@100mslive/react-sdk");
|
|
29038
29051
|
import_react_icons77 = require("@100mslive/react-icons");
|
|
29039
29052
|
init_Layout();
|
|
29040
29053
|
init_Sheet2();
|
|
@@ -29058,17 +29071,17 @@ var init_TileMenu2 = __esm({
|
|
|
29058
29071
|
var _a7, _b7;
|
|
29059
29072
|
const [open, setOpen] = (0, import_react159.useState)(false);
|
|
29060
29073
|
const { theme: theme2 } = useTheme();
|
|
29061
|
-
const localPeerID = (0,
|
|
29074
|
+
const localPeerID = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectLocalPeerID);
|
|
29062
29075
|
const isLocal = localPeerID === peerID;
|
|
29063
|
-
const { removeOthers } = (0,
|
|
29064
|
-
const { setVolume, toggleAudio, toggleVideo } = (0,
|
|
29076
|
+
const { removeOthers } = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectPermissions) || {};
|
|
29077
|
+
const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk80.useRemoteAVToggle)(audioTrackID, videoTrackID);
|
|
29065
29078
|
const showSpotlight = enableSpotlightingPeer;
|
|
29066
|
-
const isPrimaryVideoTrack = ((_a7 = (0,
|
|
29079
|
+
const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
|
|
29067
29080
|
const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
|
|
29068
|
-
const track = (0,
|
|
29081
|
+
const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
|
|
29069
29082
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
29070
29083
|
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
29071
|
-
const peer = (0,
|
|
29084
|
+
const peer = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerByID)(peerID));
|
|
29072
29085
|
const [showNameChangeModal, setShowNameChangeModal] = (0, import_react159.useState)(false);
|
|
29073
29086
|
const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
|
|
29074
29087
|
useDropdownList({ open, name: "TileMenu" });
|
|
@@ -29155,14 +29168,14 @@ var init_peerTileUtils = __esm({
|
|
|
29155
29168
|
});
|
|
29156
29169
|
|
|
29157
29170
|
// src/Prebuilt/components/VideoTile.tsx
|
|
29158
|
-
var import_react160, import_react_use31,
|
|
29171
|
+
var import_react160, import_react_use31, import_react_sdk81, import_react_icons78, PeerMetadata, Tile, VideoTile, VideoTile_default;
|
|
29159
29172
|
var init_VideoTile2 = __esm({
|
|
29160
29173
|
"src/Prebuilt/components/VideoTile.tsx"() {
|
|
29161
29174
|
"use strict";
|
|
29162
29175
|
init_define_process_env();
|
|
29163
29176
|
import_react160 = __toESM(require("react"));
|
|
29164
29177
|
import_react_use31 = require("react-use");
|
|
29165
|
-
|
|
29178
|
+
import_react_sdk81 = require("@100mslive/react-sdk");
|
|
29166
29179
|
import_react_icons78 = require("@100mslive/react-icons");
|
|
29167
29180
|
init_TileConnection();
|
|
29168
29181
|
init_TileMenu2();
|
|
@@ -29176,9 +29189,9 @@ var init_VideoTile2 = __esm({
|
|
|
29176
29189
|
init_utils2();
|
|
29177
29190
|
init_constants();
|
|
29178
29191
|
PeerMetadata = ({ peerId, size }) => {
|
|
29179
|
-
const metaData = (0,
|
|
29192
|
+
const metaData = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectPeerMetadata)(peerId));
|
|
29180
29193
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
|
29181
|
-
const isHandRaised = (0,
|
|
29194
|
+
const isHandRaised = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectHasPeerHandRaised)(peerId));
|
|
29182
29195
|
return /* @__PURE__ */ import_react160.default.createElement(import_react160.default.Fragment, null, isHandRaised ? /* @__PURE__ */ import_react160.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ import_react160.default.createElement(import_react_icons78.HandIcon, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ import_react160.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ import_react160.default.createElement(import_react_icons78.BrbTileIcon, { width: 22, height: 22 })) : null);
|
|
29183
29196
|
};
|
|
29184
29197
|
Tile = ({
|
|
@@ -29197,15 +29210,15 @@ var init_VideoTile2 = __esm({
|
|
|
29197
29210
|
hideAudioMuteOnTile = false,
|
|
29198
29211
|
hideMetadataOnTile = false
|
|
29199
29212
|
}) => {
|
|
29200
|
-
const trackSelector = trackId ? (0,
|
|
29201
|
-
const track = (0,
|
|
29202
|
-
const peerName = (0,
|
|
29203
|
-
const audioTrack = (0,
|
|
29204
|
-
const localPeerID = (0,
|
|
29213
|
+
const trackSelector = trackId ? (0, import_react_sdk81.selectVideoTrackByID)(trackId) : (0, import_react_sdk81.selectVideoTrackByPeerID)(peerId);
|
|
29214
|
+
const track = (0, import_react_sdk81.useHMSStore)(trackSelector);
|
|
29215
|
+
const peerName = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectPeerNameByID)(peerId));
|
|
29216
|
+
const audioTrack = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectAudioTrackByPeerID)(peerId));
|
|
29217
|
+
const localPeerID = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeerID);
|
|
29205
29218
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
29206
29219
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
29207
29220
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
29208
|
-
const isAudioMuted = !(0,
|
|
29221
|
+
const isAudioMuted = !(0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectIsPeerAudioEnabled)(peerId));
|
|
29209
29222
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
|
29210
29223
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react160.useState)(false);
|
|
29211
29224
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
|
@@ -29293,28 +29306,6 @@ var init_VideoTile2 = __esm({
|
|
|
29293
29306
|
}
|
|
29294
29307
|
});
|
|
29295
29308
|
|
|
29296
|
-
// src/Prebuilt/components/VirtualBackground/util.tsx
|
|
29297
|
-
var import_react_sdk81, doesBrowserSupportEffectsSDK;
|
|
29298
|
-
var init_util = __esm({
|
|
29299
|
-
"src/Prebuilt/components/VirtualBackground/util.tsx"() {
|
|
29300
|
-
"use strict";
|
|
29301
|
-
init_define_process_env();
|
|
29302
|
-
import_react_sdk81 = require("@100mslive/react-sdk");
|
|
29303
|
-
init_constants();
|
|
29304
|
-
doesBrowserSupportEffectsSDK = () => {
|
|
29305
|
-
var _a7, _b7;
|
|
29306
|
-
if (!isSafari) {
|
|
29307
|
-
return true;
|
|
29308
|
-
}
|
|
29309
|
-
const browserVersion = ((_b7 = (_a7 = import_react_sdk81.parsedUserAgent) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
|
|
29310
|
-
if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
|
|
29311
|
-
return false;
|
|
29312
|
-
}
|
|
29313
|
-
return true;
|
|
29314
|
-
};
|
|
29315
|
-
}
|
|
29316
|
-
});
|
|
29317
|
-
|
|
29318
29309
|
// src/Prebuilt/components/VirtualBackground/VBOption.tsx
|
|
29319
29310
|
var import_react161, Root25, Title4, Icon3, VBOption;
|
|
29320
29311
|
var init_VBOption = __esm({
|
|
@@ -29414,7 +29405,6 @@ var init_VBPicker = __esm({
|
|
|
29414
29405
|
import_react_icons79 = require("@100mslive/react-icons");
|
|
29415
29406
|
init_src();
|
|
29416
29407
|
init_Text2();
|
|
29417
|
-
init_util();
|
|
29418
29408
|
init_VBCollection();
|
|
29419
29409
|
init_VBHandler();
|
|
29420
29410
|
init_useSidepane();
|
|
@@ -29435,7 +29425,7 @@ var init_VBPicker = __esm({
|
|
|
29435
29425
|
const [blurAmount, setBlurAmount] = (0, import_react163.useState)(VBHandler.getBlurAmount() || 0.5);
|
|
29436
29426
|
const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
|
|
29437
29427
|
const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
|
|
29438
|
-
const
|
|
29428
|
+
const isEffectsSupported = VBHandler.isEffectsSupported();
|
|
29439
29429
|
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Rm);
|
|
29440
29430
|
const effectsKey = (0, import_react_sdk82.useHMSStore)(Cm);
|
|
29441
29431
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
@@ -29462,8 +29452,6 @@ var init_VBPicker = __esm({
|
|
|
29462
29452
|
if (!(track == null ? void 0 : track.id) || pluginLoadingRef.current || isPluginAdded) {
|
|
29463
29453
|
return;
|
|
29464
29454
|
}
|
|
29465
|
-
const isEffectsSupported = doesBrowserSupportEffectsSDK();
|
|
29466
|
-
setIsBlurSupported(isEffectsSupported);
|
|
29467
29455
|
try {
|
|
29468
29456
|
pluginLoadingRef.current = true;
|
|
29469
29457
|
if (isEffectsEnabled && isEffectsSupported && effectsKey) {
|
|
@@ -29503,6 +29491,7 @@ var init_VBPicker = __esm({
|
|
|
29503
29491
|
role,
|
|
29504
29492
|
isPluginAdded,
|
|
29505
29493
|
isEffectsEnabled,
|
|
29494
|
+
isEffectsSupported,
|
|
29506
29495
|
effectsKey,
|
|
29507
29496
|
track == null ? void 0 : track.id,
|
|
29508
29497
|
background,
|
|
@@ -29566,7 +29555,7 @@ var init_VBPicker = __esm({
|
|
|
29566
29555
|
yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
|
|
29567
29556
|
hmsActions.setAppData(APP_DATA.background, import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR);
|
|
29568
29557
|
}),
|
|
29569
|
-
supported:
|
|
29558
|
+
supported: isEffectsSupported && isEffectsEnabled
|
|
29570
29559
|
}
|
|
29571
29560
|
],
|
|
29572
29561
|
activeBackground: background
|
|
@@ -31374,9 +31363,9 @@ var init_ScreenshareLayout = __esm({
|
|
|
31374
31363
|
}
|
|
31375
31364
|
});
|
|
31376
31365
|
|
|
31377
|
-
// ../../../../../../../tmp/tmp-
|
|
31378
|
-
var
|
|
31379
|
-
"../../../../../../../tmp/tmp-
|
|
31366
|
+
// ../../../../../../../tmp/tmp-2804-0Kbm6Z5Xed7K/191c15c11df0/index.css
|
|
31367
|
+
var init_c15c11df0 = __esm({
|
|
31368
|
+
"../../../../../../../tmp/tmp-2804-0Kbm6Z5Xed7K/191c15c11df0/index.css"() {
|
|
31380
31369
|
}
|
|
31381
31370
|
});
|
|
31382
31371
|
|
|
@@ -31398,7 +31387,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
31398
31387
|
init_ProminenceLayout();
|
|
31399
31388
|
init_useUISettings();
|
|
31400
31389
|
init_constants();
|
|
31401
|
-
|
|
31390
|
+
init_c15c11df0();
|
|
31402
31391
|
WhiteboardEmbed = () => {
|
|
31403
31392
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31404
31393
|
const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
|