@100mslive/roomkit-react 0.3.13-alpha.2 → 0.3.13-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HLSView-PKDRMZ6I.css → HLSView-QPE6FRVQ.css} +3 -3
- package/dist/{HLSView-PKDRMZ6I.css.map → HLSView-QPE6FRVQ.css.map} +1 -1
- package/dist/{HLSView-6LSPJ2Z7.js → HLSView-VGNORAAX.js} +2 -2
- package/dist/Prebuilt/components/AudioVideoToggle.d.ts +5 -0
- package/dist/{chunk-WVDHAUXG.js → chunk-XSEQ4VZT.js} +478 -429
- package/dist/chunk-XSEQ4VZT.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +602 -550
- 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 +102 -72
- package/dist/meta.esbuild.json +114 -84
- package/package.json +7 -7
- package/src/Prebuilt/components/AppData/AppData.tsx +2 -2
- package/src/Prebuilt/components/AppData/useUISettings.js +3 -4
- package/src/Prebuilt/components/AudioVideoToggle.tsx +94 -35
- package/src/Prebuilt/components/CaptionIcon.tsx +1 -1
- package/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx +1 -1
- package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +7 -2
- package/src/Prebuilt/components/Preview/PreviewJoin.tsx +10 -5
- package/src/Prebuilt/layouts/VideoStreamingSection.tsx +4 -1
- package/dist/chunk-WVDHAUXG.js.map +0 -7
- /package/dist/{HLSView-6LSPJ2Z7.js.map → HLSView-VGNORAAX.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_781d4ddf-5daa-45db-9f83-c0bf317f9e95", 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.3-alpha.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.3 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.13-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_781d4ddf-5daa-45db-9f83-c0bf317f9e95", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.13-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.9", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.8", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "595", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240609.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.4/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18234", 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.13-alpha.2", 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: "true", GITHUB_RUN_ID: "9504609350", 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: "8ad775c3c97fb8bbc724a83aa16891271f0d9b83", 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: "42b125171dea7d12c69002be435ead6e0223e3f1f4635b00e17b5bd03a173816", 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--1718302155559-0.9798725688206638:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718302155365-0.44461227345693377:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718302130135-0.059118830462507654:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718302129956-0.2484037447094678:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_71d83aa6-547c-4ab5-aae8-16419954a821", INVOCATION_ID: "f0e414d2de8a4a0e83671c8b0b2f2f7b", 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: "573", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 80", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "true", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.13-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.13-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "8ad775c3c97fb8bbc724a83aa16891271f0d9b83", 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_781d4ddf-5daa-45db-9f83-c0bf317f9e95", 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", 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_781d4ddf-5daa-45db-9f83-c0bf317f9e95", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_781d4ddf-5daa-45db-9f83-c0bf317f9e95" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_8e6af420-513e-414d-aa23-a752e95303fc", 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.3-alpha.4", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.3 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.13-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_8e6af420-513e-414d-aa23-a752e95303fc", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.13-alpha.4", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.9", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.8", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "595", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240609.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.4/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18983", 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.13-alpha.4", 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: "true", GITHUB_RUN_ID: "9514408329", 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: "678e1447e57c5ab4d7574c319f274cd45ac60a96", 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: "5884bdc4d8de5e2ee5b2c3155430dd18592148e2a0ea132b5694c35c60e13c5e", 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--1718359908640-0.3005683268034627:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718359908443-0.9888851874003317:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718359882489-0.9992482425092206:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1718359882307-0.045798951201833304:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_71b9e33b-74da-4b38-bf15-fffbdfa04ed4", INVOCATION_ID: "1f8a737f33994aa898adfa84b6401159", 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: "575", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 55", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "true", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.13-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.13-alpha.4", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "678e1447e57c5ab4d7574c319f274cd45ac60a96", 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_8e6af420-513e-414d-aa23-a752e95303fc", 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", 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_8e6af420-513e-414d-aa23-a752e95303fc", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_8e6af420-513e-414d-aa23-a752e95303fc" };
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -3878,7 +3878,7 @@ var init_useUserPreferences = __esm({
|
|
|
3878
3878
|
});
|
|
3879
3879
|
|
|
3880
3880
|
// src/Prebuilt/components/AppData/useUISettings.js
|
|
3881
|
-
var import_react29, import_react_sdk7, useUISettings, useSetUiSettings, useAuthToken, useUrlToEmbed, usePDFConfig, useResetPDFConfig, useResetEmbedConfig, usePinnedTrack, useSubscribedNotifications, useIsNotificationDisabled, useSetSubscribedNotifications, useIsCaptionEnabled, useSetIsCaptionEnabled, useSubscribeChatSelector, useSetSubscribedChatSelector, useSetAppDataByKey, useSetAppData, useShowPolls, usePollViewState, useIsNoiseCancellationEnabled,
|
|
3881
|
+
var import_react29, import_react_sdk7, useUISettings, useSetUiSettings, useAuthToken, useUrlToEmbed, usePDFConfig, useResetPDFConfig, useResetEmbedConfig, usePinnedTrack, useSubscribedNotifications, useIsNotificationDisabled, useSetSubscribedNotifications, useIsCaptionEnabled, useSetIsCaptionEnabled, useSubscribeChatSelector, useSetSubscribedChatSelector, useSetAppDataByKey, useSetAppData, useShowPolls, usePollViewState, useIsNoiseCancellationEnabled, useSetNoiseCancellation;
|
|
3882
3882
|
var init_useUISettings = __esm({
|
|
3883
3883
|
"src/Prebuilt/components/AppData/useUISettings.js"() {
|
|
3884
3884
|
"use strict";
|
|
@@ -4025,10 +4025,10 @@ var init_useUISettings = __esm({
|
|
|
4025
4025
|
};
|
|
4026
4026
|
};
|
|
4027
4027
|
useIsNoiseCancellationEnabled = () => {
|
|
4028
|
-
const
|
|
4029
|
-
return
|
|
4028
|
+
const isNoiseCancellationEnabled = (0, import_react_sdk7.useHMSStore)((0, import_react_sdk7.selectAppDataByPath)(APP_DATA.noiseCancellation));
|
|
4029
|
+
return isNoiseCancellationEnabled;
|
|
4030
4030
|
};
|
|
4031
|
-
|
|
4031
|
+
useSetNoiseCancellation = () => {
|
|
4032
4032
|
const [isNoiseCancellationEnabled, setNoiseCancellationEnabled] = useSetAppDataByKey(APP_DATA.noiseCancellation);
|
|
4033
4033
|
return [isNoiseCancellationEnabled, setNoiseCancellationEnabled];
|
|
4034
4034
|
};
|
|
@@ -10112,7 +10112,7 @@ var init_AppData = __esm({
|
|
|
10112
10112
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
10113
10113
|
const { isLocalVideoEnabled } = (0, import_react_sdk11.useAVToggle)();
|
|
10114
10114
|
const sidepaneOpenedRef = (0, import_react35.useRef)(false);
|
|
10115
|
-
const [, setNoiseCancellationEnabled] =
|
|
10115
|
+
const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
|
|
10116
10116
|
(0, import_react35.useEffect)(() => {
|
|
10117
10117
|
var _a9;
|
|
10118
10118
|
if ((_a9 = elements == null ? void 0 : elements.noise_cancellation) == null ? void 0 : _a9.enabled_by_default) {
|
|
@@ -10484,7 +10484,7 @@ var init_IconButtonWithOptions = __esm({
|
|
|
10484
10484
|
}
|
|
10485
10485
|
}) => {
|
|
10486
10486
|
const commonProps = { disabled, active };
|
|
10487
|
-
return /* @__PURE__ */ import_react38.default.createElement(Flex, null, /* @__PURE__ */ import_react38.default.createElement(IconSection, __spreadProps(__spreadValues({}, commonProps), { onClick, hideOptions }), /* @__PURE__ */ import_react38.default.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ import_react38.default.createElement(Icon2, __spreadValues({}, commonProps), icon))), !hideOptions && children ? /* @__PURE__ */ import_react38.default.createElement(Dropdown.Root, null, /* @__PURE__ */ import_react38.default.createElement(
|
|
10487
|
+
return /* @__PURE__ */ import_react38.default.createElement(Flex, null, /* @__PURE__ */ import_react38.default.createElement(IconSection, __spreadProps(__spreadValues({}, commonProps), { onClick, hideOptions, className: "__cancel-drag-event" }), /* @__PURE__ */ import_react38.default.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ import_react38.default.createElement(Icon2, __spreadValues({}, commonProps), icon))), !hideOptions && children ? /* @__PURE__ */ import_react38.default.createElement(Dropdown.Root, null, /* @__PURE__ */ import_react38.default.createElement(
|
|
10488
10488
|
Dropdown.Trigger,
|
|
10489
10489
|
{
|
|
10490
10490
|
asChild: true,
|
|
@@ -10518,13 +10518,80 @@ var init_IconButtonWithOptions = __esm({
|
|
|
10518
10518
|
}
|
|
10519
10519
|
});
|
|
10520
10520
|
|
|
10521
|
+
// src/Prebuilt/components/MoreSettings/ActionTile.jsx
|
|
10522
|
+
var import_react39, ActionTileRoot, ActionTileCount, ActionTileTitle, ActionTile;
|
|
10523
|
+
var init_ActionTile = __esm({
|
|
10524
|
+
"src/Prebuilt/components/MoreSettings/ActionTile.jsx"() {
|
|
10525
|
+
"use strict";
|
|
10526
|
+
init_define_process_env();
|
|
10527
|
+
import_react39 = __toESM(require("react"));
|
|
10528
|
+
init_Layout();
|
|
10529
|
+
init_Text2();
|
|
10530
|
+
init_Theme();
|
|
10531
|
+
ActionTileRoot = (_a8) => {
|
|
10532
|
+
var _b7 = _a8, { active, disabled = false, children, onClick } = _b7, props = __objRest(_b7, ["active", "disabled", "children", "onClick"]);
|
|
10533
|
+
return /* @__PURE__ */ import_react39.default.createElement(
|
|
10534
|
+
Flex,
|
|
10535
|
+
__spreadProps(__spreadValues({}, props), {
|
|
10536
|
+
css: {
|
|
10537
|
+
flexDirection: "column",
|
|
10538
|
+
alignItems: "center",
|
|
10539
|
+
p: "$4 $2",
|
|
10540
|
+
position: "relative",
|
|
10541
|
+
bg: active ? "$surface_bright" : "",
|
|
10542
|
+
color: disabled ? "$on_surface_low" : "$on_surface_high",
|
|
10543
|
+
gap: "$4",
|
|
10544
|
+
r: "$1",
|
|
10545
|
+
"&:hover": {
|
|
10546
|
+
bg: "$surface_bright"
|
|
10547
|
+
}
|
|
10548
|
+
},
|
|
10549
|
+
onClick: () => {
|
|
10550
|
+
if (!disabled) {
|
|
10551
|
+
onClick();
|
|
10552
|
+
}
|
|
10553
|
+
}
|
|
10554
|
+
}),
|
|
10555
|
+
children
|
|
10556
|
+
);
|
|
10557
|
+
};
|
|
10558
|
+
ActionTileCount = styled(Text, {
|
|
10559
|
+
position: "absolute",
|
|
10560
|
+
top: 0,
|
|
10561
|
+
right: 0,
|
|
10562
|
+
fontWeight: "$semiBold",
|
|
10563
|
+
color: "$on_surface_high",
|
|
10564
|
+
p: "$1 $2",
|
|
10565
|
+
minWidth: "$9",
|
|
10566
|
+
textAlign: "center",
|
|
10567
|
+
boxSizing: "border-box",
|
|
10568
|
+
bg: "$surface_bright",
|
|
10569
|
+
r: "$round",
|
|
10570
|
+
letterSpacing: "1.5px",
|
|
10571
|
+
fontSize: "$tiny !important",
|
|
10572
|
+
lineHeight: "$tiny !important"
|
|
10573
|
+
});
|
|
10574
|
+
ActionTileTitle = styled(Text, {
|
|
10575
|
+
fontWeight: "$semiBold",
|
|
10576
|
+
color: "inherit",
|
|
10577
|
+
textAlign: "center",
|
|
10578
|
+
fontSize: "$xs !important"
|
|
10579
|
+
});
|
|
10580
|
+
ActionTile = {
|
|
10581
|
+
Root: ActionTileRoot,
|
|
10582
|
+
Title: ActionTileTitle,
|
|
10583
|
+
Count: ActionTileCount
|
|
10584
|
+
};
|
|
10585
|
+
}
|
|
10586
|
+
});
|
|
10587
|
+
|
|
10521
10588
|
// src/Sheet/Sheet.tsx
|
|
10522
|
-
var
|
|
10589
|
+
var import_react40, DialogPrimitive2, SheetRoot, SheetTrigger, StyledOverlay, StyledContent6, SheetContent, SheetClose, SheetTitle, SheetDescription, SheetDefaultCloseIcon, Sheet;
|
|
10523
10590
|
var init_Sheet = __esm({
|
|
10524
10591
|
"src/Sheet/Sheet.tsx"() {
|
|
10525
10592
|
"use strict";
|
|
10526
10593
|
init_define_process_env();
|
|
10527
|
-
|
|
10594
|
+
import_react40 = __toESM(require("react"));
|
|
10528
10595
|
DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
|
|
10529
10596
|
init_Modal();
|
|
10530
10597
|
init_Theme();
|
|
@@ -10605,10 +10672,10 @@ var init_Sheet = __esm({
|
|
|
10605
10672
|
side: "bottom"
|
|
10606
10673
|
}
|
|
10607
10674
|
});
|
|
10608
|
-
SheetContent =
|
|
10675
|
+
SheetContent = import_react40.default.forwardRef(
|
|
10609
10676
|
(_a8, forwardedRef) => {
|
|
10610
10677
|
var _b7 = _a8, { children, container } = _b7, props = __objRest(_b7, ["children", "container"]);
|
|
10611
|
-
return /* @__PURE__ */
|
|
10678
|
+
return /* @__PURE__ */ import_react40.default.createElement(Dialog.Portal, { container }, /* @__PURE__ */ import_react40.default.createElement(StyledOverlay, null), /* @__PURE__ */ import_react40.default.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
|
|
10612
10679
|
}
|
|
10613
10680
|
);
|
|
10614
10681
|
SheetClose = Dialog.Close;
|
|
@@ -10639,16 +10706,16 @@ var init_Sheet2 = __esm({
|
|
|
10639
10706
|
});
|
|
10640
10707
|
|
|
10641
10708
|
// src/Prebuilt/primitives/DropdownTrigger.jsx
|
|
10642
|
-
var
|
|
10709
|
+
var import_react41, import_react_icons9, DialogDropdownTrigger;
|
|
10643
10710
|
var init_DropdownTrigger = __esm({
|
|
10644
10711
|
"src/Prebuilt/primitives/DropdownTrigger.jsx"() {
|
|
10645
10712
|
"use strict";
|
|
10646
10713
|
init_define_process_env();
|
|
10647
|
-
|
|
10714
|
+
import_react41 = __toESM(require("react"));
|
|
10648
10715
|
import_react_icons9 = require("@100mslive/react-icons");
|
|
10649
10716
|
init_src();
|
|
10650
|
-
DialogDropdownTrigger =
|
|
10651
|
-
return /* @__PURE__ */
|
|
10717
|
+
DialogDropdownTrigger = import_react41.default.forwardRef(({ title, css: css2, open, icon, titleCSS = {} }, ref) => {
|
|
10718
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
|
10652
10719
|
Dropdown.Trigger,
|
|
10653
10720
|
{
|
|
10654
10721
|
asChild: true,
|
|
@@ -10662,7 +10729,7 @@ var init_DropdownTrigger = __esm({
|
|
|
10662
10729
|
}, css2),
|
|
10663
10730
|
ref
|
|
10664
10731
|
},
|
|
10665
|
-
/* @__PURE__ */
|
|
10732
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
|
10666
10733
|
Flex,
|
|
10667
10734
|
{
|
|
10668
10735
|
css: {
|
|
@@ -10673,7 +10740,7 @@ var init_DropdownTrigger = __esm({
|
|
|
10673
10740
|
}
|
|
10674
10741
|
},
|
|
10675
10742
|
icon,
|
|
10676
|
-
/* @__PURE__ */
|
|
10743
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
|
10677
10744
|
Text,
|
|
10678
10745
|
{
|
|
10679
10746
|
css: __spreadValues(__spreadProps(__spreadValues({
|
|
@@ -10685,7 +10752,7 @@ var init_DropdownTrigger = __esm({
|
|
|
10685
10752
|
},
|
|
10686
10753
|
title
|
|
10687
10754
|
),
|
|
10688
|
-
open ? /* @__PURE__ */
|
|
10755
|
+
open ? /* @__PURE__ */ import_react41.default.createElement(import_react_icons9.ChevronUpIcon, null) : /* @__PURE__ */ import_react41.default.createElement(import_react_icons9.ChevronDownIcon, null)
|
|
10689
10756
|
)
|
|
10690
10757
|
);
|
|
10691
10758
|
});
|
|
@@ -10693,16 +10760,16 @@ var init_DropdownTrigger = __esm({
|
|
|
10693
10760
|
});
|
|
10694
10761
|
|
|
10695
10762
|
// src/Prebuilt/components/hooks/useAudioOutputTest.tsx
|
|
10696
|
-
var
|
|
10763
|
+
var import_react42, useAudioOutputTest;
|
|
10697
10764
|
var init_useAudioOutputTest = __esm({
|
|
10698
10765
|
"src/Prebuilt/components/hooks/useAudioOutputTest.tsx"() {
|
|
10699
10766
|
"use strict";
|
|
10700
10767
|
init_define_process_env();
|
|
10701
|
-
|
|
10768
|
+
import_react42 = require("react");
|
|
10702
10769
|
useAudioOutputTest = ({ deviceId }) => {
|
|
10703
|
-
const audioRef = (0,
|
|
10704
|
-
const [playing, setPlaying] = (0,
|
|
10705
|
-
(0,
|
|
10770
|
+
const audioRef = (0, import_react42.useRef)(null);
|
|
10771
|
+
const [playing, setPlaying] = (0, import_react42.useState)(false);
|
|
10772
|
+
(0, import_react42.useEffect)(() => {
|
|
10706
10773
|
if (audioRef.current && deviceId) {
|
|
10707
10774
|
try {
|
|
10708
10775
|
if (typeof audioRef.current.setSinkId !== "undefined") {
|
|
@@ -10731,12 +10798,12 @@ var init_useDropdownSelection = __esm({
|
|
|
10731
10798
|
});
|
|
10732
10799
|
|
|
10733
10800
|
// src/Prebuilt/components/Settings/DeviceSettings.jsx
|
|
10734
|
-
var
|
|
10801
|
+
var import_react43, import_react_use4, import_react_sdk13, import_react_icons10, Settings, DeviceSelector, TestAudio, DeviceSettings_default;
|
|
10735
10802
|
var init_DeviceSettings = __esm({
|
|
10736
10803
|
"src/Prebuilt/components/Settings/DeviceSettings.jsx"() {
|
|
10737
10804
|
"use strict";
|
|
10738
10805
|
init_define_process_env();
|
|
10739
|
-
|
|
10806
|
+
import_react43 = __toESM(require("react"));
|
|
10740
10807
|
import_react_use4 = require("react-use");
|
|
10741
10808
|
import_react_sdk13 = require("@100mslive/react-sdk");
|
|
10742
10809
|
import_react_icons10 = require("@100mslive/react-icons");
|
|
@@ -10760,7 +10827,7 @@ var init_DeviceSettings = __esm({
|
|
|
10760
10827
|
const hmsActions = (0, import_react_sdk13.useHMSActions)();
|
|
10761
10828
|
const track = (0, import_react_sdk13.useHMSStore)(trackSelector);
|
|
10762
10829
|
const isMobile = (0, import_react_use4.useMedia)(config.media.md);
|
|
10763
|
-
(0,
|
|
10830
|
+
(0, import_react43.useEffect)(() => {
|
|
10764
10831
|
if (isMobile) {
|
|
10765
10832
|
hmsActions.refreshDevices();
|
|
10766
10833
|
}
|
|
@@ -10769,7 +10836,7 @@ var init_DeviceSettings = __esm({
|
|
|
10769
10836
|
if (!(videoInput == null ? void 0 : videoInput.length) && !(audioInput == null ? void 0 : audioInput.length) && !(audioOutputFiltered == null ? void 0 : audioOutputFiltered.length)) {
|
|
10770
10837
|
setHide(true);
|
|
10771
10838
|
}
|
|
10772
|
-
return /* @__PURE__ */
|
|
10839
|
+
return /* @__PURE__ */ import_react43.default.createElement(Box, { className: settingOverflow() }, (videoInput == null ? void 0 : videoInput.length) ? /* @__PURE__ */ import_react43.default.createElement(import_react43.Fragment, null, isVideoOn && /* @__PURE__ */ import_react43.default.createElement(
|
|
10773
10840
|
StyledVideoTile.Container,
|
|
10774
10841
|
{
|
|
10775
10842
|
css: {
|
|
@@ -10780,24 +10847,24 @@ var init_DeviceSettings = __esm({
|
|
|
10780
10847
|
m: "$10 auto"
|
|
10781
10848
|
}
|
|
10782
10849
|
},
|
|
10783
|
-
/* @__PURE__ */
|
|
10784
|
-
), /* @__PURE__ */
|
|
10850
|
+
/* @__PURE__ */ import_react43.default.createElement(Video, { trackId: videoTrackId, mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo })
|
|
10851
|
+
), /* @__PURE__ */ import_react43.default.createElement(
|
|
10785
10852
|
DeviceSelector,
|
|
10786
10853
|
{
|
|
10787
10854
|
title: "Video",
|
|
10788
10855
|
devices: videoInput,
|
|
10789
|
-
icon: /* @__PURE__ */
|
|
10856
|
+
icon: /* @__PURE__ */ import_react43.default.createElement(import_react_icons10.VideoOnIcon, null),
|
|
10790
10857
|
selection: selectedDeviceIDs.videoInput,
|
|
10791
10858
|
onChange: (deviceId) => updateDevice({
|
|
10792
10859
|
deviceId,
|
|
10793
10860
|
deviceType: import_react_sdk13.DeviceType.videoInput
|
|
10794
10861
|
})
|
|
10795
10862
|
}
|
|
10796
|
-
)) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */
|
|
10863
|
+
)) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */ import_react43.default.createElement(
|
|
10797
10864
|
DeviceSelector,
|
|
10798
10865
|
{
|
|
10799
10866
|
title: shouldShowAudioOutput ? "Microphone" : "Audio",
|
|
10800
|
-
icon: /* @__PURE__ */
|
|
10867
|
+
icon: /* @__PURE__ */ import_react43.default.createElement(import_react_icons10.MicOnIcon, null),
|
|
10801
10868
|
devices: audioInput,
|
|
10802
10869
|
selection: selectedDeviceIDs.audioInput,
|
|
10803
10870
|
onChange: (deviceId) => updateDevice({
|
|
@@ -10805,11 +10872,11 @@ var init_DeviceSettings = __esm({
|
|
|
10805
10872
|
deviceType: import_react_sdk13.DeviceType.audioInput
|
|
10806
10873
|
})
|
|
10807
10874
|
}
|
|
10808
|
-
) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */
|
|
10875
|
+
) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */ import_react43.default.createElement(
|
|
10809
10876
|
DeviceSelector,
|
|
10810
10877
|
{
|
|
10811
10878
|
title: "Speaker",
|
|
10812
|
-
icon: /* @__PURE__ */
|
|
10879
|
+
icon: /* @__PURE__ */ import_react43.default.createElement(import_react_icons10.SpeakerIcon, null),
|
|
10813
10880
|
devices: audioOutput,
|
|
10814
10881
|
selection: selectedDeviceIDs.audioOutput,
|
|
10815
10882
|
onChange: (deviceId) => updateDevice({
|
|
@@ -10817,15 +10884,15 @@ var init_DeviceSettings = __esm({
|
|
|
10817
10884
|
deviceType: import_react_sdk13.DeviceType.audioOutput
|
|
10818
10885
|
})
|
|
10819
10886
|
},
|
|
10820
|
-
/* @__PURE__ */
|
|
10887
|
+
/* @__PURE__ */ import_react43.default.createElement(TestAudio, { id: selectedDeviceIDs.audioOutput })
|
|
10821
10888
|
) : null);
|
|
10822
10889
|
};
|
|
10823
10890
|
DeviceSelector = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
10824
10891
|
var _a8, _b7;
|
|
10825
|
-
const [open, setOpen] = (0,
|
|
10892
|
+
const [open, setOpen] = (0, import_react43.useState)(false);
|
|
10826
10893
|
const selectionBg = useDropdownSelection();
|
|
10827
|
-
const ref = (0,
|
|
10828
|
-
return /* @__PURE__ */
|
|
10894
|
+
const ref = (0, import_react43.useRef)(null);
|
|
10895
|
+
return /* @__PURE__ */ import_react43.default.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ import_react43.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react43.default.createElement(
|
|
10829
10896
|
Flex,
|
|
10830
10897
|
{
|
|
10831
10898
|
align: "center",
|
|
@@ -10837,7 +10904,7 @@ var init_DeviceSettings = __esm({
|
|
|
10837
10904
|
}
|
|
10838
10905
|
}
|
|
10839
10906
|
},
|
|
10840
|
-
/* @__PURE__ */
|
|
10907
|
+
/* @__PURE__ */ import_react43.default.createElement(
|
|
10841
10908
|
Box,
|
|
10842
10909
|
{
|
|
10843
10910
|
css: {
|
|
@@ -10851,7 +10918,7 @@ var init_DeviceSettings = __esm({
|
|
|
10851
10918
|
}
|
|
10852
10919
|
}
|
|
10853
10920
|
},
|
|
10854
|
-
/* @__PURE__ */
|
|
10921
|
+
/* @__PURE__ */ import_react43.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react43.default.createElement(
|
|
10855
10922
|
DialogDropdownTrigger,
|
|
10856
10923
|
{
|
|
10857
10924
|
ref,
|
|
@@ -10859,8 +10926,8 @@ var init_DeviceSettings = __esm({
|
|
|
10859
10926
|
title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
|
|
10860
10927
|
open
|
|
10861
10928
|
}
|
|
10862
|
-
), /* @__PURE__ */
|
|
10863
|
-
return /* @__PURE__ */
|
|
10929
|
+
), /* @__PURE__ */ import_react43.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react43.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
|
|
10930
|
+
return /* @__PURE__ */ import_react43.default.createElement(
|
|
10864
10931
|
Dropdown.Item,
|
|
10865
10932
|
{
|
|
10866
10933
|
key: device.label,
|
|
@@ -10879,7 +10946,7 @@ var init_DeviceSettings = __esm({
|
|
|
10879
10946
|
};
|
|
10880
10947
|
TestAudio = ({ id }) => {
|
|
10881
10948
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({ deviceId: id });
|
|
10882
|
-
return /* @__PURE__ */
|
|
10949
|
+
return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(
|
|
10883
10950
|
Button,
|
|
10884
10951
|
{
|
|
10885
10952
|
variant: "standard",
|
|
@@ -10896,11 +10963,11 @@ var init_DeviceSettings = __esm({
|
|
|
10896
10963
|
},
|
|
10897
10964
|
disabled: playing
|
|
10898
10965
|
},
|
|
10899
|
-
/* @__PURE__ */
|
|
10966
|
+
/* @__PURE__ */ import_react43.default.createElement(import_react_icons10.SpeakerIcon, null),
|
|
10900
10967
|
"\xA0Test",
|
|
10901
10968
|
" ",
|
|
10902
|
-
/* @__PURE__ */
|
|
10903
|
-
), /* @__PURE__ */
|
|
10969
|
+
/* @__PURE__ */ import_react43.default.createElement(Text, { as: "span", css: { display: "none", "@md": { display: "inline" } } }, "\xA0 speaker")
|
|
10970
|
+
), /* @__PURE__ */ import_react43.default.createElement(
|
|
10904
10971
|
"audio",
|
|
10905
10972
|
{
|
|
10906
10973
|
ref: audioRef,
|
|
@@ -10916,12 +10983,12 @@ var init_DeviceSettings = __esm({
|
|
|
10916
10983
|
});
|
|
10917
10984
|
|
|
10918
10985
|
// src/Prebuilt/components/Settings/NotificationSettings.tsx
|
|
10919
|
-
var
|
|
10986
|
+
var import_react44, import_react_icons11, NotificationItem, NotificationSettings;
|
|
10920
10987
|
var init_NotificationSettings = __esm({
|
|
10921
10988
|
"src/Prebuilt/components/Settings/NotificationSettings.tsx"() {
|
|
10922
10989
|
"use strict";
|
|
10923
10990
|
init_define_process_env();
|
|
10924
|
-
|
|
10991
|
+
import_react44 = __toESM(require("react"));
|
|
10925
10992
|
import_react_icons11 = require("@100mslive/react-icons");
|
|
10926
10993
|
init_src();
|
|
10927
10994
|
init_SwitchWithLabel();
|
|
@@ -10935,7 +11002,7 @@ var init_NotificationSettings = __esm({
|
|
|
10935
11002
|
checked
|
|
10936
11003
|
}) => {
|
|
10937
11004
|
const [, setSubscribedNotifications] = useSetSubscribedNotifications(type);
|
|
10938
|
-
return /* @__PURE__ */
|
|
11005
|
+
return /* @__PURE__ */ import_react44.default.createElement(
|
|
10939
11006
|
SwitchWithLabel_default,
|
|
10940
11007
|
{
|
|
10941
11008
|
label,
|
|
@@ -10950,36 +11017,36 @@ var init_NotificationSettings = __esm({
|
|
|
10950
11017
|
};
|
|
10951
11018
|
NotificationSettings = () => {
|
|
10952
11019
|
const subscribedNotifications = useSubscribedNotifications();
|
|
10953
|
-
return /* @__PURE__ */
|
|
11020
|
+
return /* @__PURE__ */ import_react44.default.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ import_react44.default.createElement(
|
|
10954
11021
|
NotificationItem,
|
|
10955
11022
|
{
|
|
10956
11023
|
label: "Peer Joined",
|
|
10957
11024
|
type: SUBSCRIBED_NOTIFICATIONS.PEER_JOINED,
|
|
10958
|
-
icon: /* @__PURE__ */
|
|
11025
|
+
icon: /* @__PURE__ */ import_react44.default.createElement(import_react_icons11.PeopleAddIcon, null),
|
|
10959
11026
|
checked: subscribedNotifications.PEER_JOINED
|
|
10960
11027
|
}
|
|
10961
|
-
), /* @__PURE__ */
|
|
11028
|
+
), /* @__PURE__ */ import_react44.default.createElement(
|
|
10962
11029
|
NotificationItem,
|
|
10963
11030
|
{
|
|
10964
11031
|
label: "Peer Leave",
|
|
10965
11032
|
type: SUBSCRIBED_NOTIFICATIONS.PEER_LEFT,
|
|
10966
|
-
icon: /* @__PURE__ */
|
|
11033
|
+
icon: /* @__PURE__ */ import_react44.default.createElement(import_react_icons11.PeopleRemoveIcon, null),
|
|
10967
11034
|
checked: subscribedNotifications.PEER_LEFT
|
|
10968
11035
|
}
|
|
10969
|
-
), /* @__PURE__ */
|
|
11036
|
+
), /* @__PURE__ */ import_react44.default.createElement(
|
|
10970
11037
|
NotificationItem,
|
|
10971
11038
|
{
|
|
10972
11039
|
label: "Hand Raised",
|
|
10973
11040
|
type: SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED,
|
|
10974
|
-
icon: /* @__PURE__ */
|
|
11041
|
+
icon: /* @__PURE__ */ import_react44.default.createElement(import_react_icons11.HandIcon, null),
|
|
10975
11042
|
checked: subscribedNotifications.METADATA_UPDATED
|
|
10976
11043
|
}
|
|
10977
|
-
), /* @__PURE__ */
|
|
11044
|
+
), /* @__PURE__ */ import_react44.default.createElement(
|
|
10978
11045
|
NotificationItem,
|
|
10979
11046
|
{
|
|
10980
11047
|
label: "Error",
|
|
10981
11048
|
type: SUBSCRIBED_NOTIFICATIONS.ERROR,
|
|
10982
|
-
icon: /* @__PURE__ */
|
|
11049
|
+
icon: /* @__PURE__ */ import_react44.default.createElement(import_react_icons11.AlertOctagonIcon, null),
|
|
10983
11050
|
checked: subscribedNotifications.ERROR
|
|
10984
11051
|
}
|
|
10985
11052
|
));
|
|
@@ -10988,12 +11055,12 @@ var init_NotificationSettings = __esm({
|
|
|
10988
11055
|
});
|
|
10989
11056
|
|
|
10990
11057
|
// src/Prebuilt/components/Settings/SettingsModal.jsx
|
|
10991
|
-
var
|
|
11058
|
+
var import_react45, import_react_use5, import_react_icons12, settingsList, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
|
|
10992
11059
|
var init_SettingsModal = __esm({
|
|
10993
11060
|
"src/Prebuilt/components/Settings/SettingsModal.jsx"() {
|
|
10994
11061
|
"use strict";
|
|
10995
11062
|
init_define_process_env();
|
|
10996
|
-
|
|
11063
|
+
import_react45 = __toESM(require("react"));
|
|
10997
11064
|
import_react_use5 = require("react-use");
|
|
10998
11065
|
import_react_icons12 = require("@100mslive/react-icons");
|
|
10999
11066
|
init_Divider2();
|
|
@@ -11028,29 +11095,29 @@ var init_SettingsModal = __esm({
|
|
|
11028
11095
|
content: LayoutSettings
|
|
11029
11096
|
}
|
|
11030
11097
|
];
|
|
11031
|
-
SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */
|
|
11098
|
+
SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null) }) => {
|
|
11032
11099
|
const mediaQueryLg = config.media.md;
|
|
11033
11100
|
const isMobile = (0, import_react_use5.useMedia)(mediaQueryLg);
|
|
11034
|
-
const [showSetting, setShowSetting] = (0,
|
|
11101
|
+
const [showSetting, setShowSetting] = (0, import_react45.useState)(
|
|
11035
11102
|
() => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
|
|
11036
11103
|
);
|
|
11037
|
-
const hideSettingByTabName = (0,
|
|
11104
|
+
const hideSettingByTabName = (0, import_react45.useCallback)(
|
|
11038
11105
|
(key) => (hide) => setShowSetting((prev) => __spreadProps(__spreadValues({}, prev), { [key]: !hide })),
|
|
11039
11106
|
[setShowSetting]
|
|
11040
11107
|
);
|
|
11041
|
-
(0,
|
|
11108
|
+
(0, import_react45.useEffect)(() => {
|
|
11042
11109
|
if (screenType === "hls_live_streaming") {
|
|
11043
11110
|
hideSettingByTabName("layout")(true);
|
|
11044
11111
|
}
|
|
11045
11112
|
}, [screenType, hideSettingByTabName]);
|
|
11046
|
-
const [selection, setSelection] = (0,
|
|
11113
|
+
const [selection, setSelection] = (0, import_react45.useState)(() => {
|
|
11047
11114
|
var _a8;
|
|
11048
11115
|
return (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
|
|
11049
11116
|
});
|
|
11050
|
-
const resetSelection = (0,
|
|
11117
|
+
const resetSelection = (0, import_react45.useCallback)(() => {
|
|
11051
11118
|
setSelection("");
|
|
11052
11119
|
}, []);
|
|
11053
|
-
(0,
|
|
11120
|
+
(0, import_react45.useEffect)(() => {
|
|
11054
11121
|
var _a8;
|
|
11055
11122
|
if (isMobile) {
|
|
11056
11123
|
setSelection("");
|
|
@@ -11059,7 +11126,7 @@ var init_SettingsModal = __esm({
|
|
|
11059
11126
|
setSelection(firstNotHiddenTabName);
|
|
11060
11127
|
}
|
|
11061
11128
|
}, [isMobile, showSetting]);
|
|
11062
|
-
return isMobile ? /* @__PURE__ */
|
|
11129
|
+
return isMobile ? /* @__PURE__ */ import_react45.default.createElement(
|
|
11063
11130
|
MobileSettingModal,
|
|
11064
11131
|
{
|
|
11065
11132
|
open,
|
|
@@ -11071,7 +11138,7 @@ var init_SettingsModal = __esm({
|
|
|
11071
11138
|
resetSelection
|
|
11072
11139
|
},
|
|
11073
11140
|
children
|
|
11074
|
-
) : /* @__PURE__ */
|
|
11141
|
+
) : /* @__PURE__ */ import_react45.default.createElement(
|
|
11075
11142
|
DesktopSettingModal,
|
|
11076
11143
|
{
|
|
11077
11144
|
open,
|
|
@@ -11093,9 +11160,9 @@ var init_SettingsModal = __esm({
|
|
|
11093
11160
|
showSetting,
|
|
11094
11161
|
hideSettingByTabName,
|
|
11095
11162
|
resetSelection,
|
|
11096
|
-
children = /* @__PURE__ */
|
|
11163
|
+
children = /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null)
|
|
11097
11164
|
}) => {
|
|
11098
|
-
return /* @__PURE__ */
|
|
11165
|
+
return /* @__PURE__ */ import_react45.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react45.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react45.default.createElement(
|
|
11099
11166
|
Sheet.Content,
|
|
11100
11167
|
{
|
|
11101
11168
|
css: {
|
|
@@ -11103,9 +11170,9 @@ var init_SettingsModal = __esm({
|
|
|
11103
11170
|
overflowY: "auto"
|
|
11104
11171
|
}
|
|
11105
11172
|
},
|
|
11106
|
-
/* @__PURE__ */
|
|
11107
|
-
/* @__PURE__ */
|
|
11108
|
-
!selection ? /* @__PURE__ */
|
|
11173
|
+
/* @__PURE__ */ import_react45.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react45.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, !selection ? /* @__PURE__ */ import_react45.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Settings") : /* @__PURE__ */ import_react45.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, /* @__PURE__ */ import_react45.default.createElement(Box, { as: "span", css: { r: "$round", mr: "$2" }, onClick: resetSelection }, /* @__PURE__ */ import_react45.default.createElement(import_react_icons12.ChevronLeftIcon, null)), (selection == null ? void 0 : selection.charAt(0).toUpperCase()) + selection.slice(1)), /* @__PURE__ */ import_react45.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react45.default.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react45.default.createElement(import_react_icons12.CrossIcon, null))))),
|
|
11174
|
+
/* @__PURE__ */ import_react45.default.createElement(HorizontalDivider, null),
|
|
11175
|
+
!selection ? /* @__PURE__ */ import_react45.default.createElement(
|
|
11109
11176
|
Flex,
|
|
11110
11177
|
{
|
|
11111
11178
|
direction: "column",
|
|
@@ -11116,7 +11183,7 @@ var init_SettingsModal = __esm({
|
|
|
11116
11183
|
}
|
|
11117
11184
|
},
|
|
11118
11185
|
settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon4, tabName, title }) => {
|
|
11119
|
-
return /* @__PURE__ */
|
|
11186
|
+
return /* @__PURE__ */ import_react45.default.createElement(
|
|
11120
11187
|
Box,
|
|
11121
11188
|
{
|
|
11122
11189
|
key: tabName,
|
|
@@ -11146,18 +11213,18 @@ var init_SettingsModal = __esm({
|
|
|
11146
11213
|
borderBottom: "1px solid $border_default"
|
|
11147
11214
|
}
|
|
11148
11215
|
},
|
|
11149
|
-
/* @__PURE__ */
|
|
11216
|
+
/* @__PURE__ */ import_react45.default.createElement(Icon4, null),
|
|
11150
11217
|
title
|
|
11151
11218
|
);
|
|
11152
11219
|
})
|
|
11153
|
-
) : /* @__PURE__ */
|
|
11220
|
+
) : /* @__PURE__ */ import_react45.default.createElement(
|
|
11154
11221
|
Box,
|
|
11155
11222
|
{
|
|
11156
11223
|
direction: "column",
|
|
11157
11224
|
css: { overflowY: "scroll", px: "$8", py: "$10", maxHeight: "70vh", overflowX: "hidden" }
|
|
11158
11225
|
},
|
|
11159
11226
|
settingsList.filter(({ tabName }) => showSetting[tabName] && selection === tabName).map(({ content: Content11, title, tabName }) => {
|
|
11160
|
-
return /* @__PURE__ */
|
|
11227
|
+
return /* @__PURE__ */ import_react45.default.createElement(Content11, { key: title, setHide: hideSettingByTabName(tabName) });
|
|
11161
11228
|
})
|
|
11162
11229
|
)
|
|
11163
11230
|
));
|
|
@@ -11170,9 +11237,9 @@ var init_SettingsModal = __esm({
|
|
|
11170
11237
|
showSetting,
|
|
11171
11238
|
hideSettingByTabName,
|
|
11172
11239
|
resetSelection,
|
|
11173
|
-
children = /* @__PURE__ */
|
|
11240
|
+
children = /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null)
|
|
11174
11241
|
}) => {
|
|
11175
|
-
return /* @__PURE__ */
|
|
11242
|
+
return /* @__PURE__ */ import_react45.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react45.default.createElement(Dialog.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react45.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react45.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react45.default.createElement(
|
|
11176
11243
|
Dialog.Content,
|
|
11177
11244
|
{
|
|
11178
11245
|
css: {
|
|
@@ -11182,7 +11249,7 @@ var init_SettingsModal = __esm({
|
|
|
11182
11249
|
r: "$4"
|
|
11183
11250
|
}
|
|
11184
11251
|
},
|
|
11185
|
-
/* @__PURE__ */
|
|
11252
|
+
/* @__PURE__ */ import_react45.default.createElement(
|
|
11186
11253
|
Tabs.Root,
|
|
11187
11254
|
{
|
|
11188
11255
|
value: selection,
|
|
@@ -11190,7 +11257,7 @@ var init_SettingsModal = __esm({
|
|
|
11190
11257
|
onValueChange: setSelection,
|
|
11191
11258
|
css: { size: "100%", position: "relative" }
|
|
11192
11259
|
},
|
|
11193
|
-
/* @__PURE__ */
|
|
11260
|
+
/* @__PURE__ */ import_react45.default.createElement(
|
|
11194
11261
|
Tabs.List,
|
|
11195
11262
|
{
|
|
11196
11263
|
css: {
|
|
@@ -11202,12 +11269,12 @@ var init_SettingsModal = __esm({
|
|
|
11202
11269
|
borderBottomLeftRadius: "$4"
|
|
11203
11270
|
}
|
|
11204
11271
|
},
|
|
11205
|
-
/* @__PURE__ */
|
|
11206
|
-
/* @__PURE__ */
|
|
11207
|
-
return /* @__PURE__ */
|
|
11272
|
+
/* @__PURE__ */ import_react45.default.createElement(Text, { variant: "h5" }, "Settings "),
|
|
11273
|
+
/* @__PURE__ */ import_react45.default.createElement(Flex, { direction: "column", css: { mx: 0, overflowY: "auto", pt: "$10" } }, settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon4, tabName, title }) => {
|
|
11274
|
+
return /* @__PURE__ */ import_react45.default.createElement(Tabs.Trigger, { key: tabName, value: tabName, css: { gap: "$8" } }, /* @__PURE__ */ import_react45.default.createElement(Icon4, null), title);
|
|
11208
11275
|
}))
|
|
11209
11276
|
),
|
|
11210
|
-
selection && /* @__PURE__ */
|
|
11277
|
+
selection && /* @__PURE__ */ import_react45.default.createElement(
|
|
11211
11278
|
Flex,
|
|
11212
11279
|
{
|
|
11213
11280
|
direction: "column",
|
|
@@ -11218,15 +11285,15 @@ var init_SettingsModal = __esm({
|
|
|
11218
11285
|
}
|
|
11219
11286
|
},
|
|
11220
11287
|
settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ content: Content11, title, tabName }) => {
|
|
11221
|
-
return /* @__PURE__ */
|
|
11288
|
+
return /* @__PURE__ */ import_react45.default.createElement(Tabs.Content, { key: tabName, value: tabName, className: settingContent() }, /* @__PURE__ */ import_react45.default.createElement(SettingsContentHeader, { onBack: resetSelection, isMobile: false }, title), /* @__PURE__ */ import_react45.default.createElement(Content11, { setHide: hideSettingByTabName(tabName) }));
|
|
11222
11289
|
})
|
|
11223
11290
|
)
|
|
11224
11291
|
),
|
|
11225
|
-
/* @__PURE__ */
|
|
11292
|
+
/* @__PURE__ */ import_react45.default.createElement(Dialog.Close, { css: { position: "absolute", right: "$10", top: "$10" } }, /* @__PURE__ */ import_react45.default.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react45.default.createElement(import_react_icons12.CrossIcon, null)))
|
|
11226
11293
|
)));
|
|
11227
11294
|
};
|
|
11228
11295
|
SettingsContentHeader = ({ children, isMobile, onBack }) => {
|
|
11229
|
-
return /* @__PURE__ */
|
|
11296
|
+
return /* @__PURE__ */ import_react45.default.createElement(Text, { variant: "h6", css: { mb: "$12", display: "flex", alignItems: "center" } }, isMobile && /* @__PURE__ */ import_react45.default.createElement(Box, { as: "span", css: { bg: "$surface_bright", mr: "$4", r: "$round", p: "$2" }, onClick: onBack }, /* @__PURE__ */ import_react45.default.createElement(import_react_icons12.ChevronLeftIcon, null)), children);
|
|
11230
11297
|
};
|
|
11231
11298
|
SettingsModal_default = SettingsModal;
|
|
11232
11299
|
}
|
|
@@ -11283,18 +11350,20 @@ var init_ToastManager = __esm({
|
|
|
11283
11350
|
});
|
|
11284
11351
|
|
|
11285
11352
|
// src/Prebuilt/components/AudioVideoToggle.tsx
|
|
11286
|
-
var
|
|
11353
|
+
var import_react46, import_hms_noise_cancellation, import_react_sdk14, import_react_icons13, krispPlugin, Options, OptionLabel, useNoiseCancellationWithPlugin, NoiseCancellation, AudioOutputLabel, AudioSettings, AudioVideoToggle;
|
|
11287
11354
|
var init_AudioVideoToggle = __esm({
|
|
11288
11355
|
"src/Prebuilt/components/AudioVideoToggle.tsx"() {
|
|
11289
11356
|
"use strict";
|
|
11290
11357
|
init_define_process_env();
|
|
11291
|
-
|
|
11358
|
+
import_react46 = __toESM(require("react"));
|
|
11292
11359
|
import_hms_noise_cancellation = require("@100mslive/hms-noise-cancellation");
|
|
11293
11360
|
import_react_sdk14 = require("@100mslive/react-sdk");
|
|
11294
11361
|
import_react_icons13 = require("@100mslive/react-icons");
|
|
11295
11362
|
init_IconButtonWithOptions();
|
|
11363
|
+
init_ActionTile();
|
|
11296
11364
|
init_SettingsModal();
|
|
11297
11365
|
init_ToastManager();
|
|
11366
|
+
init_AudioLevel2();
|
|
11298
11367
|
init_Dropdown2();
|
|
11299
11368
|
init_Layout();
|
|
11300
11369
|
init_Switch2();
|
|
@@ -11305,12 +11374,13 @@ var init_AudioVideoToggle = __esm({
|
|
|
11305
11374
|
init_useUISettings();
|
|
11306
11375
|
init_useAudioOutputTest();
|
|
11307
11376
|
init_constants();
|
|
11377
|
+
krispPlugin = new import_hms_noise_cancellation.HMSKrispPlugin();
|
|
11308
11378
|
Options = ({
|
|
11309
11379
|
options,
|
|
11310
11380
|
selectedDeviceId,
|
|
11311
11381
|
onClick
|
|
11312
11382
|
}) => {
|
|
11313
|
-
return /* @__PURE__ */
|
|
11383
|
+
return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, options == null ? void 0 : options.map((option) => /* @__PURE__ */ import_react46.default.createElement(
|
|
11314
11384
|
Dropdown.Item,
|
|
11315
11385
|
{
|
|
11316
11386
|
key: option.label,
|
|
@@ -11327,11 +11397,11 @@ var init_AudioVideoToggle = __esm({
|
|
|
11327
11397
|
}
|
|
11328
11398
|
},
|
|
11329
11399
|
option.label,
|
|
11330
|
-
selectedDeviceId === option.deviceId ? /* @__PURE__ */
|
|
11400
|
+
selectedDeviceId === option.deviceId ? /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.CheckIcon, { width: 16, height: 16 }) : null
|
|
11331
11401
|
)));
|
|
11332
11402
|
};
|
|
11333
11403
|
OptionLabel = ({ children, icon }) => {
|
|
11334
|
-
return /* @__PURE__ */
|
|
11404
|
+
return /* @__PURE__ */ import_react46.default.createElement(
|
|
11335
11405
|
Dropdown.Label,
|
|
11336
11406
|
{
|
|
11337
11407
|
css: {
|
|
@@ -11344,35 +11414,78 @@ var init_AudioVideoToggle = __esm({
|
|
|
11344
11414
|
alignItems: "center"
|
|
11345
11415
|
}
|
|
11346
11416
|
},
|
|
11347
|
-
/* @__PURE__ */
|
|
11417
|
+
/* @__PURE__ */ import_react46.default.createElement(Flex, { css: { alignItems: "center", justifyContent: "center", "& svg": { size: "$8" } } }, icon),
|
|
11348
11418
|
" ",
|
|
11349
11419
|
children
|
|
11350
11420
|
);
|
|
11351
11421
|
};
|
|
11352
|
-
|
|
11353
|
-
NoiseCancellation = () => {
|
|
11354
|
-
const localPeerAudioTrackID = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectLocalAudioTrackID);
|
|
11355
|
-
const [enabled, setEnabled] = useSetNoiseCancellationEnabled();
|
|
11356
|
-
const isPluginAdded = (0, import_react_sdk14.useHMSStore)((0, import_react_sdk14.selectIsLocalAudioPluginPresent)(plugin.getName()));
|
|
11357
|
-
const [inProgress, setInProgress] = (0, import_react45.useState)(false);
|
|
11422
|
+
useNoiseCancellationWithPlugin = () => {
|
|
11358
11423
|
const actions = (0, import_react_sdk14.useHMSActions)();
|
|
11424
|
+
const [inProgress, setInProgress] = (0, import_react46.useState)(false);
|
|
11425
|
+
const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
|
|
11426
|
+
const setNoiseCancellationWithPlugin = (enabled) => __async(void 0, null, function* () {
|
|
11427
|
+
if (inProgress) {
|
|
11428
|
+
return;
|
|
11429
|
+
}
|
|
11430
|
+
setInProgress(true);
|
|
11431
|
+
if (enabled) {
|
|
11432
|
+
yield actions.addPluginToAudioTrack(krispPlugin);
|
|
11433
|
+
} else {
|
|
11434
|
+
yield actions.removePluginFromAudioTrack(krispPlugin);
|
|
11435
|
+
}
|
|
11436
|
+
setNoiseCancellationEnabled(enabled);
|
|
11437
|
+
setInProgress(false);
|
|
11438
|
+
});
|
|
11439
|
+
return {
|
|
11440
|
+
setNoiseCancellationWithPlugin,
|
|
11441
|
+
inProgress
|
|
11442
|
+
};
|
|
11443
|
+
};
|
|
11444
|
+
NoiseCancellation = ({
|
|
11445
|
+
actionTile,
|
|
11446
|
+
iconOnly,
|
|
11447
|
+
setOpenOptionsSheet
|
|
11448
|
+
}) => {
|
|
11449
|
+
const localPeerAudioTrackID = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectLocalAudioTrackID);
|
|
11450
|
+
const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
|
|
11451
|
+
const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
|
|
11359
11452
|
const room = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectRoom);
|
|
11360
|
-
(0,
|
|
11361
|
-
|
|
11362
|
-
setInProgress(true);
|
|
11363
|
-
if (enabled && !isPluginAdded) {
|
|
11364
|
-
yield actions.addPluginToAudioTrack(plugin);
|
|
11365
|
-
}
|
|
11366
|
-
if (!enabled && isPluginAdded) {
|
|
11367
|
-
yield actions.removePluginFromAudioTrack(plugin);
|
|
11368
|
-
}
|
|
11369
|
-
setInProgress(false);
|
|
11370
|
-
}))();
|
|
11371
|
-
}, [actions, enabled, isPluginAdded]);
|
|
11372
|
-
if (!plugin.isSupported() || !room.isNoiseCancellationEnabled || !localPeerAudioTrackID) {
|
|
11453
|
+
const isKrispPluginAdded = (0, import_react_sdk14.useHMSStore)((0, import_react_sdk14.selectIsLocalAudioPluginPresent)(krispPlugin.getName()));
|
|
11454
|
+
if (!krispPlugin.isSupported() || !room.isNoiseCancellationEnabled || !localPeerAudioTrackID) {
|
|
11373
11455
|
return null;
|
|
11374
11456
|
}
|
|
11375
|
-
|
|
11457
|
+
if (actionTile) {
|
|
11458
|
+
return /* @__PURE__ */ import_react46.default.createElement(
|
|
11459
|
+
ActionTile.Root,
|
|
11460
|
+
{
|
|
11461
|
+
active: isNoiseCancellationEnabled && isKrispPluginAdded,
|
|
11462
|
+
disable: inProgress,
|
|
11463
|
+
onClick: () => __async(void 0, null, function* () {
|
|
11464
|
+
yield setNoiseCancellationWithPlugin(!isNoiseCancellationEnabled);
|
|
11465
|
+
setOpenOptionsSheet == null ? void 0 : setOpenOptionsSheet(false);
|
|
11466
|
+
})
|
|
11467
|
+
},
|
|
11468
|
+
/* @__PURE__ */ import_react46.default.createElement(import_react_icons13.AudioLevelIcon, null),
|
|
11469
|
+
/* @__PURE__ */ import_react46.default.createElement(ActionTile.Title, null, isNoiseCancellationEnabled ? "Noise Reduced" : "Reduce Noise")
|
|
11470
|
+
);
|
|
11471
|
+
}
|
|
11472
|
+
if (iconOnly) {
|
|
11473
|
+
return /* @__PURE__ */ import_react46.default.createElement(Tooltip, { title: isNoiseCancellationEnabled ? "Noise Reduced" : "Reduce Noise" }, /* @__PURE__ */ import_react46.default.createElement(
|
|
11474
|
+
IconButton_default,
|
|
11475
|
+
{
|
|
11476
|
+
onClick: () => __async(void 0, null, function* () {
|
|
11477
|
+
yield setNoiseCancellationWithPlugin(!isNoiseCancellationEnabled);
|
|
11478
|
+
}),
|
|
11479
|
+
disabled: inProgress,
|
|
11480
|
+
css: {
|
|
11481
|
+
bg: isNoiseCancellationEnabled && isKrispPluginAdded ? "$surface_brighter" : "$background_dim",
|
|
11482
|
+
borderColor: isNoiseCancellationEnabled && isKrispPluginAdded ? "$border_brighter" : "$border_bright"
|
|
11483
|
+
}
|
|
11484
|
+
},
|
|
11485
|
+
/* @__PURE__ */ import_react46.default.createElement(import_react_icons13.AudioLevelIcon, null)
|
|
11486
|
+
));
|
|
11487
|
+
}
|
|
11488
|
+
return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }), /* @__PURE__ */ import_react46.default.createElement(
|
|
11376
11489
|
Dropdown.Item,
|
|
11377
11490
|
{
|
|
11378
11491
|
css: {
|
|
@@ -11381,29 +11494,29 @@ var init_AudioVideoToggle = __esm({
|
|
|
11381
11494
|
fontSize: "$xs",
|
|
11382
11495
|
justifyContent: "space-between"
|
|
11383
11496
|
},
|
|
11384
|
-
onClick: (e) => {
|
|
11497
|
+
onClick: (e) => __async(void 0, null, function* () {
|
|
11385
11498
|
e.preventDefault();
|
|
11386
|
-
|
|
11387
|
-
}
|
|
11499
|
+
yield setNoiseCancellationWithPlugin(!isNoiseCancellationEnabled);
|
|
11500
|
+
})
|
|
11388
11501
|
},
|
|
11389
|
-
/* @__PURE__ */
|
|
11390
|
-
/* @__PURE__ */
|
|
11502
|
+
/* @__PURE__ */ import_react46.default.createElement(Text, { css: { display: "flex", alignItems: "center", gap: "$2", fontSize: "$xs", "& svg": { size: "$8" } } }, /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.AudioLevelIcon, null), "Reduce Noise"),
|
|
11503
|
+
/* @__PURE__ */ import_react46.default.createElement(
|
|
11391
11504
|
Switch,
|
|
11392
11505
|
{
|
|
11393
11506
|
id: "noise_cancellation",
|
|
11394
|
-
checked:
|
|
11507
|
+
checked: isNoiseCancellationEnabled && isKrispPluginAdded,
|
|
11395
11508
|
disabled: inProgress,
|
|
11396
11509
|
onClick: (e) => e.stopPropagation(),
|
|
11397
|
-
onCheckedChange: (value) => {
|
|
11398
|
-
|
|
11399
|
-
}
|
|
11510
|
+
onCheckedChange: (value) => __async(void 0, null, function* () {
|
|
11511
|
+
yield setNoiseCancellationWithPlugin(value);
|
|
11512
|
+
})
|
|
11400
11513
|
}
|
|
11401
11514
|
)
|
|
11402
|
-
), /* @__PURE__ */
|
|
11515
|
+
), /* @__PURE__ */ import_react46.default.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }));
|
|
11403
11516
|
};
|
|
11404
11517
|
AudioOutputLabel = ({ deviceId }) => {
|
|
11405
11518
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({ deviceId });
|
|
11406
|
-
return /* @__PURE__ */
|
|
11519
|
+
return /* @__PURE__ */ import_react46.default.createElement(OptionLabel, { icon: /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.SpeakerIcon, null) }, /* @__PURE__ */ import_react46.default.createElement(Box, { css: { flex: "1 1 0" } }, "Speakers"), /* @__PURE__ */ import_react46.default.createElement(
|
|
11407
11520
|
Text,
|
|
11408
11521
|
{
|
|
11409
11522
|
variant: "xs",
|
|
@@ -11416,7 +11529,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
11416
11529
|
yield (_a8 = audioRef.current) == null ? void 0 : _a8.play();
|
|
11417
11530
|
})
|
|
11418
11531
|
},
|
|
11419
|
-
/* @__PURE__ */
|
|
11532
|
+
/* @__PURE__ */ import_react46.default.createElement(
|
|
11420
11533
|
"audio",
|
|
11421
11534
|
{
|
|
11422
11535
|
ref: audioRef,
|
|
@@ -11430,7 +11543,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
11430
11543
|
));
|
|
11431
11544
|
};
|
|
11432
11545
|
AudioSettings = ({ onClick }) => {
|
|
11433
|
-
return /* @__PURE__ */
|
|
11546
|
+
return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(
|
|
11434
11547
|
Dropdown.Item,
|
|
11435
11548
|
{
|
|
11436
11549
|
css: {
|
|
@@ -11444,13 +11557,14 @@ var init_AudioVideoToggle = __esm({
|
|
|
11444
11557
|
},
|
|
11445
11558
|
onClick
|
|
11446
11559
|
},
|
|
11447
|
-
/* @__PURE__ */
|
|
11560
|
+
/* @__PURE__ */ import_react46.default.createElement(import_react_icons13.SettingsIcon, null),
|
|
11448
11561
|
" Audio Settings"
|
|
11449
11562
|
));
|
|
11450
11563
|
};
|
|
11451
11564
|
AudioVideoToggle = ({ hideOptions = false }) => {
|
|
11452
11565
|
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk14.useDevices)();
|
|
11453
11566
|
const { videoInput, audioInput, audioOutput } = allDevices;
|
|
11567
|
+
const localPeer = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectLocalPeer);
|
|
11454
11568
|
const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = (0, import_react_sdk14.useAVToggle)();
|
|
11455
11569
|
const actions = (0, import_react_sdk14.useHMSActions)();
|
|
11456
11570
|
const videoTrackId = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectLocalVideoTrackID);
|
|
@@ -11460,40 +11574,40 @@ var init_AudioVideoToggle = __esm({
|
|
|
11460
11574
|
const hasVideoDevices = Number(videoInput == null ? void 0 : videoInput.length) > 0;
|
|
11461
11575
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype && Number(audioOutput == null ? void 0 : audioOutput.length) > 0;
|
|
11462
11576
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
11463
|
-
const [showSettings, setShowSettings] = (0,
|
|
11464
|
-
const
|
|
11577
|
+
const [showSettings, setShowSettings] = (0, import_react46.useState)(false);
|
|
11578
|
+
const isKrispPluginAdded = (0, import_react_sdk14.useHMSStore)((0, import_react_sdk14.selectIsLocalAudioPluginPresent)(krispPlugin.getName()));
|
|
11465
11579
|
const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
|
|
11466
|
-
|
|
11580
|
+
const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
|
|
11581
|
+
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
11582
|
+
(0, import_react46.useEffect)(() => {
|
|
11467
11583
|
(() => __async(void 0, null, function* () {
|
|
11468
|
-
if (isNoiseCancellationEnabled && !
|
|
11469
|
-
yield
|
|
11470
|
-
}
|
|
11471
|
-
if (isNoiseCancellationEnabled && isPluginAdded) {
|
|
11584
|
+
if (isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
|
|
11585
|
+
yield setNoiseCancellationWithPlugin(true);
|
|
11472
11586
|
ToastManager.addToast({
|
|
11473
11587
|
title: `Noise Reduction Enabled`,
|
|
11474
11588
|
variant: "standard",
|
|
11475
11589
|
duration: 2e3,
|
|
11476
|
-
icon: /* @__PURE__ */
|
|
11590
|
+
icon: /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.AudioLevelIcon, null)
|
|
11477
11591
|
});
|
|
11478
11592
|
}
|
|
11479
11593
|
}))();
|
|
11480
|
-
}, [
|
|
11594
|
+
}, [isNoiseCancellationEnabled, localPeer == null ? void 0 : localPeer.audioTrack, inProgress]);
|
|
11481
11595
|
if (!toggleAudio && !toggleVideo) {
|
|
11482
11596
|
return null;
|
|
11483
11597
|
}
|
|
11484
|
-
return /* @__PURE__ */
|
|
11598
|
+
return /* @__PURE__ */ import_react46.default.createElement(import_react46.Fragment, null, toggleAudio ? /* @__PURE__ */ import_react46.default.createElement(
|
|
11485
11599
|
IconButtonWithOptions,
|
|
11486
11600
|
{
|
|
11487
11601
|
disabled: !toggleAudio,
|
|
11488
11602
|
hideOptions: hideOptions || !hasAudioDevices,
|
|
11489
11603
|
onDisabledClick: toggleAudio,
|
|
11490
11604
|
tooltipMessage: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)`,
|
|
11491
|
-
icon: !isLocalAudioEnabled ? /* @__PURE__ */
|
|
11605
|
+
icon: !isLocalAudioEnabled ? /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.MicOnIcon, { "data-testid": "audio_on_btn" }),
|
|
11492
11606
|
active: isLocalAudioEnabled,
|
|
11493
11607
|
onClick: toggleAudio,
|
|
11494
11608
|
key: "toggleAudio"
|
|
11495
11609
|
},
|
|
11496
|
-
/* @__PURE__ */
|
|
11610
|
+
/* @__PURE__ */ import_react46.default.createElement(Dropdown.Group, null, /* @__PURE__ */ import_react46.default.createElement(OptionLabel, { icon: /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.MicOnIcon, null) }, /* @__PURE__ */ import_react46.default.createElement(Box, { css: { flex: "1 1 0" } }, !shouldShowAudioOutput ? "Audio" : "Microphone"), !showMuteIcon && /* @__PURE__ */ import_react46.default.createElement(AudioLevel, { trackId: localPeer == null ? void 0 : localPeer.audioTrack })), /* @__PURE__ */ import_react46.default.createElement(
|
|
11497
11611
|
Options,
|
|
11498
11612
|
{
|
|
11499
11613
|
options: audioInput,
|
|
@@ -11501,8 +11615,8 @@ var init_AudioVideoToggle = __esm({
|
|
|
11501
11615
|
onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk14.DeviceType.audioInput })
|
|
11502
11616
|
}
|
|
11503
11617
|
)),
|
|
11504
|
-
/* @__PURE__ */
|
|
11505
|
-
shouldShowAudioOutput && /* @__PURE__ */
|
|
11618
|
+
/* @__PURE__ */ import_react46.default.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }),
|
|
11619
|
+
shouldShowAudioOutput && /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(AudioOutputLabel, { deviceId: selectedDeviceIDs.audioOutput || "" }), /* @__PURE__ */ import_react46.default.createElement(Dropdown.Group, null, /* @__PURE__ */ import_react46.default.createElement(
|
|
11506
11620
|
Options,
|
|
11507
11621
|
{
|
|
11508
11622
|
options: audioOutput,
|
|
@@ -11510,21 +11624,21 @@ var init_AudioVideoToggle = __esm({
|
|
|
11510
11624
|
onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk14.DeviceType.audioOutput })
|
|
11511
11625
|
}
|
|
11512
11626
|
))),
|
|
11513
|
-
/* @__PURE__ */
|
|
11514
|
-
/* @__PURE__ */
|
|
11515
|
-
) : null, toggleVideo ? /* @__PURE__ */
|
|
11627
|
+
/* @__PURE__ */ import_react46.default.createElement(NoiseCancellation, null),
|
|
11628
|
+
/* @__PURE__ */ import_react46.default.createElement(AudioSettings, { onClick: () => setShowSettings(true) })
|
|
11629
|
+
) : null, toggleVideo ? /* @__PURE__ */ import_react46.default.createElement(
|
|
11516
11630
|
IconButtonWithOptions,
|
|
11517
11631
|
{
|
|
11518
11632
|
disabled: !toggleVideo,
|
|
11519
11633
|
hideOptions: hideOptions || !hasVideoDevices,
|
|
11520
11634
|
onDisabledClick: toggleVideo,
|
|
11521
11635
|
tooltipMessage: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)`,
|
|
11522
|
-
icon: !isLocalVideoEnabled ? /* @__PURE__ */
|
|
11636
|
+
icon: !isLocalVideoEnabled ? /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ import_react46.default.createElement(import_react_icons13.VideoOnIcon, { "data-testid": "video_on_btn" }),
|
|
11523
11637
|
key: "toggleVideo",
|
|
11524
11638
|
active: isLocalVideoEnabled,
|
|
11525
11639
|
onClick: toggleVideo
|
|
11526
11640
|
},
|
|
11527
|
-
/* @__PURE__ */
|
|
11641
|
+
/* @__PURE__ */ import_react46.default.createElement(
|
|
11528
11642
|
Options,
|
|
11529
11643
|
{
|
|
11530
11644
|
options: videoInput,
|
|
@@ -11532,7 +11646,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
11532
11646
|
onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk14.DeviceType.videoInput })
|
|
11533
11647
|
}
|
|
11534
11648
|
)
|
|
11535
|
-
) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk14.HMSRoomState.Preview ? /* @__PURE__ */
|
|
11649
|
+
) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk14.HMSRoomState.Preview ? /* @__PURE__ */ import_react46.default.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ import_react46.default.createElement(
|
|
11536
11650
|
IconButton_default,
|
|
11537
11651
|
{
|
|
11538
11652
|
onClick: () => __async(void 0, null, function* () {
|
|
@@ -11546,19 +11660,19 @@ var init_AudioVideoToggle = __esm({
|
|
|
11546
11660
|
}
|
|
11547
11661
|
})
|
|
11548
11662
|
},
|
|
11549
|
-
/* @__PURE__ */
|
|
11550
|
-
)) : null, showSettings && /* @__PURE__ */
|
|
11663
|
+
/* @__PURE__ */ import_react46.default.createElement(import_react_icons13.CameraFlipIcon, null)
|
|
11664
|
+
)) : null, showSettings && /* @__PURE__ */ import_react46.default.createElement(SettingsModal_default, { open: showSettings, onOpenChange: () => setShowSettings(false), screenType }));
|
|
11551
11665
|
};
|
|
11552
11666
|
}
|
|
11553
11667
|
});
|
|
11554
11668
|
|
|
11555
11669
|
// src/Prebuilt/components/CaptionIcon.tsx
|
|
11556
|
-
var
|
|
11670
|
+
var import_react47, import_react_sdk15, import_react_icons14, CaptionIcon;
|
|
11557
11671
|
var init_CaptionIcon = __esm({
|
|
11558
11672
|
"src/Prebuilt/components/CaptionIcon.tsx"() {
|
|
11559
11673
|
"use strict";
|
|
11560
11674
|
init_define_process_env();
|
|
11561
|
-
|
|
11675
|
+
import_react47 = __toESM(require("react"));
|
|
11562
11676
|
import_react_sdk15 = require("@100mslive/react-sdk");
|
|
11563
11677
|
import_react_icons14 = require("@100mslive/react-icons");
|
|
11564
11678
|
init_Tooltip2();
|
|
@@ -11573,18 +11687,18 @@ var init_CaptionIcon = __esm({
|
|
|
11573
11687
|
if (!isCaptionPresent) {
|
|
11574
11688
|
return null;
|
|
11575
11689
|
}
|
|
11576
|
-
return /* @__PURE__ */
|
|
11690
|
+
return /* @__PURE__ */ import_react47.default.createElement(Tooltip, { title: isCaption ? "Hide closed captions" : "Show closed captions" }, /* @__PURE__ */ import_react47.default.createElement(IconButton_default, { "data-testid": "caption_btn", onClick }, isCaption ? /* @__PURE__ */ import_react47.default.createElement(import_react_icons14.ClosedCaptionIcon, { width: "20", height: "20px" }) : /* @__PURE__ */ import_react47.default.createElement(import_react_icons14.OpenCaptionIcon, { width: "20", height: "20px" })));
|
|
11577
11691
|
};
|
|
11578
11692
|
}
|
|
11579
11693
|
});
|
|
11580
11694
|
|
|
11581
11695
|
// src/Prebuilt/components/Footer/EmojiCard.jsx
|
|
11582
|
-
var
|
|
11696
|
+
var import_react48, emojiReactionList, EmojiCard, EmojiContainer;
|
|
11583
11697
|
var init_EmojiCard = __esm({
|
|
11584
11698
|
"src/Prebuilt/components/Footer/EmojiCard.jsx"() {
|
|
11585
11699
|
"use strict";
|
|
11586
11700
|
init_define_process_env();
|
|
11587
|
-
|
|
11701
|
+
import_react48 = __toESM(require("react"));
|
|
11588
11702
|
init_Layout();
|
|
11589
11703
|
init_Theme();
|
|
11590
11704
|
emojiReactionList = [
|
|
@@ -11592,7 +11706,7 @@ var init_EmojiCard = __esm({
|
|
|
11592
11706
|
[{ emojiId: "tada" }, { emojiId: "heart_eyes" }, { emojiId: "joy" }, { emojiId: "open_mouth" }, { emojiId: "sob" }]
|
|
11593
11707
|
];
|
|
11594
11708
|
EmojiCard = ({ sendReaction }) => {
|
|
11595
|
-
return emojiReactionList.map((emojiLine, index) => /* @__PURE__ */
|
|
11709
|
+
return emojiReactionList.map((emojiLine, index) => /* @__PURE__ */ import_react48.default.createElement(Flex, { key: index, justify: "between", css: { mb: "$8" } }, emojiLine.map((emoji) => /* @__PURE__ */ import_react48.default.createElement(EmojiContainer, { key: emoji.emojiId, onClick: () => sendReaction(emoji.emojiId) }, /* @__PURE__ */ import_react48.default.createElement("em-emoji", { id: emoji.emojiId, size: "100%", set: "apple" })))));
|
|
11596
11710
|
};
|
|
11597
11711
|
EmojiContainer = styled("span", {
|
|
11598
11712
|
position: "relative",
|
|
@@ -11610,17 +11724,17 @@ var init_EmojiCard = __esm({
|
|
|
11610
11724
|
});
|
|
11611
11725
|
|
|
11612
11726
|
// src/Prebuilt/components/hooks/useDropdownList.ts
|
|
11613
|
-
var
|
|
11727
|
+
var import_react49, useDropdownList;
|
|
11614
11728
|
var init_useDropdownList = __esm({
|
|
11615
11729
|
"src/Prebuilt/components/hooks/useDropdownList.ts"() {
|
|
11616
11730
|
"use strict";
|
|
11617
11731
|
init_define_process_env();
|
|
11618
|
-
|
|
11732
|
+
import_react49 = require("react");
|
|
11619
11733
|
init_useUISettings();
|
|
11620
11734
|
init_constants();
|
|
11621
11735
|
useDropdownList = ({ name, open }) => {
|
|
11622
11736
|
const [dropdownList = [], setDropdownList] = useSetAppDataByKey(APP_DATA.dropdownList);
|
|
11623
|
-
(0,
|
|
11737
|
+
(0, import_react49.useEffect)(() => {
|
|
11624
11738
|
if (open) {
|
|
11625
11739
|
if (!dropdownList.includes(name)) {
|
|
11626
11740
|
setDropdownList([...dropdownList, name]);
|
|
@@ -11660,7 +11774,7 @@ function useWaitingRoomInfo() {
|
|
|
11660
11774
|
const peersByRoles = (0, import_react_sdk16.useHMSStore)((0, import_react_sdk16.selectPeersByRoles)((localPeerRole == null ? void 0 : localPeerRole.subscribeParams.subscribeToRoles) || []));
|
|
11661
11775
|
const isNotAllowedToPublish = !(video || audio || screen && isScreenShareAllowed);
|
|
11662
11776
|
const isScreenOnlyPublishParams = screen && !(video || audio);
|
|
11663
|
-
const hasSubscribedRolePublishing = (0,
|
|
11777
|
+
const hasSubscribedRolePublishing = (0, import_react50.useMemo)(() => {
|
|
11664
11778
|
return peersByRoles.some((peer) => {
|
|
11665
11779
|
var _a8;
|
|
11666
11780
|
if (peer.roleName && roles[peer.roleName] && !peer.isLocal) {
|
|
@@ -11675,12 +11789,12 @@ function useWaitingRoomInfo() {
|
|
|
11675
11789
|
hasSubscribedRolePublishing
|
|
11676
11790
|
};
|
|
11677
11791
|
}
|
|
11678
|
-
var
|
|
11792
|
+
var import_react50, import_react_use6, import_join_form2, import_react_sdk16, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants, useIsLandscape, useLandscapeHLSStream, useMobileHLSStream, useKeyboardHandler, useRecordingHandler;
|
|
11679
11793
|
var init_hooks = __esm({
|
|
11680
11794
|
"src/Prebuilt/common/hooks.ts"() {
|
|
11681
11795
|
"use strict";
|
|
11682
11796
|
init_define_process_env();
|
|
11683
|
-
|
|
11797
|
+
import_react50 = require("react");
|
|
11684
11798
|
import_react_use6 = require("react-use");
|
|
11685
11799
|
import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
11686
11800
|
import_react_sdk16 = require("@100mslive/react-sdk");
|
|
@@ -11752,7 +11866,7 @@ var init_hooks = __esm({
|
|
|
11752
11866
|
return isMobile && screenType === "hls_live_streaming";
|
|
11753
11867
|
};
|
|
11754
11868
|
useKeyboardHandler = (isPaused, hlsPlayer2) => {
|
|
11755
|
-
const handleKeyEvent = (0,
|
|
11869
|
+
const handleKeyEvent = (0, import_react50.useCallback)(
|
|
11756
11870
|
(event) => __async(void 0, null, function* () {
|
|
11757
11871
|
switch (event.key) {
|
|
11758
11872
|
case " ":
|
|
@@ -11777,14 +11891,14 @@ var init_hooks = __esm({
|
|
|
11777
11891
|
useRecordingHandler = () => {
|
|
11778
11892
|
const hmsActions = (0, import_react_sdk16.useHMSActions)();
|
|
11779
11893
|
const recordingState = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRecordingState);
|
|
11780
|
-
const [isRecordingLoading, setIsRecordingLoading] = (0,
|
|
11894
|
+
const [isRecordingLoading, setIsRecordingLoading] = (0, import_react50.useState)(false);
|
|
11781
11895
|
const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
|
|
11782
|
-
(0,
|
|
11896
|
+
(0, import_react50.useEffect)(() => {
|
|
11783
11897
|
if (recordingState.browser.error && recordingStarted) {
|
|
11784
11898
|
setRecordingState(false);
|
|
11785
11899
|
}
|
|
11786
11900
|
}, [recordingStarted, recordingState.browser.error, setRecordingState]);
|
|
11787
|
-
const startRecording = (0,
|
|
11901
|
+
const startRecording = (0, import_react50.useCallback)(
|
|
11788
11902
|
(resolution = null) => __async(void 0, null, function* () {
|
|
11789
11903
|
try {
|
|
11790
11904
|
setRecordingState(true);
|
|
@@ -11822,12 +11936,12 @@ var init_hooks = __esm({
|
|
|
11822
11936
|
});
|
|
11823
11937
|
|
|
11824
11938
|
// src/Prebuilt/components/EmojiReaction.jsx
|
|
11825
|
-
var
|
|
11939
|
+
var import_react51, import_react_use7, import_apple, import_emoji_mart, import_react_sdk17, import_react_icons15, EmojiReaction;
|
|
11826
11940
|
var init_EmojiReaction = __esm({
|
|
11827
11941
|
"src/Prebuilt/components/EmojiReaction.jsx"() {
|
|
11828
11942
|
"use strict";
|
|
11829
11943
|
init_define_process_env();
|
|
11830
|
-
|
|
11944
|
+
import_react51 = __toESM(require("react"));
|
|
11831
11945
|
import_react_use7 = require("react-use");
|
|
11832
11946
|
import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
|
|
11833
11947
|
import_emoji_mart = require("emoji-mart");
|
|
@@ -11845,7 +11959,7 @@ var init_EmojiReaction = __esm({
|
|
|
11845
11959
|
init_constants();
|
|
11846
11960
|
(0, import_emoji_mart.init)({ data: import_apple.default });
|
|
11847
11961
|
EmojiReaction = ({ showCard = false }) => {
|
|
11848
|
-
const [open, setOpen] = (0,
|
|
11962
|
+
const [open, setOpen] = (0, import_react51.useState)(false);
|
|
11849
11963
|
const isConnected = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectIsConnectedToRoom);
|
|
11850
11964
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
11851
11965
|
useDropdownList({ open, name: "EmojiReaction" });
|
|
@@ -11872,34 +11986,34 @@ var init_EmojiReaction = __esm({
|
|
|
11872
11986
|
return null;
|
|
11873
11987
|
}
|
|
11874
11988
|
if (showCard) {
|
|
11875
|
-
return /* @__PURE__ */
|
|
11989
|
+
return /* @__PURE__ */ import_react51.default.createElement(EmojiCard, { sendReaction });
|
|
11876
11990
|
}
|
|
11877
|
-
return /* @__PURE__ */
|
|
11991
|
+
return /* @__PURE__ */ import_react51.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react51.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "emoji_reaction_btn" }, /* @__PURE__ */ import_react51.default.createElement(
|
|
11878
11992
|
IconButton_default,
|
|
11879
11993
|
{
|
|
11880
11994
|
css: isMobile || isLandscape ? { bg: "$surface_default", r: "$round", border: "1px solid $border_bright" } : {}
|
|
11881
11995
|
},
|
|
11882
|
-
/* @__PURE__ */
|
|
11883
|
-
)), /* @__PURE__ */
|
|
11996
|
+
/* @__PURE__ */ import_react51.default.createElement(Tooltip, { title: "Emoji reaction" }, /* @__PURE__ */ import_react51.default.createElement(Box, null, /* @__PURE__ */ import_react51.default.createElement(import_react_icons15.EmojiIcon, null)))
|
|
11997
|
+
)), /* @__PURE__ */ import_react51.default.createElement(
|
|
11884
11998
|
Dropdown.Content,
|
|
11885
11999
|
{
|
|
11886
12000
|
sideOffset: 5,
|
|
11887
12001
|
align: isMobileHLSStream || isLandscapeStream ? "end" : "center",
|
|
11888
12002
|
css: { p: "$8", bg: "$surface_default" }
|
|
11889
12003
|
},
|
|
11890
|
-
/* @__PURE__ */
|
|
12004
|
+
/* @__PURE__ */ import_react51.default.createElement(EmojiCard, { sendReaction })
|
|
11891
12005
|
));
|
|
11892
12006
|
};
|
|
11893
12007
|
}
|
|
11894
12008
|
});
|
|
11895
12009
|
|
|
11896
12010
|
// src/Prebuilt/components/Leave/EndSessionContent.tsx
|
|
11897
|
-
var
|
|
12011
|
+
var import_react52, import_react_icons16, EndSessionContent;
|
|
11898
12012
|
var init_EndSessionContent = __esm({
|
|
11899
12013
|
"src/Prebuilt/components/Leave/EndSessionContent.tsx"() {
|
|
11900
12014
|
"use strict";
|
|
11901
12015
|
init_define_process_env();
|
|
11902
|
-
|
|
12016
|
+
import_react52 = __toESM(require("react"));
|
|
11903
12017
|
import_react_icons16 = require("@100mslive/react-icons");
|
|
11904
12018
|
init_Button2();
|
|
11905
12019
|
init_Layout();
|
|
@@ -11910,7 +12024,7 @@ var init_EndSessionContent = __esm({
|
|
|
11910
12024
|
isModal = false,
|
|
11911
12025
|
isStreamingOn = false
|
|
11912
12026
|
}) => {
|
|
11913
|
-
return /* @__PURE__ */
|
|
12027
|
+
return /* @__PURE__ */ import_react52.default.createElement(Box, null, /* @__PURE__ */ import_react52.default.createElement(
|
|
11914
12028
|
Flex,
|
|
11915
12029
|
{
|
|
11916
12030
|
css: {
|
|
@@ -11919,10 +12033,10 @@ var init_EndSessionContent = __esm({
|
|
|
11919
12033
|
alignItems: "center"
|
|
11920
12034
|
}
|
|
11921
12035
|
},
|
|
11922
|
-
/* @__PURE__ */
|
|
11923
|
-
/* @__PURE__ */
|
|
11924
|
-
isModal ? null : /* @__PURE__ */
|
|
11925
|
-
), /* @__PURE__ */
|
|
12036
|
+
/* @__PURE__ */ import_react52.default.createElement(import_react_icons16.AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
|
|
12037
|
+
/* @__PURE__ */ import_react52.default.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "End ", isStreamingOn ? "Stream" : "Session"),
|
|
12038
|
+
isModal ? null : /* @__PURE__ */ import_react52.default.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowEndStreamAlert(false) }, /* @__PURE__ */ import_react52.default.createElement(import_react_icons16.CrossIcon, null))
|
|
12039
|
+
), /* @__PURE__ */ import_react52.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "The ", isStreamingOn ? "stream" : "session", " will end for everyone. You can't undo this action."), /* @__PURE__ */ import_react52.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react52.default.createElement(
|
|
11926
12040
|
Button,
|
|
11927
12041
|
{
|
|
11928
12042
|
outlined: true,
|
|
@@ -11931,7 +12045,7 @@ var init_EndSessionContent = __esm({
|
|
|
11931
12045
|
onClick: () => setShowEndStreamAlert(false)
|
|
11932
12046
|
},
|
|
11933
12047
|
"Cancel"
|
|
11934
|
-
), /* @__PURE__ */
|
|
12048
|
+
), /* @__PURE__ */ import_react52.default.createElement(
|
|
11935
12049
|
Button,
|
|
11936
12050
|
{
|
|
11937
12051
|
variant: "danger",
|
|
@@ -11984,12 +12098,12 @@ var init_LeaveAtoms = __esm({
|
|
|
11984
12098
|
});
|
|
11985
12099
|
|
|
11986
12100
|
// src/Prebuilt/components/Leave/LeaveCard.tsx
|
|
11987
|
-
var
|
|
12101
|
+
var import_react53, LeaveCard;
|
|
11988
12102
|
var init_LeaveCard = __esm({
|
|
11989
12103
|
"src/Prebuilt/components/Leave/LeaveCard.tsx"() {
|
|
11990
12104
|
"use strict";
|
|
11991
12105
|
init_define_process_env();
|
|
11992
|
-
|
|
12106
|
+
import_react53 = __toESM(require("react"));
|
|
11993
12107
|
init_Layout();
|
|
11994
12108
|
init_Text2();
|
|
11995
12109
|
LeaveCard = ({
|
|
@@ -12001,18 +12115,18 @@ var init_LeaveCard = __esm({
|
|
|
12001
12115
|
titleColor,
|
|
12002
12116
|
css: css2 = {}
|
|
12003
12117
|
}) => {
|
|
12004
|
-
return /* @__PURE__ */
|
|
12118
|
+
return /* @__PURE__ */ import_react53.default.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg }, css2), onClick }, /* @__PURE__ */ import_react53.default.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ import_react53.default.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ import_react53.default.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ import_react53.default.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
|
|
12005
12119
|
};
|
|
12006
12120
|
}
|
|
12007
12121
|
});
|
|
12008
12122
|
|
|
12009
12123
|
// src/Prebuilt/components/Leave/LeaveSessionContent.tsx
|
|
12010
|
-
var
|
|
12124
|
+
var import_react54, import_react_icons17, LeaveSessionContent;
|
|
12011
12125
|
var init_LeaveSessionContent = __esm({
|
|
12012
12126
|
"src/Prebuilt/components/Leave/LeaveSessionContent.tsx"() {
|
|
12013
12127
|
"use strict";
|
|
12014
12128
|
init_define_process_env();
|
|
12015
|
-
|
|
12129
|
+
import_react54 = __toESM(require("react"));
|
|
12016
12130
|
import_react_icons17 = require("@100mslive/react-icons");
|
|
12017
12131
|
init_Button2();
|
|
12018
12132
|
init_Layout();
|
|
@@ -12022,7 +12136,7 @@ var init_LeaveSessionContent = __esm({
|
|
|
12022
12136
|
leaveRoom,
|
|
12023
12137
|
isModal = false
|
|
12024
12138
|
}) => {
|
|
12025
|
-
return /* @__PURE__ */
|
|
12139
|
+
return /* @__PURE__ */ import_react54.default.createElement(Box, null, /* @__PURE__ */ import_react54.default.createElement(
|
|
12026
12140
|
Flex,
|
|
12027
12141
|
{
|
|
12028
12142
|
css: {
|
|
@@ -12031,10 +12145,10 @@ var init_LeaveSessionContent = __esm({
|
|
|
12031
12145
|
alignItems: "center"
|
|
12032
12146
|
}
|
|
12033
12147
|
},
|
|
12034
|
-
/* @__PURE__ */
|
|
12035
|
-
/* @__PURE__ */
|
|
12036
|
-
isModal ? null : /* @__PURE__ */
|
|
12037
|
-
), /* @__PURE__ */
|
|
12148
|
+
/* @__PURE__ */ import_react54.default.createElement(import_react_icons17.AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
|
|
12149
|
+
/* @__PURE__ */ import_react54.default.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "Leave"),
|
|
12150
|
+
isModal ? null : /* @__PURE__ */ import_react54.default.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowLeaveRoomAlert(false) }, /* @__PURE__ */ import_react54.default.createElement(import_react_icons17.CrossIcon, null))
|
|
12151
|
+
), /* @__PURE__ */ import_react54.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", mb: "$8", mt: "$4" } }, "Others will continue after you leave. You can join the session again."), /* @__PURE__ */ import_react54.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react54.default.createElement(
|
|
12038
12152
|
Button,
|
|
12039
12153
|
{
|
|
12040
12154
|
outlined: true,
|
|
@@ -12043,7 +12157,7 @@ var init_LeaveSessionContent = __esm({
|
|
|
12043
12157
|
onClick: () => setShowLeaveRoomAlert(false)
|
|
12044
12158
|
},
|
|
12045
12159
|
"Cancel"
|
|
12046
|
-
), /* @__PURE__ */
|
|
12160
|
+
), /* @__PURE__ */ import_react54.default.createElement(
|
|
12047
12161
|
Button,
|
|
12048
12162
|
{
|
|
12049
12163
|
variant: "danger",
|
|
@@ -12061,12 +12175,12 @@ var init_LeaveSessionContent = __esm({
|
|
|
12061
12175
|
});
|
|
12062
12176
|
|
|
12063
12177
|
// src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
|
|
12064
|
-
var
|
|
12178
|
+
var import_react55, import_react_sdk18, import_react_icons18, DesktopLeaveRoom;
|
|
12065
12179
|
var init_DesktopLeaveRoom = __esm({
|
|
12066
12180
|
"src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx"() {
|
|
12067
12181
|
"use strict";
|
|
12068
12182
|
init_define_process_env();
|
|
12069
|
-
|
|
12183
|
+
import_react55 = __toESM(require("react"));
|
|
12070
12184
|
import_react_sdk18 = require("@100mslive/react-sdk");
|
|
12071
12185
|
import_react_icons18 = require("@100mslive/react-icons");
|
|
12072
12186
|
init_Dropdown2();
|
|
@@ -12084,9 +12198,9 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12084
12198
|
endRoom,
|
|
12085
12199
|
container
|
|
12086
12200
|
}) => {
|
|
12087
|
-
const [open, setOpen] = (0,
|
|
12088
|
-
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0,
|
|
12089
|
-
const [showEndStreamAlert, setShowEndStreamAlert] = (0,
|
|
12201
|
+
const [open, setOpen] = (0, import_react55.useState)(false);
|
|
12202
|
+
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react55.useState)(false);
|
|
12203
|
+
const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react55.useState)(false);
|
|
12090
12204
|
const isConnected = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectIsConnectedToRoom);
|
|
12091
12205
|
const permissions = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectPermissions);
|
|
12092
12206
|
const { isStreamingOn } = (0, import_react_sdk18.useRecordingStreaming)();
|
|
@@ -12096,7 +12210,7 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12096
12210
|
if (!permissions || !isConnected) {
|
|
12097
12211
|
return null;
|
|
12098
12212
|
}
|
|
12099
|
-
return /* @__PURE__ */
|
|
12213
|
+
return /* @__PURE__ */ import_react55.default.createElement(import_react55.Fragment, null, showLeaveOptions ? /* @__PURE__ */ import_react55.default.createElement(Flex, null, /* @__PURE__ */ import_react55.default.createElement(
|
|
12100
12214
|
LeaveIconButton,
|
|
12101
12215
|
{
|
|
12102
12216
|
key: "LeaveRoom",
|
|
@@ -12107,8 +12221,8 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12107
12221
|
},
|
|
12108
12222
|
onClick: () => setShowLeaveRoomAlert(true)
|
|
12109
12223
|
},
|
|
12110
|
-
/* @__PURE__ */
|
|
12111
|
-
), /* @__PURE__ */
|
|
12224
|
+
/* @__PURE__ */ import_react55.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react55.default.createElement(Box, null, /* @__PURE__ */ import_react55.default.createElement(import_react_icons18.ExitIcon, { style: { transform: "rotate(180deg)" } })))
|
|
12225
|
+
), /* @__PURE__ */ import_react55.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ import_react55.default.createElement(
|
|
12112
12226
|
Dropdown.Trigger,
|
|
12113
12227
|
{
|
|
12114
12228
|
asChild: true,
|
|
@@ -12118,8 +12232,8 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12118
12232
|
}
|
|
12119
12233
|
}
|
|
12120
12234
|
},
|
|
12121
|
-
/* @__PURE__ */
|
|
12122
|
-
), /* @__PURE__ */
|
|
12235
|
+
/* @__PURE__ */ import_react55.default.createElement(MenuTriggerButton, { "data-testid": "leave_end_dropdown_trigger" }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons18.VerticalMenuIcon, null))
|
|
12236
|
+
), /* @__PURE__ */ import_react55.default.createElement(Dropdown.Portal, { container }, /* @__PURE__ */ import_react55.default.createElement(Dropdown.Content, { css: { p: 0, w: "$100" }, alignOffset: -50, sideOffset: 10 }, /* @__PURE__ */ import_react55.default.createElement(
|
|
12123
12237
|
Dropdown.Item,
|
|
12124
12238
|
{
|
|
12125
12239
|
css: {
|
|
@@ -12130,21 +12244,21 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12130
12244
|
},
|
|
12131
12245
|
"data-testid": "just_leave_btn"
|
|
12132
12246
|
},
|
|
12133
|
-
/* @__PURE__ */
|
|
12247
|
+
/* @__PURE__ */ import_react55.default.createElement(
|
|
12134
12248
|
LeaveCard,
|
|
12135
12249
|
{
|
|
12136
12250
|
title: showStream ? "Leave Stream" : "Leave Session",
|
|
12137
12251
|
subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
|
|
12138
12252
|
bg: "",
|
|
12139
12253
|
titleColor: "$on_surface_high",
|
|
12140
|
-
icon: /* @__PURE__ */
|
|
12254
|
+
icon: /* @__PURE__ */ import_react55.default.createElement(import_react_icons18.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
|
|
12141
12255
|
onClick: () => __async(void 0, null, function* () {
|
|
12142
12256
|
return yield leaveRoom();
|
|
12143
12257
|
}),
|
|
12144
12258
|
css: { p: "$8 $4" }
|
|
12145
12259
|
}
|
|
12146
12260
|
)
|
|
12147
|
-
), /* @__PURE__ */
|
|
12261
|
+
), /* @__PURE__ */ import_react55.default.createElement(
|
|
12148
12262
|
Dropdown.Item,
|
|
12149
12263
|
{
|
|
12150
12264
|
css: {
|
|
@@ -12155,14 +12269,14 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12155
12269
|
},
|
|
12156
12270
|
"data-testid": "end_room_btn"
|
|
12157
12271
|
},
|
|
12158
|
-
/* @__PURE__ */
|
|
12272
|
+
/* @__PURE__ */ import_react55.default.createElement(
|
|
12159
12273
|
LeaveCard,
|
|
12160
12274
|
{
|
|
12161
12275
|
title: showStream ? "End Stream" : "End Session",
|
|
12162
12276
|
subtitle: `The ${showStream ? "stream" : "session"} will end for everyone. You can't undo this action.`,
|
|
12163
12277
|
bg: "",
|
|
12164
12278
|
titleColor: "$alert_error_brighter",
|
|
12165
|
-
icon: /* @__PURE__ */
|
|
12279
|
+
icon: /* @__PURE__ */ import_react55.default.createElement(import_react_icons18.StopIcon, { height: 24, width: 24 }),
|
|
12166
12280
|
onClick: () => {
|
|
12167
12281
|
setOpen(false);
|
|
12168
12282
|
setShowEndStreamAlert(true);
|
|
@@ -12170,7 +12284,7 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12170
12284
|
css: { p: "$8 $4" }
|
|
12171
12285
|
}
|
|
12172
12286
|
)
|
|
12173
|
-
))))) : /* @__PURE__ */
|
|
12287
|
+
))))) : /* @__PURE__ */ import_react55.default.createElement(
|
|
12174
12288
|
LeaveIconButton,
|
|
12175
12289
|
{
|
|
12176
12290
|
onClick: () => {
|
|
@@ -12179,8 +12293,8 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12179
12293
|
key: "LeaveRoom",
|
|
12180
12294
|
"data-testid": "leave_room_btn"
|
|
12181
12295
|
},
|
|
12182
|
-
/* @__PURE__ */
|
|
12183
|
-
), /* @__PURE__ */
|
|
12296
|
+
/* @__PURE__ */ import_react55.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react55.default.createElement(Box, null, /* @__PURE__ */ import_react55.default.createElement(import_react_icons18.ExitIcon, { style: { transform: "rotate(180deg)" } })))
|
|
12297
|
+
), /* @__PURE__ */ import_react55.default.createElement(Dialog.Root, { open: showEndStreamAlert, modal: false }, /* @__PURE__ */ import_react55.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react55.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react55.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react55.default.createElement(
|
|
12184
12298
|
EndSessionContent,
|
|
12185
12299
|
{
|
|
12186
12300
|
setShowEndStreamAlert,
|
|
@@ -12188,18 +12302,18 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
12188
12302
|
isStreamingOn,
|
|
12189
12303
|
isModal: true
|
|
12190
12304
|
}
|
|
12191
|
-
)))), /* @__PURE__ */
|
|
12305
|
+
)))), /* @__PURE__ */ import_react55.default.createElement(Dialog.Root, { open: showLeaveRoomAlert, modal: false }, /* @__PURE__ */ import_react55.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react55.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react55.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react55.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom, isModal: true })))));
|
|
12192
12306
|
};
|
|
12193
12307
|
}
|
|
12194
12308
|
});
|
|
12195
12309
|
|
|
12196
12310
|
// src/Prebuilt/components/Leave/MwebLeaveRoom.tsx
|
|
12197
|
-
var
|
|
12311
|
+
var import_react56, import_react_sdk19, import_react_icons19, MwebLeaveRoom, LeaveButton;
|
|
12198
12312
|
var init_MwebLeaveRoom = __esm({
|
|
12199
12313
|
"src/Prebuilt/components/Leave/MwebLeaveRoom.tsx"() {
|
|
12200
12314
|
"use strict";
|
|
12201
12315
|
init_define_process_env();
|
|
12202
|
-
|
|
12316
|
+
import_react56 = __toESM(require("react"));
|
|
12203
12317
|
import_react_sdk19 = require("@100mslive/react-sdk");
|
|
12204
12318
|
import_react_icons19 = require("@100mslive/react-icons");
|
|
12205
12319
|
init_IconButton2();
|
|
@@ -12218,10 +12332,10 @@ var init_MwebLeaveRoom = __esm({
|
|
|
12218
12332
|
endRoom,
|
|
12219
12333
|
container
|
|
12220
12334
|
}) => {
|
|
12221
|
-
const [open, setOpen] = (0,
|
|
12335
|
+
const [open, setOpen] = (0, import_react56.useState)(false);
|
|
12222
12336
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
12223
|
-
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0,
|
|
12224
|
-
const [showEndStreamAlert, setShowEndStreamAlert] = (0,
|
|
12337
|
+
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react56.useState)(false);
|
|
12338
|
+
const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react56.useState)(false);
|
|
12225
12339
|
const isConnected = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectIsConnectedToRoom);
|
|
12226
12340
|
const permissions = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectPermissions);
|
|
12227
12341
|
const { isStreamingOn } = (0, import_react_sdk19.useRecordingStreaming)();
|
|
@@ -12231,27 +12345,27 @@ var init_MwebLeaveRoom = __esm({
|
|
|
12231
12345
|
if (!permissions || !isConnected) {
|
|
12232
12346
|
return null;
|
|
12233
12347
|
}
|
|
12234
|
-
return /* @__PURE__ */
|
|
12348
|
+
return /* @__PURE__ */ import_react56.default.createElement(import_react56.Fragment, null, showLeaveOptions ? /* @__PURE__ */ import_react56.default.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react56.default.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ import_react56.default.createElement(
|
|
12235
12349
|
LeaveButton,
|
|
12236
12350
|
{
|
|
12237
12351
|
onClick: () => {
|
|
12238
12352
|
setOpen((open2) => !open2);
|
|
12239
12353
|
}
|
|
12240
12354
|
}
|
|
12241
|
-
)), /* @__PURE__ */
|
|
12355
|
+
)), /* @__PURE__ */ import_react56.default.createElement(Sheet.Content, { container }, /* @__PURE__ */ import_react56.default.createElement(
|
|
12242
12356
|
LeaveCard,
|
|
12243
12357
|
{
|
|
12244
12358
|
title: showStream ? "Leave Stream" : "Leave Session",
|
|
12245
12359
|
subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
|
|
12246
12360
|
bg: "$surface_default",
|
|
12247
12361
|
titleColor: "$on_surface_high",
|
|
12248
|
-
icon: /* @__PURE__ */
|
|
12362
|
+
icon: /* @__PURE__ */ import_react56.default.createElement(import_react_icons19.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
|
|
12249
12363
|
onClick: () => __async(void 0, null, function* () {
|
|
12250
12364
|
return yield leaveRoom();
|
|
12251
12365
|
}),
|
|
12252
12366
|
css: { pt: 0, mt: "$10", color: "$on_surface_low", "&:hover": { color: "$on_surface_high" } }
|
|
12253
12367
|
}
|
|
12254
|
-
), /* @__PURE__ */
|
|
12368
|
+
), /* @__PURE__ */ import_react56.default.createElement(
|
|
12255
12369
|
LeaveCard,
|
|
12256
12370
|
{
|
|
12257
12371
|
title: showStream ? "End Stream" : "End Session",
|
|
@@ -12259,25 +12373,25 @@ var init_MwebLeaveRoom = __esm({
|
|
|
12259
12373
|
bg: "$alert_error_dim",
|
|
12260
12374
|
titleColor: "$alert_error_brighter",
|
|
12261
12375
|
css: { color: "$alert_error_bright", "&:hover": { color: "$alert_error_brighter" } },
|
|
12262
|
-
icon: /* @__PURE__ */
|
|
12376
|
+
icon: /* @__PURE__ */ import_react56.default.createElement(import_react_icons19.StopIcon, { height: 24, width: 24 }),
|
|
12263
12377
|
onClick: () => {
|
|
12264
12378
|
setOpen(false);
|
|
12265
12379
|
setShowEndStreamAlert(true);
|
|
12266
12380
|
}
|
|
12267
12381
|
}
|
|
12268
|
-
))) : /* @__PURE__ */
|
|
12382
|
+
))) : /* @__PURE__ */ import_react56.default.createElement(LeaveButton, { onClick: () => setShowLeaveRoomAlert(true) }), /* @__PURE__ */ import_react56.default.createElement(Sheet.Root, { open: showEndStreamAlert, onOpenChange: setShowEndStreamAlert }, /* @__PURE__ */ import_react56.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" }, container }, /* @__PURE__ */ import_react56.default.createElement(
|
|
12269
12383
|
EndSessionContent,
|
|
12270
12384
|
{
|
|
12271
12385
|
setShowEndStreamAlert,
|
|
12272
12386
|
leaveRoom: isStreamingOn ? leaveRoom : endRoom,
|
|
12273
12387
|
isStreamingOn
|
|
12274
12388
|
}
|
|
12275
|
-
))), /* @__PURE__ */
|
|
12389
|
+
))), /* @__PURE__ */ import_react56.default.createElement(Sheet.Root, { open: showLeaveRoomAlert, onOpenChange: setShowLeaveRoomAlert }, /* @__PURE__ */ import_react56.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" }, container }, /* @__PURE__ */ import_react56.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom }))));
|
|
12276
12390
|
};
|
|
12277
12391
|
LeaveButton = ({ onClick }) => {
|
|
12278
12392
|
const isMobileHLSStream = useMobileHLSStream();
|
|
12279
12393
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
12280
|
-
return isMobileHLSStream || isLandscapeHLSStream ? /* @__PURE__ */
|
|
12394
|
+
return isMobileHLSStream || isLandscapeHLSStream ? /* @__PURE__ */ import_react56.default.createElement(IconButton, { key: "LeaveRoom", "data-testid": "leave_room_btn", onClick }, /* @__PURE__ */ import_react56.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react56.default.createElement(Box, null, /* @__PURE__ */ import_react56.default.createElement(import_react_icons19.CrossIcon, null)))) : /* @__PURE__ */ import_react56.default.createElement(
|
|
12281
12395
|
LeaveIconButton,
|
|
12282
12396
|
{
|
|
12283
12397
|
key: "LeaveRoom",
|
|
@@ -12288,19 +12402,19 @@ var init_MwebLeaveRoom = __esm({
|
|
|
12288
12402
|
},
|
|
12289
12403
|
onClick
|
|
12290
12404
|
},
|
|
12291
|
-
/* @__PURE__ */
|
|
12405
|
+
/* @__PURE__ */ import_react56.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react56.default.createElement(Box, null, /* @__PURE__ */ import_react56.default.createElement(import_react_icons19.ExitIcon, { style: { transform: "rotate(180deg)" } })))
|
|
12292
12406
|
);
|
|
12293
12407
|
};
|
|
12294
12408
|
}
|
|
12295
12409
|
});
|
|
12296
12410
|
|
|
12297
12411
|
// src/Prebuilt/components/Leave/LeaveRoom.tsx
|
|
12298
|
-
var
|
|
12412
|
+
var import_react57, import_react_use8, import_react_sdk20, LeaveRoom;
|
|
12299
12413
|
var init_LeaveRoom = __esm({
|
|
12300
12414
|
"src/Prebuilt/components/Leave/LeaveRoom.tsx"() {
|
|
12301
12415
|
"use strict";
|
|
12302
12416
|
init_define_process_env();
|
|
12303
|
-
|
|
12417
|
+
import_react57 = __toESM(require("react"));
|
|
12304
12418
|
import_react_use8 = require("react-use");
|
|
12305
12419
|
import_react_sdk20 = require("@100mslive/react-sdk");
|
|
12306
12420
|
init_Theme();
|
|
@@ -12352,9 +12466,9 @@ var init_LeaveRoom = __esm({
|
|
|
12352
12466
|
return null;
|
|
12353
12467
|
}
|
|
12354
12468
|
if (isMobileHLSStream || isLandscapeHLSStream) {
|
|
12355
|
-
return /* @__PURE__ */
|
|
12469
|
+
return /* @__PURE__ */ import_react57.default.createElement(MwebLeaveRoom, { leaveRoom, endRoom, container });
|
|
12356
12470
|
}
|
|
12357
|
-
return isMobile ? /* @__PURE__ */
|
|
12471
|
+
return isMobile ? /* @__PURE__ */ import_react57.default.createElement(MwebLeaveRoom, { leaveRoom, endRoom, container }) : /* @__PURE__ */ import_react57.default.createElement(DesktopLeaveRoom, { leaveRoom, screenType, endRoom, container });
|
|
12358
12472
|
};
|
|
12359
12473
|
}
|
|
12360
12474
|
});
|
|
@@ -12841,12 +12955,12 @@ var init_SetupMediaSession = __esm({
|
|
|
12841
12955
|
});
|
|
12842
12956
|
|
|
12843
12957
|
// src/Prebuilt/components/PIP/PIPComponent.tsx
|
|
12844
|
-
var
|
|
12958
|
+
var import_react58, import_react_sdk22, import_react_icons20, PIPComponent, ActivatedPIP, PIPComponent_default;
|
|
12845
12959
|
var init_PIPComponent = __esm({
|
|
12846
12960
|
"src/Prebuilt/components/PIP/PIPComponent.tsx"() {
|
|
12847
12961
|
"use strict";
|
|
12848
12962
|
init_define_process_env();
|
|
12849
|
-
|
|
12963
|
+
import_react58 = __toESM(require("react"));
|
|
12850
12964
|
import_react_sdk22 = require("@100mslive/react-sdk");
|
|
12851
12965
|
import_react_icons20 = require("@100mslive/react-icons");
|
|
12852
12966
|
init_src();
|
|
@@ -12855,10 +12969,10 @@ var init_PIPComponent = __esm({
|
|
|
12855
12969
|
init_SetupMediaSession();
|
|
12856
12970
|
init_useUISettings();
|
|
12857
12971
|
PIPComponent = ({ content = null }) => {
|
|
12858
|
-
const [isPipOn, setIsPipOn] = (0,
|
|
12972
|
+
const [isPipOn, setIsPipOn] = (0, import_react58.useState)(PictureInPicture.isOn());
|
|
12859
12973
|
const hmsActions = (0, import_react_sdk22.useHMSActions)();
|
|
12860
12974
|
const store = (0, import_react_sdk22.useHMSVanillaStore)();
|
|
12861
|
-
const onPipToggle = (0,
|
|
12975
|
+
const onPipToggle = (0, import_react58.useCallback)(() => {
|
|
12862
12976
|
if (!isPipOn) {
|
|
12863
12977
|
PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
|
|
12864
12978
|
MediaSession.setup(hmsActions, store);
|
|
@@ -12869,12 +12983,12 @@ var init_PIPComponent = __esm({
|
|
|
12869
12983
|
if (!PictureInPicture.isSupported()) {
|
|
12870
12984
|
return null;
|
|
12871
12985
|
}
|
|
12872
|
-
return /* @__PURE__ */
|
|
12986
|
+
return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, content ? /* @__PURE__ */ import_react58.default.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ import_react58.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react58.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react58.default.createElement(import_react_icons20.PipIcon, null))));
|
|
12873
12987
|
};
|
|
12874
12988
|
ActivatedPIP = () => {
|
|
12875
12989
|
const store = (0, import_react_sdk22.useHMSVanillaStore)();
|
|
12876
12990
|
const pinnedTrack = usePinnedTrack();
|
|
12877
|
-
(0,
|
|
12991
|
+
(0, import_react58.useEffect)(() => {
|
|
12878
12992
|
function subscribeToStore() {
|
|
12879
12993
|
return store.subscribe((tracksMap) => {
|
|
12880
12994
|
let pipPeers = store.getState(import_react_sdk22.selectPeers);
|
|
@@ -12902,33 +13016,33 @@ var init_PIPComponent = __esm({
|
|
|
12902
13016
|
unsubscribe = void 0;
|
|
12903
13017
|
};
|
|
12904
13018
|
}, [pinnedTrack, store]);
|
|
12905
|
-
return /* @__PURE__ */
|
|
13019
|
+
return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null);
|
|
12906
13020
|
};
|
|
12907
13021
|
PIPComponent_default = PIPComponent;
|
|
12908
13022
|
}
|
|
12909
13023
|
});
|
|
12910
13024
|
|
|
12911
13025
|
// src/Prebuilt/components/PIP/index.jsx
|
|
12912
|
-
var
|
|
13026
|
+
var import_react59, PIP;
|
|
12913
13027
|
var init_PIP = __esm({
|
|
12914
13028
|
"src/Prebuilt/components/PIP/index.jsx"() {
|
|
12915
13029
|
"use strict";
|
|
12916
13030
|
init_define_process_env();
|
|
12917
|
-
|
|
13031
|
+
import_react59 = __toESM(require("react"));
|
|
12918
13032
|
init_PIPComponent();
|
|
12919
13033
|
PIP = ({ content = null }) => {
|
|
12920
|
-
return /* @__PURE__ */
|
|
13034
|
+
return /* @__PURE__ */ import_react59.default.createElement(PIPComponent_default, { content });
|
|
12921
13035
|
};
|
|
12922
13036
|
}
|
|
12923
13037
|
});
|
|
12924
13038
|
|
|
12925
13039
|
// src/Prebuilt/components/RoleChangeModal.tsx
|
|
12926
|
-
var
|
|
13040
|
+
var import_react60, import_react_use9, import_react_sdk23, import_react_icons21, HighlightTerm, RoleChangeContent, RoleChangeModal;
|
|
12927
13041
|
var init_RoleChangeModal = __esm({
|
|
12928
13042
|
"src/Prebuilt/components/RoleChangeModal.tsx"() {
|
|
12929
13043
|
"use strict";
|
|
12930
13044
|
init_define_process_env();
|
|
12931
|
-
|
|
13045
|
+
import_react60 = __toESM(require("react"));
|
|
12932
13046
|
import_react_use9 = require("react-use");
|
|
12933
13047
|
import_react_sdk23 = require("@100mslive/react-sdk");
|
|
12934
13048
|
import_react_icons21 = require("@100mslive/react-icons");
|
|
@@ -12941,7 +13055,7 @@ var init_RoleChangeModal = __esm({
|
|
|
12941
13055
|
init_Theme();
|
|
12942
13056
|
init_Tooltip2();
|
|
12943
13057
|
HighlightTerm = ({ value }) => {
|
|
12944
|
-
return value ? /* @__PURE__ */
|
|
13058
|
+
return value ? /* @__PURE__ */ import_react60.default.createElement(Tooltip, { side: "top", title: value }, /* @__PURE__ */ import_react60.default.createElement(
|
|
12945
13059
|
Text,
|
|
12946
13060
|
{
|
|
12947
13061
|
variant: "body2",
|
|
@@ -12954,7 +13068,7 @@ var init_RoleChangeModal = __esm({
|
|
|
12954
13068
|
value.slice(0, 100),
|
|
12955
13069
|
value.length > 100 ? "..." : "",
|
|
12956
13070
|
"'"
|
|
12957
|
-
)) : /* @__PURE__ */
|
|
13071
|
+
)) : /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null);
|
|
12958
13072
|
};
|
|
12959
13073
|
RoleChangeContent = ({
|
|
12960
13074
|
peer,
|
|
@@ -12965,11 +13079,11 @@ var init_RoleChangeModal = __esm({
|
|
|
12965
13079
|
const roles = (0, import_react_sdk23.useHMSStore)(import_react_sdk23.selectAvailableRoleNames).filter(
|
|
12966
13080
|
(role) => role !== (peer == null ? void 0 : peer.roleName) && role !== "__internal_recorder"
|
|
12967
13081
|
);
|
|
12968
|
-
const [selectedRole, setRole] = (0,
|
|
13082
|
+
const [selectedRole, setRole] = (0, import_react60.useState)(((_a8 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a8[0]) || (peer == null ? void 0 : peer.roleName));
|
|
12969
13083
|
const hmsActions = (0, import_react_sdk23.useHMSActions)();
|
|
12970
|
-
const [open, setOpen] = (0,
|
|
12971
|
-
const triggerRef = (0,
|
|
12972
|
-
return /* @__PURE__ */
|
|
13084
|
+
const [open, setOpen] = (0, import_react60.useState)(false);
|
|
13085
|
+
const triggerRef = (0, import_react60.useRef)();
|
|
13086
|
+
return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react60.default.createElement(Text, { as: "h6", variant: "h6" }, "Switch Role"), isMobile && /* @__PURE__ */ import_react60.default.createElement(import_react_icons21.CrossIcon, { onClick: () => onOpenChange(false) })), /* @__PURE__ */ import_react60.default.createElement(Box, null, /* @__PURE__ */ import_react60.default.createElement(
|
|
12973
13087
|
Text,
|
|
12974
13088
|
{
|
|
12975
13089
|
variant: "sm",
|
|
@@ -12983,11 +13097,11 @@ var init_RoleChangeModal = __esm({
|
|
|
12983
13097
|
}
|
|
12984
13098
|
},
|
|
12985
13099
|
"Switch the role of",
|
|
12986
|
-
/* @__PURE__ */
|
|
13100
|
+
/* @__PURE__ */ import_react60.default.createElement(HighlightTerm, { value: peer.name }),
|
|
12987
13101
|
"from ",
|
|
12988
|
-
/* @__PURE__ */
|
|
13102
|
+
/* @__PURE__ */ import_react60.default.createElement(HighlightTerm, { value: peer.roleName }),
|
|
12989
13103
|
" to"
|
|
12990
|
-
)), /* @__PURE__ */
|
|
13104
|
+
)), /* @__PURE__ */ import_react60.default.createElement(
|
|
12991
13105
|
Flex,
|
|
12992
13106
|
{
|
|
12993
13107
|
align: "center",
|
|
@@ -12996,7 +13110,7 @@ var init_RoleChangeModal = __esm({
|
|
|
12996
13110
|
mb: "$10"
|
|
12997
13111
|
}
|
|
12998
13112
|
},
|
|
12999
|
-
/* @__PURE__ */
|
|
13113
|
+
/* @__PURE__ */ import_react60.default.createElement(
|
|
13000
13114
|
Box,
|
|
13001
13115
|
{
|
|
13002
13116
|
css: {
|
|
@@ -13005,7 +13119,7 @@ var init_RoleChangeModal = __esm({
|
|
|
13005
13119
|
minWidth: 0
|
|
13006
13120
|
}
|
|
13007
13121
|
},
|
|
13008
|
-
/* @__PURE__ */
|
|
13122
|
+
/* @__PURE__ */ import_react60.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen, css: { width: "100%" } }, /* @__PURE__ */ import_react60.default.createElement(
|
|
13009
13123
|
Dropdown.Trigger,
|
|
13010
13124
|
{
|
|
13011
13125
|
ref: triggerRef,
|
|
@@ -13017,10 +13131,10 @@ var init_RoleChangeModal = __esm({
|
|
|
13017
13131
|
p: "$6 $9"
|
|
13018
13132
|
}
|
|
13019
13133
|
},
|
|
13020
|
-
/* @__PURE__ */
|
|
13021
|
-
), /* @__PURE__ */
|
|
13134
|
+
/* @__PURE__ */ import_react60.default.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react60.default.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ import_react60.default.createElement(import_react_icons21.ChevronUpIcon, null) : /* @__PURE__ */ import_react60.default.createElement(import_react_icons21.ChevronDownIcon, null))
|
|
13135
|
+
), /* @__PURE__ */ import_react60.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { zIndex: 1e3, w: "100%" } }, roles.map((role) => {
|
|
13022
13136
|
var _a9;
|
|
13023
|
-
return /* @__PURE__ */
|
|
13137
|
+
return /* @__PURE__ */ import_react60.default.createElement(
|
|
13024
13138
|
Dropdown.Item,
|
|
13025
13139
|
{
|
|
13026
13140
|
"data-testid": role,
|
|
@@ -13032,7 +13146,7 @@ var init_RoleChangeModal = __esm({
|
|
|
13032
13146
|
);
|
|
13033
13147
|
})))
|
|
13034
13148
|
)
|
|
13035
|
-
), /* @__PURE__ */
|
|
13149
|
+
), /* @__PURE__ */ import_react60.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, !isMobile && /* @__PURE__ */ import_react60.default.createElement(
|
|
13036
13150
|
Button,
|
|
13037
13151
|
{
|
|
13038
13152
|
variant: "standard",
|
|
@@ -13042,7 +13156,7 @@ var init_RoleChangeModal = __esm({
|
|
|
13042
13156
|
"data-testid": "cancel_button"
|
|
13043
13157
|
},
|
|
13044
13158
|
"Cancel"
|
|
13045
|
-
), /* @__PURE__ */
|
|
13159
|
+
), /* @__PURE__ */ import_react60.default.createElement(
|
|
13046
13160
|
Button,
|
|
13047
13161
|
{
|
|
13048
13162
|
"data-testid": "change_button",
|
|
@@ -13068,20 +13182,20 @@ var init_RoleChangeModal = __esm({
|
|
|
13068
13182
|
return null;
|
|
13069
13183
|
}
|
|
13070
13184
|
if (isMobile) {
|
|
13071
|
-
return /* @__PURE__ */
|
|
13185
|
+
return /* @__PURE__ */ import_react60.default.createElement(Sheet.Root, { open: true, onOpenChange, css: { borderRadius: "$0 $0 0 0" } }, /* @__PURE__ */ import_react60.default.createElement(Sheet.Content, { css: { p: "$10 $8", background: "$surface_dim", border: "1px solid $border_default" } }, /* @__PURE__ */ import_react60.default.createElement(RoleChangeContent, { peer, onOpenChange, isMobile: true })));
|
|
13072
13186
|
}
|
|
13073
|
-
return /* @__PURE__ */
|
|
13187
|
+
return /* @__PURE__ */ import_react60.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react60.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react60.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react60.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10", overflow: "visible" } }, /* @__PURE__ */ import_react60.default.createElement(RoleChangeContent, { peer, onOpenChange }))));
|
|
13074
13188
|
};
|
|
13075
13189
|
}
|
|
13076
13190
|
});
|
|
13077
13191
|
|
|
13078
13192
|
// src/Prebuilt/primitives/DialogContent.jsx
|
|
13079
|
-
var
|
|
13193
|
+
var import_react61, import_react_icons22, DialogContent, ErrorDialog, RequestDialog, DialogRow, DialogCol, DialogSelect, DialogInputFile;
|
|
13080
13194
|
var init_DialogContent2 = __esm({
|
|
13081
13195
|
"src/Prebuilt/primitives/DialogContent.jsx"() {
|
|
13082
13196
|
"use strict";
|
|
13083
13197
|
init_define_process_env();
|
|
13084
|
-
|
|
13198
|
+
import_react61 = __toESM(require("react"));
|
|
13085
13199
|
import_react_icons22 = require("@100mslive/react-icons");
|
|
13086
13200
|
init_Button2();
|
|
13087
13201
|
init_Divider2();
|
|
@@ -13095,11 +13209,11 @@ var init_DialogContent2 = __esm({
|
|
|
13095
13209
|
init_utils();
|
|
13096
13210
|
DialogContent = (_a8) => {
|
|
13097
13211
|
var _b7 = _a8, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
|
|
13098
|
-
return /* @__PURE__ */
|
|
13212
|
+
return /* @__PURE__ */ import_react61.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react61.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react61.default.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ import_react61.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react61.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react61.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon4 ? /* @__PURE__ */ import_react61.default.createElement(Flex, { css: __spreadValues(__spreadValues({ mr: "$2", color: "$on_primary_high" }, flexCenter), iconCSS) }, /* @__PURE__ */ import_react61.default.createElement(Icon4, null)) : null, /* @__PURE__ */ import_react61.default.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ import_react61.default.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ import_react61.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ import_react61.default.createElement(Box, null, children)));
|
|
13099
13213
|
};
|
|
13100
13214
|
ErrorDialog = (_a8) => {
|
|
13101
13215
|
var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
|
|
13102
|
-
return /* @__PURE__ */
|
|
13216
|
+
return /* @__PURE__ */ import_react61.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react61.default.createElement(
|
|
13103
13217
|
DialogContent,
|
|
13104
13218
|
__spreadValues({
|
|
13105
13219
|
Icon: import_react_icons22.CrossIcon,
|
|
@@ -13110,10 +13224,10 @@ var init_DialogContent2 = __esm({
|
|
|
13110
13224
|
closeable: false,
|
|
13111
13225
|
iconCSS: { color: "$alert_error_default" }
|
|
13112
13226
|
}, props),
|
|
13113
|
-
/* @__PURE__ */
|
|
13227
|
+
/* @__PURE__ */ import_react61.default.createElement(Box, { css: { mt: "$lg" } }, children)
|
|
13114
13228
|
));
|
|
13115
13229
|
};
|
|
13116
|
-
RequestDialog = ({ open = true, onOpenChange, title, body, actionText = "Accept", onAction, Icon: Icon4 }) => /* @__PURE__ */
|
|
13230
|
+
RequestDialog = ({ open = true, onOpenChange, title, body, actionText = "Accept", onAction, Icon: Icon4 }) => /* @__PURE__ */ import_react61.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react61.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react61.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react61.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react61.default.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md" } }, Icon4 ? Icon4 : null, /* @__PURE__ */ import_react61.default.createElement(Text, { variant: "h6" }, title)), typeof body === "string" ? /* @__PURE__ */ import_react61.default.createElement(
|
|
13117
13231
|
Text,
|
|
13118
13232
|
{
|
|
13119
13233
|
variant: "md",
|
|
@@ -13125,7 +13239,7 @@ var init_DialogContent2 = __esm({
|
|
|
13125
13239
|
}
|
|
13126
13240
|
},
|
|
13127
13241
|
body
|
|
13128
|
-
) : /* @__PURE__ */
|
|
13242
|
+
) : /* @__PURE__ */ import_react61.default.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ import_react61.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ import_react61.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react61.default.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ import_react61.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Cancel"))), /* @__PURE__ */ import_react61.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react61.default.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText))))));
|
|
13129
13243
|
DialogRow = ({ children, breakSm = false, css: css2, justify = "between" }) => {
|
|
13130
13244
|
let finalCSS = {
|
|
13131
13245
|
margin: "$10 0",
|
|
@@ -13140,7 +13254,7 @@ var init_DialogContent2 = __esm({
|
|
|
13140
13254
|
if (css2) {
|
|
13141
13255
|
finalCSS = Object.assign(finalCSS, css2);
|
|
13142
13256
|
}
|
|
13143
|
-
return /* @__PURE__ */
|
|
13257
|
+
return /* @__PURE__ */ import_react61.default.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
|
|
13144
13258
|
};
|
|
13145
13259
|
DialogCol = (_a8) => {
|
|
13146
13260
|
var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
|
|
@@ -13156,20 +13270,20 @@ var init_DialogContent2 = __esm({
|
|
|
13156
13270
|
if (css2) {
|
|
13157
13271
|
finalCSS = Object.assign(finalCSS, css2);
|
|
13158
13272
|
}
|
|
13159
|
-
return /* @__PURE__ */
|
|
13273
|
+
return /* @__PURE__ */ import_react61.default.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
|
|
13160
13274
|
};
|
|
13161
13275
|
DialogSelect = (_a8) => {
|
|
13162
13276
|
var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
|
|
13163
|
-
return /* @__PURE__ */
|
|
13277
|
+
return /* @__PURE__ */ import_react61.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react61.default.createElement(Label3, null, title), /* @__PURE__ */ import_react61.default.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react61.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react61.default.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
|
|
13164
13278
|
const id = keyField ? option[keyField] : option;
|
|
13165
13279
|
const label = labelField ? option[labelField] : option;
|
|
13166
|
-
return /* @__PURE__ */
|
|
13280
|
+
return /* @__PURE__ */ import_react61.default.createElement("option", { value: id, key: id }, label);
|
|
13167
13281
|
}))));
|
|
13168
13282
|
};
|
|
13169
13283
|
DialogInputFile = (_a8) => {
|
|
13170
13284
|
var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
|
|
13171
|
-
const inputRef = (0,
|
|
13172
|
-
return /* @__PURE__ */
|
|
13285
|
+
const inputRef = (0, import_react61.useRef)();
|
|
13286
|
+
return /* @__PURE__ */ import_react61.default.createElement(
|
|
13173
13287
|
DialogCol,
|
|
13174
13288
|
{
|
|
13175
13289
|
breakSm: true,
|
|
@@ -13190,7 +13304,7 @@ var init_DialogContent2 = __esm({
|
|
|
13190
13304
|
},
|
|
13191
13305
|
gap: "8"
|
|
13192
13306
|
},
|
|
13193
|
-
/* @__PURE__ */
|
|
13307
|
+
/* @__PURE__ */ import_react61.default.createElement(
|
|
13194
13308
|
IconButton,
|
|
13195
13309
|
{
|
|
13196
13310
|
variant: "standard",
|
|
@@ -13204,7 +13318,7 @@ var init_DialogContent2 = __esm({
|
|
|
13204
13318
|
}
|
|
13205
13319
|
}
|
|
13206
13320
|
},
|
|
13207
|
-
/* @__PURE__ */
|
|
13321
|
+
/* @__PURE__ */ import_react61.default.createElement(
|
|
13208
13322
|
import_react_icons22.CloudUploadIcon,
|
|
13209
13323
|
{
|
|
13210
13324
|
style: {
|
|
@@ -13214,7 +13328,7 @@ var init_DialogContent2 = __esm({
|
|
|
13214
13328
|
}
|
|
13215
13329
|
)
|
|
13216
13330
|
),
|
|
13217
|
-
/* @__PURE__ */
|
|
13331
|
+
/* @__PURE__ */ import_react61.default.createElement(Flex, { direction: "row" }, /* @__PURE__ */ import_react61.default.createElement(
|
|
13218
13332
|
Input,
|
|
13219
13333
|
__spreadValues({
|
|
13220
13334
|
ref: inputRef,
|
|
@@ -13226,7 +13340,7 @@ var init_DialogContent2 = __esm({
|
|
|
13226
13340
|
type,
|
|
13227
13341
|
hidden: true
|
|
13228
13342
|
}, props)
|
|
13229
|
-
), /* @__PURE__ */
|
|
13343
|
+
), /* @__PURE__ */ import_react61.default.createElement(
|
|
13230
13344
|
IconButton,
|
|
13231
13345
|
{
|
|
13232
13346
|
variant: "standard",
|
|
@@ -13240,7 +13354,7 @@ var init_DialogContent2 = __esm({
|
|
|
13240
13354
|
}
|
|
13241
13355
|
}
|
|
13242
13356
|
},
|
|
13243
|
-
/* @__PURE__ */
|
|
13357
|
+
/* @__PURE__ */ import_react61.default.createElement(Text, { variant: "md" }, placeholder)
|
|
13244
13358
|
))
|
|
13245
13359
|
);
|
|
13246
13360
|
};
|
|
@@ -13248,19 +13362,19 @@ var init_DialogContent2 = __esm({
|
|
|
13248
13362
|
});
|
|
13249
13363
|
|
|
13250
13364
|
// src/Prebuilt/components/Streaming/ResolutionInput.jsx
|
|
13251
|
-
var
|
|
13365
|
+
var import_react62, import_react_icons23, ResolutionInput;
|
|
13252
13366
|
var init_ResolutionInput = __esm({
|
|
13253
13367
|
"src/Prebuilt/components/Streaming/ResolutionInput.jsx"() {
|
|
13254
13368
|
"use strict";
|
|
13255
13369
|
init_define_process_env();
|
|
13256
|
-
|
|
13370
|
+
import_react62 = __toESM(require("react"));
|
|
13257
13371
|
import_react_icons23 = require("@100mslive/react-icons");
|
|
13258
13372
|
init_src();
|
|
13259
13373
|
init_DialogContent2();
|
|
13260
13374
|
init_constants();
|
|
13261
13375
|
ResolutionInput = ({ onResolutionChange, disabled, tooltipText, css: css2, testId }) => {
|
|
13262
|
-
const [resolution, setResolution] = (0,
|
|
13263
|
-
const resolutionChangeHandler = (0,
|
|
13376
|
+
const [resolution, setResolution] = (0, import_react62.useState)(RTMP_RECORD_DEFAULT_RESOLUTION);
|
|
13377
|
+
const resolutionChangeHandler = (0, import_react62.useCallback)(
|
|
13264
13378
|
(event) => {
|
|
13265
13379
|
const { name, value } = event.target;
|
|
13266
13380
|
let width = name === "resWidth" ? Number(value) : resolution.width;
|
|
@@ -13279,7 +13393,7 @@ var init_ResolutionInput = __esm({
|
|
|
13279
13393
|
},
|
|
13280
13394
|
[resolution]
|
|
13281
13395
|
);
|
|
13282
|
-
return /* @__PURE__ */
|
|
13396
|
+
return /* @__PURE__ */ import_react62.default.createElement(DialogRow, { breakSm: true, css: css2 }, /* @__PURE__ */ import_react62.default.createElement(Flex, { gap: 1 }, /* @__PURE__ */ import_react62.default.createElement(Label3, { css: { mb: "$8" } }, "Resolution"), tooltipText && /* @__PURE__ */ import_react62.default.createElement(Tooltip, { title: tooltipText }, /* @__PURE__ */ import_react62.default.createElement("div", null, /* @__PURE__ */ import_react62.default.createElement(import_react_icons23.InfoIcon, { color: "#B0C3DB" })))), /* @__PURE__ */ import_react62.default.createElement(
|
|
13283
13397
|
Flex,
|
|
13284
13398
|
{
|
|
13285
13399
|
justify: "between",
|
|
@@ -13287,7 +13401,7 @@ var init_ResolutionInput = __esm({
|
|
|
13287
13401
|
gap: 2,
|
|
13288
13402
|
direction: "column"
|
|
13289
13403
|
},
|
|
13290
|
-
/* @__PURE__ */
|
|
13404
|
+
/* @__PURE__ */ import_react62.default.createElement(Flex, { justify: "between", gap: 2 }, /* @__PURE__ */ import_react62.default.createElement(Flex, { direction: "column", css: { width: "50%" } }, /* @__PURE__ */ import_react62.default.createElement(Text, { variant: "xs" }, "Width"), /* @__PURE__ */ import_react62.default.createElement(
|
|
13291
13405
|
Input,
|
|
13292
13406
|
{
|
|
13293
13407
|
"data-testid": `${testId}_width`,
|
|
@@ -13301,7 +13415,7 @@ var init_ResolutionInput = __esm({
|
|
|
13301
13415
|
onBlur: () => onResolutionChange(resolution),
|
|
13302
13416
|
type: "number"
|
|
13303
13417
|
}
|
|
13304
|
-
)), /* @__PURE__ */
|
|
13418
|
+
)), /* @__PURE__ */ import_react62.default.createElement(Flex, { direction: "column", css: { width: "50%" } }, /* @__PURE__ */ import_react62.default.createElement(Text, { variant: "xs" }, "Height"), /* @__PURE__ */ import_react62.default.createElement(
|
|
13305
13419
|
Input,
|
|
13306
13420
|
{
|
|
13307
13421
|
"data-testid": `${testId}_height`,
|
|
@@ -13322,12 +13436,12 @@ var init_ResolutionInput = __esm({
|
|
|
13322
13436
|
});
|
|
13323
13437
|
|
|
13324
13438
|
// src/Prebuilt/components/Settings/StartRecording.jsx
|
|
13325
|
-
var
|
|
13439
|
+
var import_react63, import_react_sdk24, import_react_icons24, StartRecording, StartRecording_default;
|
|
13326
13440
|
var init_StartRecording = __esm({
|
|
13327
13441
|
"src/Prebuilt/components/Settings/StartRecording.jsx"() {
|
|
13328
13442
|
"use strict";
|
|
13329
13443
|
init_define_process_env();
|
|
13330
|
-
|
|
13444
|
+
import_react63 = __toESM(require("react"));
|
|
13331
13445
|
import_react_sdk24 = require("@100mslive/react-sdk");
|
|
13332
13446
|
import_react_icons24 = require("@100mslive/react-icons");
|
|
13333
13447
|
init_src();
|
|
@@ -13337,7 +13451,7 @@ var init_StartRecording = __esm({
|
|
|
13337
13451
|
init_constants();
|
|
13338
13452
|
StartRecording = ({ open, onOpenChange }) => {
|
|
13339
13453
|
const permissions = (0, import_react_sdk24.useHMSStore)(import_react_sdk24.selectPermissions);
|
|
13340
|
-
const [resolution, setResolution] = (0,
|
|
13454
|
+
const [resolution, setResolution] = (0, import_react63.useState)(RTMP_RECORD_DEFAULT_RESOLUTION);
|
|
13341
13455
|
const { startRecording, recordingStarted } = useRecordingHandler();
|
|
13342
13456
|
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk24.useRecordingStreaming)();
|
|
13343
13457
|
const hmsActions = (0, import_react_sdk24.useHMSActions)();
|
|
@@ -13345,7 +13459,7 @@ var init_StartRecording = __esm({
|
|
|
13345
13459
|
return null;
|
|
13346
13460
|
}
|
|
13347
13461
|
if (isBrowserRecordingOn) {
|
|
13348
|
-
return /* @__PURE__ */
|
|
13462
|
+
return /* @__PURE__ */ import_react63.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react63.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react63.default.createElement(
|
|
13349
13463
|
Dialog.Content,
|
|
13350
13464
|
{
|
|
13351
13465
|
css: {
|
|
@@ -13354,9 +13468,9 @@ var init_StartRecording = __esm({
|
|
|
13354
13468
|
bg: "#201617"
|
|
13355
13469
|
}
|
|
13356
13470
|
},
|
|
13357
|
-
/* @__PURE__ */
|
|
13358
|
-
/* @__PURE__ */
|
|
13359
|
-
/* @__PURE__ */
|
|
13471
|
+
/* @__PURE__ */ import_react63.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react63.default.createElement(Flex, { gap: 2, css: { c: "$alert_error_default" } }, /* @__PURE__ */ import_react63.default.createElement(import_react_icons24.AlertTriangleIcon, null), /* @__PURE__ */ import_react63.default.createElement(Text, { css: { c: "inherit" }, variant: "h6" }, "End Recording"))),
|
|
13472
|
+
/* @__PURE__ */ import_react63.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_medium", my: "$8" } }, "Are you sure you want to end recording? You can\u2019t undo this action."),
|
|
13473
|
+
/* @__PURE__ */ import_react63.default.createElement(Flex, { justify: "end", css: { mt: "$12" } }, /* @__PURE__ */ import_react63.default.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ import_react63.default.createElement(Button, { outlined: true, css: { borderColor: "$secondary_bright", mr: "$4" } }, "Don't end")), /* @__PURE__ */ import_react63.default.createElement(
|
|
13360
13474
|
Button,
|
|
13361
13475
|
{
|
|
13362
13476
|
"data-testid": "stop_recording_confirm_mobile",
|
|
@@ -13378,14 +13492,14 @@ var init_StartRecording = __esm({
|
|
|
13378
13492
|
))
|
|
13379
13493
|
)));
|
|
13380
13494
|
}
|
|
13381
|
-
return /* @__PURE__ */
|
|
13495
|
+
return /* @__PURE__ */ import_react63.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react63.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react63.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react63.default.createElement(Text, { variant: "h6" }, "Start Recording")), /* @__PURE__ */ import_react63.default.createElement(
|
|
13382
13496
|
ResolutionInput,
|
|
13383
13497
|
{
|
|
13384
13498
|
testId: "recording_resolution_mobile",
|
|
13385
13499
|
css: { flexDirection: "column", alignItems: "start" },
|
|
13386
13500
|
onResolutionChange: setResolution
|
|
13387
13501
|
}
|
|
13388
|
-
), /* @__PURE__ */
|
|
13502
|
+
), /* @__PURE__ */ import_react63.default.createElement(
|
|
13389
13503
|
Button,
|
|
13390
13504
|
{
|
|
13391
13505
|
"data-testid": "start_recording_confirm_mobile",
|
|
@@ -13407,12 +13521,12 @@ var init_StartRecording = __esm({
|
|
|
13407
13521
|
});
|
|
13408
13522
|
|
|
13409
13523
|
// src/Prebuilt/components/StatsForNerds.jsx
|
|
13410
|
-
var
|
|
13524
|
+
var import_react64, import_ts_pattern3, import_react_sdk25, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2, formatBytes2;
|
|
13411
13525
|
var init_StatsForNerds = __esm({
|
|
13412
13526
|
"src/Prebuilt/components/StatsForNerds.jsx"() {
|
|
13413
13527
|
"use strict";
|
|
13414
13528
|
init_define_process_env();
|
|
13415
|
-
|
|
13529
|
+
import_react64 = __toESM(require("react"));
|
|
13416
13530
|
import_ts_pattern3 = require("ts-pattern");
|
|
13417
13531
|
import_react_sdk25 = require("@100mslive/react-sdk");
|
|
13418
13532
|
init_Divider2();
|
|
@@ -13429,21 +13543,21 @@ var init_StatsForNerds = __esm({
|
|
|
13429
13543
|
StatsForNerds = ({ onOpenChange }) => {
|
|
13430
13544
|
var _a8;
|
|
13431
13545
|
const tracksWithLabels = useTracksWithLabel();
|
|
13432
|
-
const statsOptions = (0,
|
|
13546
|
+
const statsOptions = (0, import_react64.useMemo)(
|
|
13433
13547
|
() => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
|
|
13434
13548
|
[tracksWithLabels]
|
|
13435
13549
|
);
|
|
13436
|
-
const [selectedStat, setSelectedStat] = (0,
|
|
13550
|
+
const [selectedStat, setSelectedStat] = (0, import_react64.useState)(statsOptions[0]);
|
|
13437
13551
|
const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
|
|
13438
|
-
const [open, setOpen] = (0,
|
|
13439
|
-
const ref = (0,
|
|
13552
|
+
const [open, setOpen] = (0, import_react64.useState)(false);
|
|
13553
|
+
const ref = (0, import_react64.useRef)();
|
|
13440
13554
|
const selectionBg = useDropdownSelection();
|
|
13441
|
-
(0,
|
|
13555
|
+
(0, import_react64.useEffect)(() => {
|
|
13442
13556
|
if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
|
|
13443
13557
|
setSelectedStat("local-peer");
|
|
13444
13558
|
}
|
|
13445
13559
|
}, [tracksWithLabels, selectedStat]);
|
|
13446
|
-
return /* @__PURE__ */
|
|
13560
|
+
return /* @__PURE__ */ import_react64.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react64.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react64.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react64.default.createElement(
|
|
13447
13561
|
Dialog.Content,
|
|
13448
13562
|
{
|
|
13449
13563
|
css: {
|
|
@@ -13452,10 +13566,10 @@ var init_StatsForNerds = __esm({
|
|
|
13452
13566
|
overflowY: "auto"
|
|
13453
13567
|
}
|
|
13454
13568
|
},
|
|
13455
|
-
/* @__PURE__ */
|
|
13456
|
-
/* @__PURE__ */
|
|
13457
|
-
/* @__PURE__ */
|
|
13458
|
-
/* @__PURE__ */
|
|
13569
|
+
/* @__PURE__ */ import_react64.default.createElement(Dialog.Title, { css: { p: "$4 0" } }, /* @__PURE__ */ import_react64.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react64.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, /* @__PURE__ */ import_react64.default.createElement(Text, { variant: "h6", inline: true }, "Stats For Nerds")), /* @__PURE__ */ import_react64.default.createElement(Dialog.DefaultClose, { "data-testid": "stats_dialog_close_icon" }))),
|
|
13570
|
+
/* @__PURE__ */ import_react64.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }),
|
|
13571
|
+
/* @__PURE__ */ import_react64.default.createElement(Flex, { justify: "start", gap: 4, css: { m: "$10 0" } }, /* @__PURE__ */ import_react64.default.createElement(Switch, { checked: showStatsOnTiles, onCheckedChange: setShowStatsOnTiles }), /* @__PURE__ */ import_react64.default.createElement(Text, { variant: "body2", css: { fontWeight: "$semiBold" } }, "Show Stats on Tiles")),
|
|
13572
|
+
/* @__PURE__ */ import_react64.default.createElement(
|
|
13459
13573
|
Flex,
|
|
13460
13574
|
{
|
|
13461
13575
|
direction: "column",
|
|
@@ -13465,8 +13579,8 @@ var init_StatsForNerds = __esm({
|
|
|
13465
13579
|
minWidth: 0
|
|
13466
13580
|
}
|
|
13467
13581
|
},
|
|
13468
|
-
/* @__PURE__ */
|
|
13469
|
-
/* @__PURE__ */
|
|
13582
|
+
/* @__PURE__ */ import_react64.default.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Stats For"),
|
|
13583
|
+
/* @__PURE__ */ import_react64.default.createElement(Dropdown.Root, { "data-testid": "dialog_select_Stats For", open, onOpenChange: setOpen }, /* @__PURE__ */ import_react64.default.createElement(
|
|
13470
13584
|
DialogDropdownTrigger,
|
|
13471
13585
|
{
|
|
13472
13586
|
title: selectedStat.label || "Select Stats",
|
|
@@ -13475,9 +13589,9 @@ var init_StatsForNerds = __esm({
|
|
|
13475
13589
|
open,
|
|
13476
13590
|
ref
|
|
13477
13591
|
}
|
|
13478
|
-
), /* @__PURE__ */
|
|
13592
|
+
), /* @__PURE__ */ import_react64.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react64.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
|
|
13479
13593
|
const isSelected = option.id === selectedStat.id && option.layer === selectedStat.layer;
|
|
13480
|
-
return /* @__PURE__ */
|
|
13594
|
+
return /* @__PURE__ */ import_react64.default.createElement(
|
|
13481
13595
|
Dropdown.Item,
|
|
13482
13596
|
{
|
|
13483
13597
|
key: `${option.id}-${option.layer || ""}`,
|
|
@@ -13494,14 +13608,14 @@ var init_StatsForNerds = __esm({
|
|
|
13494
13608
|
);
|
|
13495
13609
|
}))))
|
|
13496
13610
|
),
|
|
13497
|
-
selectedStat.id === "local-peer" ? /* @__PURE__ */
|
|
13611
|
+
selectedStat.id === "local-peer" ? /* @__PURE__ */ import_react64.default.createElement(LocalPeerStats, null) : /* @__PURE__ */ import_react64.default.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local })
|
|
13498
13612
|
)));
|
|
13499
13613
|
};
|
|
13500
13614
|
useTracksWithLabel = () => {
|
|
13501
13615
|
const tracksMap = (0, import_react_sdk25.useHMSStore)(import_react_sdk25.selectTracksMap);
|
|
13502
13616
|
const peersMap = (0, import_react_sdk25.useHMSStore)(import_react_sdk25.selectPeersMap);
|
|
13503
13617
|
const localPeerID = (0, import_react_sdk25.useHMSStore)(import_react_sdk25.selectLocalPeerID);
|
|
13504
|
-
const tracksWithLabels = (0,
|
|
13618
|
+
const tracksWithLabels = (0, import_react64.useMemo)(
|
|
13505
13619
|
() => Object.values(tracksMap).reduce((res, track) => {
|
|
13506
13620
|
var _a8, _b7;
|
|
13507
13621
|
const peerName = (_a8 = peersMap[track.peerId]) == null ? void 0 : _a8.name;
|
|
@@ -13536,13 +13650,13 @@ var init_StatsForNerds = __esm({
|
|
|
13536
13650
|
if (!stats) {
|
|
13537
13651
|
return null;
|
|
13538
13652
|
}
|
|
13539
|
-
return /* @__PURE__ */
|
|
13653
|
+
return /* @__PURE__ */ import_react64.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Packets Lost", value: (_a8 = stats.subscribe) == null ? void 0 : _a8.packetsLost }), /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Jitter", value: (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter }), /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes2((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes2((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ import_react64.default.createElement(
|
|
13540
13654
|
StatsRow2,
|
|
13541
13655
|
{
|
|
13542
13656
|
label: "Available Outgoing Bitrate",
|
|
13543
13657
|
value: formatBytes2((_e = stats.publish) == null ? void 0 : _e.availableOutgoingBitrate, "b/s")
|
|
13544
13658
|
}
|
|
13545
|
-
), /* @__PURE__ */
|
|
13659
|
+
), /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes2((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes2((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ import_react64.default.createElement(
|
|
13546
13660
|
StatsRow2,
|
|
13547
13661
|
{
|
|
13548
13662
|
label: "Round Trip Time",
|
|
@@ -13563,13 +13677,13 @@ var init_StatsForNerds = __esm({
|
|
|
13563
13677
|
return null;
|
|
13564
13678
|
}
|
|
13565
13679
|
const inbound = stats.type.includes("inbound");
|
|
13566
|
-
return /* @__PURE__ */
|
|
13680
|
+
return /* @__PURE__ */ import_react64.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Bitrate", value: formatBytes2(stats.bitrate, "b/s") }), /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Jitter", value: (_a8 = stats.jitter) == null ? void 0 : _a8.toFixed(3) }), /* @__PURE__ */ import_react64.default.createElement(
|
|
13567
13681
|
StatsRow2,
|
|
13568
13682
|
{
|
|
13569
13683
|
label: inbound ? "Bytes Received" : "Bytes Sent",
|
|
13570
13684
|
value: formatBytes2(inbound ? stats.bytesReceived : stats.bytesSent)
|
|
13571
13685
|
}
|
|
13572
|
-
), stats.kind === "video" && /* @__PURE__ */
|
|
13686
|
+
), stats.kind === "video" && /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ import_react64.default.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ import_react64.default.createElement(
|
|
13573
13687
|
StatsRow2,
|
|
13574
13688
|
{
|
|
13575
13689
|
label: "Round Trip Time",
|
|
@@ -13577,7 +13691,7 @@ var init_StatsForNerds = __esm({
|
|
|
13577
13691
|
}
|
|
13578
13692
|
));
|
|
13579
13693
|
};
|
|
13580
|
-
StatsRow2 =
|
|
13694
|
+
StatsRow2 = import_react64.default.memo(({ label, value }) => /* @__PURE__ */ import_react64.default.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ import_react64.default.createElement(
|
|
13581
13695
|
Text,
|
|
13582
13696
|
{
|
|
13583
13697
|
variant: "overline",
|
|
@@ -13588,7 +13702,7 @@ var init_StatsForNerds = __esm({
|
|
|
13588
13702
|
}
|
|
13589
13703
|
},
|
|
13590
13704
|
label
|
|
13591
|
-
), /* @__PURE__ */
|
|
13705
|
+
), /* @__PURE__ */ import_react64.default.createElement(Text, { variant: "sub1", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, value || "-")));
|
|
13592
13706
|
formatBytes2 = (bytes, unit = "B", decimals = 2) => {
|
|
13593
13707
|
if (bytes === void 0)
|
|
13594
13708
|
return "-";
|
|
@@ -13604,12 +13718,12 @@ var init_StatsForNerds = __esm({
|
|
|
13604
13718
|
});
|
|
13605
13719
|
|
|
13606
13720
|
// src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
|
|
13607
|
-
var
|
|
13721
|
+
var import_react65, import_react_sdk26, import_react_icons25, BulkRoleChangeModal;
|
|
13608
13722
|
var init_BulkRoleChangeModal = __esm({
|
|
13609
13723
|
"src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx"() {
|
|
13610
13724
|
"use strict";
|
|
13611
13725
|
init_define_process_env();
|
|
13612
|
-
|
|
13726
|
+
import_react65 = __toESM(require("react"));
|
|
13613
13727
|
import_react_sdk26 = require("@100mslive/react-sdk");
|
|
13614
13728
|
import_react_icons25 = require("@100mslive/react-icons");
|
|
13615
13729
|
init_src();
|
|
@@ -13620,15 +13734,15 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
13620
13734
|
var _a8, _b7;
|
|
13621
13735
|
const roles = useFilteredRoles();
|
|
13622
13736
|
const hmsActions = (0, import_react_sdk26.useHMSActions)();
|
|
13623
|
-
const ref = (0,
|
|
13624
|
-
const roleRef = (0,
|
|
13625
|
-
const [selectedBulkRole, setBulkRole] = (0,
|
|
13626
|
-
const [selectedRole, setRole] = (0,
|
|
13627
|
-
const [bulkRoleDialog, setBulkRoleDialog] = (0,
|
|
13628
|
-
const [roleDialog, setRoleDialog] = (0,
|
|
13629
|
-
const [errorMessage, setErrorMessage] = (0,
|
|
13630
|
-
const [isSubmiting, setIsSubmiting] = (0,
|
|
13631
|
-
const changeBulkRole = (0,
|
|
13737
|
+
const ref = (0, import_react65.useRef)(null);
|
|
13738
|
+
const roleRef = (0, import_react65.useRef)(null);
|
|
13739
|
+
const [selectedBulkRole, setBulkRole] = (0, import_react65.useState)([]);
|
|
13740
|
+
const [selectedRole, setRole] = (0, import_react65.useState)("");
|
|
13741
|
+
const [bulkRoleDialog, setBulkRoleDialog] = (0, import_react65.useState)(false);
|
|
13742
|
+
const [roleDialog, setRoleDialog] = (0, import_react65.useState)(false);
|
|
13743
|
+
const [errorMessage, setErrorMessage] = (0, import_react65.useState)("");
|
|
13744
|
+
const [isSubmiting, setIsSubmiting] = (0, import_react65.useState)(false);
|
|
13745
|
+
const changeBulkRole = (0, import_react65.useCallback)(() => __async(void 0, null, function* () {
|
|
13632
13746
|
if (selectedBulkRole.length > 0 && selectedRole) {
|
|
13633
13747
|
try {
|
|
13634
13748
|
setIsSubmiting(true);
|
|
@@ -13642,7 +13756,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
13642
13756
|
}
|
|
13643
13757
|
}
|
|
13644
13758
|
}), [selectedBulkRole, selectedRole, hmsActions, onOpenChange]);
|
|
13645
|
-
return /* @__PURE__ */
|
|
13759
|
+
return /* @__PURE__ */ import_react65.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react65.default.createElement(DialogContent, { title: "Bulk Role Change", Icon: import_react_icons25.ChangeRoleIcon }, /* @__PURE__ */ import_react65.default.createElement(DialogRow, null, /* @__PURE__ */ import_react65.default.createElement(Text, null, "For Roles: "), /* @__PURE__ */ import_react65.default.createElement(
|
|
13646
13760
|
Dropdown.Root,
|
|
13647
13761
|
{
|
|
13648
13762
|
open: bulkRoleDialog,
|
|
@@ -13653,7 +13767,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
13653
13767
|
},
|
|
13654
13768
|
modal: false
|
|
13655
13769
|
},
|
|
13656
|
-
/* @__PURE__ */
|
|
13770
|
+
/* @__PURE__ */ import_react65.default.createElement(
|
|
13657
13771
|
DialogDropdownTrigger,
|
|
13658
13772
|
{
|
|
13659
13773
|
ref,
|
|
@@ -13665,7 +13779,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
13665
13779
|
open: bulkRoleDialog
|
|
13666
13780
|
}
|
|
13667
13781
|
),
|
|
13668
|
-
/* @__PURE__ */
|
|
13782
|
+
/* @__PURE__ */ import_react65.default.createElement(
|
|
13669
13783
|
Dropdown.Content,
|
|
13670
13784
|
{
|
|
13671
13785
|
css: { w: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth, zIndex: 1e3 },
|
|
@@ -13676,7 +13790,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
13676
13790
|
}
|
|
13677
13791
|
},
|
|
13678
13792
|
roles && roles.map((role) => {
|
|
13679
|
-
return /* @__PURE__ */
|
|
13793
|
+
return /* @__PURE__ */ import_react65.default.createElement(
|
|
13680
13794
|
Dropdown.CheckboxItem,
|
|
13681
13795
|
{
|
|
13682
13796
|
key: role,
|
|
@@ -13688,12 +13802,12 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
13688
13802
|
setErrorMessage("");
|
|
13689
13803
|
}
|
|
13690
13804
|
},
|
|
13691
|
-
/* @__PURE__ */
|
|
13805
|
+
/* @__PURE__ */ import_react65.default.createElement(Checkbox.Root, { css: { margin: "$2" }, checked: selectedBulkRole.includes(role) }, /* @__PURE__ */ import_react65.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react65.default.createElement(import_react_icons25.CheckIcon, { width: 16, height: 16 }))),
|
|
13692
13806
|
role
|
|
13693
13807
|
);
|
|
13694
13808
|
})
|
|
13695
13809
|
)
|
|
13696
|
-
)), /* @__PURE__ */
|
|
13810
|
+
)), /* @__PURE__ */ import_react65.default.createElement(DialogRow, null, /* @__PURE__ */ import_react65.default.createElement(Text, null, "To Role: "), /* @__PURE__ */ import_react65.default.createElement(Dropdown.Root, { open: roleDialog, onOpenChange: (value) => setRoleDialog(value) }, /* @__PURE__ */ import_react65.default.createElement(
|
|
13697
13811
|
DialogDropdownTrigger,
|
|
13698
13812
|
{
|
|
13699
13813
|
ref: roleRef,
|
|
@@ -13704,8 +13818,8 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
13704
13818
|
},
|
|
13705
13819
|
open: roleDialog
|
|
13706
13820
|
}
|
|
13707
|
-
), /* @__PURE__ */
|
|
13708
|
-
return /* @__PURE__ */
|
|
13821
|
+
), /* @__PURE__ */ import_react65.default.createElement(Dropdown.Content, { css: { w: (_b7 = roleRef.current) == null ? void 0 : _b7.clientWidth, zIndex: 1e3 } }, roles && roles.map((role) => {
|
|
13822
|
+
return /* @__PURE__ */ import_react65.default.createElement(
|
|
13709
13823
|
Dropdown.Item,
|
|
13710
13824
|
{
|
|
13711
13825
|
key: role,
|
|
@@ -13716,18 +13830,18 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
13716
13830
|
},
|
|
13717
13831
|
role
|
|
13718
13832
|
);
|
|
13719
|
-
})))), /* @__PURE__ */
|
|
13833
|
+
})))), /* @__PURE__ */ import_react65.default.createElement(DialogRow, null, errorMessage && /* @__PURE__ */ import_react65.default.createElement(Flex, { gap: 2, css: { c: "$alert_error_default", w: "70%", ml: "auto" } }, /* @__PURE__ */ import_react65.default.createElement(import_react_icons25.AlertTriangleIcon, null), /* @__PURE__ */ import_react65.default.createElement(Text, { css: { c: "inherit" } }, errorMessage))), /* @__PURE__ */ import_react65.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react65.default.createElement(Button, { variant: "primary", onClick: changeBulkRole, disabled: !(selectedRole && selectedBulkRole.length > 0) }, isSubmiting && /* @__PURE__ */ import_react65.default.createElement(Loading, { css: { color: "$on_primary_medium" } }), "Apply"))));
|
|
13720
13834
|
};
|
|
13721
13835
|
}
|
|
13722
13836
|
});
|
|
13723
13837
|
|
|
13724
13838
|
// src/Prebuilt/components/MoreSettings/CaptionContent.tsx
|
|
13725
|
-
var
|
|
13839
|
+
var import_react66, import_react_sdk27, import_react_icons26, CaptionContent;
|
|
13726
13840
|
var init_CaptionContent = __esm({
|
|
13727
13841
|
"src/Prebuilt/components/MoreSettings/CaptionContent.tsx"() {
|
|
13728
13842
|
"use strict";
|
|
13729
13843
|
init_define_process_env();
|
|
13730
|
-
|
|
13844
|
+
import_react66 = __toESM(require("react"));
|
|
13731
13845
|
import_react_sdk27 = require("@100mslive/react-sdk");
|
|
13732
13846
|
import_react_icons26 = require("@100mslive/react-icons");
|
|
13733
13847
|
init_Button2();
|
|
@@ -13743,7 +13857,7 @@ var init_CaptionContent = __esm({
|
|
|
13743
13857
|
const isTranscriptionEnabled = (0, import_react_sdk27.useHMSStore)(import_react_sdk27.selectIsTranscriptionEnabled);
|
|
13744
13858
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
13745
13859
|
const [isCaptionEnabled, setIsCaptionEnabled] = useSetIsCaptionEnabled();
|
|
13746
|
-
return /* @__PURE__ */
|
|
13860
|
+
return /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, /* @__PURE__ */ import_react66.default.createElement(
|
|
13747
13861
|
Text,
|
|
13748
13862
|
{
|
|
13749
13863
|
variant: isMobile ? "md" : "lg",
|
|
@@ -13756,15 +13870,15 @@ var init_CaptionContent = __esm({
|
|
|
13756
13870
|
},
|
|
13757
13871
|
isTranscriptionEnabled ? "Disable" : "Enable",
|
|
13758
13872
|
" Closed Caption (CC) for this session?",
|
|
13759
|
-
/* @__PURE__ */
|
|
13873
|
+
/* @__PURE__ */ import_react66.default.createElement(
|
|
13760
13874
|
Box,
|
|
13761
13875
|
{
|
|
13762
13876
|
css: { color: "inherit", ml: "auto", "&:hover": { color: "$on_surface_medium", cursor: "pointer" } },
|
|
13763
13877
|
onClick: onExit
|
|
13764
13878
|
},
|
|
13765
|
-
/* @__PURE__ */
|
|
13879
|
+
/* @__PURE__ */ import_react66.default.createElement(import_react_icons26.CrossIcon, null)
|
|
13766
13880
|
)
|
|
13767
|
-
), !isMobile ? /* @__PURE__ */
|
|
13881
|
+
), !isMobile ? /* @__PURE__ */ import_react66.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mt: "$4", "@md": { px: "$8" } } }, "This will ", isTranscriptionEnabled ? "disable" : "enable", " Closed Captions for everyone in this room. You can\xA0", isTranscriptionEnabled ? "enable" : "disable", " it later.") : null, /* @__PURE__ */ import_react66.default.createElement(
|
|
13768
13882
|
Flex,
|
|
13769
13883
|
{
|
|
13770
13884
|
justify: "between",
|
|
@@ -13776,8 +13890,8 @@ var init_CaptionContent = __esm({
|
|
|
13776
13890
|
"@md": { px: "$4" }
|
|
13777
13891
|
}
|
|
13778
13892
|
},
|
|
13779
|
-
isMobile ? null : /* @__PURE__ */
|
|
13780
|
-
/* @__PURE__ */
|
|
13893
|
+
isMobile ? null : /* @__PURE__ */ import_react66.default.createElement(Button, { variant: "standard", css: { w: "100%" }, outlined: true, onClick: onExit }, "Cancel"),
|
|
13894
|
+
/* @__PURE__ */ import_react66.default.createElement(
|
|
13781
13895
|
Flex,
|
|
13782
13896
|
{
|
|
13783
13897
|
direction: "column",
|
|
@@ -13788,7 +13902,7 @@ var init_CaptionContent = __esm({
|
|
|
13788
13902
|
"@md": { px: "$4" }
|
|
13789
13903
|
}
|
|
13790
13904
|
},
|
|
13791
|
-
isMobile && isTranscriptionEnabled ? /* @__PURE__ */
|
|
13905
|
+
isMobile && isTranscriptionEnabled ? /* @__PURE__ */ import_react66.default.createElement(
|
|
13792
13906
|
Button,
|
|
13793
13907
|
{
|
|
13794
13908
|
variant: "standard",
|
|
@@ -13801,7 +13915,7 @@ var init_CaptionContent = __esm({
|
|
|
13801
13915
|
},
|
|
13802
13916
|
isCaptionEnabled ? "Hide For Me" : "Show For Me"
|
|
13803
13917
|
) : null,
|
|
13804
|
-
/* @__PURE__ */
|
|
13918
|
+
/* @__PURE__ */ import_react66.default.createElement(
|
|
13805
13919
|
Button,
|
|
13806
13920
|
{
|
|
13807
13921
|
variant: isTranscriptionEnabled ? "danger" : "primary",
|
|
@@ -13818,7 +13932,7 @@ var init_CaptionContent = __esm({
|
|
|
13818
13932
|
title: `Disabling Closed Caption for everyone.`,
|
|
13819
13933
|
variant: "standard",
|
|
13820
13934
|
duration: DURATION,
|
|
13821
|
-
icon: /* @__PURE__ */
|
|
13935
|
+
icon: /* @__PURE__ */ import_react66.default.createElement(Loading, { color: "currentColor" })
|
|
13822
13936
|
});
|
|
13823
13937
|
setToastId(id2);
|
|
13824
13938
|
onExit();
|
|
@@ -13831,14 +13945,14 @@ var init_CaptionContent = __esm({
|
|
|
13831
13945
|
title: `Enabling Closed Caption for everyone.`,
|
|
13832
13946
|
variant: "standard",
|
|
13833
13947
|
duration: DURATION,
|
|
13834
|
-
icon: /* @__PURE__ */
|
|
13948
|
+
icon: /* @__PURE__ */ import_react66.default.createElement(Loading, { color: "currentColor" })
|
|
13835
13949
|
});
|
|
13836
13950
|
setToastId(id);
|
|
13837
13951
|
} catch (err) {
|
|
13838
13952
|
const id = ToastManager.replaceToast(toastId, {
|
|
13839
13953
|
title: `Failed to ${isTranscriptionEnabled ? "disable" : "enable"} closed caption`,
|
|
13840
13954
|
variant: "error",
|
|
13841
|
-
icon: /* @__PURE__ */
|
|
13955
|
+
icon: /* @__PURE__ */ import_react66.default.createElement(import_react_icons26.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
13842
13956
|
});
|
|
13843
13957
|
setToastId(id);
|
|
13844
13958
|
} finally {
|
|
@@ -13851,18 +13965,18 @@ var init_CaptionContent = __esm({
|
|
|
13851
13965
|
" for Everyone"
|
|
13852
13966
|
)
|
|
13853
13967
|
)
|
|
13854
|
-
), isMobile && /* @__PURE__ */
|
|
13968
|
+
), isMobile && /* @__PURE__ */ import_react66.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", pb: "$4", mb: "$8", "@md": { px: "$8", mt: "$4" } } }, "This will ", isTranscriptionEnabled ? "disable" : "enable", " Closed Captions for everyone in this room. You can\xA0", isTranscriptionEnabled ? "enable" : "disable", " it later."));
|
|
13855
13969
|
};
|
|
13856
13970
|
}
|
|
13857
13971
|
});
|
|
13858
13972
|
|
|
13859
13973
|
// src/Prebuilt/components/MoreSettings/CaptionModal.tsx
|
|
13860
|
-
var
|
|
13974
|
+
var import_react67, import_react_use10, CaptionModal;
|
|
13861
13975
|
var init_CaptionModal = __esm({
|
|
13862
13976
|
"src/Prebuilt/components/MoreSettings/CaptionModal.tsx"() {
|
|
13863
13977
|
"use strict";
|
|
13864
13978
|
init_define_process_env();
|
|
13865
|
-
|
|
13979
|
+
import_react67 = __toESM(require("react"));
|
|
13866
13980
|
import_react_use10 = require("react-use");
|
|
13867
13981
|
init_src();
|
|
13868
13982
|
init_Sheet2();
|
|
@@ -13876,26 +13990,26 @@ var init_CaptionModal = __esm({
|
|
|
13876
13990
|
}
|
|
13877
13991
|
};
|
|
13878
13992
|
if (isMobile) {
|
|
13879
|
-
return /* @__PURE__ */
|
|
13993
|
+
return /* @__PURE__ */ import_react67.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react67.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" } }, /* @__PURE__ */ import_react67.default.createElement(CaptionContent, __spreadValues({}, props))));
|
|
13880
13994
|
}
|
|
13881
|
-
return /* @__PURE__ */
|
|
13995
|
+
return /* @__PURE__ */ import_react67.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react67.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react67.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react67.default.createElement(Dialog.Content, { css: { bg: "$surface_dim", width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react67.default.createElement(CaptionContent, __spreadValues({}, props)))));
|
|
13882
13996
|
};
|
|
13883
13997
|
}
|
|
13884
13998
|
});
|
|
13885
13999
|
|
|
13886
14000
|
// src/Prebuilt/components/hooks/useFullscreen.ts
|
|
13887
|
-
var
|
|
14001
|
+
var import_react68, import_screenfull, useFullscreen;
|
|
13888
14002
|
var init_useFullscreen = __esm({
|
|
13889
14003
|
"src/Prebuilt/components/hooks/useFullscreen.ts"() {
|
|
13890
14004
|
"use strict";
|
|
13891
14005
|
init_define_process_env();
|
|
13892
|
-
|
|
14006
|
+
import_react68 = require("react");
|
|
13893
14007
|
import_screenfull = __toESM(require("screenfull"));
|
|
13894
14008
|
init_ToastManager();
|
|
13895
14009
|
init_constants();
|
|
13896
14010
|
useFullscreen = () => {
|
|
13897
|
-
const [isFullScreenEnabled, setIsFullScreenEnabled] = (0,
|
|
13898
|
-
const toggle = (0,
|
|
14011
|
+
const [isFullScreenEnabled, setIsFullScreenEnabled] = (0, import_react68.useState)(import_screenfull.default.isFullscreen);
|
|
14012
|
+
const toggle = (0, import_react68.useCallback)(() => __async(void 0, null, function* () {
|
|
13899
14013
|
if (!import_screenfull.default.isEnabled) {
|
|
13900
14014
|
ToastManager.addToast({ title: "Fullscreen feature not supported" });
|
|
13901
14015
|
return;
|
|
@@ -13911,7 +14025,7 @@ var init_useFullscreen = __esm({
|
|
|
13911
14025
|
ToastManager.addToast({ title: err.message });
|
|
13912
14026
|
}
|
|
13913
14027
|
}), [isFullScreenEnabled]);
|
|
13914
|
-
(0,
|
|
14028
|
+
(0, import_react68.useEffect)(() => {
|
|
13915
14029
|
const onChange = () => {
|
|
13916
14030
|
setIsFullScreenEnabled(import_screenfull.default.isFullscreen);
|
|
13917
14031
|
};
|
|
@@ -13934,12 +14048,12 @@ var init_useFullscreen = __esm({
|
|
|
13934
14048
|
});
|
|
13935
14049
|
|
|
13936
14050
|
// src/Prebuilt/components/MoreSettings/FullScreenItem.tsx
|
|
13937
|
-
var
|
|
14051
|
+
var import_react69, import_react_icons27, FullScreenItem;
|
|
13938
14052
|
var init_FullScreenItem = __esm({
|
|
13939
14053
|
"src/Prebuilt/components/MoreSettings/FullScreenItem.tsx"() {
|
|
13940
14054
|
"use strict";
|
|
13941
14055
|
init_define_process_env();
|
|
13942
|
-
|
|
14056
|
+
import_react69 = __toESM(require("react"));
|
|
13943
14057
|
import_react_icons27 = require("@100mslive/react-icons");
|
|
13944
14058
|
init_src();
|
|
13945
14059
|
init_useFullscreen();
|
|
@@ -13948,7 +14062,7 @@ var init_FullScreenItem = __esm({
|
|
|
13948
14062
|
if (!allowed) {
|
|
13949
14063
|
return null;
|
|
13950
14064
|
}
|
|
13951
|
-
return /* @__PURE__ */
|
|
14065
|
+
return /* @__PURE__ */ import_react69.default.createElement(
|
|
13952
14066
|
Dropdown.Item,
|
|
13953
14067
|
{
|
|
13954
14068
|
onClick: () => {
|
|
@@ -13956,8 +14070,8 @@ var init_FullScreenItem = __esm({
|
|
|
13956
14070
|
},
|
|
13957
14071
|
"data-testid": "full_screen_btn"
|
|
13958
14072
|
},
|
|
13959
|
-
/* @__PURE__ */
|
|
13960
|
-
/* @__PURE__ */
|
|
14073
|
+
/* @__PURE__ */ import_react69.default.createElement(import_react_icons27.ExpandIcon, null),
|
|
14074
|
+
/* @__PURE__ */ import_react69.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isFullscreen ? "Exit " : "Go ", "Fullscreen")
|
|
13961
14075
|
);
|
|
13962
14076
|
};
|
|
13963
14077
|
}
|
|
@@ -13985,12 +14099,12 @@ var init_constants3 = __esm({
|
|
|
13985
14099
|
});
|
|
13986
14100
|
|
|
13987
14101
|
// src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
|
|
13988
|
-
var
|
|
14102
|
+
var import_react70, import_react_sdk28, MuteAllContent;
|
|
13989
14103
|
var init_MuteAllContent = __esm({
|
|
13990
14104
|
"src/Prebuilt/components/MoreSettings/MuteAllContent.tsx"() {
|
|
13991
14105
|
"use strict";
|
|
13992
14106
|
init_define_process_env();
|
|
13993
|
-
|
|
14107
|
+
import_react70 = __toESM(require("react"));
|
|
13994
14108
|
import_react_sdk28 = require("@100mslive/react-sdk");
|
|
13995
14109
|
init_Button2();
|
|
13996
14110
|
init_Label2();
|
|
@@ -14002,7 +14116,7 @@ var init_MuteAllContent = __esm({
|
|
|
14002
14116
|
MuteAllContent = (props) => {
|
|
14003
14117
|
const roles = props.roles || [];
|
|
14004
14118
|
const permissions = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectPermissions);
|
|
14005
|
-
return /* @__PURE__ */
|
|
14119
|
+
return /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement(
|
|
14006
14120
|
DialogSelect,
|
|
14007
14121
|
{
|
|
14008
14122
|
title: "Role",
|
|
@@ -14012,7 +14126,7 @@ var init_MuteAllContent = __esm({
|
|
|
14012
14126
|
labelField: "label",
|
|
14013
14127
|
onChange: props.setRole
|
|
14014
14128
|
}
|
|
14015
|
-
), /* @__PURE__ */
|
|
14129
|
+
), /* @__PURE__ */ import_react70.default.createElement(
|
|
14016
14130
|
DialogSelect,
|
|
14017
14131
|
{
|
|
14018
14132
|
title: "Track type",
|
|
@@ -14022,7 +14136,7 @@ var init_MuteAllContent = __esm({
|
|
|
14022
14136
|
keyField: "value",
|
|
14023
14137
|
labelField: "label"
|
|
14024
14138
|
}
|
|
14025
|
-
), /* @__PURE__ */
|
|
14139
|
+
), /* @__PURE__ */ import_react70.default.createElement(
|
|
14026
14140
|
DialogSelect,
|
|
14027
14141
|
{
|
|
14028
14142
|
title: "Track source",
|
|
@@ -14032,18 +14146,18 @@ var init_MuteAllContent = __esm({
|
|
|
14032
14146
|
keyField: "value",
|
|
14033
14147
|
labelField: "label"
|
|
14034
14148
|
}
|
|
14035
|
-
), /* @__PURE__ */
|
|
14149
|
+
), /* @__PURE__ */ import_react70.default.createElement(DialogRow, null, /* @__PURE__ */ import_react70.default.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ import_react70.default.createElement(RadioGroup.Root, { value: String(props.enabled), onValueChange: (value) => props.setEnabled(value === "true") }, (permissions == null ? void 0 : permissions.mute) && /* @__PURE__ */ import_react70.default.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ import_react70.default.createElement(RadioGroup.Item, { value: "false", id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ import_react70.default.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ import_react70.default.createElement(Label3, { htmlFor: "trackDisableRadio" }, "Mute")), (permissions == null ? void 0 : permissions.unmute) && /* @__PURE__ */ import_react70.default.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ import_react70.default.createElement(RadioGroup.Item, { value: "true", id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ import_react70.default.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ import_react70.default.createElement(Label3, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ import_react70.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react70.default.createElement(Button, { variant: "primary", onClick: props.muteAll, css: { w: (props == null ? void 0 : props.isMobile) ? "100%" : "" } }, "Apply")));
|
|
14036
14150
|
};
|
|
14037
14151
|
}
|
|
14038
14152
|
});
|
|
14039
14153
|
|
|
14040
14154
|
// src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
|
|
14041
|
-
var
|
|
14155
|
+
var import_react71, import_react_sdk29, import_react_icons28, MuteAllModal;
|
|
14042
14156
|
var init_MuteAllModal = __esm({
|
|
14043
14157
|
"src/Prebuilt/components/MoreSettings/MuteAllModal.tsx"() {
|
|
14044
14158
|
"use strict";
|
|
14045
14159
|
init_define_process_env();
|
|
14046
|
-
|
|
14160
|
+
import_react71 = __toESM(require("react"));
|
|
14047
14161
|
import_react_sdk29 = require("@100mslive/react-sdk");
|
|
14048
14162
|
import_react_icons28 = require("@100mslive/react-icons");
|
|
14049
14163
|
init_src();
|
|
@@ -14056,11 +14170,11 @@ var init_MuteAllModal = __esm({
|
|
|
14056
14170
|
}) => {
|
|
14057
14171
|
const roles = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectAvailableRoleNames);
|
|
14058
14172
|
const hmsActions = (0, import_react_sdk29.useHMSActions)();
|
|
14059
|
-
const [enabled, setEnabled] = (0,
|
|
14060
|
-
const [trackType, setTrackType] = (0,
|
|
14061
|
-
const [selectedRole, setRole] = (0,
|
|
14062
|
-
const [selectedSource, setSource] = (0,
|
|
14063
|
-
const muteAll = (0,
|
|
14173
|
+
const [enabled, setEnabled] = (0, import_react71.useState)(false);
|
|
14174
|
+
const [trackType, setTrackType] = (0, import_react71.useState)();
|
|
14175
|
+
const [selectedRole, setRole] = (0, import_react71.useState)();
|
|
14176
|
+
const [selectedSource, setSource] = (0, import_react71.useState)();
|
|
14177
|
+
const muteAll = (0, import_react71.useCallback)(() => __async(void 0, null, function* () {
|
|
14064
14178
|
yield hmsActions.setRemoteTracksEnabled({
|
|
14065
14179
|
enabled,
|
|
14066
14180
|
type: trackType,
|
|
@@ -14083,20 +14197,20 @@ var init_MuteAllModal = __esm({
|
|
|
14083
14197
|
isMobile
|
|
14084
14198
|
};
|
|
14085
14199
|
if (isMobile) {
|
|
14086
|
-
return /* @__PURE__ */
|
|
14200
|
+
return /* @__PURE__ */ import_react71.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react71.default.createElement(Sheet.Content, { css: { px: "$10" } }, /* @__PURE__ */ import_react71.default.createElement(MuteAllContent, __spreadValues({}, props))));
|
|
14087
14201
|
}
|
|
14088
|
-
return /* @__PURE__ */
|
|
14202
|
+
return /* @__PURE__ */ import_react71.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react71.default.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: import_react_icons28.MicOffIcon }, /* @__PURE__ */ import_react71.default.createElement(MuteAllContent, __spreadValues({}, props))));
|
|
14089
14203
|
};
|
|
14090
14204
|
}
|
|
14091
14205
|
});
|
|
14092
14206
|
|
|
14093
14207
|
// src/Prebuilt/components/hooks/useMetadata.tsx
|
|
14094
|
-
var
|
|
14208
|
+
var import_react72, import_react_sdk30, useMyMetadata;
|
|
14095
14209
|
var init_useMetadata = __esm({
|
|
14096
14210
|
"src/Prebuilt/components/hooks/useMetadata.tsx"() {
|
|
14097
14211
|
"use strict";
|
|
14098
14212
|
init_define_process_env();
|
|
14099
|
-
|
|
14213
|
+
import_react72 = require("react");
|
|
14100
14214
|
import_react_sdk30 = require("@100mslive/react-sdk");
|
|
14101
14215
|
useMyMetadata = () => {
|
|
14102
14216
|
const hmsActions = (0, import_react_sdk30.useHMSActions)();
|
|
@@ -14114,7 +14228,7 @@ var init_useMetadata = __esm({
|
|
|
14114
14228
|
}
|
|
14115
14229
|
return false;
|
|
14116
14230
|
});
|
|
14117
|
-
const toggleHandRaise = (0,
|
|
14231
|
+
const toggleHandRaise = (0, import_react72.useCallback)(() => __async(void 0, null, function* () {
|
|
14118
14232
|
if (isHandRaised) {
|
|
14119
14233
|
yield hmsActions.lowerLocalPeerHand();
|
|
14120
14234
|
} else {
|
|
@@ -14122,7 +14236,7 @@ var init_useMetadata = __esm({
|
|
|
14122
14236
|
yield update({ isBRBOn: false });
|
|
14123
14237
|
}
|
|
14124
14238
|
}), [isHandRaised]);
|
|
14125
|
-
const toggleBRB = (0,
|
|
14239
|
+
const toggleBRB = (0, import_react72.useCallback)(() => __async(void 0, null, function* () {
|
|
14126
14240
|
const newValue = !(metaData == null ? void 0 : metaData.isBRBOn);
|
|
14127
14241
|
yield update({ isBRBOn: newValue });
|
|
14128
14242
|
if (newValue) {
|
|
@@ -14142,12 +14256,12 @@ var init_useMetadata = __esm({
|
|
|
14142
14256
|
});
|
|
14143
14257
|
|
|
14144
14258
|
// src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
|
|
14145
|
-
var
|
|
14259
|
+
var import_react73, import_hls_player, import_ts_pattern4, import_react_sdk31, import_react_icons29, MODALS, DesktopOptions;
|
|
14146
14260
|
var init_DesktopOptions = __esm({
|
|
14147
14261
|
"src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx"() {
|
|
14148
14262
|
"use strict";
|
|
14149
14263
|
init_define_process_env();
|
|
14150
|
-
|
|
14264
|
+
import_react73 = __toESM(require("react"));
|
|
14151
14265
|
import_hls_player = require("@100mslive/hls-player");
|
|
14152
14266
|
import_ts_pattern4 = require("ts-pattern");
|
|
14153
14267
|
import_react_sdk31 = require("@100mslive/react-sdk");
|
|
@@ -14186,7 +14300,7 @@ var init_DesktopOptions = __esm({
|
|
|
14186
14300
|
const localPeerId = (0, import_react_sdk31.useHMSStore)(import_react_sdk31.selectLocalPeerID);
|
|
14187
14301
|
const hmsActions = (0, import_react_sdk31.useHMSActions)();
|
|
14188
14302
|
const enablHlsStats = (0, import_react_sdk31.useHMSStore)((0, import_react_sdk31.selectAppData)(APP_DATA.hlsStats));
|
|
14189
|
-
const [openModals, setOpenModals] = (0,
|
|
14303
|
+
const [openModals, setOpenModals] = (0, import_react73.useState)(/* @__PURE__ */ new Set());
|
|
14190
14304
|
const { isBRBOn, toggleBRB } = useMyMetadata();
|
|
14191
14305
|
const isPipOn = PictureInPicture.isOn();
|
|
14192
14306
|
const isBRBEnabled = !!(elements == null ? void 0 : elements.brb);
|
|
@@ -14205,15 +14319,15 @@ var init_DesktopOptions = __esm({
|
|
|
14205
14319
|
return copy;
|
|
14206
14320
|
});
|
|
14207
14321
|
};
|
|
14208
|
-
return /* @__PURE__ */
|
|
14322
|
+
return /* @__PURE__ */ import_react73.default.createElement(import_react73.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(
|
|
14209
14323
|
Dropdown.Root,
|
|
14210
14324
|
{
|
|
14211
14325
|
open: openModals.has(MODALS.MORE_SETTINGS),
|
|
14212
14326
|
onOpenChange: (value) => updateState(MODALS.MORE_SETTINGS, value),
|
|
14213
14327
|
modal: false
|
|
14214
14328
|
},
|
|
14215
|
-
/* @__PURE__ */
|
|
14216
|
-
/* @__PURE__ */
|
|
14329
|
+
/* @__PURE__ */ import_react73.default.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ import_react73.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ import_react73.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react73.default.createElement(import_react_icons29.HamburgerMenuIcon, null)))),
|
|
14330
|
+
/* @__PURE__ */ import_react73.default.createElement(
|
|
14217
14331
|
Dropdown.Content,
|
|
14218
14332
|
{
|
|
14219
14333
|
sideOffset: 5,
|
|
@@ -14227,8 +14341,8 @@ var init_DesktopOptions = __esm({
|
|
|
14227
14341
|
}
|
|
14228
14342
|
}
|
|
14229
14343
|
},
|
|
14230
|
-
isBRBEnabled && screenType !== "hls_live_streaming" ? /* @__PURE__ */
|
|
14231
|
-
isTranscriptionAllowed ? /* @__PURE__ */
|
|
14344
|
+
isBRBEnabled && screenType !== "hls_live_streaming" ? /* @__PURE__ */ import_react73.default.createElement(Dropdown.Item, { onClick: toggleBRB, "data-testid": "brb_btn" }, /* @__PURE__ */ import_react73.default.createElement(import_react_icons29.BrbIcon, null), /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "sm", css: { ml: "$4", color: "$on_surface_high" } }, "Be Right Back"), /* @__PURE__ */ import_react73.default.createElement(Flex, { justify: "end", css: { color: "$on_surface_high", flexGrow: "1" } }, isBRBOn ? /* @__PURE__ */ import_react73.default.createElement(import_react_icons29.CheckIcon, null) : null)) : null,
|
|
14345
|
+
isTranscriptionAllowed ? /* @__PURE__ */ import_react73.default.createElement(
|
|
14232
14346
|
Dropdown.Item,
|
|
14233
14347
|
{
|
|
14234
14348
|
"data-testid": "closed_caption_admin",
|
|
@@ -14236,61 +14350,61 @@ var init_DesktopOptions = __esm({
|
|
|
14236
14350
|
updateState(MODALS.CAPTION, true);
|
|
14237
14351
|
}
|
|
14238
14352
|
},
|
|
14239
|
-
/* @__PURE__ */
|
|
14240
|
-
/* @__PURE__ */
|
|
14241
|
-
/* @__PURE__ */
|
|
14353
|
+
/* @__PURE__ */ import_react73.default.createElement(import_react_icons29.OpenCaptionIcon, null),
|
|
14354
|
+
/* @__PURE__ */ import_react73.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "sm", css: { ml: "$4", color: "$on_surface_high" } }, "Closed Captions"), /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "caption", css: { ml: "$4", color: "$on_surface_medium" } }, isTranscriptionEnabled ? "Enabled" : "Disabled")),
|
|
14355
|
+
/* @__PURE__ */ import_react73.default.createElement(Switch, { id: "closed_caption_start_stop", checked: isTranscriptionEnabled, disabled: false })
|
|
14242
14356
|
) : null,
|
|
14243
|
-
screenType !== "hls_live_streaming" ? /* @__PURE__ */
|
|
14357
|
+
screenType !== "hls_live_streaming" ? /* @__PURE__ */ import_react73.default.createElement(Dropdown.Item, { css: { p: 0, "&:empty": { display: "none" } } }, /* @__PURE__ */ import_react73.default.createElement(
|
|
14244
14358
|
PIP,
|
|
14245
14359
|
{
|
|
14246
|
-
content: /* @__PURE__ */
|
|
14360
|
+
content: /* @__PURE__ */ import_react73.default.createElement(Flex, { css: { w: "100%", h: "100%", p: "$8" } }, /* @__PURE__ */ import_react73.default.createElement(import_react_icons29.PipIcon, null), /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isPipOn ? "Disable" : "Enable", " Picture-in-Picture"))
|
|
14247
14361
|
}
|
|
14248
14362
|
)) : null,
|
|
14249
|
-
/* @__PURE__ */
|
|
14250
|
-
/* @__PURE__ */
|
|
14251
|
-
/* @__PURE__ */
|
|
14363
|
+
/* @__PURE__ */ import_react73.default.createElement(FullScreenItem, null),
|
|
14364
|
+
/* @__PURE__ */ import_react73.default.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }),
|
|
14365
|
+
/* @__PURE__ */ import_react73.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ import_react73.default.createElement(import_react_icons29.SettingsIcon, null), /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
|
|
14252
14366
|
(0, import_ts_pattern4.match)({ screenType, isSupported: import_hls_player.HMSHLSPlayer.isSupported() }).with({ screenType: "hls_live_streaming", isSupported: false }, () => null).with({ screenType: "hls_live_streaming", isSupported: true }, () => {
|
|
14253
|
-
return /* @__PURE__ */
|
|
14367
|
+
return /* @__PURE__ */ import_react73.default.createElement(
|
|
14254
14368
|
Dropdown.Item,
|
|
14255
14369
|
{
|
|
14256
14370
|
onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
|
|
14257
14371
|
"data-testid": "hls_stats"
|
|
14258
14372
|
},
|
|
14259
|
-
/* @__PURE__ */
|
|
14373
|
+
/* @__PURE__ */ import_react73.default.createElement(
|
|
14260
14374
|
Checkbox.Root,
|
|
14261
14375
|
{
|
|
14262
14376
|
css: { margin: "$2" },
|
|
14263
14377
|
checked: enablHlsStats,
|
|
14264
14378
|
onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
|
|
14265
14379
|
},
|
|
14266
|
-
/* @__PURE__ */
|
|
14380
|
+
/* @__PURE__ */ import_react73.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react73.default.createElement(import_react_icons29.CheckIcon, { width: 16, height: 16 }))
|
|
14267
14381
|
),
|
|
14268
|
-
/* @__PURE__ */
|
|
14382
|
+
/* @__PURE__ */ import_react73.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
|
|
14269
14383
|
);
|
|
14270
|
-
}).otherwise(() => /* @__PURE__ */
|
|
14384
|
+
}).otherwise(() => /* @__PURE__ */ import_react73.default.createElement(
|
|
14271
14385
|
Dropdown.Item,
|
|
14272
14386
|
{
|
|
14273
14387
|
onClick: () => updateState(MODALS.STATS_FOR_NERDS, true),
|
|
14274
14388
|
"data-testid": "stats_for_nerds_btn"
|
|
14275
14389
|
},
|
|
14276
|
-
/* @__PURE__ */
|
|
14277
|
-
/* @__PURE__ */
|
|
14390
|
+
/* @__PURE__ */ import_react73.default.createElement(import_react_icons29.InfoIcon, null),
|
|
14391
|
+
/* @__PURE__ */ import_react73.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
|
|
14278
14392
|
))
|
|
14279
14393
|
)
|
|
14280
|
-
), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */
|
|
14394
|
+
), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ import_react73.default.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ import_react73.default.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ import_react73.default.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ import_react73.default.createElement(
|
|
14281
14395
|
SettingsModal_default,
|
|
14282
14396
|
{
|
|
14283
14397
|
open: true,
|
|
14284
14398
|
onOpenChange: (value) => updateState(MODALS.DEVICE_SETTINGS, value),
|
|
14285
14399
|
screenType
|
|
14286
14400
|
}
|
|
14287
|
-
), openModals.has(MODALS.STATS_FOR_NERDS) && /* @__PURE__ */
|
|
14401
|
+
), openModals.has(MODALS.STATS_FOR_NERDS) && /* @__PURE__ */ import_react73.default.createElement(StatsForNerds, { open: true, onOpenChange: (value) => updateState(MODALS.STATS_FOR_NERDS, value) }), openModals.has(MODALS.SELF_ROLE_CHANGE) && /* @__PURE__ */ import_react73.default.createElement(
|
|
14288
14402
|
RoleChangeModal,
|
|
14289
14403
|
{
|
|
14290
14404
|
peerId: localPeerId,
|
|
14291
14405
|
onOpenChange: (value) => updateState(MODALS.SELF_ROLE_CHANGE, value)
|
|
14292
14406
|
}
|
|
14293
|
-
), openModals.has(MODALS.CAPTION) && /* @__PURE__ */
|
|
14407
|
+
), openModals.has(MODALS.CAPTION) && /* @__PURE__ */ import_react73.default.createElement(CaptionModal, { onOpenChange: (value) => updateState(MODALS.CAPTION, value) }));
|
|
14294
14408
|
};
|
|
14295
14409
|
}
|
|
14296
14410
|
});
|
|
@@ -19937,7 +20051,7 @@ var init_dist = __esm({
|
|
|
19937
20051
|
};
|
|
19938
20052
|
Ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
19939
20053
|
cr = Ba((Ic, Ja) => {
|
|
19940
|
-
Ja.exports = { version: "0.12.13-alpha.
|
|
20054
|
+
Ja.exports = { version: "0.12.13-alpha.4", 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"] };
|
|
19941
20055
|
});
|
|
19942
20056
|
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 || {});
|
|
19943
20057
|
Va = ((e) => (e.CHAT = "chat", e))(Va || {});
|
|
@@ -20943,28 +21057,28 @@ var init_dist = __esm({
|
|
|
20943
21057
|
});
|
|
20944
21058
|
|
|
20945
21059
|
// src/Prebuilt/components/hooks/usePlaylistMusic.js
|
|
20946
|
-
var
|
|
21060
|
+
var import_react74, import_react_sdk32, usePlaylistMusic;
|
|
20947
21061
|
var init_usePlaylistMusic = __esm({
|
|
20948
21062
|
"src/Prebuilt/components/hooks/usePlaylistMusic.js"() {
|
|
20949
21063
|
"use strict";
|
|
20950
21064
|
init_define_process_env();
|
|
20951
|
-
|
|
21065
|
+
import_react74 = require("react");
|
|
20952
21066
|
import_react_sdk32 = require("@100mslive/react-sdk");
|
|
20953
21067
|
usePlaylistMusic = () => {
|
|
20954
21068
|
const peer = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectPeerSharingAudioPlaylist);
|
|
20955
21069
|
const track = (0, import_react_sdk32.useHMSStore)((0, import_react_sdk32.selectAudioPlaylistTrackByPeerID)(peer == null ? void 0 : peer.id));
|
|
20956
21070
|
const selection = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectAudioPlaylist.selectedItem);
|
|
20957
21071
|
const hmsActions = (0, import_react_sdk32.useHMSActions)();
|
|
20958
|
-
const play = (0,
|
|
21072
|
+
const play = (0, import_react74.useCallback)(
|
|
20959
21073
|
(selectedId) => __async(void 0, null, function* () {
|
|
20960
21074
|
yield hmsActions.audioPlaylist.play(selectedId);
|
|
20961
21075
|
}),
|
|
20962
21076
|
[hmsActions]
|
|
20963
21077
|
);
|
|
20964
|
-
const pause = (0,
|
|
21078
|
+
const pause = (0, import_react74.useCallback)(() => {
|
|
20965
21079
|
hmsActions.audioPlaylist.pause();
|
|
20966
21080
|
}, [hmsActions]);
|
|
20967
|
-
const setVolume = (0,
|
|
21081
|
+
const setVolume = (0, import_react74.useCallback)(
|
|
20968
21082
|
(value) => {
|
|
20969
21083
|
hmsActions.setVolume(value, track == null ? void 0 : track.id);
|
|
20970
21084
|
},
|
|
@@ -20976,18 +21090,18 @@ var init_usePlaylistMusic = __esm({
|
|
|
20976
21090
|
});
|
|
20977
21091
|
|
|
20978
21092
|
// src/Prebuilt/components/hooks/useScreenshareAudio.js
|
|
20979
|
-
var
|
|
21093
|
+
var import_react75, import_react_sdk33, useScreenshareAudio;
|
|
20980
21094
|
var init_useScreenshareAudio = __esm({
|
|
20981
21095
|
"src/Prebuilt/components/hooks/useScreenshareAudio.js"() {
|
|
20982
21096
|
"use strict";
|
|
20983
21097
|
init_define_process_env();
|
|
20984
|
-
|
|
21098
|
+
import_react75 = require("react");
|
|
20985
21099
|
import_react_sdk33 = require("@100mslive/react-sdk");
|
|
20986
21100
|
useScreenshareAudio = () => {
|
|
20987
21101
|
const hmsActions = (0, import_react_sdk33.useHMSActions)();
|
|
20988
21102
|
const peer = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectPeerSharingAudio);
|
|
20989
21103
|
const track = (0, import_react_sdk33.useHMSStore)((0, import_react_sdk33.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
|
|
20990
|
-
const handleMute = (0,
|
|
21104
|
+
const handleMute = (0, import_react75.useCallback)(() => {
|
|
20991
21105
|
if (!peer.isLocal) {
|
|
20992
21106
|
hmsActions.setVolume(!track.volume ? 100 : 0, track.id);
|
|
20993
21107
|
} else {
|
|
@@ -21004,12 +21118,12 @@ var init_useScreenshareAudio = __esm({
|
|
|
21004
21118
|
});
|
|
21005
21119
|
|
|
21006
21120
|
// src/Prebuilt/components/Header/AdditionalRoomState.jsx
|
|
21007
|
-
var
|
|
21121
|
+
var import_react76, import_react_sdk34, import_react_icons30, getRecordingText, AdditionalRoomState;
|
|
21008
21122
|
var init_AdditionalRoomState = __esm({
|
|
21009
21123
|
"src/Prebuilt/components/Header/AdditionalRoomState.jsx"() {
|
|
21010
21124
|
"use strict";
|
|
21011
21125
|
init_define_process_env();
|
|
21012
|
-
|
|
21126
|
+
import_react76 = __toESM(require("react"));
|
|
21013
21127
|
import_react_sdk34 = require("@100mslive/react-sdk");
|
|
21014
21128
|
import_react_icons30 = require("@100mslive/react-icons");
|
|
21015
21129
|
init_src();
|
|
@@ -21038,7 +21152,7 @@ var init_AdditionalRoomState = __esm({
|
|
|
21038
21152
|
const playlist = usePlaylistMusic();
|
|
21039
21153
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
21040
21154
|
const screenshareAudio = useScreenshareAudio();
|
|
21041
|
-
const [open, setOpen] = (0,
|
|
21155
|
+
const [open, setOpen] = (0, import_react76.useState)(false);
|
|
21042
21156
|
const isPlaylistInactive = [
|
|
21043
21157
|
!playlist.peer || !playlist.track,
|
|
21044
21158
|
!((_a8 = playlist.peer) == null ? void 0 : _a8.isLocal) && !((_b7 = playlist.track) == null ? void 0 : _b7.enabled),
|
|
@@ -21058,7 +21172,7 @@ var init_AdditionalRoomState = __esm({
|
|
|
21058
21172
|
if (isPlaylistInactive && isAudioshareInactive && !shouldShowScreenShareState && !shouldShowVideoState) {
|
|
21059
21173
|
return null;
|
|
21060
21174
|
}
|
|
21061
|
-
return /* @__PURE__ */
|
|
21175
|
+
return /* @__PURE__ */ import_react76.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react76.default.createElement(Dropdown.Trigger, { asChild: true }, /* @__PURE__ */ import_react76.default.createElement(
|
|
21062
21176
|
Flex,
|
|
21063
21177
|
{
|
|
21064
21178
|
align: "center",
|
|
@@ -21071,12 +21185,12 @@ var init_AdditionalRoomState = __esm({
|
|
|
21071
21185
|
},
|
|
21072
21186
|
"data-testid": "record_status_dropdown"
|
|
21073
21187
|
},
|
|
21074
|
-
!isAudioshareInactive && /* @__PURE__ */
|
|
21075
|
-
shouldShowScreenShareState && /* @__PURE__ */
|
|
21076
|
-
shouldShowVideoState && /* @__PURE__ */
|
|
21077
|
-
!isPlaylistInactive && /* @__PURE__ */
|
|
21078
|
-
/* @__PURE__ */
|
|
21079
|
-
)), /* @__PURE__ */
|
|
21188
|
+
!isAudioshareInactive && /* @__PURE__ */ import_react76.default.createElement(Tooltip, { title: "Screenshare Audio" }, /* @__PURE__ */ import_react76.default.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.MusicIcon, { width: 24, height: 24 }))),
|
|
21189
|
+
shouldShowScreenShareState && /* @__PURE__ */ import_react76.default.createElement(Tooltip, { title: "Screenshare" }, /* @__PURE__ */ import_react76.default.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.ShareScreenIcon, { width: 24, height: 24 }))),
|
|
21190
|
+
shouldShowVideoState && /* @__PURE__ */ import_react76.default.createElement(Tooltip, { title: "video playlist" }, /* @__PURE__ */ import_react76.default.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.VideoPlayerIcon, { width: 24, height: 24 }))),
|
|
21191
|
+
!isPlaylistInactive && /* @__PURE__ */ import_react76.default.createElement(Tooltip, { title: "Playlist Music" }, /* @__PURE__ */ import_react76.default.createElement(Flex, { align: "center", css: { color: "$on_primary_high", mx: "$2" } }, /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.AudioPlayerIcon, { width: 24, height: 24 }))),
|
|
21192
|
+
/* @__PURE__ */ import_react76.default.createElement(Box, { css: { "@lg": { display: "none" }, color: "$on_surface_low" } }, open ? /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.ChevronUpIcon, null) : /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.ChevronDownIcon, null))
|
|
21193
|
+
)), /* @__PURE__ */ import_react76.default.createElement(Dropdown.Content, { sideOffset: 5, align: "end", css: { w: "$60" } }, !isPlaylistInactive && /* @__PURE__ */ import_react76.default.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.AudioPlayerIcon, { width: 24, height: 24 }), /* @__PURE__ */ import_react76.default.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, "Playlist is playing"), playlist.peer.isLocal ? /* @__PURE__ */ import_react76.default.createElement(
|
|
21080
21194
|
Text,
|
|
21081
21195
|
{
|
|
21082
21196
|
variant: "sm",
|
|
@@ -21087,7 +21201,7 @@ var init_AdditionalRoomState = __esm({
|
|
|
21087
21201
|
}
|
|
21088
21202
|
},
|
|
21089
21203
|
playlist.selection.playing ? "Pause" : "Play"
|
|
21090
|
-
) : /* @__PURE__ */
|
|
21204
|
+
) : /* @__PURE__ */ import_react76.default.createElement(
|
|
21091
21205
|
Text,
|
|
21092
21206
|
{
|
|
21093
21207
|
variant: "sm",
|
|
@@ -21098,7 +21212,7 @@ var init_AdditionalRoomState = __esm({
|
|
|
21098
21212
|
}
|
|
21099
21213
|
},
|
|
21100
21214
|
playlist.track.volume === 0 ? "Unmute" : "Mute"
|
|
21101
|
-
)), !isAudioshareInactive && /* @__PURE__ */
|
|
21215
|
+
)), !isAudioshareInactive && /* @__PURE__ */ import_react76.default.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.MusicIcon, { width: 24, height: 24 }), /* @__PURE__ */ import_react76.default.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, "Music is playing"), /* @__PURE__ */ import_react76.default.createElement(
|
|
21102
21216
|
Text,
|
|
21103
21217
|
{
|
|
21104
21218
|
variant: "sm",
|
|
@@ -21109,18 +21223,18 @@ var init_AdditionalRoomState = __esm({
|
|
|
21109
21223
|
}
|
|
21110
21224
|
},
|
|
21111
21225
|
screenshareAudio.muted ? "Unmute" : "Mute"
|
|
21112
|
-
)), shouldShowScreenShareState && /* @__PURE__ */
|
|
21226
|
+
)), shouldShowScreenShareState && /* @__PURE__ */ import_react76.default.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.ShareScreenIcon, { width: 24, height: 24 }), /* @__PURE__ */ import_react76.default.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, `Shared by: ${screenSharingPeerId === localPeerID ? "You" : screenSharingPeerName}`)), shouldShowVideoState && /* @__PURE__ */ import_react76.default.createElement(Dropdown.Item, { css: { color: "$on_primary_high" } }, /* @__PURE__ */ import_react76.default.createElement(import_react_icons30.VideoPlayerIcon, { width: 24, height: 24 }), /* @__PURE__ */ import_react76.default.createElement(Text, { variant: "sm", css: { ml: "$2", flex: "1 1 0" } }, `Shared by: ${peerSharingPlaylist.id === localPeerID ? "You" : peerSharingPlaylist.name}`))));
|
|
21113
21227
|
};
|
|
21114
21228
|
}
|
|
21115
21229
|
});
|
|
21116
21230
|
|
|
21117
21231
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
21118
|
-
var
|
|
21232
|
+
var import_react77, import_react_use11, import_react_sdk35, import_react_icons31, LiveStatus, RecordingStatus, RecordingPauseStatus, StartRecording2, StreamActions, StopRecordingInSheet;
|
|
21119
21233
|
var init_StreamActions = __esm({
|
|
21120
21234
|
"src/Prebuilt/components/Header/StreamActions.tsx"() {
|
|
21121
21235
|
"use strict";
|
|
21122
21236
|
init_define_process_env();
|
|
21123
|
-
|
|
21237
|
+
import_react77 = __toESM(require("react"));
|
|
21124
21238
|
import_react_use11 = require("react-use");
|
|
21125
21239
|
init_dist();
|
|
21126
21240
|
import_react_sdk35 = require("@100mslive/react-sdk");
|
|
@@ -21137,10 +21251,10 @@ var init_StreamActions = __esm({
|
|
|
21137
21251
|
const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk35.useRecordingStreaming)();
|
|
21138
21252
|
const hlsState = (0, import_react_sdk35.useHMSStore)(import_react_sdk35.selectHLSState);
|
|
21139
21253
|
const isMobile = (0, import_react_use11.useMedia)(config.media.md);
|
|
21140
|
-
const intervalRef = (0,
|
|
21254
|
+
const intervalRef = (0, import_react77.useRef)(null);
|
|
21141
21255
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
21142
|
-
const [liveTime, setLiveTime] = (0,
|
|
21143
|
-
const startTimer = (0,
|
|
21256
|
+
const [liveTime, setLiveTime] = (0, import_react77.useState)(0);
|
|
21257
|
+
const startTimer = (0, import_react77.useCallback)(() => {
|
|
21144
21258
|
intervalRef.current = setInterval(() => {
|
|
21145
21259
|
var _a9;
|
|
21146
21260
|
const timeStamp = (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
|
|
@@ -21149,7 +21263,7 @@ var init_StreamActions = __esm({
|
|
|
21149
21263
|
}
|
|
21150
21264
|
}, 1e3);
|
|
21151
21265
|
}, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType]);
|
|
21152
|
-
(0,
|
|
21266
|
+
(0, import_react77.useEffect)(() => {
|
|
21153
21267
|
if (hlsState == null ? void 0 : hlsState.running) {
|
|
21154
21268
|
startTimer();
|
|
21155
21269
|
}
|
|
@@ -21165,7 +21279,7 @@ var init_StreamActions = __esm({
|
|
|
21165
21279
|
if (!isHLSRunning && !isRTMPRunning) {
|
|
21166
21280
|
return null;
|
|
21167
21281
|
}
|
|
21168
|
-
return /* @__PURE__ */
|
|
21282
|
+
return /* @__PURE__ */ import_react77.default.createElement(
|
|
21169
21283
|
Flex,
|
|
21170
21284
|
{
|
|
21171
21285
|
align: "center",
|
|
@@ -21176,8 +21290,8 @@ var init_StreamActions = __esm({
|
|
|
21176
21290
|
borderRadius: "$1"
|
|
21177
21291
|
}
|
|
21178
21292
|
},
|
|
21179
|
-
/* @__PURE__ */
|
|
21180
|
-
/* @__PURE__ */
|
|
21293
|
+
/* @__PURE__ */ import_react77.default.createElement(Box, { css: { w: "$4", h: "$4", r: "$round", bg: "$alert_error_default", mr: "$2" } }),
|
|
21294
|
+
/* @__PURE__ */ import_react77.default.createElement(Flex, { align: "center", gap: "2" }, /* @__PURE__ */ import_react77.default.createElement(Text, { variant: !isMobile ? "button" : "body2" }, "LIVE"), /* @__PURE__ */ import_react77.default.createElement(Text, { variant: "caption" }, ((_a8 = hlsState == null ? void 0 : hlsState.variants) == null ? void 0 : _a8.length) > 0 && isHLSRunning ? formatTime(liveTime) : ""))
|
|
21181
21295
|
);
|
|
21182
21296
|
};
|
|
21183
21297
|
RecordingStatus = () => {
|
|
@@ -21192,7 +21306,7 @@ var init_StreamActions = __esm({
|
|
|
21192
21306
|
if (!(isMobile && isRecordingOn))
|
|
21193
21307
|
return null;
|
|
21194
21308
|
}
|
|
21195
|
-
return /* @__PURE__ */
|
|
21309
|
+
return /* @__PURE__ */ import_react77.default.createElement(
|
|
21196
21310
|
Tooltip,
|
|
21197
21311
|
{
|
|
21198
21312
|
boxCss: { zIndex: 1 },
|
|
@@ -21202,7 +21316,7 @@ var init_StreamActions = __esm({
|
|
|
21202
21316
|
isHLSRecordingOn
|
|
21203
21317
|
})
|
|
21204
21318
|
},
|
|
21205
|
-
/* @__PURE__ */
|
|
21319
|
+
/* @__PURE__ */ import_react77.default.createElement(
|
|
21206
21320
|
Flex,
|
|
21207
21321
|
{
|
|
21208
21322
|
css: {
|
|
@@ -21210,14 +21324,14 @@ var init_StreamActions = __esm({
|
|
|
21210
21324
|
alignItems: "center"
|
|
21211
21325
|
}
|
|
21212
21326
|
},
|
|
21213
|
-
/* @__PURE__ */
|
|
21327
|
+
/* @__PURE__ */ import_react77.default.createElement(import_react_icons31.RecordIcon, { width: 24, height: 24 })
|
|
21214
21328
|
)
|
|
21215
21329
|
);
|
|
21216
21330
|
};
|
|
21217
21331
|
RecordingPauseStatus = () => {
|
|
21218
21332
|
const recording = (0, import_react_sdk35.useHMSStore)(import_react_sdk35.selectRecordingState);
|
|
21219
21333
|
if (recording.hls && recording.hls.state === Ss.PAUSED) {
|
|
21220
|
-
return /* @__PURE__ */
|
|
21334
|
+
return /* @__PURE__ */ import_react77.default.createElement(
|
|
21221
21335
|
Tooltip,
|
|
21222
21336
|
{
|
|
21223
21337
|
boxCss: { zIndex: 1 },
|
|
@@ -21227,7 +21341,7 @@ var init_StreamActions = __esm({
|
|
|
21227
21341
|
isHLSRecordingOn: true
|
|
21228
21342
|
})
|
|
21229
21343
|
},
|
|
21230
|
-
/* @__PURE__ */
|
|
21344
|
+
/* @__PURE__ */ import_react77.default.createElement(
|
|
21231
21345
|
Flex,
|
|
21232
21346
|
{
|
|
21233
21347
|
css: {
|
|
@@ -21235,7 +21349,7 @@ var init_StreamActions = __esm({
|
|
|
21235
21349
|
alignItems: "center"
|
|
21236
21350
|
}
|
|
21237
21351
|
},
|
|
21238
|
-
/* @__PURE__ */
|
|
21352
|
+
/* @__PURE__ */ import_react77.default.createElement(import_react_icons31.PauseCircleIcon, { width: 24, height: 24 })
|
|
21239
21353
|
)
|
|
21240
21354
|
);
|
|
21241
21355
|
}
|
|
@@ -21243,7 +21357,7 @@ var init_StreamActions = __esm({
|
|
|
21243
21357
|
};
|
|
21244
21358
|
StartRecording2 = () => {
|
|
21245
21359
|
const permissions = (0, import_react_sdk35.useHMSStore)(import_react_sdk35.selectPermissions);
|
|
21246
|
-
const [open, setOpen] = (0,
|
|
21360
|
+
const [open, setOpen] = (0, import_react77.useState)(false);
|
|
21247
21361
|
const { startRecording, recordingStarted } = useRecordingHandler();
|
|
21248
21362
|
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk35.useRecordingStreaming)();
|
|
21249
21363
|
const hmsActions = (0, import_react_sdk35.useHMSActions)();
|
|
@@ -21251,7 +21365,7 @@ var init_StreamActions = __esm({
|
|
|
21251
21365
|
return null;
|
|
21252
21366
|
}
|
|
21253
21367
|
if (isBrowserRecordingOn) {
|
|
21254
|
-
return /* @__PURE__ */
|
|
21368
|
+
return /* @__PURE__ */ import_react77.default.createElement(Popover2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react77.default.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ import_react77.default.createElement(Button, { variant: "danger", "data-testid": "stop_recording", icon: true, outlined: true, onClick: () => setOpen(true) }, /* @__PURE__ */ import_react77.default.createElement(import_react_icons31.RecordIcon, null), /* @__PURE__ */ import_react77.default.createElement(Text, { as: "span", css: { "@md": { display: "none" }, color: "currentColor" } }, "Stop Recording"))), /* @__PURE__ */ import_react77.default.createElement(Popover2.Portal, null, /* @__PURE__ */ import_react77.default.createElement(Popover2.Content, { align: "end", sideOffset: 8, css: { w: "$64" } }, /* @__PURE__ */ import_react77.default.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium" } }, "Are you sure you want to end the recording?"), /* @__PURE__ */ import_react77.default.createElement(
|
|
21255
21369
|
Button,
|
|
21256
21370
|
{
|
|
21257
21371
|
"data-testid": "stop_recording_confirm",
|
|
@@ -21274,7 +21388,7 @@ var init_StreamActions = __esm({
|
|
|
21274
21388
|
"Stop"
|
|
21275
21389
|
))));
|
|
21276
21390
|
}
|
|
21277
|
-
return /* @__PURE__ */
|
|
21391
|
+
return /* @__PURE__ */ import_react77.default.createElement(
|
|
21278
21392
|
Button,
|
|
21279
21393
|
{
|
|
21280
21394
|
"data-testid": "start_recording",
|
|
@@ -21285,21 +21399,21 @@ var init_StreamActions = __esm({
|
|
|
21285
21399
|
yield startRecording();
|
|
21286
21400
|
})
|
|
21287
21401
|
},
|
|
21288
|
-
recordingStarted ? /* @__PURE__ */
|
|
21289
|
-
/* @__PURE__ */
|
|
21402
|
+
recordingStarted ? /* @__PURE__ */ import_react77.default.createElement(Loading, { size: 24, color: "currentColor" }) : /* @__PURE__ */ import_react77.default.createElement(import_react_icons31.RecordIcon, null),
|
|
21403
|
+
/* @__PURE__ */ import_react77.default.createElement(Text, { as: "span", css: { "@md": { display: "none" }, color: "currentColor" } }, recordingStarted ? "Starting" : "Start", " Recording")
|
|
21290
21404
|
);
|
|
21291
21405
|
};
|
|
21292
21406
|
StreamActions = () => {
|
|
21293
21407
|
const isConnected = (0, import_react_sdk35.useHMSStore)(import_react_sdk35.selectIsConnectedToRoom);
|
|
21294
21408
|
const isMobile = (0, import_react_use11.useMedia)(config.media.md);
|
|
21295
21409
|
const roomState = (0, import_react_sdk35.useHMSStore)(import_react_sdk35.selectRoomState);
|
|
21296
|
-
return /* @__PURE__ */
|
|
21410
|
+
return /* @__PURE__ */ import_react77.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react77.default.createElement(AdditionalRoomState, null), !isMobile && /* @__PURE__ */ import_react77.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react77.default.createElement(RecordingPauseStatus, null), /* @__PURE__ */ import_react77.default.createElement(RecordingStatus, null), roomState !== import_react_sdk35.HMSRoomState.Preview ? /* @__PURE__ */ import_react77.default.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ import_react77.default.createElement(StartRecording2, null) : null);
|
|
21297
21411
|
};
|
|
21298
21412
|
StopRecordingInSheet = ({
|
|
21299
21413
|
onStopRecording,
|
|
21300
21414
|
onClose
|
|
21301
21415
|
}) => {
|
|
21302
|
-
return /* @__PURE__ */
|
|
21416
|
+
return /* @__PURE__ */ import_react77.default.createElement(Sheet.Root, { open: true }, /* @__PURE__ */ import_react77.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react77.default.createElement(Sheet.Title, { css: { p: "$10" } }, /* @__PURE__ */ import_react77.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%", c: "$alert_error_default" } }, /* @__PURE__ */ import_react77.default.createElement(Flex, { justify: "start", align: "center", gap: "3" }, /* @__PURE__ */ import_react77.default.createElement(import_react_icons31.AlertTriangleIcon, null), /* @__PURE__ */ import_react77.default.createElement(Text, { variant: "h5", css: { c: "$alert_error_default" } }, "Stop Recording")), /* @__PURE__ */ import_react77.default.createElement(Sheet.Close, { css: { color: "white" }, onClick: onClose }, /* @__PURE__ */ import_react77.default.createElement(import_react_icons31.CrossIcon, null)))), /* @__PURE__ */ import_react77.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react77.default.createElement(Box, { as: "div", css: { p: "$10", overflowY: "scroll", maxHeight: "70vh" } }, /* @__PURE__ */ import_react77.default.createElement(Text, { variant: "caption", css: { c: "$on_surface_medium", pb: "$8" } }, "Are you sure you want to stop recording? You can\u2019t undo this action."), /* @__PURE__ */ import_react77.default.createElement(
|
|
21303
21417
|
Button,
|
|
21304
21418
|
{
|
|
21305
21419
|
variant: "danger",
|
|
@@ -21314,73 +21428,6 @@ var init_StreamActions = __esm({
|
|
|
21314
21428
|
}
|
|
21315
21429
|
});
|
|
21316
21430
|
|
|
21317
|
-
// src/Prebuilt/components/MoreSettings/ActionTile.jsx
|
|
21318
|
-
var import_react77, ActionTileRoot, ActionTileCount, ActionTileTitle, ActionTile;
|
|
21319
|
-
var init_ActionTile = __esm({
|
|
21320
|
-
"src/Prebuilt/components/MoreSettings/ActionTile.jsx"() {
|
|
21321
|
-
"use strict";
|
|
21322
|
-
init_define_process_env();
|
|
21323
|
-
import_react77 = __toESM(require("react"));
|
|
21324
|
-
init_Layout();
|
|
21325
|
-
init_Text2();
|
|
21326
|
-
init_Theme();
|
|
21327
|
-
ActionTileRoot = (_a8) => {
|
|
21328
|
-
var _b7 = _a8, { active, disabled = false, children, onClick } = _b7, props = __objRest(_b7, ["active", "disabled", "children", "onClick"]);
|
|
21329
|
-
return /* @__PURE__ */ import_react77.default.createElement(
|
|
21330
|
-
Flex,
|
|
21331
|
-
__spreadProps(__spreadValues({}, props), {
|
|
21332
|
-
css: {
|
|
21333
|
-
flexDirection: "column",
|
|
21334
|
-
alignItems: "center",
|
|
21335
|
-
p: "$4 $2",
|
|
21336
|
-
position: "relative",
|
|
21337
|
-
bg: active ? "$surface_bright" : "",
|
|
21338
|
-
color: disabled ? "$on_surface_low" : "$on_surface_high",
|
|
21339
|
-
gap: "$4",
|
|
21340
|
-
r: "$1",
|
|
21341
|
-
"&:hover": {
|
|
21342
|
-
bg: "$surface_bright"
|
|
21343
|
-
}
|
|
21344
|
-
},
|
|
21345
|
-
onClick: () => {
|
|
21346
|
-
if (!disabled) {
|
|
21347
|
-
onClick();
|
|
21348
|
-
}
|
|
21349
|
-
}
|
|
21350
|
-
}),
|
|
21351
|
-
children
|
|
21352
|
-
);
|
|
21353
|
-
};
|
|
21354
|
-
ActionTileCount = styled(Text, {
|
|
21355
|
-
position: "absolute",
|
|
21356
|
-
top: 0,
|
|
21357
|
-
right: 0,
|
|
21358
|
-
fontWeight: "$semiBold",
|
|
21359
|
-
color: "$on_surface_high",
|
|
21360
|
-
p: "$1 $2",
|
|
21361
|
-
minWidth: "$9",
|
|
21362
|
-
textAlign: "center",
|
|
21363
|
-
boxSizing: "border-box",
|
|
21364
|
-
bg: "$surface_bright",
|
|
21365
|
-
r: "$round",
|
|
21366
|
-
letterSpacing: "1.5px",
|
|
21367
|
-
fontSize: "$tiny !important",
|
|
21368
|
-
lineHeight: "$tiny !important"
|
|
21369
|
-
});
|
|
21370
|
-
ActionTileTitle = styled(Text, {
|
|
21371
|
-
fontWeight: "$semiBold",
|
|
21372
|
-
color: "inherit",
|
|
21373
|
-
textAlign: "center",
|
|
21374
|
-
fontSize: "$xs !important"
|
|
21375
|
-
});
|
|
21376
|
-
ActionTile = {
|
|
21377
|
-
Root: ActionTileRoot,
|
|
21378
|
-
Title: ActionTileTitle,
|
|
21379
|
-
Count: ActionTileCount
|
|
21380
|
-
};
|
|
21381
|
-
}
|
|
21382
|
-
});
|
|
21383
|
-
|
|
21384
21431
|
// src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
|
|
21385
21432
|
var import_react78, import_react_icons32, ChangeNameContent;
|
|
21386
21433
|
var init_ChangeNameContent = __esm({
|
|
@@ -21623,6 +21670,7 @@ var init_MwebOptions = __esm({
|
|
|
21623
21670
|
init_src();
|
|
21624
21671
|
init_Sheet2();
|
|
21625
21672
|
init_IconButton3();
|
|
21673
|
+
init_AudioVideoToggle();
|
|
21626
21674
|
init_EmojiReaction();
|
|
21627
21675
|
init_StreamActions();
|
|
21628
21676
|
init_SettingsModal();
|
|
@@ -21751,6 +21799,7 @@ var init_MwebOptions = __esm({
|
|
|
21751
21799
|
isHandRaised ? /* @__PURE__ */ import_react82.default.createElement(import_react_icons33.HandRaiseSlashedIcon, null) : /* @__PURE__ */ import_react82.default.createElement(import_react_icons33.HandIcon, null),
|
|
21752
21800
|
/* @__PURE__ */ import_react82.default.createElement(ActionTile.Title, null, isHandRaised ? "Lower" : "Raise", " Hand")
|
|
21753
21801
|
) : null,
|
|
21802
|
+
/* @__PURE__ */ import_react82.default.createElement(NoiseCancellation, { setOpenOptionsSheet, actionTile: true }),
|
|
21754
21803
|
isTranscriptionAllowed ? /* @__PURE__ */ import_react82.default.createElement(
|
|
21755
21804
|
ActionTile.Root,
|
|
21756
21805
|
{
|
|
@@ -29463,7 +29512,7 @@ var init_PreviewJoin = __esm({
|
|
|
29463
29512
|
}
|
|
29464
29513
|
},
|
|
29465
29514
|
/* @__PURE__ */ import_react164.default.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ import_react164.default.createElement(AudioVideoToggle, null), vbEnabled ? /* @__PURE__ */ import_react164.default.createElement(VBToggle, null) : null),
|
|
29466
|
-
!hideSettings ? /* @__PURE__ */ import_react164.default.createElement(PreviewSettings, null) : null
|
|
29515
|
+
/* @__PURE__ */ import_react164.default.createElement(Flex, { align: "center", gap: "1" }, isMobile && /* @__PURE__ */ import_react164.default.createElement(NoiseCancellation, { iconOnly: true }), !hideSettings ? /* @__PURE__ */ import_react164.default.createElement(PreviewSettings, null) : null)
|
|
29467
29516
|
);
|
|
29468
29517
|
};
|
|
29469
29518
|
PreviewSettings = import_react164.default.memo(() => {
|
|
@@ -30698,9 +30747,9 @@ var init_ScreenshareLayout = __esm({
|
|
|
30698
30747
|
}
|
|
30699
30748
|
});
|
|
30700
30749
|
|
|
30701
|
-
// ../../../../../../../tmp/tmp-
|
|
30702
|
-
var
|
|
30703
|
-
"../../../../../../../tmp/tmp-
|
|
30750
|
+
// ../../../../../../../tmp/tmp-2767-Gyfc8R5YbhJI/190163b62cc0/index.css
|
|
30751
|
+
var init_b62cc0 = __esm({
|
|
30752
|
+
"../../../../../../../tmp/tmp-2767-Gyfc8R5YbhJI/190163b62cc0/index.css"() {
|
|
30704
30753
|
}
|
|
30705
30754
|
});
|
|
30706
30755
|
|
|
@@ -30722,7 +30771,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
30722
30771
|
init_ProminenceLayout();
|
|
30723
30772
|
init_useUISettings();
|
|
30724
30773
|
init_constants();
|
|
30725
|
-
|
|
30774
|
+
init_b62cc0();
|
|
30726
30775
|
WhiteboardEmbed = () => {
|
|
30727
30776
|
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
30728
30777
|
const { token, endpoint, zoomToContent } = (0, import_react_sdk93.useWhiteboard)(isMobile);
|
|
@@ -33184,18 +33233,20 @@ var init_HLSView = __esm({
|
|
|
33184
33233
|
});
|
|
33185
33234
|
|
|
33186
33235
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
33187
|
-
var import_react203, import_ts_pattern13, import_react_sdk101, import_react_icons97, HLSView2, VideoStreamingSection;
|
|
33236
|
+
var import_react203, import_react_use48, import_ts_pattern13, import_react_sdk101, import_react_icons97, HLSView2, VideoStreamingSection;
|
|
33188
33237
|
var init_VideoStreamingSection = __esm({
|
|
33189
33238
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
|
33190
33239
|
"use strict";
|
|
33191
33240
|
init_define_process_env();
|
|
33192
33241
|
import_react203 = __toESM(require("react"));
|
|
33242
|
+
import_react_use48 = require("react-use");
|
|
33193
33243
|
import_ts_pattern13 = require("ts-pattern");
|
|
33194
33244
|
import_react_sdk101 = require("@100mslive/react-sdk");
|
|
33195
33245
|
import_react_icons97 = require("@100mslive/react-icons");
|
|
33196
33246
|
init_FullPageProgress();
|
|
33197
33247
|
init_GridLayout();
|
|
33198
33248
|
init_Layout();
|
|
33249
|
+
init_Theme();
|
|
33199
33250
|
init_EmbedView();
|
|
33200
33251
|
init_PDFView();
|
|
33201
33252
|
init_SidePane();
|
|
@@ -33219,7 +33270,8 @@ var init_VideoStreamingSection = __esm({
|
|
|
33219
33270
|
const pdfAnnotatorActive = usePDFConfig();
|
|
33220
33271
|
const isMobileHLSStream = useMobileHLSStream();
|
|
33221
33272
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
33222
|
-
const
|
|
33273
|
+
const isMobile = (0, import_react_use48.useMedia)(config.media.md);
|
|
33274
|
+
const [captionPosition, setCaptionPosition] = (0, import_react203.useState)({ x: isMobile ? 0 : -200, y: 0 });
|
|
33223
33275
|
useCloseScreenshareWhiteboard();
|
|
33224
33276
|
const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
|
|
33225
33277
|
(0, import_react203.useEffect)(() => {
|
|
@@ -33318,13 +33370,13 @@ var init_VideoStreamingSection = __esm({
|
|
|
33318
33370
|
});
|
|
33319
33371
|
|
|
33320
33372
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
|
33321
|
-
var import_react204,
|
|
33373
|
+
var import_react204, import_react_use49, import_react_icons98, RoomDetailsHeader;
|
|
33322
33374
|
var init_RoomDetailsHeader = __esm({
|
|
33323
33375
|
"src/Prebuilt/components/Header/RoomDetailsHeader.tsx"() {
|
|
33324
33376
|
"use strict";
|
|
33325
33377
|
init_define_process_env();
|
|
33326
33378
|
import_react204 = __toESM(require("react"));
|
|
33327
|
-
|
|
33379
|
+
import_react_use49 = require("react-use");
|
|
33328
33380
|
import_react_icons98 = require("@100mslive/react-icons");
|
|
33329
33381
|
init_Layout();
|
|
33330
33382
|
init_Text2();
|
|
@@ -33335,7 +33387,7 @@ var init_RoomDetailsHeader = __esm({
|
|
|
33335
33387
|
init_constants();
|
|
33336
33388
|
RoomDetailsHeader = () => {
|
|
33337
33389
|
const { title, description } = useRoomLayoutHeader();
|
|
33338
|
-
const isMobile = (0,
|
|
33390
|
+
const isMobile = (0, import_react_use49.useMedia)(config.media.md);
|
|
33339
33391
|
const clipLength = 30;
|
|
33340
33392
|
const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
|
|
33341
33393
|
const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
@@ -33513,13 +33565,13 @@ var init_common2 = __esm({
|
|
|
33513
33565
|
});
|
|
33514
33566
|
|
|
33515
33567
|
// src/Prebuilt/components/Header/Header.tsx
|
|
33516
|
-
var import_react206,
|
|
33568
|
+
var import_react206, import_react_use50, import_react_sdk103, Header2;
|
|
33517
33569
|
var init_Header = __esm({
|
|
33518
33570
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
33519
33571
|
"use strict";
|
|
33520
33572
|
init_define_process_env();
|
|
33521
33573
|
import_react206 = __toESM(require("react"));
|
|
33522
|
-
|
|
33574
|
+
import_react_use50 = require("react-use");
|
|
33523
33575
|
import_react_sdk103 = require("@100mslive/react-sdk");
|
|
33524
33576
|
init_src();
|
|
33525
33577
|
init_HeaderComponents();
|
|
@@ -33528,7 +33580,7 @@ var init_Header = __esm({
|
|
|
33528
33580
|
init_common2();
|
|
33529
33581
|
Header2 = () => {
|
|
33530
33582
|
const roomState = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectRoomState);
|
|
33531
|
-
const isMobile = (0,
|
|
33583
|
+
const isMobile = (0, import_react_use50.useMedia)(config.media.md);
|
|
33532
33584
|
if (roomState !== import_react_sdk103.HMSRoomState.Connected) {
|
|
33533
33585
|
return /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null);
|
|
33534
33586
|
}
|
|
@@ -34066,13 +34118,13 @@ var init_useRedirectToLeave = __esm({
|
|
|
34066
34118
|
});
|
|
34067
34119
|
|
|
34068
34120
|
// src/Prebuilt/AppStateContext.tsx
|
|
34069
|
-
var import_react214,
|
|
34121
|
+
var import_react214, import_react_use51, import_ts_pattern14, import_react_sdk108, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
|
34070
34122
|
var init_AppStateContext = __esm({
|
|
34071
34123
|
"src/Prebuilt/AppStateContext.tsx"() {
|
|
34072
34124
|
"use strict";
|
|
34073
34125
|
init_define_process_env();
|
|
34074
34126
|
import_react214 = __toESM(require("react"));
|
|
34075
|
-
|
|
34127
|
+
import_react_use51 = require("react-use");
|
|
34076
34128
|
import_ts_pattern14 = require("ts-pattern");
|
|
34077
34129
|
import_react_sdk108 = require("@100mslive/react-sdk");
|
|
34078
34130
|
init_VBHandler();
|
|
@@ -34096,7 +34148,7 @@ var init_AppStateContext = __esm({
|
|
|
34096
34148
|
const roomLayout = useRoomLayout();
|
|
34097
34149
|
const [activeState, setActiveState] = import_react214.default.useState();
|
|
34098
34150
|
const roomState = (0, import_react_sdk108.useHMSStore)(import_react_sdk108.selectRoomState);
|
|
34099
|
-
const prevRoomState = (0,
|
|
34151
|
+
const prevRoomState = (0, import_react_use51.usePreviousDistinct)(roomState);
|
|
34100
34152
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
34101
34153
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
34102
34154
|
const { redirectToLeave } = useRedirectToLeave();
|
|
@@ -34193,13 +34245,13 @@ var init_LeaveScreen = __esm({
|
|
|
34193
34245
|
});
|
|
34194
34246
|
|
|
34195
34247
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
|
34196
|
-
var import_react216,
|
|
34248
|
+
var import_react216, import_react_use52, import_ts_pattern15, import_react_icons102, MwebLandscapePrompt;
|
|
34197
34249
|
var init_MwebLandscapePrompt = __esm({
|
|
34198
34250
|
"src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
|
|
34199
34251
|
"use strict";
|
|
34200
34252
|
init_define_process_env();
|
|
34201
34253
|
import_react216 = __toESM(require("react"));
|
|
34202
|
-
|
|
34254
|
+
import_react_use52 = require("react-use");
|
|
34203
34255
|
import_ts_pattern15 = require("ts-pattern");
|
|
34204
34256
|
import_react_icons102 = require("@100mslive/react-icons");
|
|
34205
34257
|
init_Button2();
|
|
@@ -34211,7 +34263,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
34211
34263
|
init_utils2();
|
|
34212
34264
|
MwebLandscapePrompt = () => {
|
|
34213
34265
|
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react216.useState)(false);
|
|
34214
|
-
const isLandscape = (0,
|
|
34266
|
+
const isLandscape = (0, import_react_use52.useMedia)(config.media.ls);
|
|
34215
34267
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
34216
34268
|
(0, import_react216.useEffect)(() => {
|
|
34217
34269
|
var _a8;
|
|
@@ -34717,7 +34769,7 @@ function PermissionErrorModal() {
|
|
|
34717
34769
|
const notification = (0, import_react_sdk115.useHMSNotifications)(import_react_sdk115.HMSNotificationTypes.ERROR);
|
|
34718
34770
|
const [deviceType, setDeviceType] = (0, import_react223.useState)("");
|
|
34719
34771
|
const [isSystemError, setIsSystemError] = (0, import_react223.useState)(false);
|
|
34720
|
-
const isMobile = (0,
|
|
34772
|
+
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
|
34721
34773
|
(0, import_react223.useEffect)(() => {
|
|
34722
34774
|
var _a8, _b7, _c, _d, _e;
|
|
34723
34775
|
if (!notification || ((_a8 = notification.data) == null ? void 0 : _a8.code) !== 3001 && ((_b7 = notification.data) == null ? void 0 : _b7.code) !== 3011 || ((_c = notification.data) == null ? void 0 : _c.code) === 3001 && ((_d = notification.data) == null ? void 0 : _d.message.includes("screen"))) {
|
|
@@ -34773,13 +34825,13 @@ function PermissionErrorModal() {
|
|
|
34773
34825
|
!isMobile ? /* @__PURE__ */ import_react223.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react223.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
|
|
34774
34826
|
))) : null;
|
|
34775
34827
|
}
|
|
34776
|
-
var import_react223,
|
|
34828
|
+
var import_react223, import_react_use53, import_react_sdk115;
|
|
34777
34829
|
var init_PermissionErrorModal = __esm({
|
|
34778
34830
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
34779
34831
|
"use strict";
|
|
34780
34832
|
init_define_process_env();
|
|
34781
34833
|
import_react223 = __toESM(require("react"));
|
|
34782
|
-
|
|
34834
|
+
import_react_use53 = require("react-use");
|
|
34783
34835
|
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
34784
34836
|
init_src();
|
|
34785
34837
|
init_android_perm_1();
|
|
@@ -35221,13 +35273,13 @@ var init_Notifications2 = __esm({
|
|
|
35221
35273
|
});
|
|
35222
35274
|
|
|
35223
35275
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
35224
|
-
var import_react230,
|
|
35276
|
+
var import_react230, import_react_use54, PreviewScreen;
|
|
35225
35277
|
var init_PreviewScreen = __esm({
|
|
35226
35278
|
"src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
|
|
35227
35279
|
"use strict";
|
|
35228
35280
|
init_define_process_env();
|
|
35229
35281
|
import_react230 = __toESM(require("react"));
|
|
35230
|
-
|
|
35282
|
+
import_react_use54 = require("react-use");
|
|
35231
35283
|
init_src();
|
|
35232
35284
|
init_AppContext();
|
|
35233
35285
|
init_roomLayoutProvider();
|
|
@@ -35240,7 +35292,7 @@ var init_PreviewScreen = __esm({
|
|
|
35240
35292
|
var _a8, _b7, _c;
|
|
35241
35293
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
35242
35294
|
const skipPreview = !isPreviewScreenEnabled;
|
|
35243
|
-
const previewAsRole = (0,
|
|
35295
|
+
const previewAsRole = (0, import_react_use54.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
|
|
35244
35296
|
const { userName } = useHMSPrebuiltContext();
|
|
35245
35297
|
const initialName = userName || (skipPreview ? "Beam" : "");
|
|
35246
35298
|
const authToken = useAuthToken();
|
|
@@ -35382,7 +35434,7 @@ function FlyingEmoji() {
|
|
|
35382
35434
|
const vanillaStore = (0, import_react_sdk124.useHMSVanillaStore)();
|
|
35383
35435
|
const hmsActions = (0, import_react_sdk124.useHMSActions)();
|
|
35384
35436
|
const [emojis, setEmojis] = (0, import_react235.useState)([]);
|
|
35385
|
-
const isMobile = (0,
|
|
35437
|
+
const isMobile = (0, import_react_use55.useMedia)(config.media.md);
|
|
35386
35438
|
const isLargeRoom = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectIsLargeRoom);
|
|
35387
35439
|
const startingPoints = (0, import_react235.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
35388
35440
|
const showFlyingEmoji = (0, import_react235.useCallback)(
|
|
@@ -35477,13 +35529,13 @@ function FlyingEmoji() {
|
|
|
35477
35529
|
})
|
|
35478
35530
|
);
|
|
35479
35531
|
}
|
|
35480
|
-
var import_react235,
|
|
35532
|
+
var import_react235, import_react_use55, import_react_sdk124, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
35481
35533
|
var init_FlyingEmoji = __esm({
|
|
35482
35534
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
35483
35535
|
"use strict";
|
|
35484
35536
|
init_define_process_env();
|
|
35485
35537
|
import_react235 = __toESM(require("react"));
|
|
35486
|
-
|
|
35538
|
+
import_react_use55 = require("react-use");
|
|
35487
35539
|
import_react_sdk124 = require("@100mslive/react-sdk");
|
|
35488
35540
|
init_Layout();
|
|
35489
35541
|
init_Text2();
|