@100mslive/roomkit-react 0.3.19-alpha.15 → 0.3.19-alpha.17
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-C2XG43BN.css → HLSView-AZCOFNO6.css} +3 -3
- package/dist/{HLSView-C2XG43BN.css.map → HLSView-AZCOFNO6.css.map} +1 -1
- package/dist/{HLSView-XY7JC5H7.js → HLSView-CKVFJMNL.js} +2 -2
- package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +1 -0
- package/dist/{chunk-5XRSIFEH.js → chunk-GXVIKYQ2.js} +27 -31
- package/dist/{chunk-5XRSIFEH.js.map → chunk-GXVIKYQ2.js.map} +4 -4
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +456 -467
- 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 +31 -50
- package/dist/meta.esbuild.json +43 -62
- package/package.json +7 -7
- package/src/Prebuilt/components/PIP/PIPChat.tsx +11 -4
- 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-CKVFJMNL.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_5d587e07-eb73-4a0b-93ca-376e58021d68", 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.17", 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.17", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_5d587e07-eb73-4a0b-93ca-376e58021d68", 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.17", 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: "596", 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:19930", 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.17", 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: "10718015850", 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: "a05fd0685892417450cf9540fa4cbbea499fcd08", 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: "646a8ece63d4f4932ccb3d4f00d0a1b46541ea6eba7729bfad36299b747df581", 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--1725529871532-0.6718034260719157:/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--1725529871336-0.5751864979369303:/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--1725529845671-0.46906706043258084:/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--1725529845492-0.25077039849182214:/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_4ae3a84a-96cc-404d-b482-64b0f25b95fe", INVOCATION_ID: "0d76de3882b9453384cb7378369c92a5", 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: "660", 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 47", 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.17", 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.17", 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: "a05fd0685892417450cf9540fa4cbbea499fcd08", 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_5d587e07-eb73-4a0b-93ca-376e58021d68", 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_5d587e07-eb73-4a0b-93ca-376e58021d68", 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_5d587e07-eb73-4a0b-93ca-376e58021d68" };
|
|
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();
|
|
@@ -14268,10 +14281,10 @@ var init_PIPChat = __esm({
|
|
|
14268
14281
|
init_useChatBlacklist();
|
|
14269
14282
|
init_utils3();
|
|
14270
14283
|
PIPChat = () => {
|
|
14271
|
-
var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
14272
|
-
const messages = (0,
|
|
14273
|
-
const localPeerID = (0,
|
|
14274
|
-
const count = (0,
|
|
14284
|
+
var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
|
|
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,16 +14299,16 @@ 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";
|
|
14298
|
-
const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length);
|
|
14311
|
+
const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length) || !!((_e = elements == null ? void 0 : elements.chat) == null ? void 0 : _e.private_chat_enabled);
|
|
14299
14312
|
const getChatStatus = (0, import_react69.useCallback)(() => {
|
|
14300
14313
|
if (isLocalPeerBlacklisted)
|
|
14301
14314
|
return "You've been blocked from sending messages";
|
|
@@ -14355,7 +14368,7 @@ var init_PIPChat = __esm({
|
|
|
14355
14368
|
}
|
|
14356
14369
|
},
|
|
14357
14370
|
/* @__PURE__ */ import_react69.default.createElement(Text, { variant: "h5", css: { mt: "$8", c: "$on_surface_high" } }, canSendChatMessages ? "Start a conversation" : "No messages yet"),
|
|
14358
|
-
/* @__PURE__ */ import_react69.default.createElement(Text, { variant: "sm", style: { maxWidth: "80%", textAlign: "center", marginTop: "4px" } }, "There are no messages here yet. Start a conversation by sending a message.")
|
|
14371
|
+
canSendChatMessages ? /* @__PURE__ */ import_react69.default.createElement(Text, { variant: "sm", style: { maxWidth: "80%", textAlign: "center", marginTop: "4px" } }, "There are no messages here yet. Start a conversation by sending a message.") : ""
|
|
14359
14372
|
) : filteredMessages.map((message) => /* @__PURE__ */ import_react69.default.createElement(Box, { className: "pip-message", key: message.id, id: message.id, style: { padding: "8px 0.75rem" } }, /* @__PURE__ */ import_react69.default.createElement(Flex, { style: { width: "100%", alignItems: "center", justifyContent: "between" } }, /* @__PURE__ */ import_react69.default.createElement(
|
|
14360
14373
|
Text,
|
|
14361
14374
|
{
|
|
@@ -14414,10 +14427,10 @@ var init_PIPChat = __esm({
|
|
|
14414
14427
|
borderRadius: "4px",
|
|
14415
14428
|
padding: "0 2px"
|
|
14416
14429
|
},
|
|
14417
|
-
defaultValue: ((
|
|
14430
|
+
defaultValue: ((_f = elements.chat) == null ? void 0 : _f.public_chat_enabled) ? "Everyone" : (_h = (_g = elements.chat) == null ? void 0 : _g.roles_whitelist) == null ? void 0 : _h[0]
|
|
14418
14431
|
},
|
|
14419
|
-
(
|
|
14420
|
-
((
|
|
14432
|
+
(_j = (_i = elements.chat) == null ? void 0 : _i.roles_whitelist) == null ? void 0 : _j.map((role) => /* @__PURE__ */ import_react69.default.createElement("option", { key: role, value: role }, role)),
|
|
14433
|
+
((_k = elements.chat) == null ? void 0 : _k.public_chat_enabled) ? /* @__PURE__ */ import_react69.default.createElement("option", { value: "Everyone" }, "Everyone") : ""
|
|
14421
14434
|
))), /* @__PURE__ */ import_react69.default.createElement(
|
|
14422
14435
|
Flex,
|
|
14423
14436
|
{
|
|
@@ -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.17", 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-2785-PzbabA1T498X/191c19856901/index.css
|
|
31367
|
+
var init_c19856901 = __esm({
|
|
31368
|
+
"../../../../../../../tmp/tmp-2785-PzbabA1T498X/191c19856901/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_c19856901();
|
|
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);
|