@100mslive/roomkit-react 0.3.13-alpha.2 → 0.3.13-alpha.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-PKDRMZ6I.css → HLSView-BPYGVRXI.css} +3 -3
- package/dist/{HLSView-PKDRMZ6I.css.map → HLSView-BPYGVRXI.css.map} +1 -1
- package/dist/{HLSView-6LSPJ2Z7.js → HLSView-LLRW3DIQ.js} +2 -2
- package/dist/Prebuilt/components/AudioVideoToggle.d.ts +5 -0
- package/dist/{chunk-WVDHAUXG.js → chunk-DNADAU4F.js} +477 -428
- package/dist/chunk-DNADAU4F.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +601 -549
- 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 +99 -69
- package/dist/meta.esbuild.json +111 -81
- 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/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-LLRW3DIQ.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_99b1a602-c7f7-49ff-b90b-3a5994e5873b", 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.3", 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.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_99b1a602-c7f7-49ff-b90b-3a5994e5873b", 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.3", 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: "591", 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:17321", 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.3", 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: "9513617529", 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: "602be1333ec3c791f936851843a60d1317b51234", 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: "3cfa293b6f51baf86521fe0161e53bd42f7fb01200f2ad77787ca00c1ffe5cf4", 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--1718356265715-0.895385458255374:/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--1718356265518-0.8388006177201046:/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--1718356240122-0.00009386668753852412:/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--1718356239941-0.942025479378021:/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_57ea8f71-f3e2-4b75-ab78-43beda3dbac5", INVOCATION_ID: "9729fd2d80cc4e509839708b51a3bc94", 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: "574", 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 157", 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.3", 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.3", 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: "602be1333ec3c791f936851843a60d1317b51234", 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_99b1a602-c7f7-49ff-b90b-3a5994e5873b", 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_99b1a602-c7f7-49ff-b90b-3a5994e5873b", 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_99b1a602-c7f7-49ff-b90b-3a5994e5873b" };
|
|
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) {
|
|
@@ -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.3", 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-2832-fqyRrGg1Js4N/1901603cd0d1/index.css
|
|
30751
|
+
var init_cd0d1 = __esm({
|
|
30752
|
+
"../../../../../../../tmp/tmp-2832-fqyRrGg1Js4N/1901603cd0d1/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_cd0d1();
|
|
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();
|