@100mslive/roomkit-react 0.2.8-alpha.5 → 0.2.8-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HLSView-CVNJNDUQ.js → HLSView-MYKM5AXS.js} +239 -144
- package/dist/HLSView-MYKM5AXS.js.map +7 -0
- package/dist/Prebuilt/components/Chat/MwebChatOption.d.ts +1 -1
- package/dist/Prebuilt/components/HMSVideo/PlayPauseButton.d.ts +6 -0
- package/dist/Prebuilt/components/HMSVideo/SeekControls.d.ts +7 -0
- package/dist/Prebuilt/components/HMSVideo/VideoProgress.d.ts +3 -1
- package/dist/Prebuilt/components/HMSVideo/index.d.ts +10 -2
- package/dist/Prebuilt/layouts/SidePane.d.ts +1 -1
- package/dist/{chunk-25HZFDG5.js → chunk-DRBTAFKN.js} +356 -222
- package/dist/chunk-DRBTAFKN.js.map +7 -0
- package/dist/index.cjs.js +949 -712
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +217 -78
- package/dist/meta.esbuild.json +227 -87
- package/package.json +7 -6
- package/src/Prebuilt/components/AppData/useSidepane.js +34 -7
- package/src/Prebuilt/components/AuthToken.jsx +1 -1
- package/src/Prebuilt/components/Chat/ChatFooter.tsx +1 -1
- package/src/Prebuilt/components/Chat/MwebChatOption.tsx +1 -1
- package/src/Prebuilt/components/ConferenceScreen.tsx +11 -14
- package/src/Prebuilt/components/Footer/RoleOptions.tsx +32 -15
- package/src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx +31 -1
- package/src/Prebuilt/components/HMSVideo/HMSVideo.jsx +7 -1
- package/src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx +27 -0
- package/src/Prebuilt/components/HMSVideo/SeekControls.tsx +22 -0
- package/src/Prebuilt/components/HMSVideo/VideoProgress.tsx +4 -3
- package/src/Prebuilt/components/HMSVideo/VolumeControl.tsx +1 -1
- package/src/Prebuilt/components/HMSVideo/index.ts +4 -2
- package/src/Prebuilt/components/Header/StreamActions.tsx +1 -1
- package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx +37 -31
- package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +6 -5
- package/src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx +2 -2
- package/src/Prebuilt/components/Notifications/PeerNotifications.tsx +1 -1
- package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +19 -8
- package/src/Prebuilt/components/SidePaneTabs.tsx +27 -35
- package/src/Prebuilt/components/StatsForNerds.jsx +14 -6
- package/src/Prebuilt/components/Streaming/Common.jsx +1 -1
- package/src/Prebuilt/components/TileMenu/TileMenuContent.tsx +2 -2
- package/src/Prebuilt/components/Toast/ToastBatcher.js +8 -1
- package/src/Prebuilt/components/Toast/ToastConfig.jsx +17 -0
- package/src/Prebuilt/layouts/HLSView.jsx +109 -69
- package/src/Prebuilt/layouts/SidePane.tsx +125 -67
- package/src/Prebuilt/layouts/VideoStreamingSection.tsx +2 -1
- package/src/Prebuilt/provider/roomLayoutProvider/index.tsx +1 -1
- package/src/Sheet/Sheet.tsx +4 -0
- package/dist/HLSView-CVNJNDUQ.js.map +0 -7
- package/dist/chunk-25HZFDG5.js.map +0 -7
- package/src/Prebuilt/components/HMSVideo/PlayButton.jsx +0 -13
package/dist/index.cjs.js
CHANGED
@@ -108,7 +108,7 @@ var __async = (__this, __arguments, generator) => {
|
|
108
108
|
var define_process_env_default;
|
109
109
|
var init_define_process_env = __esm({
|
110
110
|
"<define:process.env>"() {
|
111
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_a2d25392-e983-4dc8-a996-752ed975f55d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.9.8-alpha.5", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a2d25392-e983-4dc8-a996-752ed975f55d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.12.8-alpha.5", 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.7", 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.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", 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: "589", 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_devDependencies__rollup_plugin_image: "^3.0.2", 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.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240218.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.0/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.0-alpha.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:18567", 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__rollup_plugin_commonjs: "^21.0.3", 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.2.8-alpha.5", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8076840402", 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_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: "6ba28232c0bb10f4ba990777369c5c5b132203b1", 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: "43ae19c6eb82415162c072f1b28234ed0a19acf289ee178d82b17b9909ab16c5", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", 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--1709105780086-0.8969639265451106:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709105779889-0.36514107301713383:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709105757584-0.07376076545779098:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709105757404-0.9859750851125968:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e97489a3-4673-4f20-bf72-485a5bc17b12", INVOCATION_ID: "90956711b8e6428b938e419d68168b61", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "454", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 438", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", 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.9.8-alpha.5", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-alpha.5", 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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "6ba28232c0bb10f4ba990777369c5c5b132203b1", 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_a2d25392-e983-4dc8-a996-752ed975f55d", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_a2d25392-e983-4dc8-a996-752ed975f55d", 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.154/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_a2d25392-e983-4dc8-a996-752ed975f55d" };
|
111
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_185c518e-14fa-4a8e-bf76-523e6a97de22", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.9.8-alpha.7", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_185c518e-14fa-4a8e-bf76-523e6a97de22", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.12.8-alpha.7", 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.7", 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.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "593", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", 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.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240225.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.0/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.0-alpha.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:20547", 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__rollup_plugin_commonjs: "^21.0.3", 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.2.8-alpha.7", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8081355382", 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: "48bc1b57113a4245b79055a80f4f1f5d3b8795aa", 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: "f6aeb3782206d0c2fca9cbf488ceb0a35487be7c645191f5cf0163a3eb01e719", 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--1709127809318-0.9086977243625547:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709127809126-0.6095770090936108:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709127787109-0.0814847064321016:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709127786931-0.6972012578357483:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_2ee04255-38bc-4c51-b269-6782657e4adf", INVOCATION_ID: "18dfc21d5d544d1b8eb77f790b149ed9", 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: "456", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 141", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", 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.9.8-alpha.7", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-alpha.7", 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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "48bc1b57113a4245b79055a80f4f1f5d3b8795aa", 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_185c518e-14fa-4a8e-bf76-523e6a97de22", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_185c518e-14fa-4a8e-bf76-523e6a97de22", 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.154/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_185c518e-14fa-4a8e-bf76-523e6a97de22" };
|
112
112
|
}
|
113
113
|
});
|
114
114
|
|
@@ -6870,8 +6870,8 @@ var require_lodash = __commonJS({
|
|
6870
6870
|
return { "start": start, "end": end };
|
6871
6871
|
}
|
6872
6872
|
function getWrapDetails(source) {
|
6873
|
-
var
|
6874
|
-
return
|
6873
|
+
var match8 = source.match(reWrapDetails);
|
6874
|
+
return match8 ? match8[1].split(reSplitDetails) : [];
|
6875
6875
|
}
|
6876
6876
|
function hasPath(object, path, hasFunc) {
|
6877
6877
|
path = castPath(path, object);
|
@@ -7139,8 +7139,8 @@ var require_lodash = __commonJS({
|
|
7139
7139
|
if (string.charCodeAt(0) === 46) {
|
7140
7140
|
result2.push("");
|
7141
7141
|
}
|
7142
|
-
string.replace(rePropName, function(
|
7143
|
-
result2.push(quote ? subString.replace(reEscapeChar, "$1") : number ||
|
7142
|
+
string.replace(rePropName, function(match8, number, quote, subString) {
|
7143
|
+
result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match8);
|
7144
7144
|
});
|
7145
7145
|
return result2;
|
7146
7146
|
});
|
@@ -8706,7 +8706,7 @@ var require_lodash = __commonJS({
|
|
8706
8706
|
"g"
|
8707
8707
|
);
|
8708
8708
|
var sourceURL = "//# sourceURL=" + (hasOwnProperty.call(options, "sourceURL") ? (options.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++templateCounter + "]") + "\n";
|
8709
|
-
string.replace(reDelimiters, function(
|
8709
|
+
string.replace(reDelimiters, function(match8, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
|
8710
8710
|
interpolateValue || (interpolateValue = esTemplateValue);
|
8711
8711
|
source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar);
|
8712
8712
|
if (escapeValue) {
|
@@ -8720,8 +8720,8 @@ var require_lodash = __commonJS({
|
|
8720
8720
|
if (interpolateValue) {
|
8721
8721
|
source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
|
8722
8722
|
}
|
8723
|
-
index = offset +
|
8724
|
-
return
|
8723
|
+
index = offset + match8.length;
|
8724
|
+
return match8;
|
8725
8725
|
});
|
8726
8726
|
source += "';\n";
|
8727
8727
|
var variable = hasOwnProperty.call(options, "variable") && options.variable;
|
@@ -8809,13 +8809,13 @@ var require_lodash = __commonJS({
|
|
8809
8809
|
}
|
8810
8810
|
if (isRegExp(separator)) {
|
8811
8811
|
if (string.slice(end).search(separator)) {
|
8812
|
-
var
|
8812
|
+
var match8, substring = result2;
|
8813
8813
|
if (!separator.global) {
|
8814
8814
|
separator = RegExp2(separator.source, toString(reFlags.exec(separator)) + "g");
|
8815
8815
|
}
|
8816
8816
|
separator.lastIndex = 0;
|
8817
|
-
while (
|
8818
|
-
var newEnd =
|
8817
|
+
while (match8 = separator.exec(substring)) {
|
8818
|
+
var newEnd = match8.index;
|
8819
8819
|
}
|
8820
8820
|
result2 = result2.slice(0, newEnd === undefined2 ? end : newEnd);
|
8821
8821
|
}
|
@@ -9890,12 +9890,13 @@ var init_useRoomLayoutScreen = __esm({
|
|
9890
9890
|
});
|
9891
9891
|
|
9892
9892
|
// src/Prebuilt/components/AppData/useSidepane.js
|
9893
|
-
var import_react33, import_react_sdk9, useIsSidepaneTypeOpen, useSidepaneState, useSidepaneToggle, usePollViewToggle, useSidepaneReset;
|
9893
|
+
var import_react33, import_ts_pattern, import_react_sdk9, useIsSidepaneTypeOpen, useSidepaneState, useSidepaneToggle, usePollViewToggle, useSidepaneReset;
|
9894
9894
|
var init_useSidepane = __esm({
|
9895
9895
|
"src/Prebuilt/components/AppData/useSidepane.js"() {
|
9896
9896
|
"use strict";
|
9897
9897
|
init_define_process_env();
|
9898
9898
|
import_react33 = require("react");
|
9899
|
+
import_ts_pattern = require("ts-pattern");
|
9899
9900
|
import_react_sdk9 = require("@100mslive/react-sdk");
|
9900
9901
|
init_useUISettings();
|
9901
9902
|
init_constants();
|
@@ -9924,13 +9925,36 @@ var init_useSidepane = __esm({
|
|
9924
9925
|
const isOpen = useSidepaneState() === SIDE_PANE_OPTIONS.POLLS;
|
9925
9926
|
const togglePollView = (0, import_react33.useCallback)(
|
9926
9927
|
(id) => {
|
9927
|
-
|
9928
|
-
|
9929
|
-
|
9930
|
-
|
9931
|
-
|
9928
|
+
(0, import_ts_pattern.match)({ id, isOpen, view }).with(
|
9929
|
+
{
|
9930
|
+
id: import_ts_pattern.P.string
|
9931
|
+
},
|
9932
|
+
() => {
|
9933
|
+
setPollState({
|
9934
|
+
[POLL_STATE.pollInView]: id,
|
9935
|
+
[POLL_STATE.view]: POLL_VIEWS.VOTE
|
9936
|
+
});
|
9937
|
+
hmsActions.setAppData(APP_DATA.sidePane, SIDE_PANE_OPTIONS.POLLS);
|
9938
|
+
}
|
9939
|
+
).with(
|
9940
|
+
{
|
9941
|
+
isOpen: true,
|
9942
|
+
view: import_ts_pattern.P.when((view2) => !!view2)
|
9943
|
+
},
|
9944
|
+
() => {
|
9945
|
+
setPollState({
|
9946
|
+
[POLL_STATE.pollInView]: void 0,
|
9947
|
+
[POLL_STATE.view]: null
|
9948
|
+
});
|
9949
|
+
hmsActions.setAppData(APP_DATA.sidePane, "");
|
9950
|
+
}
|
9951
|
+
).otherwise(() => {
|
9952
|
+
setPollState({
|
9953
|
+
[POLL_STATE.pollInView]: void 0,
|
9954
|
+
[POLL_STATE.view]: POLL_VIEWS.CREATE_POLL_QUIZ
|
9955
|
+
});
|
9956
|
+
hmsActions.setAppData(APP_DATA.sidePane, SIDE_PANE_OPTIONS.POLLS);
|
9932
9957
|
});
|
9933
|
-
hmsActions.setAppData(APP_DATA.sidePane, newView ? SIDE_PANE_OPTIONS.POLLS : "");
|
9934
9958
|
},
|
9935
9959
|
[hmsActions, view, setPollState, isOpen]
|
9936
9960
|
);
|
@@ -10194,7 +10218,7 @@ var init_AuthToken = __esm({
|
|
10194
10218
|
alignItems: "center"
|
10195
10219
|
}
|
10196
10220
|
},
|
10197
|
-
/* @__PURE__ */ import_react36.default.createElement("img", { src: transaction_error_default, height: 80, width: 80 }),
|
10221
|
+
/* @__PURE__ */ import_react36.default.createElement("img", { src: transaction_error_default, height: 80, width: 80, alt: "Token Error" }),
|
10198
10222
|
/* @__PURE__ */ import_react36.default.createElement(Text, { variant: "h4", css: { textAlign: "center", mb: "$4", mt: "$10" } }, error.title),
|
10199
10223
|
/* @__PURE__ */ import_react36.default.createElement(Text, { css: { c: "$on_surface_medium", textAlign: "center" } }, error.body)
|
10200
10224
|
));
|
@@ -10475,6 +10499,10 @@ var init_Sheet = __esm({
|
|
10475
10499
|
animation: `${sheetSlideOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
|
10476
10500
|
}
|
10477
10501
|
},
|
10502
|
+
"@ls": {
|
10503
|
+
maxWidth: "50%",
|
10504
|
+
margin: "0 auto"
|
10505
|
+
},
|
10478
10506
|
variants: {
|
10479
10507
|
side: {
|
10480
10508
|
top: {
|
@@ -13123,12 +13151,13 @@ var init_StartRecording = __esm({
|
|
13123
13151
|
});
|
13124
13152
|
|
13125
13153
|
// src/Prebuilt/components/StatsForNerds.jsx
|
13126
|
-
var import_react61, import_react_sdk23, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2, formatBytes2;
|
13154
|
+
var import_react61, import_ts_pattern2, import_react_sdk23, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2, formatBytes2;
|
13127
13155
|
var init_StatsForNerds = __esm({
|
13128
13156
|
"src/Prebuilt/components/StatsForNerds.jsx"() {
|
13129
13157
|
"use strict";
|
13130
13158
|
init_define_process_env();
|
13131
13159
|
import_react61 = __toESM(require("react"));
|
13160
|
+
import_ts_pattern2 = require("ts-pattern");
|
13132
13161
|
import_react_sdk23 = require("@100mslive/react-sdk");
|
13133
13162
|
init_Divider2();
|
13134
13163
|
init_Dropdown2();
|
@@ -13267,7 +13296,12 @@ var init_StatsForNerds = __esm({
|
|
13267
13296
|
};
|
13268
13297
|
TrackStats = ({ trackID, layer, local }) => {
|
13269
13298
|
var _a8;
|
13270
|
-
const selector =
|
13299
|
+
const selector = (0, import_ts_pattern2.match)({ trackID, layer, local }).with(
|
13300
|
+
{
|
13301
|
+
layer: import_ts_pattern2.P.when((layer2) => !!layer2)
|
13302
|
+
},
|
13303
|
+
() => import_react_sdk23.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID)
|
13304
|
+
).with({ local: import_ts_pattern2.P.when((local2) => !!local2) }, () => import_react_sdk23.selectHMSStats.localAudioTrackStatsByID(trackID)).otherwise(() => import_react_sdk23.selectHMSStats.trackStatsByID(trackID));
|
13271
13305
|
const stats = (0, import_react_sdk23.useHMSStatsStore)(selector);
|
13272
13306
|
if (!stats) {
|
13273
13307
|
return null;
|
@@ -13279,7 +13313,13 @@ var init_StatsForNerds = __esm({
|
|
13279
13313
|
label: inbound ? "Bytes Received" : "Bytes Sent",
|
13280
13314
|
value: formatBytes2(inbound ? stats.bytesReceived : stats.bytesSent)
|
13281
13315
|
}
|
13282
|
-
), stats.kind === "video" && /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ import_react61.default.createElement(
|
13316
|
+
), stats.kind === "video" && /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ import_react61.default.createElement(
|
13317
|
+
StatsRow2,
|
13318
|
+
{
|
13319
|
+
label: "Round Trip Time",
|
13320
|
+
value: stats.roundTripTime ? `${(stats.roundTripTime * 1e3).toFixed(3)} ms` : "-"
|
13321
|
+
}
|
13322
|
+
));
|
13283
13323
|
};
|
13284
13324
|
StatsRow2 = import_react61.default.memo(({ label, value }) => /* @__PURE__ */ import_react61.default.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ import_react61.default.createElement(
|
13285
13325
|
Text,
|
@@ -13689,13 +13729,14 @@ var init_useMetadata = __esm({
|
|
13689
13729
|
});
|
13690
13730
|
|
13691
13731
|
// src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
|
13692
|
-
var import_react68, import_hls_player, import_react_sdk28, import_react_icons27, MODALS, DesktopOptions;
|
13732
|
+
var import_react68, import_hls_player, import_ts_pattern3, import_react_sdk28, import_react_icons27, MODALS, DesktopOptions;
|
13693
13733
|
var init_DesktopOptions = __esm({
|
13694
13734
|
"src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx"() {
|
13695
13735
|
"use strict";
|
13696
13736
|
init_define_process_env();
|
13697
13737
|
import_react68 = __toESM(require("react"));
|
13698
13738
|
import_hls_player = require("@100mslive/hls-player");
|
13739
|
+
import_ts_pattern3 = require("ts-pattern");
|
13699
13740
|
import_react_sdk28 = require("@100mslive/react-sdk");
|
13700
13741
|
import_react_icons27 = require("@100mslive/react-icons");
|
13701
13742
|
init_src();
|
@@ -13779,23 +13820,33 @@ var init_DesktopOptions = __esm({
|
|
13779
13820
|
/* @__PURE__ */ import_react68.default.createElement(FullScreenItem, null),
|
13780
13821
|
/* @__PURE__ */ import_react68.default.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }),
|
13781
13822
|
/* @__PURE__ */ import_react68.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.SettingsIcon, null), /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
|
13782
|
-
|
13823
|
+
(0, import_ts_pattern3.match)({ screenType, isSupported: import_hls_player.HMSHLSPlayer.isSupported() }).with({ screenType: "hls_live_streaming", isSupported: false }, () => null).with({ screenType: "hls_live_streaming", isSupported: true }, () => {
|
13824
|
+
return /* @__PURE__ */ import_react68.default.createElement(
|
13825
|
+
Dropdown.Item,
|
13826
|
+
{
|
13827
|
+
onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
|
13828
|
+
"data-testid": "hls_stats"
|
13829
|
+
},
|
13830
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
13831
|
+
Checkbox.Root,
|
13832
|
+
{
|
13833
|
+
css: { margin: "$2" },
|
13834
|
+
checked: enablHlsStats,
|
13835
|
+
onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
|
13836
|
+
},
|
13837
|
+
/* @__PURE__ */ import_react68.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.CheckIcon, { width: 16, height: 16 }))
|
13838
|
+
),
|
13839
|
+
/* @__PURE__ */ import_react68.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
|
13840
|
+
);
|
13841
|
+
}).otherwise(() => /* @__PURE__ */ import_react68.default.createElement(
|
13783
13842
|
Dropdown.Item,
|
13784
13843
|
{
|
13785
|
-
onClick: () =>
|
13786
|
-
"data-testid": "
|
13844
|
+
onClick: () => updateState(MODALS.STATS_FOR_NERDS, true),
|
13845
|
+
"data-testid": "stats_for_nerds_btn"
|
13787
13846
|
},
|
13788
|
-
/* @__PURE__ */ import_react68.default.createElement(
|
13789
|
-
|
13790
|
-
|
13791
|
-
css: { margin: "$2" },
|
13792
|
-
checked: enablHlsStats,
|
13793
|
-
onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
|
13794
|
-
},
|
13795
|
-
/* @__PURE__ */ import_react68.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.CheckIcon, { width: 16, height: 16 }))
|
13796
|
-
),
|
13797
|
-
/* @__PURE__ */ import_react68.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
|
13798
|
-
) : null : /* @__PURE__ */ import_react68.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.STATS_FOR_NERDS, true), "data-testid": "stats_for_nreds_btn" }, /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.InfoIcon, null), /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds"))
|
13847
|
+
/* @__PURE__ */ import_react68.default.createElement(import_react_icons27.InfoIcon, null),
|
13848
|
+
/* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
|
13849
|
+
))
|
13799
13850
|
)
|
13800
13851
|
), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ import_react68.default.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ import_react68.default.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ import_react68.default.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ import_react68.default.createElement(
|
13801
13852
|
SettingsModal_default,
|
@@ -13934,7 +13985,7 @@ var require_ua_parser = __commonJS({
|
|
13934
13985
|
}
|
13935
13986
|
};
|
13936
13987
|
var rgxMapper = function(ua, arrays) {
|
13937
|
-
var i = 0, j, k2, p, q2, matches,
|
13988
|
+
var i = 0, j, k2, p, q2, matches, match8;
|
13938
13989
|
while (i < arrays.length && !matches) {
|
13939
13990
|
var regex = arrays[i], props = arrays[i + 1];
|
13940
13991
|
j = k2 = 0;
|
@@ -13945,26 +13996,26 @@ var require_ua_parser = __commonJS({
|
|
13945
13996
|
matches = regex[j++].exec(ua);
|
13946
13997
|
if (!!matches) {
|
13947
13998
|
for (p = 0; p < props.length; p++) {
|
13948
|
-
|
13999
|
+
match8 = matches[++k2];
|
13949
14000
|
q2 = props[p];
|
13950
14001
|
if (typeof q2 === OBJ_TYPE && q2.length > 0) {
|
13951
14002
|
if (q2.length === 2) {
|
13952
14003
|
if (typeof q2[1] == FUNC_TYPE) {
|
13953
|
-
this[q2[0]] = q2[1].call(this,
|
14004
|
+
this[q2[0]] = q2[1].call(this, match8);
|
13954
14005
|
} else {
|
13955
14006
|
this[q2[0]] = q2[1];
|
13956
14007
|
}
|
13957
14008
|
} else if (q2.length === 3) {
|
13958
14009
|
if (typeof q2[1] === FUNC_TYPE && !(q2[1].exec && q2[1].test)) {
|
13959
|
-
this[q2[0]] =
|
14010
|
+
this[q2[0]] = match8 ? q2[1].call(this, match8, q2[2]) : undefined2;
|
13960
14011
|
} else {
|
13961
|
-
this[q2[0]] =
|
14012
|
+
this[q2[0]] = match8 ? match8.replace(q2[1], q2[2]) : undefined2;
|
13962
14013
|
}
|
13963
14014
|
} else if (q2.length === 4) {
|
13964
|
-
this[q2[0]] =
|
14015
|
+
this[q2[0]] = match8 ? q2[3].call(this, match8.replace(q2[1], q2[2])) : undefined2;
|
13965
14016
|
}
|
13966
14017
|
} else {
|
13967
|
-
this[q2] =
|
14018
|
+
this[q2] = match8 ? match8 : undefined2;
|
13968
14019
|
}
|
13969
14020
|
}
|
13970
14021
|
}
|
@@ -15855,8 +15906,8 @@ var require_lodash2 = __commonJS({
|
|
15855
15906
|
|
15856
15907
|
// ../../node_modules/webrtc-adapter/src/js/utils.js
|
15857
15908
|
function extractVersion(uastring, expr, pos) {
|
15858
|
-
const
|
15859
|
-
return
|
15909
|
+
const match8 = uastring.match(expr);
|
15910
|
+
return match8 && match8.length >= pos && parseInt(match8[pos], 10);
|
15860
15911
|
}
|
15861
15912
|
function wrapPeerConnectionEvent(window2, eventNameToWrap, wrapper) {
|
15862
15913
|
if (!window2.RTCPeerConnection) {
|
@@ -16148,7 +16199,7 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
16148
16199
|
if (matches) {
|
16149
16200
|
return navigator2.mediaDevices.enumerateDevices().then((devices) => {
|
16150
16201
|
devices = devices.filter((d2) => d2.kind === "videoinput");
|
16151
|
-
let dev = devices.find((d2) => matches.some((
|
16202
|
+
let dev = devices.find((d2) => matches.some((match8) => d2.label.toLowerCase().includes(match8)));
|
16152
16203
|
if (!dev && devices.length && matches.includes("back")) {
|
16153
16204
|
dev = devices[devices.length - 1];
|
16154
16205
|
}
|
@@ -18246,11 +18297,11 @@ function shimMaxMessageSize(window2, browserDetails) {
|
|
18246
18297
|
});
|
18247
18298
|
};
|
18248
18299
|
const getRemoteFirefoxVersion = function(description) {
|
18249
|
-
const
|
18250
|
-
if (
|
18300
|
+
const match8 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
|
18301
|
+
if (match8 === null || match8.length < 2) {
|
18251
18302
|
return -1;
|
18252
18303
|
}
|
18253
|
-
const version = parseInt(
|
18304
|
+
const version = parseInt(match8[1], 10);
|
18254
18305
|
return version !== version ? -1 : version;
|
18255
18306
|
};
|
18256
18307
|
const getCanSendMaxMessageSize = function(remoteIsFirefox) {
|
@@ -18275,12 +18326,12 @@ function shimMaxMessageSize(window2, browserDetails) {
|
|
18275
18326
|
if (browserDetails.browser === "firefox" && browserDetails.version === 57) {
|
18276
18327
|
maxMessageSize = 65535;
|
18277
18328
|
}
|
18278
|
-
const
|
18329
|
+
const match8 = import_sdp.default.matchPrefix(
|
18279
18330
|
description.sdp,
|
18280
18331
|
"a=max-message-size:"
|
18281
18332
|
);
|
18282
|
-
if (
|
18283
|
-
maxMessageSize = parseInt(
|
18333
|
+
if (match8.length > 0) {
|
18334
|
+
maxMessageSize = parseInt(match8[0].substring(19), 10);
|
18284
18335
|
} else if (browserDetails.browser === "firefox" && remoteIsFirefox !== -1) {
|
18285
18336
|
maxMessageSize = 2147483637;
|
18286
18337
|
}
|
@@ -19102,13 +19153,13 @@ var require_parser = __commonJS({
|
|
19102
19153
|
var toIntIfInt = function(v2) {
|
19103
19154
|
return String(Number(v2)) === v2 ? Number(v2) : v2;
|
19104
19155
|
};
|
19105
|
-
var attachProperties = function(
|
19156
|
+
var attachProperties = function(match8, location, names, rawName) {
|
19106
19157
|
if (rawName && !names) {
|
19107
|
-
location[rawName] = toIntIfInt(
|
19158
|
+
location[rawName] = toIntIfInt(match8[1]);
|
19108
19159
|
} else {
|
19109
19160
|
for (var i = 0; i < names.length; i += 1) {
|
19110
|
-
if (
|
19111
|
-
location[names[i]] = toIntIfInt(
|
19161
|
+
if (match8[i + 1] != null) {
|
19162
|
+
location[names[i]] = toIntIfInt(match8[i + 1]);
|
19112
19163
|
}
|
19113
19164
|
}
|
19114
19165
|
}
|
@@ -19457,7 +19508,7 @@ var init_dist = __esm({
|
|
19457
19508
|
};
|
19458
19509
|
ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
19459
19510
|
dr = ba((Xc, $a) => {
|
19460
|
-
$a.exports = { version: "0.11.8-alpha.
|
19511
|
+
$a.exports = { version: "0.11.8-alpha.7", 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"] };
|
19461
19512
|
});
|
19462
19513
|
Xi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Xi || {});
|
19463
19514
|
Aa = ((e) => (e.CHAT = "chat", e))(Aa || {});
|
@@ -20652,7 +20703,7 @@ var init_StreamActions = __esm({
|
|
20652
20703
|
setLiveTime(Date.now() - timeStamp.getTime());
|
20653
20704
|
}
|
20654
20705
|
}, 1e3);
|
20655
|
-
}, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants]);
|
20706
|
+
}, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType]);
|
20656
20707
|
(0, import_react72.useEffect)(() => {
|
20657
20708
|
if (hlsState == null ? void 0 : hlsState.running) {
|
20658
20709
|
startTimer();
|
@@ -21133,13 +21184,14 @@ var init_useUnreadPollQuizPresent = __esm({
|
|
21133
21184
|
});
|
21134
21185
|
|
21135
21186
|
// src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
|
21136
|
-
var import_react78, import_react_use11, import_react_sdk36, import_react_icons31, MODALS2, MwebOptions;
|
21187
|
+
var import_react78, import_react_use11, import_ts_pattern4, import_react_sdk36, import_react_icons31, MODALS2, MwebOptions;
|
21137
21188
|
var init_MwebOptions = __esm({
|
21138
21189
|
"src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx"() {
|
21139
21190
|
"use strict";
|
21140
21191
|
init_define_process_env();
|
21141
21192
|
import_react78 = __toESM(require("react"));
|
21142
21193
|
import_react_use11 = require("react-use");
|
21194
|
+
import_ts_pattern4 = require("ts-pattern");
|
21143
21195
|
import_react_sdk36 = require("@100mslive/react-sdk");
|
21144
21196
|
import_react_icons31 = require("@100mslive/react-icons");
|
21145
21197
|
init_src();
|
@@ -21352,7 +21404,7 @@ var init_MwebOptions = __esm({
|
|
21352
21404
|
})
|
21353
21405
|
},
|
21354
21406
|
isRecordingLoading ? /* @__PURE__ */ import_react78.default.createElement(Loading, null) : /* @__PURE__ */ import_react78.default.createElement(import_react_icons31.RecordIcon, null),
|
21355
|
-
/* @__PURE__ */ import_react78.default.createElement(ActionTile.Title, null, isBrowserRecordingOn
|
21407
|
+
/* @__PURE__ */ import_react78.default.createElement(ActionTile.Title, null, (0, import_ts_pattern4.match)({ isBrowserRecordingOn, isRecordingLoading }).with({ isBrowserRecordingOn: true, isRecordingLoading: false }, () => "Recording On").with({ isRecordingLoading: true }, () => "Starting Recording").with({ isRecordingLoading: false }, () => "Start Recording").otherwise(() => null))
|
21356
21408
|
) : null,
|
21357
21409
|
title || description ? /* @__PURE__ */ import_react78.default.createElement(
|
21358
21410
|
ActionTile.Root,
|
@@ -22279,25 +22331,29 @@ var init_RoleOptions = __esm({
|
|
22279
22331
|
init_useRoomLayoutScreen();
|
22280
22332
|
init_utils2();
|
22281
22333
|
dropdownItemCSS = { backgroundColor: "$surface_default", gap: "$4", p: "$8" };
|
22282
|
-
optionTextCSS = {
|
22334
|
+
optionTextCSS = {
|
22335
|
+
fontWeight: "$semiBold",
|
22336
|
+
color: "$on_surface_high",
|
22337
|
+
textTransform: "none",
|
22338
|
+
whiteSpace: "nowrap"
|
22339
|
+
};
|
22283
22340
|
MuteUnmuteOption = ({ roleName, peerList }) => {
|
22284
|
-
var _a8, _b7;
|
22285
22341
|
const vanillaStore = (0, import_react_sdk43.useHMSVanillaStore)();
|
22286
22342
|
const store = vanillaStore.getState();
|
22287
22343
|
const hmsActions = (0, import_react_sdk43.useHMSActions)();
|
22288
22344
|
const permissions = (0, import_react_sdk43.useHMSStore)(import_react_sdk43.selectPermissions);
|
22289
22345
|
const role = (0, import_react_sdk43.useHMSStore)((0, import_react_sdk43.selectRoleByRoleName)(roleName));
|
22290
|
-
let
|
22291
|
-
let
|
22346
|
+
let isVideoOnForSomePeers = false;
|
22347
|
+
let isAudioOnForSomePeers = false;
|
22292
22348
|
peerList.forEach((peer) => {
|
22293
|
-
var
|
22349
|
+
var _a8, _b7;
|
22294
22350
|
if (peer.isLocal) {
|
22295
22351
|
return;
|
22296
22352
|
}
|
22297
|
-
const isAudioOn = !!peer.audioTrack && ((
|
22298
|
-
const isVideoOn = !!peer.videoTrack && ((
|
22299
|
-
|
22300
|
-
|
22353
|
+
const isAudioOn = !!peer.audioTrack && ((_a8 = store.tracks[peer.audioTrack]) == null ? void 0 : _a8.enabled);
|
22354
|
+
const isVideoOn = !!peer.videoTrack && ((_b7 = store.tracks[peer.videoTrack]) == null ? void 0 : _b7.enabled);
|
22355
|
+
isAudioOnForSomePeers = isAudioOnForSomePeers || isAudioOn;
|
22356
|
+
isVideoOnForSomePeers = isVideoOnForSomePeers || isVideoOn;
|
22301
22357
|
});
|
22302
22358
|
const setTrackEnabled = (type, enabled = false) => __async(void 0, null, function* () {
|
22303
22359
|
try {
|
@@ -22306,7 +22362,10 @@ var init_RoleOptions = __esm({
|
|
22306
22362
|
console.error(e);
|
22307
22363
|
}
|
22308
22364
|
});
|
22309
|
-
|
22365
|
+
if (!role) {
|
22366
|
+
return null;
|
22367
|
+
}
|
22368
|
+
return /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, role.publishParams.allowed.includes("audio") && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, isAudioOnForSomePeers && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio for All")) : null, !isAudioOnForSomePeers && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Audio for All")) : null), role.publishParams.allowed.includes("video") && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, isVideoOnForSomePeers && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video for All")) : null, !isVideoOnForSomePeers && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Video for All")) : null));
|
22310
22369
|
};
|
22311
22370
|
RoleOptions = ({ roleName, peerList }) => {
|
22312
22371
|
const [openOptions, setOpenOptions] = (0, import_react92.useState)(false);
|
@@ -22316,8 +22375,10 @@ var init_RoleOptions = __esm({
|
|
22316
22375
|
const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
|
22317
22376
|
const canMuteOrUnmute = (permissions == null ? void 0 : permissions.mute) || (permissions == null ? void 0 : permissions.unmute);
|
22318
22377
|
const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
|
22378
|
+
const role = (0, import_react_sdk43.useHMSStore)((0, import_react_sdk43.selectRoleByRoleName)(roleName));
|
22319
22379
|
const canRemoveRoleFromRoom = (permissions == null ? void 0 : permissions.removeOthers) && (on_stage_role === roleName || (off_stage_roles == null ? void 0 : off_stage_roles.includes(roleName)));
|
22320
|
-
if (!(canMuteOrUnmute || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0
|
22380
|
+
if (!(canMuteOrUnmute || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0 || // if only local peer is present no need to show any options
|
22381
|
+
peerList.length === 1 && peerList[0].isLocal || !role) {
|
22321
22382
|
return null;
|
22322
22383
|
}
|
22323
22384
|
const removeAllFromStage = () => {
|
@@ -22362,7 +22423,7 @@ var init_RoleOptions = __esm({
|
|
22362
22423
|
Dropdown.Content,
|
22363
22424
|
{
|
22364
22425
|
onClick: (e) => e.stopPropagation(),
|
22365
|
-
css: { w: "max-content",
|
22426
|
+
css: { w: "max-content", bg: "$surface_default", py: 0 },
|
22366
22427
|
align: "end"
|
22367
22428
|
},
|
22368
22429
|
canRemoveRoleFromStage && /* @__PURE__ */ import_react92.default.createElement(
|
@@ -24396,12 +24457,13 @@ var init_LeaderboardSummary = __esm({
|
|
24396
24457
|
});
|
24397
24458
|
|
24398
24459
|
// src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
|
24399
|
-
var import_react117, import_react_sdk55, import_react_icons57, QuestionCard2, QuestionActions;
|
24460
|
+
var import_react117, import_ts_pattern5, import_react_sdk55, import_react_icons57, QuestionCard2, QuestionActions;
|
24400
24461
|
var init_QuestionCard = __esm({
|
24401
24462
|
"src/Prebuilt/components/Polls/Voting/QuestionCard.jsx"() {
|
24402
24463
|
"use strict";
|
24403
24464
|
init_define_process_env();
|
24404
24465
|
import_react117 = __toESM(require("react"));
|
24466
|
+
import_ts_pattern5 = require("ts-pattern");
|
24405
24467
|
import_react_sdk55 = require("@100mslive/react-sdk");
|
24406
24468
|
import_react_icons57 = require("@100mslive/react-icons");
|
24407
24469
|
init_src();
|
@@ -24482,15 +24544,22 @@ var init_QuestionCard = __esm({
|
|
24482
24544
|
{
|
24483
24545
|
variant: "caption",
|
24484
24546
|
css: {
|
24485
|
-
color: respondedToQuiz
|
24547
|
+
color: (0, import_ts_pattern5.match)({ respondedToQuiz, isLive, isCorrectAnswer }).when(
|
24548
|
+
({ respondedToQuiz: respondedToQuiz2, isLive: isLive2 }) => respondedToQuiz2 && !isLive2,
|
24549
|
+
({ isCorrectAnswer: isCorrectAnswer2 }) => isCorrectAnswer2 ? "$alert_success" : "$alert_error_default"
|
24550
|
+
).otherwise(() => "$on_surface_low"),
|
24486
24551
|
fontWeight: "$semiBold",
|
24487
24552
|
display: "flex",
|
24488
24553
|
alignItems: "center",
|
24489
24554
|
gap: "$4"
|
24490
24555
|
}
|
24491
24556
|
},
|
24492
|
-
|
24493
|
-
|
24557
|
+
(0, import_ts_pattern5.match)({ respondedToQuiz, pollEnded, isCorrectAnswer }).when(
|
24558
|
+
({ respondedToQuiz: respondedToQuiz2, pollEnded: pollEnded2 }) => respondedToQuiz2 && pollEnded2,
|
24559
|
+
({ isCorrectAnswer: isCorrectAnswer2 }) => {
|
24560
|
+
return isCorrectAnswer2 ? /* @__PURE__ */ import_react117.default.createElement(import_react_icons57.CheckCircleIcon, { height: 16, width: 16 }) : /* @__PURE__ */ import_react117.default.createElement(import_react_icons57.CrossCircleIcon, { height: 16, width: 16 });
|
24561
|
+
}
|
24562
|
+
).otherwise(() => null),
|
24494
24563
|
"QUESTION ",
|
24495
24564
|
index,
|
24496
24565
|
" OF ",
|
@@ -25254,13 +25323,13 @@ var init_usePinnedBy = __esm({
|
|
25254
25323
|
const pinnedMessages = (0, import_react_sdk61.useHMSStore)((0, import_react_sdk61.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
25255
25324
|
const [pinnedBy, setPinnedBy] = (0, import_react130.useState)("");
|
25256
25325
|
(0, import_react130.useEffect)(() => {
|
25257
|
-
let
|
25326
|
+
let match8 = "";
|
25258
25327
|
pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
|
25259
25328
|
if (pinnedMessage.id === messageId) {
|
25260
|
-
|
25329
|
+
match8 = pinnedMessage.pinnedBy;
|
25261
25330
|
}
|
25262
25331
|
});
|
25263
|
-
setPinnedBy(
|
25332
|
+
setPinnedBy(match8);
|
25264
25333
|
}, [messageId, pinnedMessages]);
|
25265
25334
|
return pinnedBy;
|
25266
25335
|
};
|
@@ -26146,7 +26215,7 @@ var init_ChatFooter = __esm({
|
|
26146
26215
|
if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
|
26147
26216
|
setRoleSelector(defaultSelection);
|
26148
26217
|
} else {
|
26149
|
-
if (!(isMobile || isLandscapeHLSStream)
|
26218
|
+
if (!(isMobile || isLandscapeHLSStream) && !((_a9 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a9.disable_autofocus)) {
|
26150
26219
|
(_b8 = inputRef.current) == null ? void 0 : _b8.focus();
|
26151
26220
|
}
|
26152
26221
|
}
|
@@ -26848,13 +26917,14 @@ var init_ChatSettings = __esm({
|
|
26848
26917
|
});
|
26849
26918
|
|
26850
26919
|
// src/Prebuilt/components/SidePaneTabs.tsx
|
26851
|
-
var import_react145, import_react_use24, import_react_sdk71, import_react_icons70, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
|
26920
|
+
var import_react145, import_react_use24, import_ts_pattern6, import_react_sdk71, import_react_icons70, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
|
26852
26921
|
var init_SidePaneTabs = __esm({
|
26853
26922
|
"src/Prebuilt/components/SidePaneTabs.tsx"() {
|
26854
26923
|
"use strict";
|
26855
26924
|
init_define_process_env();
|
26856
26925
|
import_react145 = __toESM(require("react"));
|
26857
26926
|
import_react_use24 = require("react-use");
|
26927
|
+
import_ts_pattern6 = require("ts-pattern");
|
26858
26928
|
import_react_sdk71 = require("@100mslive/react-sdk");
|
26859
26929
|
import_react_icons70 = require("@100mslive/react-icons");
|
26860
26930
|
init_Chat();
|
@@ -26868,12 +26938,15 @@ var init_SidePaneTabs = __esm({
|
|
26868
26938
|
init_utils2();
|
26869
26939
|
init_constants();
|
26870
26940
|
tabTriggerCSS = {
|
26871
|
-
color: "$
|
26941
|
+
color: "$on_surface_low",
|
26872
26942
|
p: "$4",
|
26873
26943
|
fontWeight: "$semiBold",
|
26874
26944
|
fontSize: "$sm",
|
26875
26945
|
w: "100%",
|
26876
|
-
justifyContent: "center"
|
26946
|
+
justifyContent: "center",
|
26947
|
+
'&[data-state="active"]': {
|
26948
|
+
color: "$on_surface_high"
|
26949
|
+
}
|
26877
26950
|
};
|
26878
26951
|
ParticipantCount2 = ({ count }) => {
|
26879
26952
|
return count < 1e3 ? /* @__PURE__ */ import_react145.default.createElement("span", null, "(", count, ")") : /* @__PURE__ */ import_react145.default.createElement(Tooltip, { title: count }, /* @__PURE__ */ import_react145.default.createElement("span", null, "(", getFormattedCount(count), ")"));
|
@@ -26897,13 +26970,13 @@ var init_SidePaneTabs = __esm({
|
|
26897
26970
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
26898
26971
|
const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
|
26899
26972
|
(0, import_react145.useEffect)(() => {
|
26900
|
-
|
26973
|
+
(0, import_ts_pattern6.match)({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
|
26901
26974
|
setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
26902
|
-
}
|
26975
|
+
}).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
|
26903
26976
|
setActiveTab(SIDE_PANE_OPTIONS.CHAT);
|
26904
|
-
}
|
26977
|
+
}).with({ showChat: false, showParticipants: false }, () => {
|
26905
26978
|
resetSidePane();
|
26906
|
-
}
|
26979
|
+
});
|
26907
26980
|
}, [showChat, activeTab, showParticipants, resetSidePane]);
|
26908
26981
|
(0, import_react145.useEffect)(() => {
|
26909
26982
|
setActiveTab(active);
|
@@ -26935,74 +27008,29 @@ var init_SidePaneTabs = __esm({
|
|
26935
27008
|
transition: "margin 0.3s ease-in-out"
|
26936
27009
|
}
|
26937
27010
|
},
|
26938
|
-
isOverlayChat
|
26939
|
-
|
26940
|
-
|
26941
|
-
variant: "sm",
|
26942
|
-
css: {
|
26943
|
-
fontWeight: "$semiBold",
|
26944
|
-
p: "$4",
|
26945
|
-
c: "$on_surface_high",
|
26946
|
-
pr: "$12",
|
26947
|
-
"&:empty": { display: "none" }
|
26948
|
-
}
|
26949
|
-
},
|
26950
|
-
activeTab === SIDE_PANE_OPTIONS.CHAT ? screenType !== "hls_live_streaming" && chat_title : /* @__PURE__ */ import_react145.default.createElement("span", null, "Participants\xA0", /* @__PURE__ */ import_react145.default.createElement(ParticipantCount2, { count: peerCount }))
|
26951
|
-
), /* @__PURE__ */ import_react145.default.createElement(Flex, null, showChatSettings ? /* @__PURE__ */ import_react145.default.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(
|
26952
|
-
IconButton,
|
26953
|
-
{
|
26954
|
-
css: {
|
26955
|
-
my: "$1",
|
26956
|
-
color: "$on_surface_medium",
|
26957
|
-
"&:hover": { color: "$on_surface_high" },
|
26958
|
-
"&:empty": { display: "none" }
|
26959
|
-
},
|
26960
|
-
onClick: (e) => {
|
26961
|
-
e.stopPropagation();
|
26962
|
-
if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
|
26963
|
-
toggleChat();
|
26964
|
-
} else {
|
26965
|
-
toggleParticipants();
|
26966
|
-
}
|
26967
|
-
},
|
26968
|
-
"data-testid": "close_chat"
|
26969
|
-
},
|
26970
|
-
screenType === "hls_live_streaming" && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(import_react_icons70.CrossIcon, null)
|
26971
|
-
))), activeTab === SIDE_PANE_OPTIONS.CHAT ? /* @__PURE__ */ import_react145.default.createElement(Chat, null) : /* @__PURE__ */ import_react145.default.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })) : /* @__PURE__ */ import_react145.default.createElement(
|
26972
|
-
Tabs.Root,
|
26973
|
-
{
|
26974
|
-
value: activeTab,
|
26975
|
-
onValueChange: setActiveTab,
|
26976
|
-
css: {
|
26977
|
-
flexDirection: "column",
|
26978
|
-
size: "100%"
|
26979
|
-
}
|
26980
|
-
},
|
26981
|
-
/* @__PURE__ */ import_react145.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react145.default.createElement(Tabs.List, { css: { flexGrow: 1, borderRadius: "$2", bg: "$surface_default" } }, /* @__PURE__ */ import_react145.default.createElement(
|
26982
|
-
Tabs.Trigger,
|
26983
|
-
{
|
26984
|
-
value: SIDE_PANE_OPTIONS.CHAT,
|
26985
|
-
onClick: toggleChat,
|
26986
|
-
css: __spreadProps(__spreadValues({}, tabTriggerCSS), {
|
26987
|
-
color: activeTab !== SIDE_PANE_OPTIONS.CHAT ? "$on_surface_low" : "$on_surface_high"
|
26988
|
-
})
|
26989
|
-
},
|
26990
|
-
chat_title
|
26991
|
-
), /* @__PURE__ */ import_react145.default.createElement(
|
26992
|
-
Tabs.Trigger,
|
27011
|
+
(0, import_ts_pattern6.match)({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ import_react145.default.createElement(Chat, null)).with({ hideTabs: true }, () => {
|
27012
|
+
return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(Flex, { justify: "between", css: { w: "100%", "&:empty": { display: "none" } } }, /* @__PURE__ */ import_react145.default.createElement(
|
27013
|
+
Text,
|
26993
27014
|
{
|
26994
|
-
|
26995
|
-
|
26996
|
-
|
26997
|
-
|
26998
|
-
|
27015
|
+
variant: "sm",
|
27016
|
+
css: {
|
27017
|
+
fontWeight: "$semiBold",
|
27018
|
+
p: "$4",
|
27019
|
+
c: "$on_surface_high",
|
27020
|
+
pr: "$12",
|
27021
|
+
"&:empty": { display: "none" }
|
27022
|
+
}
|
26999
27023
|
},
|
27000
|
-
"Participants\xA0",
|
27001
|
-
|
27002
|
-
)), showChatSettings ? /* @__PURE__ */ import_react145.default.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(
|
27024
|
+
activeTab === SIDE_PANE_OPTIONS.CHAT ? screenType !== "hls_live_streaming" && chat_title : /* @__PURE__ */ import_react145.default.createElement("span", null, "Participants\xA0", /* @__PURE__ */ import_react145.default.createElement(ParticipantCount2, { count: peerCount }))
|
27025
|
+
), /* @__PURE__ */ import_react145.default.createElement(Flex, null, showChatSettings ? /* @__PURE__ */ import_react145.default.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(
|
27003
27026
|
IconButton,
|
27004
27027
|
{
|
27005
|
-
css: {
|
27028
|
+
css: {
|
27029
|
+
my: "$1",
|
27030
|
+
color: "$on_surface_medium",
|
27031
|
+
"&:hover": { color: "$on_surface_high" },
|
27032
|
+
"&:empty": { display: "none" }
|
27033
|
+
},
|
27006
27034
|
onClick: (e) => {
|
27007
27035
|
e.stopPropagation();
|
27008
27036
|
if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
|
@@ -27013,11 +27041,39 @@ var init_SidePaneTabs = __esm({
|
|
27013
27041
|
},
|
27014
27042
|
"data-testid": "close_chat"
|
27015
27043
|
},
|
27016
|
-
/* @__PURE__ */ import_react145.default.createElement(import_react_icons70.CrossIcon, null)
|
27017
|
-
)),
|
27018
|
-
|
27019
|
-
|
27020
|
-
|
27044
|
+
screenType === "hls_live_streaming" && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(import_react_icons70.CrossIcon, null)
|
27045
|
+
))), activeTab === SIDE_PANE_OPTIONS.CHAT ? /* @__PURE__ */ import_react145.default.createElement(Chat, null) : /* @__PURE__ */ import_react145.default.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole }));
|
27046
|
+
}).otherwise(() => {
|
27047
|
+
return /* @__PURE__ */ import_react145.default.createElement(
|
27048
|
+
Tabs.Root,
|
27049
|
+
{
|
27050
|
+
value: activeTab,
|
27051
|
+
onValueChange: setActiveTab,
|
27052
|
+
css: {
|
27053
|
+
flexDirection: "column",
|
27054
|
+
size: "100%"
|
27055
|
+
}
|
27056
|
+
},
|
27057
|
+
/* @__PURE__ */ import_react145.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react145.default.createElement(Tabs.List, { css: { flexGrow: 1, borderRadius: "$2", bg: "$surface_default" } }, /* @__PURE__ */ import_react145.default.createElement(Tabs.Trigger, { value: SIDE_PANE_OPTIONS.CHAT, onClick: toggleChat, css: tabTriggerCSS }, chat_title), /* @__PURE__ */ import_react145.default.createElement(Tabs.Trigger, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, onClick: toggleParticipants, css: tabTriggerCSS }, "Participants\xA0", /* @__PURE__ */ import_react145.default.createElement(ParticipantCount2, { count: peerCount }))), showChatSettings ? /* @__PURE__ */ import_react145.default.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(
|
27058
|
+
IconButton,
|
27059
|
+
{
|
27060
|
+
css: { my: "$1", color: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } },
|
27061
|
+
onClick: (e) => {
|
27062
|
+
e.stopPropagation();
|
27063
|
+
if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
|
27064
|
+
toggleChat();
|
27065
|
+
} else {
|
27066
|
+
toggleParticipants();
|
27067
|
+
}
|
27068
|
+
},
|
27069
|
+
"data-testid": "close_chat"
|
27070
|
+
},
|
27071
|
+
/* @__PURE__ */ import_react145.default.createElement(import_react_icons70.CrossIcon, null)
|
27072
|
+
)),
|
27073
|
+
/* @__PURE__ */ import_react145.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, css: { p: 0 } }, /* @__PURE__ */ import_react145.default.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })),
|
27074
|
+
/* @__PURE__ */ import_react145.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.CHAT, css: { p: 0 } }, /* @__PURE__ */ import_react145.default.createElement(Chat, null))
|
27075
|
+
);
|
27076
|
+
})
|
27021
27077
|
);
|
27022
27078
|
});
|
27023
27079
|
}
|
@@ -27291,7 +27347,7 @@ var init_TileMenuContent = __esm({
|
|
27291
27347
|
"data-testid": isVideoEnabled ? "mute_video_participant_btn" : "unmute_video_participant_btn"
|
27292
27348
|
},
|
27293
27349
|
isVideoEnabled ? /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.VideoOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.VideoOffIcon, { height: 20, width: 20 }),
|
27294
|
-
/* @__PURE__ */ import_react147.default.createElement("span", null, isVideoEnabled ? "Mute" : "Request Unmute")
|
27350
|
+
/* @__PURE__ */ import_react147.default.createElement("span", null, isVideoEnabled ? "Mute Video" : "Request to Unmute Video")
|
27295
27351
|
) : null, toggleAudio ? /* @__PURE__ */ import_react147.default.createElement(
|
27296
27352
|
StyledMenuTile.ItemButton,
|
27297
27353
|
{
|
@@ -27304,7 +27360,7 @@ var init_TileMenuContent = __esm({
|
|
27304
27360
|
"data-testid": isAudioEnabled ? "mute_audio_participant_btn" : "unmute_audio_participant_btn"
|
27305
27361
|
},
|
27306
27362
|
isAudioEnabled ? /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.MicOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.MicOffIcon, { height: 20, width: 20 }),
|
27307
|
-
/* @__PURE__ */ import_react147.default.createElement("span", null, isAudioEnabled ? "Mute" : "Request Unmute")
|
27363
|
+
/* @__PURE__ */ import_react147.default.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
|
27308
27364
|
) : null, audioTrackID ? /* @__PURE__ */ import_react147.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react147.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react147.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react147.default.createElement(
|
27309
27365
|
Slider,
|
27310
27366
|
{
|
@@ -27980,13 +28036,14 @@ var init_VBPicker = __esm({
|
|
27980
28036
|
});
|
27981
28037
|
|
27982
28038
|
// src/Prebuilt/layouts/SidePane.tsx
|
27983
|
-
var import_react153, import_react_use28, import_react_sdk77, SidePane, SidePane_default;
|
28039
|
+
var import_react153, import_react_use28, import_ts_pattern7, import_react_sdk77, Wrapper3, SidePane, SidePane_default;
|
27984
28040
|
var init_SidePane = __esm({
|
27985
28041
|
"src/Prebuilt/layouts/SidePane.tsx"() {
|
27986
28042
|
"use strict";
|
27987
28043
|
init_define_process_env();
|
27988
28044
|
import_react153 = __toESM(require("react"));
|
27989
28045
|
import_react_use28 = require("react-use");
|
28046
|
+
import_ts_pattern7 = require("ts-pattern");
|
27990
28047
|
import_react_sdk77 = require("@100mslive/react-sdk");
|
27991
28048
|
init_Polls();
|
27992
28049
|
init_RoomDetailsPane();
|
@@ -28002,13 +28059,86 @@ var init_SidePane = __esm({
|
|
28002
28059
|
init_hooks();
|
28003
28060
|
init_utils();
|
28004
28061
|
init_constants();
|
28062
|
+
Wrapper3 = styled("div", {
|
28063
|
+
w: "$100",
|
28064
|
+
h: "100%",
|
28065
|
+
p: "$10",
|
28066
|
+
flex: "1 1 0",
|
28067
|
+
background: "$surface_dim",
|
28068
|
+
r: "$1",
|
28069
|
+
position: "relative",
|
28070
|
+
"@lg": {
|
28071
|
+
w: "100%",
|
28072
|
+
h: "100%",
|
28073
|
+
ml: 0,
|
28074
|
+
right: 0,
|
28075
|
+
position: "fixed",
|
28076
|
+
bottom: 0,
|
28077
|
+
borderRadius: 0,
|
28078
|
+
zIndex: 10
|
28079
|
+
},
|
28080
|
+
"@md": {
|
28081
|
+
p: "$6 $8",
|
28082
|
+
pb: "$12",
|
28083
|
+
borderTopLeftRadius: 0,
|
28084
|
+
borderTopRightRadius: 0,
|
28085
|
+
animation: `${translateAcross({ yFrom: "100%" })} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
|
28086
|
+
},
|
28087
|
+
variants: {
|
28088
|
+
landscapeStream: {
|
28089
|
+
true: {
|
28090
|
+
"@lg": {
|
28091
|
+
position: "unset !important",
|
28092
|
+
minHeight: "100%"
|
28093
|
+
}
|
28094
|
+
}
|
28095
|
+
},
|
28096
|
+
mobileStream: {
|
28097
|
+
true: {
|
28098
|
+
"@md": {
|
28099
|
+
position: "unset !important",
|
28100
|
+
background: "red"
|
28101
|
+
}
|
28102
|
+
}
|
28103
|
+
},
|
28104
|
+
overlayChat: {
|
28105
|
+
true: {
|
28106
|
+
height: "unset",
|
28107
|
+
maxHeight: 300,
|
28108
|
+
background: "linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.94%, rgba(0, 0, 0, 0.64) 100%)",
|
28109
|
+
"@md": {
|
28110
|
+
pb: "$20"
|
28111
|
+
}
|
28112
|
+
}
|
28113
|
+
}
|
28114
|
+
},
|
28115
|
+
compoundVariants: [
|
28116
|
+
{
|
28117
|
+
landscapeStream: true,
|
28118
|
+
overlayChat: true,
|
28119
|
+
css: {
|
28120
|
+
position: "unset",
|
28121
|
+
height: "100%",
|
28122
|
+
maxHeight: "unset"
|
28123
|
+
}
|
28124
|
+
},
|
28125
|
+
{
|
28126
|
+
mobileStream: true,
|
28127
|
+
overlayChat: true,
|
28128
|
+
css: {
|
28129
|
+
position: "unset",
|
28130
|
+
height: "100%",
|
28131
|
+
maxHeight: "unset"
|
28132
|
+
}
|
28133
|
+
}
|
28134
|
+
]
|
28135
|
+
});
|
28005
28136
|
SidePane = ({
|
28006
28137
|
tileProps,
|
28007
28138
|
hideControls = false
|
28008
28139
|
}) => {
|
28009
28140
|
var _a8, _b7, _c, _d, _e, _f;
|
28010
28141
|
const isMobile = (0, import_react_use28.useMedia)(config.media.md);
|
28011
|
-
const isLandscape = useIsLandscape();
|
28012
28142
|
const sidepane = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectAppData)(APP_DATA.sidePane));
|
28013
28143
|
const activeScreensharePeerId = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectAppData)(APP_DATA.activeScreensharePeerId));
|
28014
28144
|
const trackId = (_a8 = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
@@ -28019,27 +28149,11 @@ var init_SidePane = __esm({
|
|
28019
28149
|
const isMobileHLSStream = useMobileHLSStream();
|
28020
28150
|
const backgroundMedia = ((_c = (_b7 = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _b7.background_media) == null ? void 0 : _c.length) ? (_d = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _d.background_media : ((_e = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _e.background_media) || [];
|
28021
28151
|
const resetSidePane = useSidepaneReset();
|
28022
|
-
let ViewComponent;
|
28023
|
-
if (sidepane === SIDE_PANE_OPTIONS.POLLS) {
|
28024
|
-
ViewComponent = /* @__PURE__ */ import_react153.default.createElement(Polls, null);
|
28025
|
-
}
|
28026
|
-
if (sidepane === SIDE_PANE_OPTIONS.PARTICIPANTS || sidepane === SIDE_PANE_OPTIONS.CHAT) {
|
28027
|
-
ViewComponent = /* @__PURE__ */ import_react153.default.createElement(SidePaneTabs, { hideControls, active: sidepane, hideTab: isMobileHLSStream || isLandscapeHLSStream });
|
28028
|
-
}
|
28029
|
-
if (sidepane === SIDE_PANE_OPTIONS.VB) {
|
28030
|
-
ViewComponent = /* @__PURE__ */ import_react153.default.createElement(VBPicker, { backgroundMedia });
|
28031
|
-
}
|
28032
|
-
if (sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS) {
|
28033
|
-
ViewComponent = /* @__PURE__ */ import_react153.default.createElement(RoomDetailsPane, null);
|
28034
|
-
}
|
28035
28152
|
(0, import_react153.useEffect)(() => {
|
28036
28153
|
return () => {
|
28037
28154
|
resetSidePane();
|
28038
28155
|
};
|
28039
28156
|
}, [resetSidePane]);
|
28040
|
-
if (!ViewComponent && (!trackId || layoutMode !== LayoutMode.GALLERY)) {
|
28041
|
-
return null;
|
28042
|
-
}
|
28043
28157
|
const tileLayout = {
|
28044
28158
|
hideParticipantNameOnTile: tileProps == null ? void 0 : tileProps.hide_participant_name_on_tile,
|
28045
28159
|
roundedVideoTile: tileProps == null ? void 0 : tileProps.rounded_video_tile,
|
@@ -28047,8 +28161,11 @@ var init_SidePane = __esm({
|
|
28047
28161
|
hideMetadataOnTile: tileProps == null ? void 0 : tileProps.hide_metadata_on_tile,
|
28048
28162
|
objectFit: tileProps == null ? void 0 : tileProps.video_object_fit
|
28049
28163
|
};
|
28050
|
-
const VB = sidepane === SIDE_PANE_OPTIONS.VB;
|
28051
28164
|
const mwebStreamingChat = isMobile && sidepane === SIDE_PANE_OPTIONS.CHAT && ((_f = elements == null ? void 0 : elements.chat) == null ? void 0 : _f.is_overlay);
|
28165
|
+
const commonProps = {
|
28166
|
+
landscapeStream: isLandscapeHLSStream,
|
28167
|
+
mobileStream: isMobileHLSStream
|
28168
|
+
};
|
28052
28169
|
return /* @__PURE__ */ import_react153.default.createElement(
|
28053
28170
|
Flex,
|
28054
28171
|
{
|
@@ -28056,11 +28173,14 @@ var init_SidePane = __esm({
|
|
28056
28173
|
justify: "center",
|
28057
28174
|
css: {
|
28058
28175
|
w: "$100",
|
28059
|
-
h:
|
28176
|
+
h: "100%",
|
28060
28177
|
flexShrink: 0,
|
28061
28178
|
gap: "$4",
|
28062
28179
|
position: "relative",
|
28063
|
-
"
|
28180
|
+
"&:empty": { display: "none" },
|
28181
|
+
"@ls": {
|
28182
|
+
w: isMobileHLSStream || isLandscapeHLSStream ? "340px" : "$100"
|
28183
|
+
}
|
28064
28184
|
}
|
28065
28185
|
},
|
28066
28186
|
trackId && layoutMode === LayoutMode.GALLERY && /* @__PURE__ */ import_react153.default.createElement(
|
@@ -28073,43 +28193,27 @@ var init_SidePane = __esm({
|
|
28073
28193
|
rootCSS: { p: 0, alignSelf: "start", flexShrink: 0 }
|
28074
28194
|
}, tileLayout)
|
28075
28195
|
),
|
28076
|
-
|
28077
|
-
|
28078
|
-
{
|
28196
|
+
(0, import_ts_pattern7.match)(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ import_react153.default.createElement(
|
28197
|
+
Wrapper3,
|
28198
|
+
__spreadValues({
|
28079
28199
|
css: {
|
28080
|
-
w: "$100",
|
28081
|
-
h: mwebStreamingChat || isLandscape ? "0" : "100%",
|
28082
|
-
p: VB ? "$10 $6 $10 $10" : "$10",
|
28083
|
-
flex: "1 1 0",
|
28084
|
-
minHeight: 0,
|
28085
|
-
maxHeight: mwebStreamingChat || isLandscape ? "300px" : "unset",
|
28086
|
-
background: mwebStreamingChat || isLandscape ? "linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.94%, rgba(0, 0, 0, 0.64) 100%)" : "$surface_dim",
|
28087
|
-
r: "$1",
|
28088
|
-
position: "relative",
|
28089
|
-
"@lg": {
|
28090
|
-
w: "100%",
|
28091
|
-
h: "100%",
|
28092
|
-
ml: 0,
|
28093
|
-
right: 0,
|
28094
|
-
position: isLandscapeHLSStream ? "" : "fixed",
|
28095
|
-
minHeight: isLandscapeHLSStream ? "100%" : "",
|
28096
|
-
bottom: 0,
|
28097
|
-
borderRadius: 0,
|
28098
|
-
zIndex: 10
|
28099
|
-
},
|
28100
28200
|
"@md": {
|
28101
|
-
|
28102
|
-
|
28103
|
-
pb: "$12",
|
28104
|
-
minHeight: isMobileHLSStream ? "64%" : "",
|
28105
|
-
borderTopLeftRadius: sidepane === SIDE_PANE_OPTIONS.POLLS ? "$2" : "0",
|
28106
|
-
borderTopRightRadius: sidepane === SIDE_PANE_OPTIONS.POLLS ? "$2" : "0",
|
28107
|
-
animation: `${translateAcross({ yFrom: "100%" })} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
|
28201
|
+
borderTopLeftRadius: "$2",
|
28202
|
+
borderTopRightRadius: "$2"
|
28108
28203
|
}
|
28109
28204
|
}
|
28110
|
-
},
|
28111
|
-
|
28112
|
-
)
|
28205
|
+
}, commonProps),
|
28206
|
+
/* @__PURE__ */ import_react153.default.createElement(Polls, null)
|
28207
|
+
)).with(SIDE_PANE_OPTIONS.VB, () => /* @__PURE__ */ import_react153.default.createElement(Wrapper3, __spreadValues({ css: { p: "$10 $6 $10 $10" } }, commonProps), /* @__PURE__ */ import_react153.default.createElement(VBPicker, { backgroundMedia }))).with(SIDE_PANE_OPTIONS.CHAT, SIDE_PANE_OPTIONS.PARTICIPANTS, () => /* @__PURE__ */ import_react153.default.createElement(Wrapper3, __spreadProps(__spreadValues({}, commonProps), { overlayChat: mwebStreamingChat }), /* @__PURE__ */ import_react153.default.createElement(
|
28208
|
+
SidePaneTabs,
|
28209
|
+
{
|
28210
|
+
hideControls,
|
28211
|
+
active: sidepane,
|
28212
|
+
hideTab: isMobileHLSStream || isLandscapeHLSStream
|
28213
|
+
}
|
28214
|
+
))).with(SIDE_PANE_OPTIONS.ROOM_DETAILS, () => /* @__PURE__ */ import_react153.default.createElement(Wrapper3, __spreadValues({}, commonProps), /* @__PURE__ */ import_react153.default.createElement(RoomDetailsPane, null))).otherwise(() => {
|
28215
|
+
return null;
|
28216
|
+
})
|
28113
28217
|
);
|
28114
28218
|
};
|
28115
28219
|
SidePane_default = SidePane;
|
@@ -30299,15 +30403,19 @@ var init_Controls = __esm({
|
|
30299
30403
|
});
|
30300
30404
|
|
30301
30405
|
// src/Prebuilt/components/HMSVideo/HMSVideo.jsx
|
30302
|
-
var import_react182, HMSVideo;
|
30406
|
+
var import_react182, import_react_use41, HMSVideo;
|
30303
30407
|
var init_HMSVideo = __esm({
|
30304
30408
|
"src/Prebuilt/components/HMSVideo/HMSVideo.jsx"() {
|
30305
30409
|
"use strict";
|
30306
30410
|
init_define_process_env();
|
30307
30411
|
import_react182 = __toESM(require("react"));
|
30412
|
+
import_react_use41 = require("react-use");
|
30308
30413
|
init_src();
|
30414
|
+
init_hooks();
|
30309
30415
|
HMSVideo = (0, import_react182.forwardRef)((_a8, videoRef) => {
|
30310
30416
|
var _b7 = _a8, { children } = _b7, props = __objRest(_b7, ["children"]);
|
30417
|
+
const isLandscape = useIsLandscape();
|
30418
|
+
const isMobile = (0, import_react_use41.useMedia)(config.media.md);
|
30311
30419
|
return /* @__PURE__ */ import_react182.default.createElement(
|
30312
30420
|
Flex,
|
30313
30421
|
__spreadValues({
|
@@ -30343,7 +30451,9 @@ var init_HMSVideo = __esm({
|
|
30343
30451
|
margin: "0 auto",
|
30344
30452
|
minHeight: "0",
|
30345
30453
|
objectFit: "contain",
|
30346
|
-
width: "inherit"
|
30454
|
+
width: "inherit",
|
30455
|
+
height: isLandscape || isMobile ? "100%" : "",
|
30456
|
+
position: isLandscape || isMobile ? "absolute" : ""
|
30347
30457
|
},
|
30348
30458
|
ref: videoRef,
|
30349
30459
|
playsInline: true
|
@@ -30372,17 +30482,17 @@ var init_PlayerContext = __esm({
|
|
30372
30482
|
}
|
30373
30483
|
});
|
30374
30484
|
|
30375
|
-
// src/Prebuilt/components/HMSVideo/
|
30376
|
-
var import_react184, import_react_icons86,
|
30377
|
-
var
|
30378
|
-
"src/Prebuilt/components/HMSVideo/
|
30485
|
+
// src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx
|
30486
|
+
var import_react184, import_react_icons86, PlayPauseButton;
|
30487
|
+
var init_PlayPauseButton = __esm({
|
30488
|
+
"src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx"() {
|
30379
30489
|
"use strict";
|
30380
30490
|
init_define_process_env();
|
30381
30491
|
import_react184 = __toESM(require("react"));
|
30382
30492
|
import_react_icons86 = require("@100mslive/react-icons");
|
30383
30493
|
init_src();
|
30384
30494
|
init_PlayerContext();
|
30385
|
-
|
30495
|
+
PlayPauseButton = ({
|
30386
30496
|
isPaused,
|
30387
30497
|
width = 20,
|
30388
30498
|
height = 20
|
@@ -30397,6 +30507,25 @@ var init_PlayButton = __esm({
|
|
30397
30507
|
}
|
30398
30508
|
});
|
30399
30509
|
|
30510
|
+
// src/Prebuilt/components/HMSVideo/SeekControls.tsx
|
30511
|
+
var import_react185, SeekControls;
|
30512
|
+
var init_SeekControls = __esm({
|
30513
|
+
"src/Prebuilt/components/HMSVideo/SeekControls.tsx"() {
|
30514
|
+
"use strict";
|
30515
|
+
init_define_process_env();
|
30516
|
+
import_react185 = __toESM(require("react"));
|
30517
|
+
init_src();
|
30518
|
+
SeekControls = ({
|
30519
|
+
title,
|
30520
|
+
onClick,
|
30521
|
+
children,
|
30522
|
+
css: css2
|
30523
|
+
}) => {
|
30524
|
+
return /* @__PURE__ */ import_react185.default.createElement(Tooltip, { title, side: "top" }, /* @__PURE__ */ import_react185.default.createElement(IconButton, { onClick, "data-testid": "backward_forward_arrow_btn", css: css2 }, children));
|
30525
|
+
};
|
30526
|
+
}
|
30527
|
+
});
|
30528
|
+
|
30400
30529
|
// src/Prebuilt/components/HMSVideo/utils.ts
|
30401
30530
|
function getPercentage(a2, b2) {
|
30402
30531
|
return a2 / b2 * 100;
|
@@ -30431,24 +30560,24 @@ var init_utils6 = __esm({
|
|
30431
30560
|
});
|
30432
30561
|
|
30433
30562
|
// src/Prebuilt/components/HMSVideo/VideoProgress.tsx
|
30434
|
-
var
|
30563
|
+
var import_react186, VideoProgress;
|
30435
30564
|
var init_VideoProgress = __esm({
|
30436
30565
|
"src/Prebuilt/components/HMSVideo/VideoProgress.tsx"() {
|
30437
30566
|
"use strict";
|
30438
30567
|
init_define_process_env();
|
30439
|
-
|
30568
|
+
import_react186 = __toESM(require("react"));
|
30440
30569
|
init_src();
|
30441
30570
|
init_PlayerContext();
|
30442
30571
|
init_utils6();
|
30443
|
-
VideoProgress = () => {
|
30572
|
+
VideoProgress = ({ isDvr = true }) => {
|
30444
30573
|
const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
|
30445
|
-
const [videoProgress, setVideoProgress] = (0,
|
30446
|
-
const [bufferProgress, setBufferProgress] = (0,
|
30574
|
+
const [videoProgress, setVideoProgress] = (0, import_react186.useState)(0);
|
30575
|
+
const [bufferProgress, setBufferProgress] = (0, import_react186.useState)(0);
|
30447
30576
|
const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
|
30448
30577
|
const onValueChange = (time) => {
|
30449
30578
|
hlsPlayer2 == null ? void 0 : hlsPlayer2.seekTo(time);
|
30450
30579
|
};
|
30451
|
-
(0,
|
30580
|
+
(0, import_react186.useEffect)(() => {
|
30452
30581
|
if (!videoEl) {
|
30453
30582
|
return;
|
30454
30583
|
}
|
@@ -30481,7 +30610,7 @@ var init_VideoProgress = __esm({
|
|
30481
30610
|
if (!videoEl) {
|
30482
30611
|
return null;
|
30483
30612
|
}
|
30484
|
-
return /* @__PURE__ */
|
30613
|
+
return /* @__PURE__ */ import_react186.default.createElement(Flex, { align: "center", css: { cursor: "pointer", h: "$2", alignSelf: "stretch", pointerEvents: isDvr ? "" : "none" } }, /* @__PURE__ */ import_react186.default.createElement(
|
30485
30614
|
Slider,
|
30486
30615
|
{
|
30487
30616
|
id: "video-actual-rest",
|
@@ -30489,7 +30618,8 @@ var init_VideoProgress = __esm({
|
|
30489
30618
|
cursor: "pointer",
|
30490
30619
|
h: "$2",
|
30491
30620
|
zIndex: 1,
|
30492
|
-
transition: `all .2s ease .5s
|
30621
|
+
transition: `all .2s ease .5s`,
|
30622
|
+
pointerEvents: isDvr ? "" : "none"
|
30493
30623
|
},
|
30494
30624
|
min: 0,
|
30495
30625
|
max: 100,
|
@@ -30497,9 +30627,9 @@ var init_VideoProgress = __esm({
|
|
30497
30627
|
value: [videoProgress],
|
30498
30628
|
showTooltip: false,
|
30499
30629
|
onValueChange: onProgress,
|
30500
|
-
thumbStyles: { w: "$6", h: "$6" }
|
30630
|
+
thumbStyles: { w: "$6", h: "$6", display: isDvr ? "" : "none" }
|
30501
30631
|
}
|
30502
|
-
), /* @__PURE__ */
|
30632
|
+
), /* @__PURE__ */ import_react186.default.createElement(
|
30503
30633
|
Box,
|
30504
30634
|
{
|
30505
30635
|
id: "video-buffer",
|
@@ -30518,20 +30648,20 @@ var init_VideoProgress = __esm({
|
|
30518
30648
|
});
|
30519
30649
|
|
30520
30650
|
// src/Prebuilt/components/HMSVideo/VideoTime.tsx
|
30521
|
-
var
|
30651
|
+
var import_react187, import_hls_player2, VideoTime;
|
30522
30652
|
var init_VideoTime = __esm({
|
30523
30653
|
"src/Prebuilt/components/HMSVideo/VideoTime.tsx"() {
|
30524
30654
|
"use strict";
|
30525
30655
|
init_define_process_env();
|
30526
|
-
|
30656
|
+
import_react187 = __toESM(require("react"));
|
30527
30657
|
import_hls_player2 = require("@100mslive/hls-player");
|
30528
30658
|
init_Text2();
|
30529
30659
|
init_PlayerContext();
|
30530
30660
|
init_utils6();
|
30531
30661
|
VideoTime = () => {
|
30532
30662
|
const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
|
30533
|
-
const [videoTime, setVideoTime] = (0,
|
30534
|
-
(0,
|
30663
|
+
const [videoTime, setVideoTime] = (0, import_react187.useState)("");
|
30664
|
+
(0, import_react187.useEffect)(() => {
|
30535
30665
|
const timeupdateHandler = (currentTime) => {
|
30536
30666
|
const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
|
30537
30667
|
if (videoEl) {
|
@@ -30547,7 +30677,7 @@ var init_VideoTime = __esm({
|
|
30547
30677
|
hlsPlayer2 == null ? void 0 : hlsPlayer2.off(import_hls_player2.HMSHLSPlayerEvents.CURRENT_TIME, timeupdateHandler);
|
30548
30678
|
};
|
30549
30679
|
}, [hlsPlayer2]);
|
30550
|
-
return hlsPlayer2 ? /* @__PURE__ */
|
30680
|
+
return hlsPlayer2 ? /* @__PURE__ */ import_react187.default.createElement(
|
30551
30681
|
Text,
|
30552
30682
|
{
|
30553
30683
|
variant: "body1",
|
@@ -30567,20 +30697,21 @@ var init_VideoTime = __esm({
|
|
30567
30697
|
});
|
30568
30698
|
|
30569
30699
|
// src/Prebuilt/components/HMSVideo/VolumeControl.tsx
|
30570
|
-
var
|
30700
|
+
var import_react188, import_react_icons87, VolumeControl, VolumeIcon;
|
30571
30701
|
var init_VolumeControl = __esm({
|
30572
30702
|
"src/Prebuilt/components/HMSVideo/VolumeControl.tsx"() {
|
30573
30703
|
"use strict";
|
30574
30704
|
init_define_process_env();
|
30575
|
-
|
30705
|
+
import_react188 = __toESM(require("react"));
|
30576
30706
|
import_react_icons87 = require("@100mslive/react-icons");
|
30577
30707
|
init_src();
|
30578
30708
|
init_PlayerContext();
|
30579
30709
|
VolumeControl = () => {
|
30710
|
+
var _a8;
|
30580
30711
|
const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
|
30581
|
-
const [volume, setVolume] = (0,
|
30582
|
-
const [showSlider, setShowSlider] = (0,
|
30583
|
-
return /* @__PURE__ */
|
30712
|
+
const [volume, setVolume] = (0, import_react188.useState)((_a8 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a8 : 100);
|
30713
|
+
const [showSlider, setShowSlider] = (0, import_react188.useState)(false);
|
30714
|
+
return /* @__PURE__ */ import_react188.default.createElement(
|
30584
30715
|
Flex,
|
30585
30716
|
{
|
30586
30717
|
align: "center",
|
@@ -30594,7 +30725,7 @@ var init_VolumeControl = __esm({
|
|
30594
30725
|
setShowSlider(false);
|
30595
30726
|
}
|
30596
30727
|
},
|
30597
|
-
/* @__PURE__ */
|
30728
|
+
/* @__PURE__ */ import_react188.default.createElement(
|
30598
30729
|
VolumeIcon,
|
30599
30730
|
{
|
30600
30731
|
volume,
|
@@ -30609,7 +30740,7 @@ var init_VolumeControl = __esm({
|
|
30609
30740
|
}
|
30610
30741
|
}
|
30611
30742
|
),
|
30612
|
-
/* @__PURE__ */
|
30743
|
+
/* @__PURE__ */ import_react188.default.createElement(
|
30613
30744
|
Slider,
|
30614
30745
|
{
|
30615
30746
|
css: {
|
@@ -30637,9 +30768,9 @@ var init_VolumeControl = __esm({
|
|
30637
30768
|
};
|
30638
30769
|
VolumeIcon = ({ volume, onClick }) => {
|
30639
30770
|
if (volume === 0) {
|
30640
|
-
return /* @__PURE__ */
|
30771
|
+
return /* @__PURE__ */ import_react188.default.createElement(import_react_icons87.VolumeZeroIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
|
30641
30772
|
}
|
30642
|
-
return volume < 50 ? /* @__PURE__ */
|
30773
|
+
return volume < 50 ? /* @__PURE__ */ import_react188.default.createElement(import_react_icons87.VolumeOneIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick }) : /* @__PURE__ */ import_react188.default.createElement(import_react_icons87.VolumeTwoIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
|
30643
30774
|
};
|
30644
30775
|
}
|
30645
30776
|
});
|
@@ -30652,13 +30783,14 @@ var init_HMSVideo2 = __esm({
|
|
30652
30783
|
init_define_process_env();
|
30653
30784
|
init_Controls();
|
30654
30785
|
init_HMSVideo();
|
30655
|
-
|
30786
|
+
init_PlayPauseButton();
|
30787
|
+
init_SeekControls();
|
30656
30788
|
init_VideoProgress();
|
30657
30789
|
init_VideoTime();
|
30658
30790
|
init_VolumeControl();
|
30659
30791
|
HMSVideoPlayer = {
|
30660
30792
|
Root: HMSVideo,
|
30661
|
-
|
30793
|
+
PlayPauseButton,
|
30662
30794
|
Progress: VideoProgress,
|
30663
30795
|
Duration: VideoTime,
|
30664
30796
|
Volume: VolumeControl,
|
@@ -30666,22 +30798,23 @@ var init_HMSVideo2 = __esm({
|
|
30666
30798
|
Root: VideoControls,
|
30667
30799
|
Left: LeftControls,
|
30668
30800
|
Right: RightControls
|
30669
|
-
}
|
30801
|
+
},
|
30802
|
+
Seeker: SeekControls
|
30670
30803
|
};
|
30671
30804
|
}
|
30672
30805
|
});
|
30673
30806
|
|
30674
30807
|
// src/Prebuilt/components/HMSVideo/FullscreenButton.tsx
|
30675
|
-
var
|
30808
|
+
var import_react189, import_react_icons88, FullScreenButton2;
|
30676
30809
|
var init_FullscreenButton = __esm({
|
30677
30810
|
"src/Prebuilt/components/HMSVideo/FullscreenButton.tsx"() {
|
30678
30811
|
"use strict";
|
30679
30812
|
init_define_process_env();
|
30680
|
-
|
30813
|
+
import_react189 = __toESM(require("react"));
|
30681
30814
|
import_react_icons88 = require("@100mslive/react-icons");
|
30682
30815
|
init_src();
|
30683
30816
|
FullScreenButton2 = ({ isFullScreen, onToggle }) => {
|
30684
|
-
return /* @__PURE__ */
|
30817
|
+
return /* @__PURE__ */ import_react189.default.createElement(Tooltip, { title: `${isFullScreen ? "Exit" : "Go"} fullscreen`, side: "top" }, /* @__PURE__ */ import_react189.default.createElement(IconButton, { css: { margin: "0px" }, onClick: onToggle, key: "fullscreen_btn", "data-testid": "fullscreen_btn" }, /* @__PURE__ */ import_react189.default.createElement(Flex, null, isFullScreen ? /* @__PURE__ */ import_react189.default.createElement(import_react_icons88.ShrinkIcon, null) : /* @__PURE__ */ import_react189.default.createElement(import_react_icons88.ExpandIcon, null))));
|
30685
30818
|
};
|
30686
30819
|
}
|
30687
30820
|
});
|
@@ -30691,7 +30824,38 @@ function HLSAutoplayBlockedPrompt({
|
|
30691
30824
|
open,
|
30692
30825
|
unblockAutoPlay
|
30693
30826
|
}) {
|
30694
|
-
|
30827
|
+
const isLandscape = useIsLandscape();
|
30828
|
+
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
30829
|
+
if ((isMobile || isLandscape) && open) {
|
30830
|
+
return /* @__PURE__ */ import_react190.default.createElement(
|
30831
|
+
IconButton,
|
30832
|
+
{
|
30833
|
+
css: {
|
30834
|
+
border: "1px solid white",
|
30835
|
+
bg: "white",
|
30836
|
+
color: "#000",
|
30837
|
+
r: "$2"
|
30838
|
+
},
|
30839
|
+
onClick: () => __async(this, null, function* () {
|
30840
|
+
return yield unblockAutoPlay();
|
30841
|
+
})
|
30842
|
+
},
|
30843
|
+
/* @__PURE__ */ import_react190.default.createElement(import_react_icons89.VolumeTwoIcon, { width: "32", height: "32" }),
|
30844
|
+
/* @__PURE__ */ import_react190.default.createElement(
|
30845
|
+
Text,
|
30846
|
+
{
|
30847
|
+
variant: "body1",
|
30848
|
+
css: {
|
30849
|
+
fontWeight: "$semiBold",
|
30850
|
+
px: "$2",
|
30851
|
+
color: "#000"
|
30852
|
+
}
|
30853
|
+
},
|
30854
|
+
"Tap To Unmute"
|
30855
|
+
)
|
30856
|
+
);
|
30857
|
+
}
|
30858
|
+
return /* @__PURE__ */ import_react190.default.createElement(
|
30695
30859
|
Dialog.Root,
|
30696
30860
|
{
|
30697
30861
|
open,
|
@@ -30701,7 +30865,7 @@ function HLSAutoplayBlockedPrompt({
|
|
30701
30865
|
}
|
30702
30866
|
})
|
30703
30867
|
},
|
30704
|
-
/* @__PURE__ */
|
30868
|
+
/* @__PURE__ */ import_react190.default.createElement(DialogContent, { title: "Attention", closeable: false }, /* @__PURE__ */ import_react190.default.createElement(DialogRow, null, /* @__PURE__ */ import_react190.default.createElement(Text, { variant: "md" }, 'The browser wants us to get a confirmation for playing the HLS Stream. Please click "play stream" to proceed.')), /* @__PURE__ */ import_react190.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react190.default.createElement(
|
30705
30869
|
Button,
|
30706
30870
|
{
|
30707
30871
|
variant: "primary",
|
@@ -30713,29 +30877,32 @@ function HLSAutoplayBlockedPrompt({
|
|
30713
30877
|
)))
|
30714
30878
|
);
|
30715
30879
|
}
|
30716
|
-
var
|
30880
|
+
var import_react190, import_react_use42, import_react_icons89;
|
30717
30881
|
var init_HLSAutoplayBlockedPrompt = __esm({
|
30718
30882
|
"src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx"() {
|
30719
30883
|
"use strict";
|
30720
30884
|
init_define_process_env();
|
30721
|
-
|
30885
|
+
import_react190 = __toESM(require("react"));
|
30886
|
+
import_react_use42 = require("react-use");
|
30887
|
+
import_react_icons89 = require("@100mslive/react-icons");
|
30722
30888
|
init_src();
|
30723
30889
|
init_DialogContent2();
|
30890
|
+
init_hooks();
|
30724
30891
|
}
|
30725
30892
|
});
|
30726
30893
|
|
30727
30894
|
// src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx
|
30728
30895
|
function HLSCaptionSelector({ isEnabled }) {
|
30729
30896
|
const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
|
30730
|
-
return /* @__PURE__ */
|
30897
|
+
return /* @__PURE__ */ import_react191.default.createElement(Tooltip, { title: "Subtitles/closed captions", side: "top" }, /* @__PURE__ */ import_react191.default.createElement(IconButton, { css: { p: "$2" }, onClick: () => hlsPlayer2 == null ? void 0 : hlsPlayer2.toggleCaption() }, isEnabled ? /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.ClosedCaptionIcon, { width: "20", height: "20px" }) : /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.OpenCaptionIcon, { width: "20", height: "20px" })));
|
30731
30898
|
}
|
30732
|
-
var
|
30899
|
+
var import_react191, import_react_icons90;
|
30733
30900
|
var init_HLSCaptionSelector = __esm({
|
30734
30901
|
"src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx"() {
|
30735
30902
|
"use strict";
|
30736
30903
|
init_define_process_env();
|
30737
|
-
|
30738
|
-
|
30904
|
+
import_react191 = __toESM(require("react"));
|
30905
|
+
import_react_icons90 = require("@100mslive/react-icons");
|
30739
30906
|
init_src();
|
30740
30907
|
init_PlayerContext();
|
30741
30908
|
}
|
@@ -30750,10 +30917,10 @@ function HLSQualitySelector({
|
|
30750
30917
|
selection,
|
30751
30918
|
isAuto
|
30752
30919
|
}) {
|
30753
|
-
const isMobile = (0,
|
30920
|
+
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
30754
30921
|
const isLandscape = useIsLandscape();
|
30755
30922
|
if (isMobile || isLandscape) {
|
30756
|
-
return /* @__PURE__ */
|
30923
|
+
return /* @__PURE__ */ import_react192.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react192.default.createElement(Sheet.Trigger, { asChild: true, "data-testid": "quality_selector" }, /* @__PURE__ */ import_react192.default.createElement(
|
30757
30924
|
Flex,
|
30758
30925
|
{
|
30759
30926
|
css: {
|
@@ -30763,8 +30930,8 @@ function HLSQualitySelector({
|
|
30763
30930
|
p: "$2"
|
30764
30931
|
}
|
30765
30932
|
},
|
30766
|
-
/* @__PURE__ */
|
30767
|
-
)), layers.length > 0 && /* @__PURE__ */
|
30933
|
+
/* @__PURE__ */ import_react192.default.createElement(import_react_icons91.SettingsIcon, null)
|
30934
|
+
)), layers.length > 0 && /* @__PURE__ */ import_react192.default.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$1" }, onClick: () => onOpenChange(false) }, /* @__PURE__ */ import_react192.default.createElement(
|
30768
30935
|
Sheet.Title,
|
30769
30936
|
{
|
30770
30937
|
css: {
|
@@ -30781,9 +30948,9 @@ function HLSQualitySelector({
|
|
30781
30948
|
}
|
30782
30949
|
},
|
30783
30950
|
"Quality",
|
30784
|
-
/* @__PURE__ */
|
30951
|
+
/* @__PURE__ */ import_react192.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: () => onOpenChange(false) }, /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CrossIcon, null))
|
30785
30952
|
), layers.map((layer) => {
|
30786
|
-
return /* @__PURE__ */
|
30953
|
+
return /* @__PURE__ */ import_react192.default.createElement(
|
30787
30954
|
Flex,
|
30788
30955
|
{
|
30789
30956
|
align: "center",
|
@@ -30801,11 +30968,11 @@ function HLSQualitySelector({
|
|
30801
30968
|
key: layer.width,
|
30802
30969
|
onClick: () => onQualityChange(layer)
|
30803
30970
|
},
|
30804
|
-
/* @__PURE__ */
|
30805
|
-
/* @__PURE__ */
|
30806
|
-
!isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */
|
30971
|
+
/* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold" } }, getQualityText(layer)),
|
30972
|
+
/* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { flex: "1 1 0", c: "$on_surface_low", pl: "$2" } }, getBitrateText(layer)),
|
30973
|
+
!isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CheckIcon, { width: "16px", height: "16px" })
|
30807
30974
|
);
|
30808
|
-
}), /* @__PURE__ */
|
30975
|
+
}), /* @__PURE__ */ import_react192.default.createElement(
|
30809
30976
|
Flex,
|
30810
30977
|
{
|
30811
30978
|
align: "center",
|
@@ -30823,11 +30990,11 @@ function HLSQualitySelector({
|
|
30823
30990
|
key: "auto",
|
30824
30991
|
onClick: () => onQualityChange({ height: "auto" })
|
30825
30992
|
},
|
30826
|
-
/* @__PURE__ */
|
30827
|
-
isAuto && /* @__PURE__ */
|
30993
|
+
/* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", flex: "1 1 0" } }, "Auto"),
|
30994
|
+
isAuto && /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CheckIcon, { width: "16px", height: "16px" })
|
30828
30995
|
)));
|
30829
30996
|
}
|
30830
|
-
return /* @__PURE__ */
|
30997
|
+
return /* @__PURE__ */ import_react192.default.createElement(Dropdown.Root, { open, onOpenChange: (value) => onOpenChange(value) }, /* @__PURE__ */ import_react192.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "quality_selector" }, /* @__PURE__ */ import_react192.default.createElement(
|
30831
30998
|
Flex,
|
30832
30999
|
{
|
30833
31000
|
css: {
|
@@ -30837,7 +31004,7 @@ function HLSQualitySelector({
|
|
30837
31004
|
p: "$2"
|
30838
31005
|
}
|
30839
31006
|
},
|
30840
|
-
/* @__PURE__ */
|
31007
|
+
/* @__PURE__ */ import_react192.default.createElement(Tooltip, { title: "Select Quality", side: "top" }, /* @__PURE__ */ import_react192.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react192.default.createElement(
|
30841
31008
|
Box,
|
30842
31009
|
{
|
30843
31010
|
css: {
|
@@ -30848,8 +31015,8 @@ function HLSQualitySelector({
|
|
30848
31015
|
c: "$on_surface_high"
|
30849
31016
|
}
|
30850
31017
|
},
|
30851
|
-
/* @__PURE__ */
|
30852
|
-
), /* @__PURE__ */
|
31018
|
+
/* @__PURE__ */ import_react192.default.createElement(import_react_icons91.SettingsIcon, null)
|
31019
|
+
), /* @__PURE__ */ import_react192.default.createElement(
|
30853
31020
|
Text,
|
30854
31021
|
{
|
30855
31022
|
variant: {
|
@@ -30859,7 +31026,7 @@ function HLSQualitySelector({
|
|
30859
31026
|
},
|
30860
31027
|
css: { display: "flex", alignItems: "center", ml: "$2", c: "$on_surface_medium" }
|
30861
31028
|
},
|
30862
|
-
isAuto && /* @__PURE__ */
|
31029
|
+
isAuto && /* @__PURE__ */ import_react192.default.createElement(import_react192.default.Fragment, null, "Auto", /* @__PURE__ */ import_react192.default.createElement(
|
30863
31030
|
Box,
|
30864
31031
|
{
|
30865
31032
|
css: {
|
@@ -30874,7 +31041,7 @@ function HLSQualitySelector({
|
|
30874
31041
|
selection && Math.min(selection.width || 0, selection.height || 0),
|
30875
31042
|
"p"
|
30876
31043
|
)))
|
30877
|
-
)), layers.length > 0 && /* @__PURE__ */
|
31044
|
+
)), layers.length > 0 && /* @__PURE__ */ import_react192.default.createElement(
|
30878
31045
|
Dropdown.Content,
|
30879
31046
|
{
|
30880
31047
|
sideOffset: 5,
|
@@ -30890,7 +31057,7 @@ function HLSQualitySelector({
|
|
30890
31057
|
}
|
30891
31058
|
},
|
30892
31059
|
layers.map((layer) => {
|
30893
|
-
return /* @__PURE__ */
|
31060
|
+
return /* @__PURE__ */ import_react192.default.createElement(
|
30894
31061
|
Dropdown.Item,
|
30895
31062
|
{
|
30896
31063
|
onClick: () => onQualityChange(layer),
|
@@ -30905,12 +31072,12 @@ function HLSQualitySelector({
|
|
30905
31072
|
gap: "$2"
|
30906
31073
|
}
|
30907
31074
|
},
|
30908
|
-
/* @__PURE__ */
|
30909
|
-
/* @__PURE__ */
|
30910
|
-
!isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */
|
31075
|
+
/* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold" } }, getQualityText(layer)),
|
31076
|
+
/* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { flex: "1 1 0", c: "$on_surface_low", pl: "$2" } }, getBitrateText(layer)),
|
31077
|
+
!isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CheckIcon, { width: "16px", height: "16px" })
|
30911
31078
|
);
|
30912
31079
|
}),
|
30913
|
-
/* @__PURE__ */
|
31080
|
+
/* @__PURE__ */ import_react192.default.createElement(
|
30914
31081
|
Dropdown.Item,
|
30915
31082
|
{
|
30916
31083
|
onClick: () => onQualityChange({ height: "auto" }),
|
@@ -30925,19 +31092,19 @@ function HLSQualitySelector({
|
|
30925
31092
|
gap: "$2"
|
30926
31093
|
}
|
30927
31094
|
},
|
30928
|
-
/* @__PURE__ */
|
30929
|
-
isAuto && /* @__PURE__ */
|
31095
|
+
/* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", flex: "1 1 0" } }, "Auto"),
|
31096
|
+
isAuto && /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CheckIcon, { width: "16px", height: "16px" })
|
30930
31097
|
)
|
30931
31098
|
));
|
30932
31099
|
}
|
30933
|
-
var
|
31100
|
+
var import_react192, import_react_use43, import_react_icons91, getQualityText, getBitrateText;
|
30934
31101
|
var init_HLSQualitySelector = __esm({
|
30935
31102
|
"src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx"() {
|
30936
31103
|
"use strict";
|
30937
31104
|
init_define_process_env();
|
30938
|
-
|
30939
|
-
|
30940
|
-
|
31105
|
+
import_react192 = __toESM(require("react"));
|
31106
|
+
import_react_use43 = require("react-use");
|
31107
|
+
import_react_icons91 = require("@100mslive/react-icons");
|
30941
31108
|
init_src();
|
30942
31109
|
init_Sheet2();
|
30943
31110
|
init_Theme();
|
@@ -30948,12 +31115,12 @@ var init_HLSQualitySelector = __esm({
|
|
30948
31115
|
});
|
30949
31116
|
|
30950
31117
|
// src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx
|
30951
|
-
var
|
31118
|
+
var import_react193, import_react_sdk96, HLSViewTitle;
|
30952
31119
|
var init_MwebHLSViewTitle = __esm({
|
30953
31120
|
"src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx"() {
|
30954
31121
|
"use strict";
|
30955
31122
|
init_define_process_env();
|
30956
|
-
|
31123
|
+
import_react193 = __toESM(require("react"));
|
30957
31124
|
import_react_sdk96 = require("@100mslive/react-sdk");
|
30958
31125
|
init_Layout();
|
30959
31126
|
init_Text2();
|
@@ -30964,10 +31131,10 @@ var init_MwebHLSViewTitle = __esm({
|
|
30964
31131
|
HLSViewTitle = () => {
|
30965
31132
|
const peerCount = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeerCount);
|
30966
31133
|
const hlsState = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectHLSState);
|
30967
|
-
const intervalRef = (0,
|
31134
|
+
const intervalRef = (0, import_react193.useRef)(null);
|
30968
31135
|
const { screenType } = useRoomLayoutConferencingScreen();
|
30969
|
-
const [liveTime, setLiveTime] = (0,
|
30970
|
-
const startTimer = (0,
|
31136
|
+
const [liveTime, setLiveTime] = (0, import_react193.useState)(0);
|
31137
|
+
const startTimer = (0, import_react193.useCallback)(() => {
|
30971
31138
|
intervalRef.current = setInterval(() => {
|
30972
31139
|
var _a8;
|
30973
31140
|
const timeStamp = (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
|
@@ -30976,7 +31143,7 @@ var init_MwebHLSViewTitle = __esm({
|
|
30976
31143
|
}
|
30977
31144
|
}, 6e4);
|
30978
31145
|
}, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType]);
|
30979
|
-
(0,
|
31146
|
+
(0, import_react193.useEffect)(() => {
|
30980
31147
|
var _a8;
|
30981
31148
|
if (hlsState == null ? void 0 : hlsState.running) {
|
30982
31149
|
startTimer();
|
@@ -30994,7 +31161,7 @@ var init_MwebHLSViewTitle = __esm({
|
|
30994
31161
|
}
|
30995
31162
|
};
|
30996
31163
|
}, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType, startTimer]);
|
30997
|
-
return /* @__PURE__ */
|
31164
|
+
return /* @__PURE__ */ import_react193.default.createElement(
|
30998
31165
|
Flex,
|
30999
31166
|
{
|
31000
31167
|
gap: "4",
|
@@ -31008,8 +31175,8 @@ var init_MwebHLSViewTitle = __esm({
|
|
31008
31175
|
backgroundColor: "$surface_dim"
|
31009
31176
|
}
|
31010
31177
|
},
|
31011
|
-
/* @__PURE__ */
|
31012
|
-
/* @__PURE__ */
|
31178
|
+
/* @__PURE__ */ import_react193.default.createElement(Logo, null),
|
31179
|
+
/* @__PURE__ */ import_react193.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react193.default.createElement(Text, { variant: "sub2", css: { fontWeight: "$semiBold" } }, "Tech Talk"), /* @__PURE__ */ import_react193.default.createElement(Flex, { gap: "1" }, /* @__PURE__ */ import_react193.default.createElement(Text, { variant: "caption", css: { color: "$on_surface_medium" } }, getFormattedCount(peerCount) + " watching"), /* @__PURE__ */ import_react193.default.createElement(
|
31013
31180
|
Flex,
|
31014
31181
|
{
|
31015
31182
|
direction: "column",
|
@@ -31021,7 +31188,7 @@ var init_MwebHLSViewTitle = __esm({
|
|
31021
31188
|
alignSelf: "center"
|
31022
31189
|
}
|
31023
31190
|
}
|
31024
|
-
), /* @__PURE__ */
|
31191
|
+
), /* @__PURE__ */ import_react193.default.createElement(Text, { variant: "caption", css: { color: "$on_surface_medium" } }, "Started " + getTime(liveTime) + " ago")))
|
31025
31192
|
);
|
31026
31193
|
};
|
31027
31194
|
}
|
@@ -31032,17 +31199,17 @@ var HLSView_exports = {};
|
|
31032
31199
|
__export(HLSView_exports, {
|
31033
31200
|
default: () => HLSView_default
|
31034
31201
|
});
|
31035
|
-
var
|
31202
|
+
var import_react194, import_react_use44, import_hls_player3, import_screenfull3, import_react_sdk97, import_react_icons92, hlsPlayer, toastMap, HLSView, HLSView_default;
|
31036
31203
|
var init_HLSView = __esm({
|
31037
31204
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
31038
31205
|
"use strict";
|
31039
31206
|
init_define_process_env();
|
31040
|
-
|
31041
|
-
|
31207
|
+
import_react194 = __toESM(require("react"));
|
31208
|
+
import_react_use44 = require("react-use");
|
31042
31209
|
import_hls_player3 = require("@100mslive/hls-player");
|
31043
31210
|
import_screenfull3 = __toESM(require("screenfull"));
|
31044
31211
|
import_react_sdk97 = require("@100mslive/react-sdk");
|
31045
|
-
|
31212
|
+
import_react_icons92 = require("@100mslive/react-icons");
|
31046
31213
|
init_ChatToggle();
|
31047
31214
|
init_HlsStatsOverlay();
|
31048
31215
|
init_HMSVideo2();
|
@@ -31052,6 +31219,7 @@ var init_HLSView = __esm({
|
|
31052
31219
|
init_HLSQualitySelector();
|
31053
31220
|
init_MwebHLSViewTitle();
|
31054
31221
|
init_PlayerContext();
|
31222
|
+
init_LeaveRoom();
|
31055
31223
|
init_ToastManager();
|
31056
31224
|
init_Button2();
|
31057
31225
|
init_IconButton2();
|
@@ -31066,51 +31234,52 @@ var init_HLSView = __esm({
|
|
31066
31234
|
init_constants();
|
31067
31235
|
toastMap = {};
|
31068
31236
|
HLSView = () => {
|
31069
|
-
var _a8, _b7
|
31070
|
-
const videoRef = (0,
|
31071
|
-
const hlsViewRef = (0,
|
31237
|
+
var _a8, _b7;
|
31238
|
+
const videoRef = (0, import_react194.useRef)(null);
|
31239
|
+
const hlsViewRef = (0, import_react194.useRef)(null);
|
31072
31240
|
const hlsState = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectHLSState);
|
31073
31241
|
const enablHlsStats = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.hlsStats));
|
31074
31242
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
31075
31243
|
const notification = (0, import_react_sdk97.useHMSNotifications)(import_react_sdk97.HMSNotificationTypes.POLL_STOPPED);
|
31076
31244
|
const hmsActions = (0, import_react_sdk97.useHMSActions)();
|
31077
31245
|
const { themeType } = useTheme();
|
31078
|
-
const [streamEnded, setStreamEnded] = (0,
|
31079
|
-
let [hlsStatsState, setHlsStatsState] = (0,
|
31246
|
+
const [streamEnded, setStreamEnded] = (0, import_react194.useState)(false);
|
31247
|
+
let [hlsStatsState, setHlsStatsState] = (0, import_react194.useState)(null);
|
31080
31248
|
const hlsUrl = (_a8 = hlsState.variants[0]) == null ? void 0 : _a8.url;
|
31081
|
-
const [availableLayers, setAvailableLayers] = (0,
|
31082
|
-
const [isVideoLive, setIsVideoLive] = (0,
|
31083
|
-
const [isCaptionEnabled, setIsCaptionEnabled] = (0,
|
31084
|
-
const [hasCaptions, setHasCaptions] = (0,
|
31085
|
-
const [currentSelectedQuality, setCurrentSelectedQuality] = (0,
|
31086
|
-
const [isHlsAutoplayBlocked, setIsHlsAutoplayBlocked] = (0,
|
31087
|
-
const [
|
31088
|
-
const [
|
31089
|
-
const
|
31249
|
+
const [availableLayers, setAvailableLayers] = (0, import_react194.useState)([]);
|
31250
|
+
const [isVideoLive, setIsVideoLive] = (0, import_react194.useState)(true);
|
31251
|
+
const [isCaptionEnabled, setIsCaptionEnabled] = (0, import_react194.useState)(true);
|
31252
|
+
const [hasCaptions, setHasCaptions] = (0, import_react194.useState)(false);
|
31253
|
+
const [currentSelectedQuality, setCurrentSelectedQuality] = (0, import_react194.useState)(null);
|
31254
|
+
const [isHlsAutoplayBlocked, setIsHlsAutoplayBlocked] = (0, import_react194.useState)(false);
|
31255
|
+
const [isSeekEnabled, setIsSeekEnabled] = (0, import_react194.useState)(false);
|
31256
|
+
const [isPaused, setIsPaused] = (0, import_react194.useState)(false);
|
31257
|
+
const [show, toggle] = (0, import_react_use44.useToggle)(false);
|
31258
|
+
const lastHlsUrl = (0, import_react_use44.usePrevious)(hlsUrl);
|
31090
31259
|
const togglePollView = usePollViewToggle();
|
31091
31260
|
const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
|
31092
|
-
const [controlsVisible, setControlsVisible] = (0,
|
31093
|
-
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0,
|
31094
|
-
const [qualityDropDownOpen, setQualityDropDownOpen] = (0,
|
31095
|
-
const controlsRef = (0,
|
31096
|
-
const controlsTimerRef = (0,
|
31261
|
+
const [controlsVisible, setControlsVisible] = (0, import_react194.useState)(true);
|
31262
|
+
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react194.useState)(true);
|
31263
|
+
const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react194.useState)(false);
|
31264
|
+
const controlsRef = (0, import_react194.useRef)(null);
|
31265
|
+
const controlsTimerRef = (0, import_react194.useRef)();
|
31097
31266
|
const sidepane = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.sidePane));
|
31098
31267
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
31099
31268
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
31100
31269
|
const isFullScreenSupported = import_screenfull3.default.isEnabled;
|
31101
|
-
const isMobile = (0,
|
31270
|
+
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
31102
31271
|
const isLandscape = useIsLandscape();
|
31103
|
-
const isFullScreen = (0,
|
31272
|
+
const isFullScreen = (0, import_react_use44.useFullscreen)(hlsViewRef, show, {
|
31104
31273
|
onClose: () => toggle(false)
|
31105
31274
|
});
|
31106
|
-
const [showLoader, setShowLoader] = (0,
|
31275
|
+
const [showLoader, setShowLoader] = (0, import_react194.useState)(false);
|
31107
31276
|
const isMwebHLSStream = screenType === "hls_live_streaming" && isMobile;
|
31108
|
-
(0,
|
31277
|
+
(0, import_react194.useEffect)(() => {
|
31109
31278
|
if (sidepane === "" && isMwebHLSStream && showChat) {
|
31110
31279
|
toggleChat();
|
31111
31280
|
}
|
31112
31281
|
}, [sidepane, isMwebHLSStream, toggleChat, showChat]);
|
31113
|
-
(0,
|
31282
|
+
(0, import_react194.useEffect)(() => {
|
31114
31283
|
const videoEl = videoRef.current;
|
31115
31284
|
const showLoader2 = () => setShowLoader(true);
|
31116
31285
|
const hideLoader = () => setShowLoader(false);
|
@@ -31121,12 +31290,12 @@ var init_HLSView = __esm({
|
|
31121
31290
|
videoEl == null ? void 0 : videoEl.removeEventListener("waiting", showLoader2);
|
31122
31291
|
};
|
31123
31292
|
}, []);
|
31124
|
-
(0,
|
31293
|
+
(0, import_react194.useEffect)(() => {
|
31125
31294
|
if (streamEnded && lastHlsUrl !== hlsUrl) {
|
31126
31295
|
setStreamEnded(false);
|
31127
31296
|
}
|
31128
31297
|
}, [hlsUrl, streamEnded, lastHlsUrl]);
|
31129
|
-
(0,
|
31298
|
+
(0, import_react194.useEffect)(() => {
|
31130
31299
|
if (!notification)
|
31131
31300
|
return;
|
31132
31301
|
const toastID = toastMap == null ? void 0 : toastMap[notification.data.id];
|
@@ -31135,7 +31304,7 @@ var init_HLSView = __esm({
|
|
31135
31304
|
delete toastMap[notification.data.id];
|
31136
31305
|
}
|
31137
31306
|
}, [notification]);
|
31138
|
-
(0,
|
31307
|
+
(0, import_react194.useEffect)(() => {
|
31139
31308
|
const videoElem = videoRef.current;
|
31140
31309
|
const setStreamEndedCallback = () => {
|
31141
31310
|
setStreamEnded(true);
|
@@ -31146,7 +31315,7 @@ var init_HLSView = __esm({
|
|
31146
31315
|
videoElem == null ? void 0 : videoElem.removeEventListener("ended", setStreamEndedCallback);
|
31147
31316
|
};
|
31148
31317
|
}, [hlsUrl]);
|
31149
|
-
const handleQuality = (0,
|
31318
|
+
const handleQuality = (0, import_react194.useCallback)(
|
31150
31319
|
(quality) => {
|
31151
31320
|
var _a9;
|
31152
31321
|
if (hlsPlayer) {
|
@@ -31157,7 +31326,7 @@ var init_HLSView = __esm({
|
|
31157
31326
|
[availableLayers]
|
31158
31327
|
//eslint-disable-line
|
31159
31328
|
);
|
31160
|
-
(0,
|
31329
|
+
(0, import_react194.useEffect)(() => {
|
31161
31330
|
let videoEl = videoRef.current;
|
31162
31331
|
const manifestLoadedHandler = ({ layers }) => {
|
31163
31332
|
setAvailableLayers(layers);
|
@@ -31184,7 +31353,7 @@ var init_HLSView = __esm({
|
|
31184
31353
|
const pollStartedBy = vanillaStore.getState((0, import_react_sdk97.selectPeerNameByID)(poll.startedBy)) || "Participant";
|
31185
31354
|
const toastID = ToastManager.addToast({
|
31186
31355
|
title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
|
31187
|
-
action: /* @__PURE__ */
|
31356
|
+
action: /* @__PURE__ */ import_react194.default.createElement(
|
31188
31357
|
Button,
|
31189
31358
|
{
|
31190
31359
|
onClick: () => togglePollView(pollId),
|
@@ -31252,7 +31421,7 @@ var init_HLSView = __esm({
|
|
31252
31421
|
};
|
31253
31422
|
}
|
31254
31423
|
}, [hlsUrl, togglePollView, vanillaStore]);
|
31255
|
-
(0,
|
31424
|
+
(0, import_react194.useEffect)(() => {
|
31256
31425
|
const onHLSStats = (state) => setHlsStatsState(state);
|
31257
31426
|
if (enablHlsStats) {
|
31258
31427
|
hlsPlayer == null ? void 0 : hlsPlayer.on(import_hls_player3.HMSHLSPlayerEvents.STATS, onHLSStats);
|
@@ -31274,46 +31443,61 @@ var init_HLSView = __esm({
|
|
31274
31443
|
const sfnOverlayClose = () => {
|
31275
31444
|
hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats);
|
31276
31445
|
};
|
31277
|
-
(0,
|
31446
|
+
(0, import_react194.useEffect)(() => {
|
31278
31447
|
if (controlsVisible && isFullScreen && !qualityDropDownOpen) {
|
31279
31448
|
if (controlsTimerRef.current) {
|
31280
31449
|
clearTimeout(controlsTimerRef.current);
|
31281
31450
|
}
|
31282
|
-
controlsTimerRef.current = setTimeout(() => {
|
31283
|
-
setControlsVisible(false);
|
31284
|
-
}, 5e3);
|
31285
31451
|
}
|
31286
31452
|
if (!isFullScreen && controlsTimerRef.current) {
|
31287
31453
|
clearTimeout(controlsTimerRef.current);
|
31288
31454
|
}
|
31455
|
+
controlsTimerRef.current = setTimeout(() => {
|
31456
|
+
setControlsVisible(false);
|
31457
|
+
}, 5e3);
|
31289
31458
|
return () => {
|
31290
31459
|
if (controlsTimerRef.current) {
|
31291
31460
|
clearTimeout(controlsTimerRef.current);
|
31292
31461
|
}
|
31293
31462
|
};
|
31294
31463
|
}, [controlsVisible, isFullScreen, qualityDropDownOpen]);
|
31295
|
-
const
|
31464
|
+
const onSeekTo = (0, import_react194.useCallback)((seek) => {
|
31465
|
+
var _a9;
|
31466
|
+
hlsPlayer == null ? void 0 : hlsPlayer.seekTo(((_a9 = videoRef.current) == null ? void 0 : _a9.currentTime) + seek);
|
31467
|
+
}, []);
|
31468
|
+
const onDoubleClickHandler = (0, import_react194.useCallback)(
|
31296
31469
|
(event) => {
|
31297
|
-
|
31298
|
-
if (event.type === "ontouchstart" && controlsVisible) {
|
31299
|
-
setControlsVisible(false);
|
31300
|
-
return;
|
31301
|
-
}
|
31302
|
-
if (event.type === "ontouchstart" || qualityDropDownOpen) {
|
31303
|
-
setControlsVisible(true);
|
31470
|
+
if (!(isMobile || isLandscape)) {
|
31304
31471
|
return;
|
31305
31472
|
}
|
31306
|
-
|
31307
|
-
|
31308
|
-
|
31309
|
-
|
31310
|
-
|
31473
|
+
const sidePercentage = event.screenX * 100 / event.target.clientWidth;
|
31474
|
+
setIsSeekEnabled(true);
|
31475
|
+
if (sidePercentage < 45) {
|
31476
|
+
onSeekTo(-10);
|
31477
|
+
} else {
|
31478
|
+
onSeekTo(10);
|
31311
31479
|
}
|
31480
|
+
setTimeout(() => {
|
31481
|
+
setIsSeekEnabled(false);
|
31482
|
+
}, 200);
|
31312
31483
|
},
|
31313
|
-
[
|
31484
|
+
[isLandscape, isMobile, onSeekTo]
|
31314
31485
|
);
|
31315
|
-
const
|
31486
|
+
const onClickHandler = (0, import_react194.useCallback)(() => {
|
31487
|
+
if (!(isMobile || isLandscape)) {
|
31488
|
+
return;
|
31489
|
+
}
|
31490
|
+
setControlsVisible((value) => !value);
|
31491
|
+
if (controlsTimerRef.current) {
|
31492
|
+
clearTimeout(controlsTimerRef.current);
|
31493
|
+
}
|
31494
|
+
}, [isLandscape, isMobile]);
|
31495
|
+
const onHoverHandler = (0, import_react194.useCallback)(
|
31316
31496
|
(event) => {
|
31497
|
+
event.preventDefault();
|
31498
|
+
if (isMobile || isLandscape) {
|
31499
|
+
return;
|
31500
|
+
}
|
31317
31501
|
if (event.type === "mouseenter" || qualityDropDownOpen) {
|
31318
31502
|
setControlsVisible(true);
|
31319
31503
|
return;
|
@@ -31327,9 +31511,9 @@ var init_HLSView = __esm({
|
|
31327
31511
|
}
|
31328
31512
|
}
|
31329
31513
|
},
|
31330
|
-
[controlsVisible, isFullScreen, qualityDropDownOpen]
|
31514
|
+
[controlsVisible, isFullScreen, isLandscape, isMobile, qualityDropDownOpen]
|
31331
31515
|
);
|
31332
|
-
return /* @__PURE__ */
|
31516
|
+
return /* @__PURE__ */ import_react194.default.createElement(
|
31333
31517
|
Flex,
|
31334
31518
|
{
|
31335
31519
|
key: "hls-viewer",
|
@@ -31337,11 +31521,12 @@ var init_HLSView = __esm({
|
|
31337
31521
|
ref: hlsViewRef,
|
31338
31522
|
direction: isMobile || isLandscape ? "column" : "row",
|
31339
31523
|
css: {
|
31340
|
-
w: sidepane !== "" && isLandscape ? "
|
31341
|
-
h: sidepane !== "" && isMobile ? "36%" : "100%"
|
31524
|
+
w: sidepane !== "" && isLandscape ? "" : "100%",
|
31525
|
+
h: sidepane !== "" && isMobile ? "36%" : "100%",
|
31526
|
+
flex: "1 1 0"
|
31342
31527
|
}
|
31343
31528
|
},
|
31344
|
-
hlsUrl && !streamEnded ? /* @__PURE__ */
|
31529
|
+
hlsUrl && !streamEnded ? /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(HMSPlayerContext.Provider, { value: { hlsPlayer } }, (hlsStatsState == null ? void 0 : hlsStatsState.url) && enablHlsStats && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react194.default.createElement(HlsStatsOverlay, { hlsStatsState, onClose: sfnOverlayClose }) : null, /* @__PURE__ */ import_react194.default.createElement(
|
31345
31530
|
Flex,
|
31346
31531
|
{
|
31347
31532
|
id: "hls-player-container",
|
@@ -31352,8 +31537,8 @@ var init_HLSView = __esm({
|
|
31352
31537
|
margin: "0 auto"
|
31353
31538
|
}
|
31354
31539
|
},
|
31355
|
-
/* @__PURE__ */
|
31356
|
-
showLoader && /* @__PURE__ */
|
31540
|
+
!(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(HLSAutoplayBlockedPrompt, { open: isHlsAutoplayBlocked, unblockAutoPlay }),
|
31541
|
+
showLoader && /* @__PURE__ */ import_react194.default.createElement(
|
31357
31542
|
Flex,
|
31358
31543
|
{
|
31359
31544
|
align: "center",
|
@@ -31362,56 +31547,68 @@ var init_HLSView = __esm({
|
|
31362
31547
|
position: "absolute"
|
31363
31548
|
}
|
31364
31549
|
},
|
31365
|
-
/* @__PURE__ */
|
31550
|
+
/* @__PURE__ */ import_react194.default.createElement(Loading, { width: 72, height: 72 })
|
31366
31551
|
),
|
31367
|
-
/* @__PURE__ */
|
31552
|
+
/* @__PURE__ */ import_react194.default.createElement(
|
31368
31553
|
HMSVideoPlayer.Root,
|
31369
31554
|
{
|
31370
31555
|
ref: videoRef,
|
31371
31556
|
onMouseEnter: onHoverHandler,
|
31372
31557
|
onMouseMove: onHoverHandler,
|
31373
31558
|
onMouseLeave: onHoverHandler,
|
31374
|
-
|
31375
|
-
|
31559
|
+
onClick: onClickHandler,
|
31560
|
+
onDoubleClick: (e) => {
|
31561
|
+
onDoubleClickHandler(e);
|
31562
|
+
}
|
31376
31563
|
},
|
31377
|
-
/* @__PURE__ */
|
31378
|
-
|
31564
|
+
/* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, isMobile || isLandscape ? /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, !showLoader && /* @__PURE__ */ import_react194.default.createElement(
|
31565
|
+
Flex,
|
31379
31566
|
{
|
31567
|
+
align: "center",
|
31568
|
+
justify: "center",
|
31380
31569
|
css: {
|
31381
|
-
|
31382
|
-
top: "40%",
|
31383
|
-
left: "50%",
|
31384
|
-
transform: "translateY(-40%) translateX(-50%)",
|
31385
|
-
padding: "$4",
|
31570
|
+
bg: "#00000066",
|
31386
31571
|
display: "inline-flex",
|
31387
|
-
|
31388
|
-
gap: "$1",
|
31389
|
-
bg: "rgba(0, 0, 0, 0.6)",
|
31572
|
+
gap: "$2",
|
31390
31573
|
zIndex: 1,
|
31574
|
+
size: "100%",
|
31391
31575
|
visibility: controlsVisible ? `` : `hidden`,
|
31392
31576
|
opacity: controlsVisible ? `1` : "0"
|
31393
31577
|
}
|
31394
31578
|
},
|
31395
|
-
|
31396
|
-
|
31579
|
+
/* @__PURE__ */ import_react194.default.createElement(
|
31580
|
+
HMSVideoPlayer.Seeker,
|
31397
31581
|
{
|
31398
|
-
|
31399
|
-
|
31400
|
-
|
31401
|
-
|
31582
|
+
title: "backward",
|
31583
|
+
css: {
|
31584
|
+
visibility: isSeekEnabled ? `` : `hidden`,
|
31585
|
+
opacity: isSeekEnabled ? `1` : "0"
|
31586
|
+
}
|
31402
31587
|
},
|
31403
|
-
/* @__PURE__ */
|
31404
|
-
)
|
31405
|
-
|
31588
|
+
/* @__PURE__ */ import_react194.default.createElement(import_react_icons92.BackwardArrowIcon, { width: 32, height: 32 })
|
31589
|
+
),
|
31590
|
+
/* @__PURE__ */ import_react194.default.createElement(
|
31591
|
+
Box,
|
31406
31592
|
{
|
31407
|
-
|
31408
|
-
|
31409
|
-
|
31410
|
-
|
31593
|
+
css: {
|
31594
|
+
bg: "rgba(0, 0, 0, 0.6)",
|
31595
|
+
r: "$round"
|
31596
|
+
}
|
31411
31597
|
},
|
31412
|
-
/* @__PURE__ */
|
31598
|
+
/* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.PlayPauseButton, { isPaused, width: 48, height: 48 })
|
31599
|
+
),
|
31600
|
+
/* @__PURE__ */ import_react194.default.createElement(
|
31601
|
+
HMSVideoPlayer.Seeker,
|
31602
|
+
{
|
31603
|
+
title: "forward",
|
31604
|
+
css: {
|
31605
|
+
visibility: isSeekEnabled ? `` : `hidden`,
|
31606
|
+
opacity: isSeekEnabled ? `1` : "0"
|
31607
|
+
}
|
31608
|
+
},
|
31609
|
+
/* @__PURE__ */ import_react194.default.createElement(import_react_icons92.ForwardArrowIcon, { width: 32, height: 32 })
|
31413
31610
|
)
|
31414
|
-
), /* @__PURE__ */
|
31611
|
+
), /* @__PURE__ */ import_react194.default.createElement(
|
31415
31612
|
Flex,
|
31416
31613
|
{
|
31417
31614
|
ref: controlsRef,
|
@@ -31424,18 +31621,20 @@ var init_HLSView = __esm({
|
|
31424
31621
|
left: "0",
|
31425
31622
|
width: "100%",
|
31426
31623
|
flexShrink: 0,
|
31624
|
+
zIndex: 1,
|
31427
31625
|
visibility: controlsVisible ? `` : `hidden`,
|
31428
31626
|
opacity: controlsVisible ? `1` : "0"
|
31429
31627
|
}
|
31430
31628
|
},
|
31431
|
-
/* @__PURE__ */
|
31629
|
+
/* @__PURE__ */ import_react194.default.createElement(
|
31432
31630
|
HMSVideoPlayer.Controls.Root,
|
31433
31631
|
{
|
31434
31632
|
css: {
|
31435
31633
|
p: "$4 $8"
|
31436
31634
|
}
|
31437
31635
|
},
|
31438
|
-
/* @__PURE__ */
|
31636
|
+
/* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Left, null, /* @__PURE__ */ import_react194.default.createElement(LeaveRoom, { screenType })),
|
31637
|
+
/* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Right, null, isLandscape && /* @__PURE__ */ import_react194.default.createElement(ChatToggle, null), hasCaptions && !isHlsAutoplayBlocked && /* @__PURE__ */ import_react194.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !isHlsAutoplayBlocked ? /* @__PURE__ */ import_react194.default.createElement(
|
31439
31638
|
HLSQualitySelector,
|
31440
31639
|
{
|
31441
31640
|
layers: availableLayers,
|
@@ -31445,19 +31644,20 @@ var init_HLSView = __esm({
|
|
31445
31644
|
onQualityChange: handleQuality,
|
31446
31645
|
isAuto: isUserSelectedAuto
|
31447
31646
|
}
|
31448
|
-
) : null)
|
31647
|
+
) : null, /* @__PURE__ */ import_react194.default.createElement(HLSAutoplayBlockedPrompt, { open: isHlsAutoplayBlocked, unblockAutoPlay }))
|
31449
31648
|
)
|
31450
|
-
)) : null, /* @__PURE__ */
|
31649
|
+
)) : null, /* @__PURE__ */ import_react194.default.createElement(
|
31451
31650
|
Flex,
|
31452
31651
|
{
|
31453
31652
|
ref: controlsRef,
|
31454
|
-
direction: "column",
|
31653
|
+
direction: isMobile ? "columnReverse" : "column",
|
31455
31654
|
justify: "end",
|
31456
31655
|
align: "start",
|
31457
31656
|
css: {
|
31458
31657
|
position: "absolute",
|
31459
31658
|
bottom: "0",
|
31460
31659
|
left: "0",
|
31660
|
+
zIndex: 1,
|
31461
31661
|
background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
|
31462
31662
|
width: "100%",
|
31463
31663
|
pt: "$8",
|
@@ -31467,23 +31667,33 @@ var init_HLSView = __esm({
|
|
31467
31667
|
opacity: controlsVisible ? `1` : "0"
|
31468
31668
|
}
|
31469
31669
|
},
|
31470
|
-
|
31471
|
-
/* @__PURE__ */
|
31670
|
+
/* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Progress, { isDvr: ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR }),
|
31671
|
+
/* @__PURE__ */ import_react194.default.createElement(
|
31472
31672
|
HMSVideoPlayer.Controls.Root,
|
31473
31673
|
{
|
31474
31674
|
css: {
|
31475
31675
|
p: "$4 $8"
|
31476
31676
|
}
|
31477
31677
|
},
|
31478
|
-
/* @__PURE__ */
|
31479
|
-
HMSVideoPlayer.
|
31678
|
+
/* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
|
31679
|
+
HMSVideoPlayer.Seeker,
|
31480
31680
|
{
|
31481
|
-
onClick: () =>
|
31482
|
-
|
31483
|
-
}
|
31484
|
-
|
31485
|
-
}
|
31486
|
-
|
31681
|
+
onClick: () => {
|
31682
|
+
onSeekTo(-10);
|
31683
|
+
},
|
31684
|
+
title: "backward"
|
31685
|
+
},
|
31686
|
+
/* @__PURE__ */ import_react194.default.createElement(import_react_icons92.BackwardArrowIcon, { width: 20, height: 20 })
|
31687
|
+
), /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.PlayPauseButton, { isPaused }), /* @__PURE__ */ import_react194.default.createElement(
|
31688
|
+
HMSVideoPlayer.Seeker,
|
31689
|
+
{
|
31690
|
+
onClick: () => {
|
31691
|
+
onSeekTo(10);
|
31692
|
+
},
|
31693
|
+
title: "forward"
|
31694
|
+
},
|
31695
|
+
/* @__PURE__ */ import_react194.default.createElement(import_react_icons92.ForwardArrowIcon, { width: 20, height: 20 })
|
31696
|
+
), !isVideoLive ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Duration, null) : null, /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react194.default.createElement(
|
31487
31697
|
IconButton,
|
31488
31698
|
{
|
31489
31699
|
css: { px: "$2" },
|
@@ -31494,7 +31704,7 @@ var init_HLSView = __esm({
|
|
31494
31704
|
key: "jump-to-live_btn",
|
31495
31705
|
"data-testid": "jump-to-live_btn"
|
31496
31706
|
},
|
31497
|
-
/* @__PURE__ */
|
31707
|
+
/* @__PURE__ */ import_react194.default.createElement(Tooltip, { title: isVideoLive ? "Live" : "Go to Live", side: "top" }, /* @__PURE__ */ import_react194.default.createElement(Flex, { justify: "center", gap: 2, align: "center" }, /* @__PURE__ */ import_react194.default.createElement(
|
31498
31708
|
Box,
|
31499
31709
|
{
|
31500
31710
|
css: {
|
@@ -31504,7 +31714,7 @@ var init_HLSView = __esm({
|
|
31504
31714
|
r: "$1"
|
31505
31715
|
}
|
31506
31716
|
}
|
31507
|
-
), /* @__PURE__ */
|
31717
|
+
), /* @__PURE__ */ import_react194.default.createElement(
|
31508
31718
|
Text,
|
31509
31719
|
{
|
31510
31720
|
variant: "$body1",
|
@@ -31515,8 +31725,8 @@ var init_HLSView = __esm({
|
|
31515
31725
|
},
|
31516
31726
|
isVideoLive ? "LIVE" : "GO LIVE"
|
31517
31727
|
)))
|
31518
|
-
), (isMobile || isLandscape) && !isVideoLive ? /* @__PURE__ */
|
31519
|
-
/* @__PURE__ */
|
31728
|
+
), (isMobile || isLandscape) && !isVideoLive ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Duration, null) : null),
|
31729
|
+
/* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react194.default.createElement(
|
31520
31730
|
HLSQualitySelector,
|
31521
31731
|
{
|
31522
31732
|
layers: availableLayers,
|
@@ -31526,12 +31736,11 @@ var init_HLSView = __esm({
|
|
31526
31736
|
onQualityChange: handleQuality,
|
31527
31737
|
isAuto: isUserSelectedAuto
|
31528
31738
|
}
|
31529
|
-
) : null, isFullScreenSupported ? /* @__PURE__ */
|
31530
|
-
)
|
31531
|
-
(isMobile || isLandscape) && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Progress, null) : null
|
31739
|
+
) : null, isFullScreenSupported ? /* @__PURE__ */ import_react194.default.createElement(FullScreenButton2, { isFullScreen, onToggle: toggle }) : null)
|
31740
|
+
)
|
31532
31741
|
))
|
31533
31742
|
)
|
31534
|
-
)), isMobile && !isFullScreen && /* @__PURE__ */
|
31743
|
+
)), isMobile && !isFullScreen && /* @__PURE__ */ import_react194.default.createElement(HLSViewTitle, null)) : /* @__PURE__ */ import_react194.default.createElement(Flex, { align: "center", justify: "center", direction: "column", css: { size: "100%", px: "$10" } }, /* @__PURE__ */ import_react194.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$4", top: "$4", zIndex: 1 } }, /* @__PURE__ */ import_react194.default.createElement(LeaveRoom, { screenType })), /* @__PURE__ */ import_react194.default.createElement(Flex, { css: { c: "$on_surface_high", r: "$round", bg: "$surface_default", p: "$2" } }, streamEnded ? /* @__PURE__ */ import_react194.default.createElement(import_react_icons92.ColoredHandIcon, { height: 56, width: 56 }) : /* @__PURE__ */ import_react194.default.createElement(import_react_icons92.GoLiveIcon, { height: 56, width: 56 })), /* @__PURE__ */ import_react194.default.createElement(Text, { variant: "h5", css: { c: "$on_surface_high", mt: "$10", mb: 0, textAlign: "center" } }, streamEnded ? "Stream has ended" : "Stream yet to start"), /* @__PURE__ */ import_react194.default.createElement(Text, { variant: "md", css: { textAlign: "center", mt: "$4", c: "$on_surface_medium" } }, streamEnded ? "Have a nice day!" : "Sit back and relax"))
|
31535
31744
|
);
|
31536
31745
|
};
|
31537
31746
|
HLSView_default = HLSView;
|
@@ -31539,12 +31748,12 @@ var init_HLSView = __esm({
|
|
31539
31748
|
});
|
31540
31749
|
|
31541
31750
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
31542
|
-
var
|
31751
|
+
var import_react195, import_react_sdk98, HLSView2, VideoStreamingSection;
|
31543
31752
|
var init_VideoStreamingSection = __esm({
|
31544
31753
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
31545
31754
|
"use strict";
|
31546
31755
|
init_define_process_env();
|
31547
|
-
|
31756
|
+
import_react195 = __toESM(require("react"));
|
31548
31757
|
import_react_sdk98 = require("@100mslive/react-sdk");
|
31549
31758
|
init_FullPageProgress();
|
31550
31759
|
init_GridLayout();
|
@@ -31557,7 +31766,7 @@ var init_VideoStreamingSection = __esm({
|
|
31557
31766
|
init_useUISettings();
|
31558
31767
|
init_useCloseScreenshareWhiteboard();
|
31559
31768
|
init_hooks();
|
31560
|
-
HLSView2 =
|
31769
|
+
HLSView2 = import_react195.default.lazy(() => Promise.resolve().then(() => (init_HLSView(), HLSView_exports)));
|
31561
31770
|
VideoStreamingSection = ({
|
31562
31771
|
screenType,
|
31563
31772
|
elements,
|
@@ -31574,7 +31783,7 @@ var init_VideoStreamingSection = __esm({
|
|
31574
31783
|
const pdfAnnotatorActive = usePDFConfig();
|
31575
31784
|
const isMobileHLSStream = useMobileHLSStream();
|
31576
31785
|
useCloseScreenshareWhiteboard();
|
31577
|
-
(0,
|
31786
|
+
(0, import_react195.useEffect)(() => {
|
31578
31787
|
if (!isConnected) {
|
31579
31788
|
return;
|
31580
31789
|
}
|
@@ -31591,21 +31800,21 @@ var init_VideoStreamingSection = __esm({
|
|
31591
31800
|
}
|
31592
31801
|
let ViewComponent;
|
31593
31802
|
if (screenType === "hls_live_streaming") {
|
31594
|
-
ViewComponent = /* @__PURE__ */
|
31803
|
+
ViewComponent = /* @__PURE__ */ import_react195.default.createElement(HLSView2, null);
|
31595
31804
|
} else if (localPeerRole === waitingViewerRole) {
|
31596
|
-
ViewComponent = /* @__PURE__ */
|
31805
|
+
ViewComponent = /* @__PURE__ */ import_react195.default.createElement(WaitingView, null);
|
31597
31806
|
} else if (pdfAnnotatorActive) {
|
31598
|
-
ViewComponent = /* @__PURE__ */
|
31807
|
+
ViewComponent = /* @__PURE__ */ import_react195.default.createElement(PDFView, null);
|
31599
31808
|
} else if (urlToIframe) {
|
31600
|
-
ViewComponent = /* @__PURE__ */
|
31809
|
+
ViewComponent = /* @__PURE__ */ import_react195.default.createElement(EmbedView, null);
|
31601
31810
|
} else if (peerSharing) {
|
31602
|
-
ViewComponent = /* @__PURE__ */
|
31811
|
+
ViewComponent = /* @__PURE__ */ import_react195.default.createElement(GridLayout, __spreadValues({}, (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid));
|
31603
31812
|
} else if (isWhiteboardOpen) {
|
31604
|
-
ViewComponent = /* @__PURE__ */
|
31813
|
+
ViewComponent = /* @__PURE__ */ import_react195.default.createElement(WhiteboardView, null);
|
31605
31814
|
} else {
|
31606
|
-
ViewComponent = /* @__PURE__ */
|
31815
|
+
ViewComponent = /* @__PURE__ */ import_react195.default.createElement(GridLayout, __spreadValues({}, (_c = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _c.grid));
|
31607
31816
|
}
|
31608
|
-
return /* @__PURE__ */
|
31817
|
+
return /* @__PURE__ */ import_react195.default.createElement(import_react195.Suspense, { fallback: /* @__PURE__ */ import_react195.default.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ import_react195.default.createElement(
|
31609
31818
|
Flex,
|
31610
31819
|
{
|
31611
31820
|
css: {
|
@@ -31616,17 +31825,18 @@ var init_VideoStreamingSection = __esm({
|
|
31616
31825
|
direction: isMobileHLSStream ? "column" : "row"
|
31617
31826
|
},
|
31618
31827
|
ViewComponent,
|
31619
|
-
/* @__PURE__ */
|
31828
|
+
/* @__PURE__ */ import_react195.default.createElement(
|
31620
31829
|
Box,
|
31621
31830
|
{
|
31622
31831
|
css: {
|
31623
|
-
|
31832
|
+
flex: isMobileHLSStream ? "1 1 0" : void 0,
|
31833
|
+
height: !isMobileHLSStream ? "100%" : void 0,
|
31624
31834
|
maxHeight: "100%",
|
31625
31835
|
"&:empty": { display: "none" },
|
31626
31836
|
overflowY: "clip"
|
31627
31837
|
}
|
31628
31838
|
},
|
31629
|
-
/* @__PURE__ */
|
31839
|
+
/* @__PURE__ */ import_react195.default.createElement(
|
31630
31840
|
SidePane_default,
|
31631
31841
|
{
|
31632
31842
|
screenType,
|
@@ -31641,14 +31851,14 @@ var init_VideoStreamingSection = __esm({
|
|
31641
31851
|
});
|
31642
31852
|
|
31643
31853
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
31644
|
-
var
|
31854
|
+
var import_react196, import_react_use45, import_react_icons93, RoomDetailsHeader;
|
31645
31855
|
var init_RoomDetailsHeader = __esm({
|
31646
31856
|
"src/Prebuilt/components/Header/RoomDetailsHeader.tsx"() {
|
31647
31857
|
"use strict";
|
31648
31858
|
init_define_process_env();
|
31649
|
-
|
31650
|
-
|
31651
|
-
|
31859
|
+
import_react196 = __toESM(require("react"));
|
31860
|
+
import_react_use45 = require("react-use");
|
31861
|
+
import_react_icons93 = require("@100mslive/react-icons");
|
31652
31862
|
init_Layout();
|
31653
31863
|
init_Text2();
|
31654
31864
|
init_Theme();
|
@@ -31658,34 +31868,34 @@ var init_RoomDetailsHeader = __esm({
|
|
31658
31868
|
init_constants();
|
31659
31869
|
RoomDetailsHeader = () => {
|
31660
31870
|
const { title, description } = useRoomLayoutHeader();
|
31661
|
-
const isMobile = (0,
|
31871
|
+
const isMobile = (0, import_react_use45.useMedia)(config.media.md);
|
31662
31872
|
const clipLength = 30;
|
31663
31873
|
const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
|
31664
31874
|
const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
31665
31875
|
if (!title && !description || isMobile && !title) {
|
31666
31876
|
return null;
|
31667
31877
|
}
|
31668
|
-
return /* @__PURE__ */
|
31878
|
+
return /* @__PURE__ */ import_react196.default.createElement(Flex, { direction: isMobile ? "row" : "column", css: { ml: "$8", alignItems: isMobile ? "center" : "start" } }, /* @__PURE__ */ import_react196.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_high", fontWeight: "$semiBold" } }, title), !isMobile && /* @__PURE__ */ import_react196.default.createElement(Flex, { align: "end", css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react196.default.createElement(Text, { variant: "xs", css: { c: "$on_surface_medium" } }, description.slice(0, clipLength)), description.length > clipLength ? /* @__PURE__ */ import_react196.default.createElement(
|
31669
31879
|
"span",
|
31670
31880
|
{
|
31671
31881
|
style: { fontWeight: "600", fontSize: "12px", cursor: "pointer", lineHeight: "1rem" },
|
31672
31882
|
onClick: toggleDetailsPane
|
31673
31883
|
},
|
31674
31884
|
"\xA0...more"
|
31675
|
-
) : null), isMobile && description ? /* @__PURE__ */
|
31885
|
+
) : null), isMobile && description ? /* @__PURE__ */ import_react196.default.createElement(Flex, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ import_react196.default.createElement(import_react_icons93.ChevronRightIcon, { height: 16, width: 16, onClick: toggleDetailsSheet })) : null);
|
31676
31886
|
};
|
31677
31887
|
}
|
31678
31888
|
});
|
31679
31889
|
|
31680
31890
|
// src/Prebuilt/components/Header/common.jsx
|
31681
|
-
var
|
31891
|
+
var import_react197, import_react_sdk99, import_react_icons94, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
31682
31892
|
var init_common2 = __esm({
|
31683
31893
|
"src/Prebuilt/components/Header/common.jsx"() {
|
31684
31894
|
"use strict";
|
31685
31895
|
init_define_process_env();
|
31686
|
-
|
31896
|
+
import_react197 = __toESM(require("react"));
|
31687
31897
|
import_react_sdk99 = require("@100mslive/react-sdk");
|
31688
|
-
|
31898
|
+
import_react_icons94 = require("@100mslive/react-icons");
|
31689
31899
|
init_Divider2();
|
31690
31900
|
init_Label2();
|
31691
31901
|
init_Layout();
|
@@ -31703,7 +31913,7 @@ var init_common2 = __esm({
|
|
31703
31913
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
31704
31914
|
return null;
|
31705
31915
|
}
|
31706
|
-
return /* @__PURE__ */
|
31916
|
+
return /* @__PURE__ */ import_react197.default.createElement(Box, null, /* @__PURE__ */ import_react197.default.createElement(
|
31707
31917
|
IconButton_default,
|
31708
31918
|
{
|
31709
31919
|
disabled: !isVideoOn,
|
@@ -31718,7 +31928,7 @@ var init_common2 = __esm({
|
|
31718
31928
|
}
|
31719
31929
|
})
|
31720
31930
|
},
|
31721
|
-
/* @__PURE__ */
|
31931
|
+
/* @__PURE__ */ import_react197.default.createElement(import_react_icons94.CameraFlipIcon, null)
|
31722
31932
|
));
|
31723
31933
|
};
|
31724
31934
|
AudioActions = () => {
|
@@ -31737,13 +31947,13 @@ var init_common2 = __esm({
|
|
31737
31947
|
if (!audioFiltered) {
|
31738
31948
|
return null;
|
31739
31949
|
}
|
31740
|
-
let AudioIcon = /* @__PURE__ */
|
31950
|
+
let AudioIcon = /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.SpeakerIcon, null);
|
31741
31951
|
if (currentSelection && currentSelection.label.toLowerCase().includes("bluetooth")) {
|
31742
|
-
AudioIcon = /* @__PURE__ */
|
31952
|
+
AudioIcon = /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.BluetoothIcon, null);
|
31743
31953
|
} else if (currentSelection && currentSelection.label.toLowerCase().includes("wired")) {
|
31744
|
-
AudioIcon = /* @__PURE__ */
|
31954
|
+
AudioIcon = /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.HeadphonesIcon, null);
|
31745
31955
|
}
|
31746
|
-
return /* @__PURE__ */
|
31956
|
+
return /* @__PURE__ */ import_react197.default.createElement(
|
31747
31957
|
AudioSelectionSheet,
|
31748
31958
|
{
|
31749
31959
|
audioDevices: availableAudioDevices,
|
@@ -31762,19 +31972,19 @@ var init_common2 = __esm({
|
|
31762
31972
|
}
|
31763
31973
|
})
|
31764
31974
|
},
|
31765
|
-
/* @__PURE__ */
|
31975
|
+
/* @__PURE__ */ import_react197.default.createElement(
|
31766
31976
|
Box,
|
31767
31977
|
{
|
31768
31978
|
onClick: () => __async(void 0, null, function* () {
|
31769
31979
|
yield hmsActions.refreshDevices();
|
31770
31980
|
})
|
31771
31981
|
},
|
31772
|
-
/* @__PURE__ */
|
31982
|
+
/* @__PURE__ */ import_react197.default.createElement(IconButton_default, null, AudioIcon, " ")
|
31773
31983
|
)
|
31774
31984
|
);
|
31775
31985
|
};
|
31776
31986
|
AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children }) => {
|
31777
|
-
return /* @__PURE__ */
|
31987
|
+
return /* @__PURE__ */ import_react197.default.createElement(Sheet.Root, null, /* @__PURE__ */ import_react197.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react197.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react197.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react197.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react197.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ import_react197.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react197.default.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.CrossIcon, null))))), /* @__PURE__ */ import_react197.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react197.default.createElement(
|
31778
31988
|
Flex,
|
31779
31989
|
{
|
31780
31990
|
direction: "column",
|
@@ -31785,7 +31995,7 @@ var init_common2 = __esm({
|
|
31785
31995
|
}
|
31786
31996
|
},
|
31787
31997
|
audioDevices.map((audioDevice) => {
|
31788
|
-
return /* @__PURE__ */
|
31998
|
+
return /* @__PURE__ */ import_react197.default.createElement(
|
31789
31999
|
SelectWithLabel,
|
31790
32000
|
{
|
31791
32001
|
key: audioDevice.deviceId,
|
@@ -31798,8 +32008,8 @@ var init_common2 = __esm({
|
|
31798
32008
|
})
|
31799
32009
|
)));
|
31800
32010
|
};
|
31801
|
-
SelectWithLabel = ({ label, icon = /* @__PURE__ */
|
31802
|
-
return /* @__PURE__ */
|
32011
|
+
SelectWithLabel = ({ label, icon = /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null), checked, id, onChange }) => {
|
32012
|
+
return /* @__PURE__ */ import_react197.default.createElement(
|
31803
32013
|
Flex,
|
31804
32014
|
{
|
31805
32015
|
align: "center",
|
@@ -31811,7 +32021,7 @@ var init_common2 = __esm({
|
|
31811
32021
|
},
|
31812
32022
|
onClick: onChange
|
31813
32023
|
},
|
31814
|
-
/* @__PURE__ */
|
32024
|
+
/* @__PURE__ */ import_react197.default.createElement(
|
31815
32025
|
Label3,
|
31816
32026
|
{
|
31817
32027
|
htmlFor: id,
|
@@ -31829,20 +32039,20 @@ var init_common2 = __esm({
|
|
31829
32039
|
icon,
|
31830
32040
|
label
|
31831
32041
|
),
|
31832
|
-
checked && /* @__PURE__ */
|
32042
|
+
checked && /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.CheckIcon, { width: 24, height: 24 })
|
31833
32043
|
);
|
31834
32044
|
};
|
31835
32045
|
}
|
31836
32046
|
});
|
31837
32047
|
|
31838
32048
|
// src/Prebuilt/components/Header/Header.tsx
|
31839
|
-
var
|
32049
|
+
var import_react198, import_react_use46, import_react_sdk100, Header2;
|
31840
32050
|
var init_Header = __esm({
|
31841
32051
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
31842
32052
|
"use strict";
|
31843
32053
|
init_define_process_env();
|
31844
|
-
|
31845
|
-
|
32054
|
+
import_react198 = __toESM(require("react"));
|
32055
|
+
import_react_use46 = require("react-use");
|
31846
32056
|
import_react_sdk100 = require("@100mslive/react-sdk");
|
31847
32057
|
init_src();
|
31848
32058
|
init_HeaderComponents();
|
@@ -31851,11 +32061,11 @@ var init_Header = __esm({
|
|
31851
32061
|
init_common2();
|
31852
32062
|
Header2 = () => {
|
31853
32063
|
const roomState = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectRoomState);
|
31854
|
-
const isMobile = (0,
|
32064
|
+
const isMobile = (0, import_react_use46.useMedia)(config.media.md);
|
31855
32065
|
if (roomState !== import_react_sdk100.HMSRoomState.Connected) {
|
31856
|
-
return /* @__PURE__ */
|
32066
|
+
return /* @__PURE__ */ import_react198.default.createElement(import_react198.default.Fragment, null);
|
31857
32067
|
}
|
31858
|
-
return /* @__PURE__ */
|
32068
|
+
return /* @__PURE__ */ import_react198.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react198.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react198.default.createElement(Logo, null), /* @__PURE__ */ import_react198.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react198.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react198.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react198.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react198.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react198.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react198.default.createElement(
|
31859
32069
|
Flex,
|
31860
32070
|
{
|
31861
32071
|
align: "center",
|
@@ -31865,8 +32075,8 @@ var init_Header = __esm({
|
|
31865
32075
|
gap: "$4"
|
31866
32076
|
}
|
31867
32077
|
},
|
31868
|
-
/* @__PURE__ */
|
31869
|
-
isMobile ? /* @__PURE__ */
|
32078
|
+
/* @__PURE__ */ import_react198.default.createElement(StreamActions, null),
|
32079
|
+
isMobile ? /* @__PURE__ */ import_react198.default.createElement(import_react198.default.Fragment, null, /* @__PURE__ */ import_react198.default.createElement(CamaraFlipActions, null), /* @__PURE__ */ import_react198.default.createElement(AudioActions, null)) : null
|
31870
32080
|
));
|
31871
32081
|
};
|
31872
32082
|
}
|
@@ -31882,18 +32092,18 @@ var init_Header2 = __esm({
|
|
31882
32092
|
});
|
31883
32093
|
|
31884
32094
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
31885
|
-
var
|
32095
|
+
var import_react199, import_react_sdk101, PreviousRoleInMetadata;
|
31886
32096
|
var init_PreviousRoleInMetadata = __esm({
|
31887
32097
|
"src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
|
31888
32098
|
"use strict";
|
31889
32099
|
init_define_process_env();
|
31890
|
-
|
32100
|
+
import_react199 = require("react");
|
31891
32101
|
import_react_sdk101 = require("@100mslive/react-sdk");
|
31892
32102
|
init_useMetadata();
|
31893
32103
|
PreviousRoleInMetadata = () => {
|
31894
32104
|
const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
|
31895
32105
|
const { updateMetaData } = useMyMetadata();
|
31896
|
-
(0,
|
32106
|
+
(0, import_react199.useEffect)(() => {
|
31897
32107
|
let previousRole = vanillaStore.getState(import_react_sdk101.selectLocalPeerRoleName);
|
31898
32108
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
31899
32109
|
if (previousRole !== currentRole && currentRole) {
|
@@ -31909,16 +32119,15 @@ var init_PreviousRoleInMetadata = __esm({
|
|
31909
32119
|
});
|
31910
32120
|
|
31911
32121
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
31912
|
-
var
|
32122
|
+
var import_react200, import_uuid12, import_react_sdk102, ConferenceScreen;
|
31913
32123
|
var init_ConferenceScreen = __esm({
|
31914
32124
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
31915
32125
|
"use strict";
|
31916
32126
|
init_define_process_env();
|
31917
|
-
|
32127
|
+
import_react200 = __toESM(require("react"));
|
31918
32128
|
import_uuid12 = require("uuid");
|
31919
32129
|
import_react_sdk102 = require("@100mslive/react-sdk");
|
31920
32130
|
init_Footer3();
|
31921
|
-
init_LeaveRoom();
|
31922
32131
|
init_MoreSettings();
|
31923
32132
|
init_HLSFailureModal();
|
31924
32133
|
init_PIPComponent();
|
@@ -31943,28 +32152,28 @@ var init_ConferenceScreen = __esm({
|
|
31943
32152
|
const roomState = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectRoomState);
|
31944
32153
|
const isConnectedToRoom = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
|
31945
32154
|
const hmsActions = (0, import_react_sdk102.useHMSActions)();
|
31946
|
-
const [hideControls, setHideControls] = (0,
|
32155
|
+
const [hideControls, setHideControls] = (0, import_react200.useState)(false);
|
31947
32156
|
const dropdownList = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.dropdownList));
|
31948
32157
|
const authTokenInAppData = useAuthToken();
|
31949
|
-
const headerRef = (0,
|
31950
|
-
const footerRef = (0,
|
32158
|
+
const headerRef = (0, import_react200.useRef)(null);
|
32159
|
+
const footerRef = (0, import_react200.useRef)(null);
|
31951
32160
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
31952
|
-
const dropdownListRef = (0,
|
32161
|
+
const dropdownListRef = (0, import_react200.useRef)();
|
31953
32162
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
31954
32163
|
const { toggleAudio, toggleVideo } = (0, import_react_sdk102.useAVToggle)();
|
31955
32164
|
const noAVPermissions = !(toggleAudio || toggleVideo);
|
31956
32165
|
const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
|
32166
|
+
const autoRoomJoined = (0, import_react200.useRef)(isPreviewScreenEnabled);
|
32167
|
+
const isMobileHLSStream = useMobileHLSStream();
|
32168
|
+
const isLandscapeHLSStream = useLandscapeHLSStream();
|
32169
|
+
const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
|
31957
32170
|
const toggleControls = () => {
|
31958
32171
|
var _a9;
|
31959
|
-
if (((_a9 = dropdownListRef.current) == null ? void 0 : _a9.length) === 0 && isMobileDevice) {
|
32172
|
+
if (((_a9 = dropdownListRef.current) == null ? void 0 : _a9.length) === 0 && isMobileDevice && !isMwebHLSStream) {
|
31960
32173
|
setHideControls((value) => !value);
|
31961
32174
|
}
|
31962
32175
|
};
|
31963
|
-
|
31964
|
-
const isMobileHLSStream = useMobileHLSStream();
|
31965
|
-
const isLandscapeHLSStream = useLandscapeHLSStream();
|
31966
|
-
const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
|
31967
|
-
(0, import_react199.useEffect)(() => {
|
32176
|
+
(0, import_react200.useEffect)(() => {
|
31968
32177
|
let timeout;
|
31969
32178
|
dropdownListRef.current = dropdownList || [];
|
31970
32179
|
if (dropdownListRef.current && dropdownListRef.current.length === 0) {
|
@@ -31979,7 +32188,7 @@ var init_ConferenceScreen = __esm({
|
|
31979
32188
|
clearTimeout(timeout);
|
31980
32189
|
};
|
31981
32190
|
}, [dropdownList, hideControls, isMobileDevice]);
|
31982
|
-
(0,
|
32191
|
+
(0, import_react200.useEffect)(() => {
|
31983
32192
|
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk102.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
31984
32193
|
hmsActions.join({
|
31985
32194
|
userName: userName || (0, import_uuid12.v4)(),
|
@@ -31994,31 +32203,32 @@ var init_ConferenceScreen = __esm({
|
|
31994
32203
|
autoRoomJoined.current = true;
|
31995
32204
|
}
|
31996
32205
|
}, [authTokenInAppData, endpoints == null ? void 0 : endpoints.init, hmsActions, isConnectedToRoom, isPreviewScreenEnabled, roomState, userName]);
|
31997
|
-
(0,
|
32206
|
+
(0, import_react200.useEffect)(() => {
|
31998
32207
|
onJoinFunc == null ? void 0 : onJoinFunc();
|
31999
32208
|
return () => {
|
32000
32209
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
32001
32210
|
};
|
32002
32211
|
}, [onJoinFunc]);
|
32003
32212
|
if (!isConnectedToRoom && ![import_react_sdk102.HMSRoomState.Reconnecting, import_react_sdk102.HMSRoomState.Disconnected].includes(roomState)) {
|
32004
|
-
return /* @__PURE__ */
|
32213
|
+
return /* @__PURE__ */ import_react200.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk102.HMSRoomState.Connecting ? "Joining..." : "" });
|
32005
32214
|
}
|
32006
|
-
|
32215
|
+
const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
|
32216
|
+
return /* @__PURE__ */ import_react200.default.createElement(import_react200.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react200.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react200.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react200.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react200.default.createElement(
|
32007
32217
|
Box,
|
32008
32218
|
{
|
32009
32219
|
ref: headerRef,
|
32010
32220
|
css: {
|
32011
32221
|
h: "$18",
|
32012
32222
|
transition: "margin 0.3s ease-in-out",
|
32013
|
-
marginTop:
|
32223
|
+
marginTop: hideControlsForStreaming ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
|
32014
32224
|
"@md": {
|
32015
32225
|
h: "$17"
|
32016
32226
|
}
|
32017
32227
|
},
|
32018
32228
|
"data-testid": "header"
|
32019
32229
|
},
|
32020
|
-
/* @__PURE__ */
|
32021
|
-
),
|
32230
|
+
/* @__PURE__ */ import_react200.default.createElement(Header2, null)
|
32231
|
+
), /* @__PURE__ */ import_react200.default.createElement(
|
32022
32232
|
Box,
|
32023
32233
|
{
|
32024
32234
|
css: {
|
@@ -32037,15 +32247,15 @@ var init_ConferenceScreen = __esm({
|
|
32037
32247
|
"data-testid": "conferencing",
|
32038
32248
|
onClick: toggleControls
|
32039
32249
|
},
|
32040
|
-
screenProps.elements ? /* @__PURE__ */
|
32250
|
+
screenProps.elements ? /* @__PURE__ */ import_react200.default.createElement(
|
32041
32251
|
VideoStreamingSection,
|
32042
32252
|
{
|
32043
32253
|
screenType: screenProps.screenType,
|
32044
32254
|
elements: screenProps.elements,
|
32045
|
-
hideControls
|
32255
|
+
hideControls: hideControlsForStreaming
|
32046
32256
|
}
|
32047
32257
|
) : null
|
32048
|
-
), !screenProps.hideSections.includes("footer") && screenProps.elements && !isMwebHLSStream && /* @__PURE__ */
|
32258
|
+
), !screenProps.hideSections.includes("footer") && screenProps.elements && !isMwebHLSStream && /* @__PURE__ */ import_react200.default.createElement(
|
32049
32259
|
Box,
|
32050
32260
|
{
|
32051
32261
|
ref: footerRef,
|
@@ -32054,7 +32264,7 @@ var init_ConferenceScreen = __esm({
|
|
32054
32264
|
maxHeight: "$24",
|
32055
32265
|
transition: "margin 0.3s ease-in-out",
|
32056
32266
|
bg: "$background_dim",
|
32057
|
-
marginBottom:
|
32267
|
+
marginBottom: hideControlsForStreaming ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
|
32058
32268
|
"@md": {
|
32059
32269
|
maxHeight: "unset",
|
32060
32270
|
bg: screenProps.screenType === "hls_live_streaming" ? "transparent" : "$background_dim"
|
@@ -32062,8 +32272,8 @@ var init_ConferenceScreen = __esm({
|
|
32062
32272
|
},
|
32063
32273
|
"data-testid": "footer"
|
32064
32274
|
},
|
32065
|
-
/* @__PURE__ */
|
32066
|
-
), isMwebHLSStream && !showChat && /* @__PURE__ */
|
32275
|
+
/* @__PURE__ */ import_react200.default.createElement(Footer2, { elements: screenProps.elements, screenType: screenProps.screenType })
|
32276
|
+
), isMwebHLSStream && !showChat && /* @__PURE__ */ import_react200.default.createElement(
|
32067
32277
|
Flex,
|
32068
32278
|
{
|
32069
32279
|
css: {
|
@@ -32074,26 +32284,26 @@ var init_ConferenceScreen = __esm({
|
|
32074
32284
|
justify: "end",
|
32075
32285
|
gap: "1"
|
32076
32286
|
},
|
32077
|
-
noAVPermissions ? /* @__PURE__ */
|
32078
|
-
/* @__PURE__ */
|
32079
|
-
), /* @__PURE__ */
|
32287
|
+
noAVPermissions ? /* @__PURE__ */ import_react200.default.createElement(RaiseHand, null) : null,
|
32288
|
+
/* @__PURE__ */ import_react200.default.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType })
|
32289
|
+
), /* @__PURE__ */ import_react200.default.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ import_react200.default.createElement(HLSFailureModal, null), /* @__PURE__ */ import_react200.default.createElement(ActivatedPIP, null), /* @__PURE__ */ import_react200.default.createElement(PreviousRoleInMetadata, null)));
|
32080
32290
|
};
|
32081
32291
|
}
|
32082
32292
|
});
|
32083
32293
|
|
32084
32294
|
// src/Prebuilt/components/ErrorBoundary.jsx
|
32085
|
-
var
|
32295
|
+
var import_react201, import_react_icons95, ErrorBoundary;
|
32086
32296
|
var init_ErrorBoundary = __esm({
|
32087
32297
|
"src/Prebuilt/components/ErrorBoundary.jsx"() {
|
32088
32298
|
"use strict";
|
32089
32299
|
init_define_process_env();
|
32090
|
-
|
32091
|
-
|
32300
|
+
import_react201 = __toESM(require("react"));
|
32301
|
+
import_react_icons95 = require("@100mslive/react-icons");
|
32092
32302
|
init_Button2();
|
32093
32303
|
init_Layout();
|
32094
32304
|
init_Text2();
|
32095
32305
|
init_Tooltip2();
|
32096
|
-
ErrorBoundary = class extends
|
32306
|
+
ErrorBoundary = class extends import_react201.Component {
|
32097
32307
|
constructor(props) {
|
32098
32308
|
super(props);
|
32099
32309
|
this.state = { error: null, errorInfo: null, isErrorCopied: false };
|
@@ -32107,7 +32317,7 @@ var init_ErrorBoundary = __esm({
|
|
32107
32317
|
}
|
32108
32318
|
render() {
|
32109
32319
|
if (this.state.errorInfo) {
|
32110
|
-
return /* @__PURE__ */
|
32320
|
+
return /* @__PURE__ */ import_react201.default.createElement(
|
32111
32321
|
Flex,
|
32112
32322
|
{
|
32113
32323
|
align: "center",
|
@@ -32120,7 +32330,7 @@ var init_ErrorBoundary = __esm({
|
|
32120
32330
|
backgroundColor: "$background_default"
|
32121
32331
|
}
|
32122
32332
|
},
|
32123
|
-
/* @__PURE__ */
|
32333
|
+
/* @__PURE__ */ import_react201.default.createElement(Box, { css: { position: "relative", overflow: "hidden", r: "$3", height: "100%", width: "100%" } }, /* @__PURE__ */ import_react201.default.createElement(
|
32124
32334
|
Flex,
|
32125
32335
|
{
|
32126
32336
|
direction: "column",
|
@@ -32131,8 +32341,8 @@ var init_ErrorBoundary = __esm({
|
|
32131
32341
|
left: 0
|
32132
32342
|
}
|
32133
32343
|
},
|
32134
|
-
/* @__PURE__ */
|
32135
|
-
/* @__PURE__ */
|
32344
|
+
/* @__PURE__ */ import_react201.default.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ import_react201.default.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ import_react201.default.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ import_react201.default.createElement("br", null), "Please reload to see if it works. If you think this is a mistake on our side, please reach out to us on", /* @__PURE__ */ import_react201.default.createElement("a", { href: "https://discord.com/invite/kGdmszyzq2", target: "_blank", rel: "noreferrer" }, "Discord")),
|
32345
|
+
/* @__PURE__ */ import_react201.default.createElement(Flex, null, /* @__PURE__ */ import_react201.default.createElement(Tooltip, { title: "Reload page" }, /* @__PURE__ */ import_react201.default.createElement(
|
32136
32346
|
Button,
|
32137
32347
|
{
|
32138
32348
|
onClick: () => {
|
@@ -32142,7 +32352,7 @@ var init_ErrorBoundary = __esm({
|
|
32142
32352
|
"data-testid": "join_again_btn"
|
32143
32353
|
},
|
32144
32354
|
"Reload"
|
32145
|
-
)), /* @__PURE__ */
|
32355
|
+
)), /* @__PURE__ */ import_react201.default.createElement(Tooltip, { title: "Copy error details to clipboard" }, /* @__PURE__ */ import_react201.default.createElement(
|
32146
32356
|
Button,
|
32147
32357
|
{
|
32148
32358
|
onClick: () => {
|
@@ -32158,11 +32368,11 @@ var init_ErrorBoundary = __esm({
|
|
32158
32368
|
css: { mx: "$8" },
|
32159
32369
|
"data-testid": "join_again_btn"
|
32160
32370
|
},
|
32161
|
-
/* @__PURE__ */
|
32371
|
+
/* @__PURE__ */ import_react201.default.createElement(import_react_icons95.CopyIcon, null),
|
32162
32372
|
" ",
|
32163
32373
|
this.state.isErrorCopied ? "Copied" : "Copy Details"
|
32164
32374
|
))),
|
32165
|
-
/* @__PURE__ */
|
32375
|
+
/* @__PURE__ */ import_react201.default.createElement("details", { style: { whiteSpace: "pre-wrap", margin: "1.5rem" } }, /* @__PURE__ */ import_react201.default.createElement(Text, null, this.state.error && this.state.error.toString()), /* @__PURE__ */ import_react201.default.createElement("br", null), /* @__PURE__ */ import_react201.default.createElement(Text, null, JSON.stringify(this.state.errorInfo)))
|
32166
32376
|
))
|
32167
32377
|
);
|
32168
32378
|
}
|
@@ -32175,19 +32385,19 @@ var init_ErrorBoundary = __esm({
|
|
32175
32385
|
// src/Prebuilt/services/FeatureFlags.jsx
|
32176
32386
|
function FeatureFlagsInit() {
|
32177
32387
|
const roomId = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectRoomID);
|
32178
|
-
(0,
|
32388
|
+
(0, import_react202.useEffect)(() => {
|
32179
32389
|
if (roomId) {
|
32180
32390
|
FeatureFlags.init(roomId);
|
32181
32391
|
}
|
32182
32392
|
}, [roomId]);
|
32183
32393
|
return null;
|
32184
32394
|
}
|
32185
|
-
var
|
32395
|
+
var import_react202, import_react_sdk103, FeatureFlags;
|
32186
32396
|
var init_FeatureFlags = __esm({
|
32187
32397
|
"src/Prebuilt/services/FeatureFlags.jsx"() {
|
32188
32398
|
"use strict";
|
32189
32399
|
init_define_process_env();
|
32190
|
-
|
32400
|
+
import_react202 = require("react");
|
32191
32401
|
import_react_sdk103 = require("@100mslive/react-sdk");
|
32192
32402
|
FeatureFlags = class {
|
32193
32403
|
static init(roomId) {
|
@@ -32216,20 +32426,20 @@ var init_FeatureFlags = __esm({
|
|
32216
32426
|
});
|
32217
32427
|
|
32218
32428
|
// src/Prebuilt/components/init/Init.jsx
|
32219
|
-
var
|
32429
|
+
var import_react203, Init;
|
32220
32430
|
var init_Init = __esm({
|
32221
32431
|
"src/Prebuilt/components/init/Init.jsx"() {
|
32222
32432
|
"use strict";
|
32223
32433
|
init_define_process_env();
|
32224
|
-
|
32434
|
+
import_react203 = __toESM(require("react"));
|
32225
32435
|
init_src();
|
32226
32436
|
init_FeatureFlags();
|
32227
32437
|
Init = () => {
|
32228
32438
|
const { toggleTheme } = useTheme();
|
32229
|
-
(0,
|
32439
|
+
(0, import_react203.useEffect)(() => {
|
32230
32440
|
window.toggleUiTheme = toggleTheme;
|
32231
32441
|
}, [toggleTheme]);
|
32232
|
-
(0,
|
32442
|
+
(0, import_react203.useEffect)(() => {
|
32233
32443
|
function resetHeight() {
|
32234
32444
|
var _a8;
|
32235
32445
|
document.body.style.height = `${((_a8 = window.visualViewport) == null ? void 0 : _a8.height) || window.innerHeight}px`;
|
@@ -32240,18 +32450,18 @@ var init_Init = __esm({
|
|
32240
32450
|
window.removeEventListener("resize", resetHeight);
|
32241
32451
|
};
|
32242
32452
|
}, []);
|
32243
|
-
return /* @__PURE__ */
|
32453
|
+
return /* @__PURE__ */ import_react203.default.createElement(FeatureFlagsInit, null);
|
32244
32454
|
};
|
32245
32455
|
}
|
32246
32456
|
});
|
32247
32457
|
|
32248
32458
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
32249
|
-
var
|
32459
|
+
var import_react204, import_react_sdk104, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
|
32250
32460
|
var init_KeyboardInputManager = __esm({
|
32251
32461
|
"src/Prebuilt/components/Input/KeyboardInputManager.js"() {
|
32252
32462
|
"use strict";
|
32253
32463
|
init_define_process_env();
|
32254
|
-
|
32464
|
+
import_react204 = require("react");
|
32255
32465
|
import_react_sdk104 = require("@100mslive/react-sdk");
|
32256
32466
|
init_constants();
|
32257
32467
|
isEvenListenersAttached = false;
|
@@ -32340,7 +32550,7 @@ var init_KeyboardInputManager = __esm({
|
|
32340
32550
|
KeyboardHandler = () => {
|
32341
32551
|
const store = (0, import_react_sdk104.useHMSVanillaStore)();
|
32342
32552
|
const actions = (0, import_react_sdk104.useHMSActions)();
|
32343
|
-
(0,
|
32553
|
+
(0, import_react204.useEffect)(() => {
|
32344
32554
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
32345
32555
|
keyboardManager.bindAllShortcuts();
|
32346
32556
|
return keyboardManager.unbindAllShortcuts;
|
@@ -32351,18 +32561,18 @@ var init_KeyboardInputManager = __esm({
|
|
32351
32561
|
});
|
32352
32562
|
|
32353
32563
|
// src/Prebuilt/components/hooks/useRedirectToLeave.tsx
|
32354
|
-
var
|
32564
|
+
var import_react205, useRedirectToLeave;
|
32355
32565
|
var init_useRedirectToLeave = __esm({
|
32356
32566
|
"src/Prebuilt/components/hooks/useRedirectToLeave.tsx"() {
|
32357
32567
|
"use strict";
|
32358
32568
|
init_define_process_env();
|
32359
|
-
|
32569
|
+
import_react205 = require("react");
|
32360
32570
|
init_AppContext();
|
32361
32571
|
init_PIPManager();
|
32362
32572
|
init_ToastManager();
|
32363
32573
|
useRedirectToLeave = () => {
|
32364
32574
|
const { onLeave } = useHMSPrebuiltContext();
|
32365
|
-
const redirect = (0,
|
32575
|
+
const redirect = (0, import_react205.useCallback)(
|
32366
32576
|
(timeout = 0) => {
|
32367
32577
|
setTimeout(() => {
|
32368
32578
|
PictureInPicture.stop().catch(() => console.error("stopping pip"));
|
@@ -32378,26 +32588,26 @@ var init_useRedirectToLeave = __esm({
|
|
32378
32588
|
});
|
32379
32589
|
|
32380
32590
|
// src/Prebuilt/AppStateContext.tsx
|
32381
|
-
var
|
32591
|
+
var import_react206, import_react_use47, import_react_sdk105, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
32382
32592
|
var init_AppStateContext = __esm({
|
32383
32593
|
"src/Prebuilt/AppStateContext.tsx"() {
|
32384
32594
|
"use strict";
|
32385
32595
|
init_define_process_env();
|
32386
|
-
|
32387
|
-
|
32596
|
+
import_react206 = __toESM(require("react"));
|
32597
|
+
import_react_use47 = require("react-use");
|
32388
32598
|
import_react_sdk105 = require("@100mslive/react-sdk");
|
32389
32599
|
init_VBHandler();
|
32390
32600
|
init_roomLayoutProvider();
|
32391
32601
|
init_useRedirectToLeave();
|
32392
32602
|
init_useRoomLayoutScreen();
|
32393
|
-
AppStateContext =
|
32603
|
+
AppStateContext = import_react206.default.createContext({
|
32394
32604
|
rejoin: () => {
|
32395
32605
|
console.log("Rejoin");
|
32396
32606
|
}
|
32397
32607
|
});
|
32398
32608
|
AppStateContext.displayName = "AppStateContext";
|
32399
32609
|
useHMSAppStateContext = () => {
|
32400
|
-
const context = (0,
|
32610
|
+
const context = (0, import_react206.useContext)(AppStateContext);
|
32401
32611
|
if (!context) {
|
32402
32612
|
throw Error("Make sure AppStateContext.Provider is present at the top level of your application");
|
32403
32613
|
}
|
@@ -32405,16 +32615,16 @@ var init_AppStateContext = __esm({
|
|
32405
32615
|
};
|
32406
32616
|
useAppStateManager = () => {
|
32407
32617
|
const roomLayout = useRoomLayout();
|
32408
|
-
const [activeState, setActiveState] =
|
32618
|
+
const [activeState, setActiveState] = import_react206.default.useState();
|
32409
32619
|
const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
|
32410
|
-
const prevRoomState = (0,
|
32620
|
+
const prevRoomState = (0, import_react_use47.usePreviousDistinct)(roomState);
|
32411
32621
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
32412
32622
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
32413
32623
|
const { redirectToLeave } = useRedirectToLeave();
|
32414
32624
|
const rejoin = () => {
|
32415
32625
|
setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
|
32416
32626
|
};
|
32417
|
-
(0,
|
32627
|
+
(0, import_react206.useEffect)(() => {
|
32418
32628
|
if (!roomLayout) {
|
32419
32629
|
return;
|
32420
32630
|
}
|
@@ -32435,13 +32645,13 @@ var init_AppStateContext = __esm({
|
|
32435
32645
|
});
|
32436
32646
|
|
32437
32647
|
// src/Prebuilt/components/LeaveScreen.tsx
|
32438
|
-
var
|
32648
|
+
var import_react207, import_react_icons96, LeaveScreen;
|
32439
32649
|
var init_LeaveScreen = __esm({
|
32440
32650
|
"src/Prebuilt/components/LeaveScreen.tsx"() {
|
32441
32651
|
"use strict";
|
32442
32652
|
init_define_process_env();
|
32443
|
-
|
32444
|
-
|
32653
|
+
import_react207 = __toESM(require("react"));
|
32654
|
+
import_react_icons96 = require("@100mslive/react-icons");
|
32445
32655
|
init_ToastManager();
|
32446
32656
|
init_Button2();
|
32447
32657
|
init_Layout();
|
@@ -32453,7 +32663,7 @@ var init_LeaveScreen = __esm({
|
|
32453
32663
|
LeaveScreen = () => {
|
32454
32664
|
const { rejoin } = useHMSAppStateContext();
|
32455
32665
|
const [previewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW, defaultPreviewPreference);
|
32456
|
-
return /* @__PURE__ */
|
32666
|
+
return /* @__PURE__ */ import_react207.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react207.default.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ import_react207.default.createElement(Header2, null)), /* @__PURE__ */ import_react207.default.createElement(
|
32457
32667
|
Flex,
|
32458
32668
|
{
|
32459
32669
|
justify: "center",
|
@@ -32461,9 +32671,9 @@ var init_LeaveScreen = __esm({
|
|
32461
32671
|
align: "center",
|
32462
32672
|
css: { bg: "$background_dim", flex: "1 1 0", position: "relative" }
|
32463
32673
|
},
|
32464
|
-
/* @__PURE__ */
|
32465
|
-
/* @__PURE__ */
|
32466
|
-
/* @__PURE__ */
|
32674
|
+
/* @__PURE__ */ import_react207.default.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
|
32675
|
+
/* @__PURE__ */ import_react207.default.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
|
32676
|
+
/* @__PURE__ */ import_react207.default.createElement(
|
32467
32677
|
Text,
|
32468
32678
|
{
|
32469
32679
|
variant: "body1",
|
@@ -32475,10 +32685,10 @@ var init_LeaveScreen = __esm({
|
|
32475
32685
|
}
|
32476
32686
|
},
|
32477
32687
|
"Have a nice day",
|
32478
|
-
previewPreference.name && /* @__PURE__ */
|
32688
|
+
previewPreference.name && /* @__PURE__ */ import_react207.default.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
|
32479
32689
|
"!"
|
32480
32690
|
),
|
32481
|
-
/* @__PURE__ */
|
32691
|
+
/* @__PURE__ */ import_react207.default.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ import_react207.default.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ import_react207.default.createElement(
|
32482
32692
|
Button,
|
32483
32693
|
{
|
32484
32694
|
onClick: () => {
|
@@ -32487,8 +32697,8 @@ var init_LeaveScreen = __esm({
|
|
32487
32697
|
},
|
32488
32698
|
"data-testid": "join_again_btn"
|
32489
32699
|
},
|
32490
|
-
/* @__PURE__ */
|
32491
|
-
/* @__PURE__ */
|
32700
|
+
/* @__PURE__ */ import_react207.default.createElement(import_react_icons96.ExitIcon, null),
|
32701
|
+
/* @__PURE__ */ import_react207.default.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
|
32492
32702
|
))
|
32493
32703
|
));
|
32494
32704
|
};
|
@@ -32496,14 +32706,14 @@ var init_LeaveScreen = __esm({
|
|
32496
32706
|
});
|
32497
32707
|
|
32498
32708
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
32499
|
-
var
|
32709
|
+
var import_react208, import_react_use48, import_react_icons97, MwebLandscapePrompt;
|
32500
32710
|
var init_MwebLandscapePrompt = __esm({
|
32501
32711
|
"src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
|
32502
32712
|
"use strict";
|
32503
32713
|
init_define_process_env();
|
32504
|
-
|
32505
|
-
|
32506
|
-
|
32714
|
+
import_react208 = __toESM(require("react"));
|
32715
|
+
import_react_use48 = require("react-use");
|
32716
|
+
import_react_icons97 = require("@100mslive/react-icons");
|
32507
32717
|
init_Button2();
|
32508
32718
|
init_Layout();
|
32509
32719
|
init_Modal();
|
@@ -32512,10 +32722,10 @@ var init_MwebLandscapePrompt = __esm({
|
|
32512
32722
|
init_hooks();
|
32513
32723
|
init_utils2();
|
32514
32724
|
MwebLandscapePrompt = () => {
|
32515
|
-
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0,
|
32516
|
-
const isLandscape = (0,
|
32725
|
+
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react208.useState)(false);
|
32726
|
+
const isLandscape = (0, import_react_use48.useMedia)(config.media.ls);
|
32517
32727
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
32518
|
-
(0,
|
32728
|
+
(0, import_react208.useEffect)(() => {
|
32519
32729
|
var _a8;
|
32520
32730
|
if (!isMobileUserAgent) {
|
32521
32731
|
setShowMwebLandscapePrompt(false);
|
@@ -32539,7 +32749,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
32539
32749
|
if (isLandscapeHLSStream) {
|
32540
32750
|
return null;
|
32541
32751
|
}
|
32542
|
-
return /* @__PURE__ */
|
32752
|
+
return /* @__PURE__ */ import_react208.default.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ import_react208.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react208.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react208.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react208.default.createElement(Box, null, /* @__PURE__ */ import_react208.default.createElement(
|
32543
32753
|
Flex,
|
32544
32754
|
{
|
32545
32755
|
css: {
|
@@ -32548,9 +32758,9 @@ var init_MwebLandscapePrompt = __esm({
|
|
32548
32758
|
alignItems: "center"
|
32549
32759
|
}
|
32550
32760
|
},
|
32551
|
-
/* @__PURE__ */
|
32552
|
-
/* @__PURE__ */
|
32553
|
-
), /* @__PURE__ */
|
32761
|
+
/* @__PURE__ */ import_react208.default.createElement(import_react_icons97.RefreshIcon, { style: { marginRight: "0.5rem" } }),
|
32762
|
+
/* @__PURE__ */ import_react208.default.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
|
32763
|
+
), /* @__PURE__ */ import_react208.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ import_react208.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react208.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
|
32554
32764
|
};
|
32555
32765
|
}
|
32556
32766
|
});
|
@@ -32558,7 +32768,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
32558
32768
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
32559
32769
|
function AutoplayBlockedModal() {
|
32560
32770
|
const { error, resetError, unblockAudio } = (0, import_react_sdk106.useAutoplayError)();
|
32561
|
-
return /* @__PURE__ */
|
32771
|
+
return /* @__PURE__ */ import_react209.default.createElement(
|
32562
32772
|
Dialog.Root,
|
32563
32773
|
{
|
32564
32774
|
open: !!error,
|
@@ -32569,7 +32779,7 @@ function AutoplayBlockedModal() {
|
|
32569
32779
|
resetError();
|
32570
32780
|
}
|
32571
32781
|
},
|
32572
|
-
/* @__PURE__ */
|
32782
|
+
/* @__PURE__ */ import_react209.default.createElement(DialogContent, { title: "Permission Error", closeable: false }, /* @__PURE__ */ import_react209.default.createElement(DialogRow, null, /* @__PURE__ */ import_react209.default.createElement(Text, { variant: "md" }, "The browser wants us to get a confirmation for playing the Audio. Please allow audio to proceed.")), /* @__PURE__ */ import_react209.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react209.default.createElement(
|
32573
32783
|
Button,
|
32574
32784
|
{
|
32575
32785
|
variant: "primary",
|
@@ -32582,12 +32792,12 @@ function AutoplayBlockedModal() {
|
|
32582
32792
|
)))
|
32583
32793
|
);
|
32584
32794
|
}
|
32585
|
-
var
|
32795
|
+
var import_react209, import_react_sdk106;
|
32586
32796
|
var init_AutoplayBlockedModal = __esm({
|
32587
32797
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
32588
32798
|
"use strict";
|
32589
32799
|
init_define_process_env();
|
32590
|
-
|
32800
|
+
import_react209 = __toESM(require("react"));
|
32591
32801
|
import_react_sdk106 = require("@100mslive/react-sdk");
|
32592
32802
|
init_src();
|
32593
32803
|
init_DialogContent2();
|
@@ -32595,21 +32805,21 @@ var init_AutoplayBlockedModal = __esm({
|
|
32595
32805
|
});
|
32596
32806
|
|
32597
32807
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
32598
|
-
var
|
32808
|
+
var import_react210, import_uuid13, import_react_sdk107, import_react_icons98, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
32599
32809
|
var init_ChatNotifications = __esm({
|
32600
32810
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
32601
32811
|
"use strict";
|
32602
32812
|
init_define_process_env();
|
32603
|
-
|
32813
|
+
import_react210 = __toESM(require("react"));
|
32604
32814
|
import_uuid13 = require("uuid");
|
32605
32815
|
import_react_sdk107 = require("@100mslive/react-sdk");
|
32606
|
-
|
32816
|
+
import_react_icons98 = require("@100mslive/react-icons");
|
32607
32817
|
init_ToastManager();
|
32608
32818
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
32609
32819
|
ChatNotifications = () => {
|
32610
32820
|
const chatState = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.selectSessionStore)("chatState" /* CHAT_STATE */));
|
32611
32821
|
const localPeerId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectLocalPeerID);
|
32612
|
-
(0,
|
32822
|
+
(0, import_react210.useEffect)(() => {
|
32613
32823
|
var _a8, _b7;
|
32614
32824
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
32615
32825
|
return;
|
@@ -32620,38 +32830,38 @@ var init_ChatNotifications = __esm({
|
|
32620
32830
|
}
|
32621
32831
|
const notification = {
|
32622
32832
|
id: (0, import_uuid13.v4)(),
|
32623
|
-
icon: chatState.enabled ? /* @__PURE__ */
|
32833
|
+
icon: chatState.enabled ? /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.ChatUnreadIcon, null) : /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.ChatIcon, null),
|
32624
32834
|
title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
|
32625
32835
|
};
|
32626
32836
|
ToastManager.addToast(notification);
|
32627
32837
|
}, [chatState, localPeerId]);
|
32628
|
-
return /* @__PURE__ */
|
32838
|
+
return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
|
32629
32839
|
};
|
32630
32840
|
}
|
32631
32841
|
});
|
32632
32842
|
|
32633
32843
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
32634
|
-
var
|
32844
|
+
var import_react211, import_react_sdk108, import_react_icons99, ChatAction, HandRaiseAction, ToastConfig;
|
32635
32845
|
var init_ToastConfig = __esm({
|
32636
32846
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
32637
32847
|
"use strict";
|
32638
32848
|
init_define_process_env();
|
32639
|
-
|
32849
|
+
import_react211 = __toESM(require("react"));
|
32640
32850
|
import_react_sdk108 = require("@100mslive/react-sdk");
|
32641
|
-
|
32851
|
+
import_react_icons99 = require("@100mslive/react-icons");
|
32642
32852
|
init_Button2();
|
32643
32853
|
init_roomLayoutProvider();
|
32644
32854
|
init_useSidepane();
|
32645
32855
|
init_constants();
|
32646
|
-
ChatAction =
|
32856
|
+
ChatAction = import_react211.default.forwardRef((_, ref) => {
|
32647
32857
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
32648
32858
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
32649
32859
|
if (isChatOpen) {
|
32650
32860
|
return null;
|
32651
32861
|
}
|
32652
|
-
return /* @__PURE__ */
|
32862
|
+
return /* @__PURE__ */ import_react211.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
|
32653
32863
|
});
|
32654
|
-
HandRaiseAction =
|
32864
|
+
HandRaiseAction = import_react211.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
32655
32865
|
var _a8, _b7, _c;
|
32656
32866
|
const hmsActions = (0, import_react_sdk108.useHMSActions)();
|
32657
32867
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
@@ -32664,7 +32874,7 @@ var init_ToastConfig = __esm({
|
|
32664
32874
|
off_stage_roles = [],
|
32665
32875
|
skip_preview_for_role_change = false
|
32666
32876
|
} = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
|
32667
|
-
const onClickHandler = (0,
|
32877
|
+
const onClickHandler = (0, import_react211.useCallback)(() => __async(void 0, null, function* () {
|
32668
32878
|
if (isSingleHandRaise) {
|
32669
32879
|
hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
|
32670
32880
|
if (skip_preview_for_role_change) {
|
@@ -32685,7 +32895,7 @@ var init_ToastConfig = __esm({
|
|
32685
32895
|
if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
|
32686
32896
|
return null;
|
32687
32897
|
}
|
32688
|
-
return /* @__PURE__ */
|
32898
|
+
return /* @__PURE__ */ import_react211.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
|
32689
32899
|
});
|
32690
32900
|
ToastConfig = {
|
32691
32901
|
PEER_LIST: {
|
@@ -32694,18 +32904,18 @@ var init_ToastConfig = __esm({
|
|
32694
32904
|
if (notification.data.length === 1) {
|
32695
32905
|
return {
|
32696
32906
|
title: `${(_a8 = notification.data[0]) == null ? void 0 : _a8.name} joined`,
|
32697
|
-
icon: /* @__PURE__ */
|
32907
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
|
32698
32908
|
};
|
32699
32909
|
}
|
32700
32910
|
return {
|
32701
32911
|
title: `${(_b7 = notification.data[notification.data.length - 1]) == null ? void 0 : _b7.name} and ${notification.data.length - 1} others joined`,
|
32702
|
-
icon: /* @__PURE__ */
|
32912
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
|
32703
32913
|
};
|
32704
32914
|
},
|
32705
32915
|
multiple: (notifications) => {
|
32706
32916
|
return {
|
32707
32917
|
title: `${notifications[0].data.name} and ${notifications.length - 1} others joined`,
|
32708
|
-
icon: /* @__PURE__ */
|
32918
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
|
32709
32919
|
};
|
32710
32920
|
}
|
32711
32921
|
},
|
@@ -32714,13 +32924,13 @@ var init_ToastConfig = __esm({
|
|
32714
32924
|
var _a8;
|
32715
32925
|
return {
|
32716
32926
|
title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} joined`,
|
32717
|
-
icon: /* @__PURE__ */
|
32927
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
|
32718
32928
|
};
|
32719
32929
|
},
|
32720
32930
|
multiple: function(notifications) {
|
32721
32931
|
return {
|
32722
32932
|
title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
|
32723
|
-
icon: /* @__PURE__ */
|
32933
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
|
32724
32934
|
};
|
32725
32935
|
}
|
32726
32936
|
},
|
@@ -32729,23 +32939,43 @@ var init_ToastConfig = __esm({
|
|
32729
32939
|
var _a8;
|
32730
32940
|
return {
|
32731
32941
|
title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} left`,
|
32732
|
-
icon: /* @__PURE__ */
|
32942
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleRemoveIcon, null)
|
32733
32943
|
};
|
32734
32944
|
},
|
32735
32945
|
multiple: function(notifications) {
|
32736
32946
|
return {
|
32737
32947
|
title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
|
32738
|
-
icon: /* @__PURE__ */
|
32948
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleRemoveIcon, null)
|
32739
32949
|
};
|
32740
32950
|
}
|
32741
32951
|
},
|
32742
32952
|
RAISE_HAND: {
|
32953
|
+
single: (notification) => {
|
32954
|
+
var _a8;
|
32955
|
+
return {
|
32956
|
+
title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
|
32957
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.HandIcon, null)
|
32958
|
+
};
|
32959
|
+
},
|
32960
|
+
multiple: (notifications) => {
|
32961
|
+
var _a8;
|
32962
|
+
const count = new Set(notifications.map((notification) => {
|
32963
|
+
var _a9;
|
32964
|
+
return (_a9 = notification.data) == null ? void 0 : _a9.id;
|
32965
|
+
})).size;
|
32966
|
+
return {
|
32967
|
+
title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
|
32968
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.HandIcon, null)
|
32969
|
+
};
|
32970
|
+
}
|
32971
|
+
},
|
32972
|
+
RAISE_HAND_HLS: {
|
32743
32973
|
single: (notification) => {
|
32744
32974
|
var _a8, _b7;
|
32745
32975
|
return {
|
32746
32976
|
title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
|
32747
|
-
icon: /* @__PURE__ */
|
32748
|
-
action: /* @__PURE__ */
|
32977
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.HandIcon, null),
|
32978
|
+
action: /* @__PURE__ */ import_react211.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
|
32749
32979
|
};
|
32750
32980
|
},
|
32751
32981
|
multiple: (notifications) => {
|
@@ -32756,8 +32986,8 @@ var init_ToastConfig = __esm({
|
|
32756
32986
|
})).size;
|
32757
32987
|
return {
|
32758
32988
|
title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
|
32759
|
-
icon: /* @__PURE__ */
|
32760
|
-
action: /* @__PURE__ */
|
32989
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.HandIcon, null),
|
32990
|
+
action: /* @__PURE__ */ import_react211.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
|
32761
32991
|
};
|
32762
32992
|
}
|
32763
32993
|
},
|
@@ -32766,15 +32996,15 @@ var init_ToastConfig = __esm({
|
|
32766
32996
|
var _a8;
|
32767
32997
|
return {
|
32768
32998
|
title: `New message from ${(_a8 = notification.data) == null ? void 0 : _a8.senderName}`,
|
32769
|
-
icon: /* @__PURE__ */
|
32770
|
-
action: /* @__PURE__ */
|
32999
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.ChatUnreadIcon, null),
|
33000
|
+
action: /* @__PURE__ */ import_react211.default.createElement(ChatAction, null)
|
32771
33001
|
};
|
32772
33002
|
},
|
32773
33003
|
multiple: (notifications) => {
|
32774
33004
|
return {
|
32775
33005
|
title: `${notifications.length} new messages`,
|
32776
|
-
icon: /* @__PURE__ */
|
32777
|
-
action: /* @__PURE__ */
|
33006
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.ChatUnreadIcon, null),
|
33007
|
+
action: /* @__PURE__ */ import_react211.default.createElement(ChatAction, null)
|
32778
33008
|
};
|
32779
33009
|
}
|
32780
33010
|
},
|
@@ -32782,7 +33012,7 @@ var init_ToastConfig = __esm({
|
|
32782
33012
|
single: () => {
|
32783
33013
|
return {
|
32784
33014
|
title: `You are now connected`,
|
32785
|
-
icon: /* @__PURE__ */
|
33015
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.ConnectivityIcon, null),
|
32786
33016
|
variant: "success",
|
32787
33017
|
duration: 3e3
|
32788
33018
|
};
|
@@ -32794,7 +33024,7 @@ var init_ToastConfig = __esm({
|
|
32794
33024
|
title: `You are offline for now. while we try to reconnect, please check
|
32795
33025
|
your internet connection. ${message}.
|
32796
33026
|
`,
|
32797
|
-
icon: /* @__PURE__ */
|
33027
|
+
icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PoorConnectivityIcon, null),
|
32798
33028
|
variant: "warning",
|
32799
33029
|
duration: 3e4
|
32800
33030
|
};
|
@@ -32814,6 +33044,7 @@ var init_ToastBatcher = __esm({
|
|
32814
33044
|
init_ToastManager();
|
32815
33045
|
ToastBatcher = {
|
32816
33046
|
toastsType: /* @__PURE__ */ new Map(),
|
33047
|
+
toastCache: {},
|
32817
33048
|
showToastInternal({ notification, duration, type }) {
|
32818
33049
|
let notificationType = type;
|
32819
33050
|
if (!type) {
|
@@ -32849,7 +33080,13 @@ var init_ToastBatcher = __esm({
|
|
32849
33080
|
},
|
32850
33081
|
showToast({ notification, duration = 3e3, type }) {
|
32851
33082
|
try {
|
32852
|
-
this.
|
33083
|
+
if (!this.toastCache[notification.id]) {
|
33084
|
+
this.showToastInternal({ notification, duration, type });
|
33085
|
+
}
|
33086
|
+
this.toastCache[notification.id] = true;
|
33087
|
+
if (Object.keys(this.toastCache).length > 100) {
|
33088
|
+
this.toastCache = {};
|
33089
|
+
}
|
32853
33090
|
} catch (err) {
|
32854
33091
|
console.debug("Notifications", err);
|
32855
33092
|
}
|
@@ -32867,12 +33104,12 @@ var init_ToastBatcher = __esm({
|
|
32867
33104
|
});
|
32868
33105
|
|
32869
33106
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
32870
|
-
var
|
33107
|
+
var import_react212, import_react_sdk109, HandRaisedNotifications;
|
32871
33108
|
var init_HandRaisedNotifications = __esm({
|
32872
33109
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
32873
33110
|
"use strict";
|
32874
33111
|
init_define_process_env();
|
32875
|
-
|
33112
|
+
import_react212 = require("react");
|
32876
33113
|
import_react_sdk109 = require("@100mslive/react-sdk");
|
32877
33114
|
init_ToastBatcher();
|
32878
33115
|
init_useRoomLayoutScreen();
|
@@ -32884,16 +33121,16 @@ var init_HandRaisedNotifications = __esm({
|
|
32884
33121
|
const vanillaStore = (0, import_react_sdk109.useHMSVanillaStore)();
|
32885
33122
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
32886
33123
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
32887
|
-
(0,
|
33124
|
+
(0, import_react212.useEffect)(() => {
|
32888
33125
|
if (!(notification == null ? void 0 : notification.data)) {
|
32889
33126
|
return;
|
32890
33127
|
}
|
32891
|
-
if (roomState !== import_react_sdk109.HMSRoomState.Connected || notification.data.isLocal || !
|
33128
|
+
if (roomState !== import_react_sdk109.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
32892
33129
|
return;
|
32893
33130
|
}
|
32894
33131
|
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk109.selectHasPeerHandRaised)(notification.data.id));
|
32895
33132
|
if (hasPeerHandRaised) {
|
32896
|
-
ToastBatcher.showToast({ notification, type: "RAISE_HAND" });
|
33133
|
+
ToastBatcher.showToast({ notification, type: on_stage_exp ? "RAISE_HAND_HLS" : "RAISE_HAND" });
|
32897
33134
|
console.debug("Metadata updated", notification.data);
|
32898
33135
|
}
|
32899
33136
|
}, [isSubscribing, notification, on_stage_exp, roomState, vanillaStore]);
|
@@ -32903,20 +33140,20 @@ var init_HandRaisedNotifications = __esm({
|
|
32903
33140
|
});
|
32904
33141
|
|
32905
33142
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
32906
|
-
var
|
33143
|
+
var import_react213, import_react_sdk110, InitErrorModal;
|
32907
33144
|
var init_InitErrorModal = __esm({
|
32908
33145
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
32909
33146
|
"use strict";
|
32910
33147
|
init_define_process_env();
|
32911
|
-
|
33148
|
+
import_react213 = __toESM(require("react"));
|
32912
33149
|
import_react_sdk110 = require("@100mslive/react-sdk");
|
32913
33150
|
init_src();
|
32914
33151
|
init_DialogContent2();
|
32915
33152
|
InitErrorModal = () => {
|
32916
33153
|
const notification = (0, import_react_sdk110.useHMSNotifications)(import_react_sdk110.HMSNotificationTypes.ERROR);
|
32917
|
-
const [showModal, setShowModal] = (0,
|
32918
|
-
const [info, setInfo] = (0,
|
32919
|
-
(0,
|
33154
|
+
const [showModal, setShowModal] = (0, import_react213.useState)(false);
|
33155
|
+
const [info, setInfo] = (0, import_react213.useState)({ title: "Init Error", description: "" });
|
33156
|
+
(0, import_react213.useEffect)(() => {
|
32920
33157
|
const data3 = notification == null ? void 0 : notification.data;
|
32921
33158
|
if (!data3 || data3.action !== "INIT") {
|
32922
33159
|
return;
|
@@ -32936,18 +33173,18 @@ var init_InitErrorModal = __esm({
|
|
32936
33173
|
setInfo({ title, description });
|
32937
33174
|
setShowModal(true);
|
32938
33175
|
}, [notification]);
|
32939
|
-
return /* @__PURE__ */
|
33176
|
+
return /* @__PURE__ */ import_react213.default.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ import_react213.default.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ import_react213.default.createElement("br", null), "Current URL - ", window.location.href));
|
32940
33177
|
};
|
32941
33178
|
}
|
32942
33179
|
});
|
32943
33180
|
|
32944
33181
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
32945
|
-
var
|
33182
|
+
var import_react214, import_react_sdk111, notificationTypes, PeerNotifications;
|
32946
33183
|
var init_PeerNotifications = __esm({
|
32947
33184
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
32948
33185
|
"use strict";
|
32949
33186
|
init_define_process_env();
|
32950
|
-
|
33187
|
+
import_react214 = require("react");
|
32951
33188
|
import_react_sdk111 = require("@100mslive/react-sdk");
|
32952
33189
|
init_ToastBatcher();
|
32953
33190
|
init_useUISettings();
|
@@ -32962,7 +33199,7 @@ var init_PeerNotifications = __esm({
|
|
32962
33199
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
32963
33200
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
32964
33201
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
32965
|
-
(0,
|
33202
|
+
(0, import_react214.useEffect)(() => {
|
32966
33203
|
if (!(notification == null ? void 0 : notification.data)) {
|
32967
33204
|
return;
|
32968
33205
|
}
|
@@ -32990,7 +33227,7 @@ var init_PeerNotifications = __esm({
|
|
32990
33227
|
return;
|
32991
33228
|
}
|
32992
33229
|
ToastBatcher.showToast({ notification });
|
32993
|
-
}, [notification, isPeerJoinSubscribed, isPeerLeftSubscribed]);
|
33230
|
+
}, [notification, isPeerJoinSubscribed, isPeerLeftSubscribed, selectedPeer.id, setPeerSelector]);
|
32994
33231
|
return null;
|
32995
33232
|
};
|
32996
33233
|
}
|
@@ -33015,10 +33252,10 @@ var init_ios_perm_0 = __esm({
|
|
33015
33252
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
33016
33253
|
function PermissionErrorModal() {
|
33017
33254
|
const notification = (0, import_react_sdk112.useHMSNotifications)(import_react_sdk112.HMSNotificationTypes.ERROR);
|
33018
|
-
const [deviceType, setDeviceType] = (0,
|
33019
|
-
const [isSystemError, setIsSystemError] = (0,
|
33020
|
-
const isMobile = (0,
|
33021
|
-
(0,
|
33255
|
+
const [deviceType, setDeviceType] = (0, import_react215.useState)("");
|
33256
|
+
const [isSystemError, setIsSystemError] = (0, import_react215.useState)(false);
|
33257
|
+
const isMobile = (0, import_react_use49.useMedia)(config.media.md);
|
33258
|
+
(0, import_react215.useEffect)(() => {
|
33022
33259
|
var _a8, _b7, _c, _d, _e;
|
33023
33260
|
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"))) {
|
33024
33261
|
return;
|
@@ -33039,7 +33276,7 @@ function PermissionErrorModal() {
|
|
33039
33276
|
}
|
33040
33277
|
setIsSystemError(notification.data.code === 3011);
|
33041
33278
|
}, [notification]);
|
33042
|
-
return deviceType ? /* @__PURE__ */
|
33279
|
+
return deviceType ? /* @__PURE__ */ import_react215.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react215.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react215.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react215.default.createElement(
|
33043
33280
|
Dialog.Content,
|
33044
33281
|
{
|
33045
33282
|
css: {
|
@@ -33049,15 +33286,15 @@ function PermissionErrorModal() {
|
|
33049
33286
|
zIndex: 23
|
33050
33287
|
}
|
33051
33288
|
},
|
33052
|
-
/* @__PURE__ */
|
33289
|
+
/* @__PURE__ */ import_react215.default.createElement(
|
33053
33290
|
Dialog.Title,
|
33054
33291
|
{
|
33055
33292
|
css: {
|
33056
33293
|
borderBottom: "1px solid $border_default"
|
33057
33294
|
}
|
33058
33295
|
},
|
33059
|
-
isMobile && isIOS ? /* @__PURE__ */
|
33060
|
-
isMobile && isAndroid ? /* @__PURE__ */
|
33296
|
+
isMobile && isIOS ? /* @__PURE__ */ import_react215.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
|
33297
|
+
isMobile && isAndroid ? /* @__PURE__ */ import_react215.default.createElement(
|
33061
33298
|
"img",
|
33062
33299
|
{
|
33063
33300
|
src: android_perm_1_default,
|
@@ -33065,21 +33302,21 @@ function PermissionErrorModal() {
|
|
33065
33302
|
alt: "Android Permission flow "
|
33066
33303
|
}
|
33067
33304
|
) : null,
|
33068
|
-
/* @__PURE__ */
|
33305
|
+
/* @__PURE__ */ import_react215.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
|
33069
33306
|
),
|
33070
|
-
/* @__PURE__ */
|
33071
|
-
isMobile && isIOS ? /* @__PURE__ */
|
33072
|
-
isMobile && isAndroid ? /* @__PURE__ */
|
33073
|
-
!isMobile ? /* @__PURE__ */
|
33307
|
+
/* @__PURE__ */ import_react215.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
|
33308
|
+
isMobile && isIOS ? /* @__PURE__ */ import_react215.default.createElement(import_react215.default.Fragment, null, /* @__PURE__ */ import_react215.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react215.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
|
33309
|
+
isMobile && isAndroid ? /* @__PURE__ */ import_react215.default.createElement(import_react215.default.Fragment, null, /* @__PURE__ */ import_react215.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react215.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
|
33310
|
+
!isMobile ? /* @__PURE__ */ import_react215.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react215.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
|
33074
33311
|
))) : null;
|
33075
33312
|
}
|
33076
|
-
var
|
33313
|
+
var import_react215, import_react_use49, import_react_sdk112;
|
33077
33314
|
var init_PermissionErrorModal = __esm({
|
33078
33315
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
33079
33316
|
"use strict";
|
33080
33317
|
init_define_process_env();
|
33081
|
-
|
33082
|
-
|
33318
|
+
import_react215 = __toESM(require("react"));
|
33319
|
+
import_react_use49 = require("react-use");
|
33083
33320
|
import_react_sdk112 = require("@100mslive/react-sdk");
|
33084
33321
|
init_src();
|
33085
33322
|
init_android_perm_1();
|
@@ -33089,12 +33326,12 @@ var init_PermissionErrorModal = __esm({
|
|
33089
33326
|
});
|
33090
33327
|
|
33091
33328
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
33092
|
-
var
|
33329
|
+
var import_react216, import_react_sdk113, notificationTypes2, notificationId, ReconnectNotifications;
|
33093
33330
|
var init_ReconnectNotifications = __esm({
|
33094
33331
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
33095
33332
|
"use strict";
|
33096
33333
|
init_define_process_env();
|
33097
|
-
|
33334
|
+
import_react216 = __toESM(require("react"));
|
33098
33335
|
import_react_sdk113 = require("@100mslive/react-sdk");
|
33099
33336
|
init_src();
|
33100
33337
|
init_ToastConfig();
|
@@ -33107,8 +33344,8 @@ var init_ReconnectNotifications = __esm({
|
|
33107
33344
|
notificationId = null;
|
33108
33345
|
ReconnectNotifications = () => {
|
33109
33346
|
const notification = (0, import_react_sdk113.useHMSNotifications)(notificationTypes2);
|
33110
|
-
const [open, setOpen] = (0,
|
33111
|
-
(0,
|
33347
|
+
const [open, setOpen] = (0, import_react216.useState)(false);
|
33348
|
+
(0, import_react216.useEffect)(() => {
|
33112
33349
|
var _a8, _b7;
|
33113
33350
|
if (!notification) {
|
33114
33351
|
return;
|
@@ -33127,7 +33364,7 @@ var init_ReconnectNotifications = __esm({
|
|
33127
33364
|
}, [notification]);
|
33128
33365
|
if (!open)
|
33129
33366
|
return null;
|
33130
|
-
return /* @__PURE__ */
|
33367
|
+
return /* @__PURE__ */ import_react216.default.createElement(Dialog.Root, { open, modal: true }, /* @__PURE__ */ import_react216.default.createElement(Dialog.Portal, { container: document.getElementById("conferencing") }, /* @__PURE__ */ import_react216.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react216.default.createElement(
|
33131
33368
|
Dialog.Content,
|
33132
33369
|
{
|
33133
33370
|
css: {
|
@@ -33141,31 +33378,31 @@ var init_ReconnectNotifications = __esm({
|
|
33141
33378
|
animation: "none !important"
|
33142
33379
|
}
|
33143
33380
|
},
|
33144
|
-
/* @__PURE__ */
|
33381
|
+
/* @__PURE__ */ import_react216.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react216.default.createElement("div", { style: { display: "inline", margin: "0.25rem" } }, /* @__PURE__ */ import_react216.default.createElement(Loading, { size: 16 })), /* @__PURE__ */ import_react216.default.createElement(Text, { css: { fontSize: "$space$8", color: "$on_surface_high" } }, "You lost your network connection. Trying to reconnect."))
|
33145
33382
|
)));
|
33146
33383
|
};
|
33147
33384
|
}
|
33148
33385
|
});
|
33149
33386
|
|
33150
33387
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
33151
|
-
var
|
33388
|
+
var import_react217, import_react_sdk114, import_react_icons100, TrackBulkUnmuteModal;
|
33152
33389
|
var init_TrackBulkUnmuteModal = __esm({
|
33153
33390
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
33154
33391
|
"use strict";
|
33155
33392
|
init_define_process_env();
|
33156
|
-
|
33393
|
+
import_react217 = __toESM(require("react"));
|
33157
33394
|
import_react_sdk114 = require("@100mslive/react-sdk");
|
33158
|
-
|
33395
|
+
import_react_icons100 = require("@100mslive/react-icons");
|
33159
33396
|
init_DialogContent2();
|
33160
33397
|
TrackBulkUnmuteModal = () => {
|
33161
33398
|
const hmsActions = (0, import_react_sdk114.useHMSActions)();
|
33162
|
-
const [muteNotification, setMuteNotification] = (0,
|
33399
|
+
const [muteNotification, setMuteNotification] = (0, import_react217.useState)(null);
|
33163
33400
|
const notification = (0, import_react_sdk114.useHMSNotifications)([
|
33164
33401
|
import_react_sdk114.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
33165
33402
|
import_react_sdk114.HMSNotificationTypes.ROOM_ENDED,
|
33166
33403
|
import_react_sdk114.HMSNotificationTypes.REMOVED_FROM_ROOM
|
33167
33404
|
]);
|
33168
|
-
(0,
|
33405
|
+
(0, import_react217.useEffect)(() => {
|
33169
33406
|
switch (notification == null ? void 0 : notification.type) {
|
33170
33407
|
case import_react_sdk114.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
33171
33408
|
case import_react_sdk114.HMSNotificationTypes.ROOM_ENDED:
|
@@ -33185,7 +33422,7 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
33185
33422
|
}
|
33186
33423
|
const { requestedBy: peer, tracks, enabled } = muteNotification;
|
33187
33424
|
const types = new Set(tracks.map((track) => track.type));
|
33188
|
-
return /* @__PURE__ */
|
33425
|
+
return /* @__PURE__ */ import_react217.default.createElement(
|
33189
33426
|
RequestDialog,
|
33190
33427
|
{
|
33191
33428
|
title: "Unmute request",
|
@@ -33197,7 +33434,7 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
33197
33434
|
});
|
33198
33435
|
setMuteNotification(null);
|
33199
33436
|
},
|
33200
|
-
Icon:
|
33437
|
+
Icon: import_react_icons100.MicOnIcon
|
33201
33438
|
}
|
33202
33439
|
);
|
33203
33440
|
};
|
@@ -33205,12 +33442,12 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
33205
33442
|
});
|
33206
33443
|
|
33207
33444
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
33208
|
-
var
|
33445
|
+
var import_react218, import_react_sdk115, notificationTypes3, TrackNotifications;
|
33209
33446
|
var init_TrackNotifications = __esm({
|
33210
33447
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
33211
33448
|
"use strict";
|
33212
33449
|
init_define_process_env();
|
33213
|
-
|
33450
|
+
import_react218 = require("react");
|
33214
33451
|
import_react_sdk115 = require("@100mslive/react-sdk");
|
33215
33452
|
notificationTypes3 = [
|
33216
33453
|
import_react_sdk115.HMSNotificationTypes.TRACK_ADDED,
|
@@ -33220,7 +33457,7 @@ var init_TrackNotifications = __esm({
|
|
33220
33457
|
];
|
33221
33458
|
TrackNotifications = () => {
|
33222
33459
|
const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes3);
|
33223
|
-
(0,
|
33460
|
+
(0, import_react218.useEffect)(() => {
|
33224
33461
|
if (notification) {
|
33225
33462
|
console.debug(`[${notification.type}]`, notification);
|
33226
33463
|
}
|
@@ -33231,14 +33468,14 @@ var init_TrackNotifications = __esm({
|
|
33231
33468
|
});
|
33232
33469
|
|
33233
33470
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
33234
|
-
var
|
33471
|
+
var import_react219, import_react_sdk116, import_react_icons101, TrackUnmuteModal;
|
33235
33472
|
var init_TrackUnmuteModal = __esm({
|
33236
33473
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
33237
33474
|
"use strict";
|
33238
33475
|
init_define_process_env();
|
33239
|
-
|
33476
|
+
import_react219 = __toESM(require("react"));
|
33240
33477
|
import_react_sdk116 = require("@100mslive/react-sdk");
|
33241
|
-
|
33478
|
+
import_react_icons101 = require("@100mslive/react-icons");
|
33242
33479
|
init_DialogContent2();
|
33243
33480
|
TrackUnmuteModal = () => {
|
33244
33481
|
const hmsActions = (0, import_react_sdk116.useHMSActions)();
|
@@ -33247,8 +33484,8 @@ var init_TrackUnmuteModal = __esm({
|
|
33247
33484
|
import_react_sdk116.HMSNotificationTypes.ROOM_ENDED,
|
33248
33485
|
import_react_sdk116.HMSNotificationTypes.REMOVED_FROM_ROOM
|
33249
33486
|
]);
|
33250
|
-
const [muteNotification, setMuteNotification] = (0,
|
33251
|
-
(0,
|
33487
|
+
const [muteNotification, setMuteNotification] = (0, import_react219.useState)(null);
|
33488
|
+
(0, import_react219.useEffect)(() => {
|
33252
33489
|
switch (notification == null ? void 0 : notification.type) {
|
33253
33490
|
case import_react_sdk116.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
33254
33491
|
case import_react_sdk116.HMSNotificationTypes.ROOM_ENDED:
|
@@ -33267,7 +33504,7 @@ var init_TrackUnmuteModal = __esm({
|
|
33267
33504
|
return null;
|
33268
33505
|
}
|
33269
33506
|
const { requestedBy: peer, track, enabled } = muteNotification;
|
33270
|
-
return /* @__PURE__ */
|
33507
|
+
return /* @__PURE__ */ import_react219.default.createElement(
|
33271
33508
|
RequestDialog,
|
33272
33509
|
{
|
33273
33510
|
title: `Unmute your ${track.type}?`,
|
@@ -33277,7 +33514,7 @@ var init_TrackUnmuteModal = __esm({
|
|
33277
33514
|
hmsActions.setEnabledTrack(track.id, enabled);
|
33278
33515
|
setMuteNotification(null);
|
33279
33516
|
},
|
33280
|
-
Icon:
|
33517
|
+
Icon: import_react_icons101.MicOnIcon
|
33281
33518
|
}
|
33282
33519
|
);
|
33283
33520
|
};
|
@@ -33299,14 +33536,14 @@ function Notifications() {
|
|
33299
33536
|
const { showNotification } = (0, import_react_sdk117.useAwayNotifications)();
|
33300
33537
|
const amIScreenSharing = (0, import_react_sdk117.useHMSStore)(import_react_sdk117.selectIsLocalScreenShared);
|
33301
33538
|
const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
|
33302
|
-
const handleRoleChangeDenied = (0,
|
33539
|
+
const handleRoleChangeDenied = (0, import_react220.useCallback)((request) => {
|
33303
33540
|
ToastManager.addToast({
|
33304
33541
|
title: `${request.peerName} denied your request to join the ${request.role.name} role`,
|
33305
33542
|
variant: "error"
|
33306
33543
|
});
|
33307
33544
|
}, []);
|
33308
33545
|
(0, import_react_sdk117.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
33309
|
-
(0,
|
33546
|
+
(0, import_react220.useEffect)(() => {
|
33310
33547
|
var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p;
|
33311
33548
|
if (!notification || isNotificationDisabled) {
|
33312
33549
|
return;
|
@@ -33325,7 +33562,7 @@ function Notifications() {
|
|
33325
33562
|
ToastManager.addToast({
|
33326
33563
|
title: "The room is currently full, try joining later",
|
33327
33564
|
close: true,
|
33328
|
-
icon: /* @__PURE__ */
|
33565
|
+
icon: /* @__PURE__ */ import_react220.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react220.default.createElement(import_react_icons102.GroupIcon, null))
|
33329
33566
|
});
|
33330
33567
|
} else {
|
33331
33568
|
ToastManager.addToast({
|
@@ -33382,7 +33619,7 @@ function Notifications() {
|
|
33382
33619
|
const pollStartedBy = vanillaStore.getState((0, import_react_sdk117.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
33383
33620
|
const pollToastID = ToastManager.addToast({
|
33384
33621
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
33385
|
-
action: /* @__PURE__ */
|
33622
|
+
action: /* @__PURE__ */ import_react220.default.createElement(
|
33386
33623
|
Button,
|
33387
33624
|
{
|
33388
33625
|
onClick: () => togglePollView(notification.data.id),
|
@@ -33423,16 +33660,16 @@ function Notifications() {
|
|
33423
33660
|
if (isNotificationDisabled) {
|
33424
33661
|
return null;
|
33425
33662
|
}
|
33426
|
-
return /* @__PURE__ */
|
33663
|
+
return /* @__PURE__ */ import_react220.default.createElement(import_react220.default.Fragment, null, /* @__PURE__ */ import_react220.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react220.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react220.default.createElement(TrackNotifications, null), roomState === import_react_sdk117.HMSRoomState.Connected ? /* @__PURE__ */ import_react220.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react220.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react220.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react220.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react220.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react220.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react220.default.createElement(HandRaisedNotifications, null));
|
33427
33664
|
}
|
33428
|
-
var
|
33665
|
+
var import_react220, import_react_sdk117, import_react_icons102, pollToastKey;
|
33429
33666
|
var init_Notifications = __esm({
|
33430
33667
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
33431
33668
|
"use strict";
|
33432
33669
|
init_define_process_env();
|
33433
|
-
|
33670
|
+
import_react220 = __toESM(require("react"));
|
33434
33671
|
import_react_sdk117 = require("@100mslive/react-sdk");
|
33435
|
-
|
33672
|
+
import_react_icons102 = require("@100mslive/react-icons");
|
33436
33673
|
init_src();
|
33437
33674
|
init_roomLayoutProvider();
|
33438
33675
|
init_ToastManager();
|
@@ -33464,13 +33701,13 @@ var init_Notifications2 = __esm({
|
|
33464
33701
|
});
|
33465
33702
|
|
33466
33703
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
33467
|
-
var
|
33704
|
+
var import_react221, import_react_use50, PreviewScreen;
|
33468
33705
|
var init_PreviewScreen = __esm({
|
33469
33706
|
"src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
|
33470
33707
|
"use strict";
|
33471
33708
|
init_define_process_env();
|
33472
|
-
|
33473
|
-
|
33709
|
+
import_react221 = __toESM(require("react"));
|
33710
|
+
import_react_use50 = require("react-use");
|
33474
33711
|
init_src();
|
33475
33712
|
init_AppContext();
|
33476
33713
|
init_roomLayoutProvider();
|
@@ -33483,36 +33720,36 @@ var init_PreviewScreen = __esm({
|
|
33483
33720
|
var _a8, _b7, _c;
|
33484
33721
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
33485
33722
|
const skipPreview = !isPreviewScreenEnabled;
|
33486
|
-
const previewAsRole = (0,
|
33723
|
+
const previewAsRole = (0, import_react_use50.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
|
33487
33724
|
const { userName } = useHMSPrebuiltContext();
|
33488
33725
|
const initialName = userName || (skipPreview ? "Beam" : "");
|
33489
33726
|
const authToken = useAuthToken();
|
33490
33727
|
const roomLayout = useRoomLayout();
|
33491
33728
|
const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
|
33492
|
-
return /* @__PURE__ */
|
33729
|
+
return /* @__PURE__ */ import_react221.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react221.default.createElement(
|
33493
33730
|
Flex,
|
33494
33731
|
{
|
33495
33732
|
css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
|
33496
33733
|
justify: "center",
|
33497
33734
|
align: "center"
|
33498
33735
|
},
|
33499
|
-
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */
|
33736
|
+
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react221.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ import_react221.default.createElement(FullPageProgress_default, null)
|
33500
33737
|
));
|
33501
33738
|
};
|
33502
33739
|
}
|
33503
33740
|
});
|
33504
33741
|
|
33505
33742
|
// src/Prebuilt/components/Toast/Toast.jsx
|
33506
|
-
var
|
33743
|
+
var import_react222, Toast2;
|
33507
33744
|
var init_Toast3 = __esm({
|
33508
33745
|
"src/Prebuilt/components/Toast/Toast.jsx"() {
|
33509
33746
|
"use strict";
|
33510
33747
|
init_define_process_env();
|
33511
|
-
|
33748
|
+
import_react222 = __toESM(require("react"));
|
33512
33749
|
init_Toast2();
|
33513
33750
|
Toast2 = (_a8) => {
|
33514
33751
|
var _b7 = _a8, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
|
33515
|
-
return /* @__PURE__ */
|
33752
|
+
return /* @__PURE__ */ import_react222.default.createElement(
|
33516
33753
|
Toast.HMSToast,
|
33517
33754
|
__spreadValues({
|
33518
33755
|
title,
|
@@ -33529,12 +33766,12 @@ var init_Toast3 = __esm({
|
|
33529
33766
|
});
|
33530
33767
|
|
33531
33768
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
33532
|
-
var
|
33769
|
+
var import_react223, import_react_sdk118, ToastContainer;
|
33533
33770
|
var init_ToastContainer = __esm({
|
33534
33771
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
33535
33772
|
"use strict";
|
33536
33773
|
init_define_process_env();
|
33537
|
-
|
33774
|
+
import_react223 = __toESM(require("react"));
|
33538
33775
|
import_react_sdk118 = require("@100mslive/react-sdk");
|
33539
33776
|
init_Toast2();
|
33540
33777
|
init_Toast3();
|
@@ -33542,16 +33779,16 @@ var init_ToastContainer = __esm({
|
|
33542
33779
|
init_constants();
|
33543
33780
|
ToastContainer = () => {
|
33544
33781
|
const isConnected = (0, import_react_sdk118.useHMSStore)(import_react_sdk118.selectIsConnectedToRoom);
|
33545
|
-
const [toasts, setToast] = (0,
|
33546
|
-
(0,
|
33782
|
+
const [toasts, setToast] = (0, import_react223.useState)([]);
|
33783
|
+
(0, import_react223.useEffect)(() => {
|
33547
33784
|
ToastManager.addListener(setToast);
|
33548
33785
|
return () => {
|
33549
33786
|
ToastManager.removeListener(setToast);
|
33550
33787
|
};
|
33551
33788
|
}, []);
|
33552
|
-
return /* @__PURE__ */
|
33553
|
-
return /* @__PURE__ */
|
33554
|
-
}), /* @__PURE__ */
|
33789
|
+
return /* @__PURE__ */ import_react223.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
|
33790
|
+
return /* @__PURE__ */ import_react223.default.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
|
33791
|
+
}), /* @__PURE__ */ import_react223.default.createElement(
|
33555
33792
|
Toast.Viewport,
|
33556
33793
|
{
|
33557
33794
|
css: __spreadValues({
|
@@ -33564,13 +33801,13 @@ var init_ToastContainer = __esm({
|
|
33564
33801
|
});
|
33565
33802
|
|
33566
33803
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
33567
|
-
var
|
33804
|
+
var import_react224, import_react_icons103, RoomDetailsSheet;
|
33568
33805
|
var init_RoomDetailsSheet = __esm({
|
33569
33806
|
"src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx"() {
|
33570
33807
|
"use strict";
|
33571
33808
|
init_define_process_env();
|
33572
|
-
|
33573
|
-
|
33809
|
+
import_react224 = __toESM(require("react"));
|
33810
|
+
import_react_icons103 = require("@100mslive/react-icons");
|
33574
33811
|
init_Layout();
|
33575
33812
|
init_Sheet2();
|
33576
33813
|
init_Text2();
|
@@ -33583,27 +33820,27 @@ var init_RoomDetailsSheet = __esm({
|
|
33583
33820
|
const { title, description, details } = useRoomLayoutHeader();
|
33584
33821
|
const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
33585
33822
|
const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
|
33586
|
-
return /* @__PURE__ */
|
33823
|
+
return /* @__PURE__ */ import_react224.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react224.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react224.default.createElement(
|
33587
33824
|
Flex,
|
33588
33825
|
{
|
33589
33826
|
justify: "between",
|
33590
33827
|
align: "center",
|
33591
33828
|
css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
|
33592
33829
|
},
|
33593
|
-
/* @__PURE__ */
|
33594
|
-
/* @__PURE__ */
|
33595
|
-
), /* @__PURE__ */
|
33830
|
+
/* @__PURE__ */ import_react224.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
|
33831
|
+
/* @__PURE__ */ import_react224.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react224.default.createElement(import_react_icons103.CrossIcon, null))
|
33832
|
+
), /* @__PURE__ */ import_react224.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react224.default.createElement(Logo, null), /* @__PURE__ */ import_react224.default.createElement(Box, null, /* @__PURE__ */ import_react224.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react224.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react224.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
|
33596
33833
|
};
|
33597
33834
|
}
|
33598
33835
|
});
|
33599
33836
|
|
33600
33837
|
// src/Prebuilt/layouts/Sheet.tsx
|
33601
|
-
var
|
33838
|
+
var import_react225, import_react_sdk119, Sheet2;
|
33602
33839
|
var init_Sheet3 = __esm({
|
33603
33840
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
33604
33841
|
"use strict";
|
33605
33842
|
init_define_process_env();
|
33606
|
-
|
33843
|
+
import_react225 = __toESM(require("react"));
|
33607
33844
|
import_react_sdk119 = require("@100mslive/react-sdk");
|
33608
33845
|
init_RoomDetailsSheet();
|
33609
33846
|
init_Layout();
|
@@ -33612,9 +33849,9 @@ var init_Sheet3 = __esm({
|
|
33612
33849
|
const sheet = (0, import_react_sdk119.useHMSStore)((0, import_react_sdk119.selectAppData)(APP_DATA.sheet));
|
33613
33850
|
let ViewComponent;
|
33614
33851
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
33615
|
-
ViewComponent = /* @__PURE__ */
|
33852
|
+
ViewComponent = /* @__PURE__ */ import_react225.default.createElement(RoomDetailsSheet, null);
|
33616
33853
|
}
|
33617
|
-
return /* @__PURE__ */
|
33854
|
+
return /* @__PURE__ */ import_react225.default.createElement(Box, null, ViewComponent);
|
33618
33855
|
};
|
33619
33856
|
}
|
33620
33857
|
});
|
@@ -33623,10 +33860,10 @@ var init_Sheet3 = __esm({
|
|
33623
33860
|
function FlyingEmoji() {
|
33624
33861
|
const localPeerId = (0, import_react_sdk120.useHMSStore)(import_react_sdk120.selectLocalPeerID);
|
33625
33862
|
const vanillaStore = (0, import_react_sdk120.useHMSVanillaStore)();
|
33626
|
-
const [emojis, setEmojis] = (0,
|
33627
|
-
const isMobile = (0,
|
33628
|
-
const startingPoints = (0,
|
33629
|
-
const showFlyingEmoji = (0,
|
33863
|
+
const [emojis, setEmojis] = (0, import_react226.useState)([]);
|
33864
|
+
const isMobile = (0, import_react_use51.useMedia)(config.media.md);
|
33865
|
+
const startingPoints = (0, import_react226.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
33866
|
+
const showFlyingEmoji = (0, import_react226.useCallback)(
|
33630
33867
|
({ emojiId, senderId }) => {
|
33631
33868
|
if (!emojiId || !senderId || document.hidden) {
|
33632
33869
|
return;
|
@@ -33654,10 +33891,10 @@ function FlyingEmoji() {
|
|
33654
33891
|
type: EMOJI_REACTION_TYPE,
|
33655
33892
|
onEvent: showFlyingEmoji
|
33656
33893
|
});
|
33657
|
-
(0,
|
33894
|
+
(0, import_react226.useEffect)(() => {
|
33658
33895
|
window.showFlyingEmoji = showFlyingEmoji;
|
33659
33896
|
}, [showFlyingEmoji]);
|
33660
|
-
return /* @__PURE__ */
|
33897
|
+
return /* @__PURE__ */ import_react226.default.createElement(
|
33661
33898
|
Box,
|
33662
33899
|
{
|
33663
33900
|
css: {
|
@@ -33673,7 +33910,7 @@ function FlyingEmoji() {
|
|
33673
33910
|
}
|
33674
33911
|
},
|
33675
33912
|
emojis.map((emoji) => {
|
33676
|
-
return /* @__PURE__ */
|
33913
|
+
return /* @__PURE__ */ import_react226.default.createElement(
|
33677
33914
|
Flex,
|
33678
33915
|
{
|
33679
33916
|
key: emoji.id,
|
@@ -33689,8 +33926,8 @@ function FlyingEmoji() {
|
|
33689
33926
|
setEmojis(emojis.filter((item) => item.id !== emoji.id));
|
33690
33927
|
}
|
33691
33928
|
},
|
33692
|
-
/* @__PURE__ */
|
33693
|
-
/* @__PURE__ */
|
33929
|
+
/* @__PURE__ */ import_react226.default.createElement(Box, null, /* @__PURE__ */ import_react226.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
|
33930
|
+
/* @__PURE__ */ import_react226.default.createElement(
|
33694
33931
|
Box,
|
33695
33932
|
{
|
33696
33933
|
css: {
|
@@ -33700,7 +33937,7 @@ function FlyingEmoji() {
|
|
33700
33937
|
borderRadius: "$1"
|
33701
33938
|
}
|
33702
33939
|
},
|
33703
|
-
/* @__PURE__ */
|
33940
|
+
/* @__PURE__ */ import_react226.default.createElement(
|
33704
33941
|
Text,
|
33705
33942
|
{
|
33706
33943
|
css: {
|
@@ -33716,13 +33953,13 @@ function FlyingEmoji() {
|
|
33716
33953
|
})
|
33717
33954
|
);
|
33718
33955
|
}
|
33719
|
-
var
|
33956
|
+
var import_react226, import_react_use51, import_react_sdk120, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
33720
33957
|
var init_FlyingEmoji = __esm({
|
33721
33958
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
33722
33959
|
"use strict";
|
33723
33960
|
init_define_process_env();
|
33724
|
-
|
33725
|
-
|
33961
|
+
import_react226 = __toESM(require("react"));
|
33962
|
+
import_react_use51 = require("react-use");
|
33726
33963
|
import_react_sdk120 = require("@100mslive/react-sdk");
|
33727
33964
|
init_Layout();
|
33728
33965
|
init_Text2();
|
@@ -33757,33 +33994,33 @@ var init_FlyingEmoji = __esm({
|
|
33757
33994
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
33758
33995
|
function RemoteStopScreenshare() {
|
33759
33996
|
const actions = (0, import_react_sdk121.useHMSActions)();
|
33760
|
-
const onRemoteStopScreenshare = (0,
|
33997
|
+
const onRemoteStopScreenshare = (0, import_react227.useCallback)(() => __async(this, null, function* () {
|
33761
33998
|
yield actions.setScreenShareEnabled(false);
|
33762
33999
|
}), [actions]);
|
33763
34000
|
(0, import_react_sdk121.useCustomEvent)({
|
33764
34001
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
33765
34002
|
onEvent: onRemoteStopScreenshare
|
33766
34003
|
});
|
33767
|
-
return /* @__PURE__ */
|
34004
|
+
return /* @__PURE__ */ import_react227.default.createElement(import_react227.default.Fragment, null);
|
33768
34005
|
}
|
33769
|
-
var
|
34006
|
+
var import_react227, import_react_sdk121;
|
33770
34007
|
var init_RemoteStopScreenshare = __esm({
|
33771
34008
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
33772
34009
|
"use strict";
|
33773
34010
|
init_define_process_env();
|
33774
|
-
|
34011
|
+
import_react227 = __toESM(require("react"));
|
33775
34012
|
import_react_sdk121 = require("@100mslive/react-sdk");
|
33776
34013
|
init_constants();
|
33777
34014
|
}
|
33778
34015
|
});
|
33779
34016
|
|
33780
34017
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
33781
|
-
var
|
34018
|
+
var import_react228, import_react_sdk122, useAutoStartStreaming;
|
33782
34019
|
var init_useAutoStartStreaming = __esm({
|
33783
34020
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
33784
34021
|
"use strict";
|
33785
34022
|
init_define_process_env();
|
33786
|
-
|
34023
|
+
import_react228 = require("react");
|
33787
34024
|
import_react_sdk122 = require("@100mslive/react-sdk");
|
33788
34025
|
init_useUISettings();
|
33789
34026
|
init_hooks();
|
@@ -33795,8 +34032,8 @@ var init_useAutoStartStreaming = __esm({
|
|
33795
34032
|
const hmsActions = (0, import_react_sdk122.useHMSActions)();
|
33796
34033
|
const isConnected = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsConnectedToRoom);
|
33797
34034
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk122.useRecordingStreaming)();
|
33798
|
-
const streamStartedRef = (0,
|
33799
|
-
const startHLS = (0,
|
34035
|
+
const streamStartedRef = (0, import_react228.useRef)(false);
|
34036
|
+
const startHLS = (0, import_react228.useCallback)(() => __async(void 0, null, function* () {
|
33800
34037
|
try {
|
33801
34038
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
33802
34039
|
return;
|
@@ -33819,12 +34056,12 @@ var init_useAutoStartStreaming = __esm({
|
|
33819
34056
|
isHLSRecordingOn,
|
33820
34057
|
isBrowserRecordingOn
|
33821
34058
|
]);
|
33822
|
-
(0,
|
34059
|
+
(0, import_react228.useEffect)(() => {
|
33823
34060
|
if (!isHLSStarted && !isHLSRunning) {
|
33824
34061
|
streamStartedRef.current = false;
|
33825
34062
|
}
|
33826
34063
|
}, [isHLSStarted, isHLSRunning]);
|
33827
|
-
(0,
|
34064
|
+
(0, import_react228.useEffect)(() => {
|
33828
34065
|
if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
|
33829
34066
|
return;
|
33830
34067
|
}
|
@@ -33842,14 +34079,14 @@ function AppRoutes({
|
|
33842
34079
|
const roomLayout = useRoomLayout();
|
33843
34080
|
const isNotificationsDisabled = useIsNotificationDisabled();
|
33844
34081
|
const { activeState, rejoin } = useAppStateManager();
|
33845
|
-
return /* @__PURE__ */
|
34082
|
+
return /* @__PURE__ */ import_react229.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react229.default.createElement(import_react229.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react229.default.createElement(AppData, null), /* @__PURE__ */ import_react229.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react229.default.createElement(Notifications, null), /* @__PURE__ */ import_react229.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react229.default.createElement(Sheet2, null), /* @__PURE__ */ import_react229.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react229.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react229.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react229.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react229.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ import_react229.default.createElement(AppStates, { activeState })));
|
33846
34083
|
}
|
33847
|
-
var
|
34084
|
+
var import_react229, import_react_sdk123, HMSPrebuilt, AppStates, BackSwipe;
|
33848
34085
|
var init_App = __esm({
|
33849
34086
|
"src/Prebuilt/App.tsx"() {
|
33850
34087
|
"use strict";
|
33851
34088
|
init_define_process_env();
|
33852
|
-
|
34089
|
+
import_react229 = __toESM(require("react"));
|
33853
34090
|
import_react_sdk123 = require("@100mslive/react-sdk");
|
33854
34091
|
init_AppData();
|
33855
34092
|
init_AuthToken();
|
@@ -33877,7 +34114,7 @@ var init_App = __esm({
|
|
33877
34114
|
init_useRoomLayoutScreen();
|
33878
34115
|
init_FeatureFlags();
|
33879
34116
|
init_constants();
|
33880
|
-
HMSPrebuilt =
|
34117
|
+
HMSPrebuilt = import_react229.default.forwardRef(
|
33881
34118
|
({
|
33882
34119
|
roomCode = "",
|
33883
34120
|
authToken = "",
|
@@ -33891,9 +34128,9 @@ var init_App = __esm({
|
|
33891
34128
|
onJoin
|
33892
34129
|
}, ref) => {
|
33893
34130
|
var _a8, _b7, _c, _d;
|
33894
|
-
const reactiveStore = (0,
|
33895
|
-
const [hydrated, setHydrated] =
|
33896
|
-
(0,
|
34131
|
+
const reactiveStore = (0, import_react229.useRef)();
|
34132
|
+
const [hydrated, setHydrated] = import_react229.default.useState(false);
|
34133
|
+
(0, import_react229.useEffect)(() => {
|
33897
34134
|
setHydrated(true);
|
33898
34135
|
const hms = new import_react_sdk123.HMSReactiveStore();
|
33899
34136
|
const hmsStore = hms.getStore();
|
@@ -33908,13 +34145,13 @@ var init_App = __esm({
|
|
33908
34145
|
hmsNotifications
|
33909
34146
|
};
|
33910
34147
|
}, []);
|
33911
|
-
(0,
|
34148
|
+
(0, import_react229.useEffect)(() => {
|
33912
34149
|
if (!ref || !reactiveStore.current) {
|
33913
34150
|
return;
|
33914
34151
|
}
|
33915
34152
|
ref.current = __spreadValues({}, reactiveStore.current);
|
33916
34153
|
}, [ref]);
|
33917
|
-
(0,
|
34154
|
+
(0, import_react229.useEffect)(() => {
|
33918
34155
|
return () => {
|
33919
34156
|
var _a9;
|
33920
34157
|
VBHandler.reset();
|
@@ -33943,7 +34180,7 @@ var init_App = __esm({
|
|
33943
34180
|
return null;
|
33944
34181
|
}
|
33945
34182
|
globalStyles();
|
33946
|
-
return /* @__PURE__ */
|
34183
|
+
return /* @__PURE__ */ import_react229.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react229.default.createElement(
|
33947
34184
|
HMSPrebuiltContext.Provider,
|
33948
34185
|
{
|
33949
34186
|
value: {
|
@@ -33960,7 +34197,7 @@ var init_App = __esm({
|
|
33960
34197
|
}
|
33961
34198
|
}
|
33962
34199
|
},
|
33963
|
-
/* @__PURE__ */
|
34200
|
+
/* @__PURE__ */ import_react229.default.createElement(
|
33964
34201
|
import_react_sdk123.HMSRoomProvider,
|
33965
34202
|
{
|
33966
34203
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
@@ -33969,7 +34206,7 @@ var init_App = __esm({
|
|
33969
34206
|
notifications: (_c = reactiveStore.current) == null ? void 0 : _c.hmsNotifications,
|
33970
34207
|
stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats
|
33971
34208
|
},
|
33972
|
-
/* @__PURE__ */
|
34209
|
+
/* @__PURE__ */ import_react229.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react229.default.createElement(RoomLayoutContext.Consumer, null, (data3) => {
|
33973
34210
|
var _a9;
|
33974
34211
|
const layout = data3 == null ? void 0 : data3.layout;
|
33975
34212
|
const theme2 = ((_a9 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a9[0]) || {};
|
@@ -33978,7 +34215,7 @@ var init_App = __esm({
|
|
33978
34215
|
if (typography2 == null ? void 0 : typography2.font_family) {
|
33979
34216
|
fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
|
33980
34217
|
}
|
33981
|
-
return /* @__PURE__ */
|
34218
|
+
return /* @__PURE__ */ import_react229.default.createElement(
|
33982
34219
|
HMSThemeProvider,
|
33983
34220
|
{
|
33984
34221
|
themeType: `${theme2.name}-${Date.now()}`,
|
@@ -33991,8 +34228,8 @@ var init_App = __esm({
|
|
33991
34228
|
}
|
33992
34229
|
}
|
33993
34230
|
},
|
33994
|
-
/* @__PURE__ */
|
33995
|
-
/* @__PURE__ */
|
34231
|
+
/* @__PURE__ */ import_react229.default.createElement(Init, null),
|
34232
|
+
/* @__PURE__ */ import_react229.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react229.default.createElement(
|
33996
34233
|
Box,
|
33997
34234
|
{
|
33998
34235
|
className: DEFAULT_PORTAL_CONTAINER.slice(1),
|
@@ -34004,7 +34241,7 @@ var init_App = __esm({
|
|
34004
34241
|
position: "relative"
|
34005
34242
|
}
|
34006
34243
|
},
|
34007
|
-
/* @__PURE__ */
|
34244
|
+
/* @__PURE__ */ import_react229.default.createElement(
|
34008
34245
|
AppRoutes,
|
34009
34246
|
{
|
34010
34247
|
authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
|
@@ -34024,16 +34261,16 @@ var init_App = __esm({
|
|
34024
34261
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
34025
34262
|
useAutoStartStreaming();
|
34026
34263
|
if (activeState === "preview" /* PREVIEW */ && isPreviewScreenEnabled) {
|
34027
|
-
return /* @__PURE__ */
|
34264
|
+
return /* @__PURE__ */ import_react229.default.createElement(PreviewScreen, null);
|
34028
34265
|
} else if (activeState === "leave" /* LEAVE */ && isLeaveScreenEnabled) {
|
34029
|
-
return /* @__PURE__ */
|
34266
|
+
return /* @__PURE__ */ import_react229.default.createElement(LeaveScreen, null);
|
34030
34267
|
}
|
34031
|
-
return /* @__PURE__ */
|
34268
|
+
return /* @__PURE__ */ import_react229.default.createElement(ConferenceScreen, null);
|
34032
34269
|
};
|
34033
34270
|
BackSwipe = () => {
|
34034
34271
|
const isConnectedToRoom = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
|
34035
34272
|
const hmsActions = (0, import_react_sdk123.useHMSActions)();
|
34036
|
-
(0,
|
34273
|
+
(0, import_react229.useEffect)(() => {
|
34037
34274
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
34038
34275
|
if (isConnectedToRoom) {
|
34039
34276
|
yield hmsActions.leave();
|