@100mslive/roomkit-react 0.3.7 → 0.3.8-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-J76FQQDB.js → HLSView-HUMJOIWO.js} +35 -17
- package/dist/{HLSView-J76FQQDB.js.map → HLSView-HUMJOIWO.js.map} +3 -3
- package/dist/Prebuilt/common/constants.d.ts +1 -0
- package/dist/Prebuilt/common/hooks.d.ts +10 -0
- package/dist/Prebuilt/components/FullPageProgress.d.ts +8 -0
- package/dist/Prebuilt/components/HMSVideo/utils.d.ts +1 -0
- package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +3 -3
- package/dist/{chunk-VKO5HF7B.js → chunk-IDAPJGWC.js} +346 -362
- package/dist/chunk-IDAPJGWC.js.map +7 -0
- package/dist/index.cjs.js +300 -299
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +87 -62
- package/dist/meta.esbuild.json +99 -74
- package/package.json +6 -6
- package/src/Prebuilt/common/constants.ts +1 -0
- package/src/Prebuilt/common/hooks.ts +72 -1
- package/src/Prebuilt/components/AppData/AppData.tsx +1 -0
- package/src/Prebuilt/components/ConferenceScreen.tsx +0 -2
- package/src/Prebuilt/components/{FullPageProgress.jsx → FullPageProgress.tsx} +10 -1
- package/src/Prebuilt/components/HMSVideo/VideoProgress.tsx +3 -2
- package/src/Prebuilt/components/HMSVideo/VideoTime.tsx +16 -7
- package/src/Prebuilt/components/HMSVideo/utils.ts +10 -0
- package/src/Prebuilt/components/Header/StreamActions.tsx +3 -25
- package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +4 -26
- package/src/Prebuilt/components/Notifications/PeerNotifications.tsx +1 -11
- package/src/Prebuilt/components/Preview/PreviewJoin.tsx +4 -9
- package/src/Prebuilt/components/Preview/PreviewScreen.tsx +0 -3
- package/src/Prebuilt/components/RoomDetails/RoomDetailsPane.tsx +2 -2
- package/src/Prebuilt/components/Settings/StartRecording.jsx +4 -37
- package/src/Prebuilt/components/Toast/ToastConfig.jsx +0 -22
- package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +3 -3
- package/src/Prebuilt/components/VirtualBackground/VBOption.tsx +3 -1
- package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +23 -7
- package/src/Prebuilt/components/VirtualBackground/VBToggle.tsx +5 -3
- package/src/Prebuilt/layouts/SidePane.tsx +1 -1
- package/src/Prebuilt/layouts/VideoStreamingSection.tsx +0 -2
- package/dist/chunk-VKO5HF7B.js.map +0 -7
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_f3c2d579-047b-49b3-b1d5-1f90e46a7d7d", 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.22 npm/? node/v18.20.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.10.7", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_f3c2d579-047b-49b3-b1d5-1f90e46a7d7d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.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.13.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.8", 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.7", 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: "587", 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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240407.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.2/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19812", 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.3.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", STATS_D: "false", GITHUB_RUN_ID: "8662425361", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "cc9d1fa2804d266e26226b250edc0fc7b76f0691", 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: "a7cec439b0dd7b9d4bf4dca553f15af44dce32680f1d9d9c1a922c0c51b5603f", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", 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--1712926760548-0.9753583073945797:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712926760347-0.4030562931905295:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712926737819-0.0742987714387533:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712926737637-0.510727070504674:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.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.20.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_b03264c0-226f-4319-af0b-3003a902bb38", INVOCATION_ID: "679c724e715141be972f3d90f426825e", 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: "514", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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 366", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_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.10.7", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.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: "cc9d1fa2804d266e26226b250edc0fc7b76f0691", 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/main", GITHUB_ACTOR: "KaustubhKumar05", 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_f3c2d579-047b-49b3-b1d5-1f90e46a7d7d", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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_f3c2d579-047b-49b3-b1d5-1f90e46a7d7d", 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.172+1/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_f3c2d579-047b-49b3-b1d5-1f90e46a7d7d" };
|
|
111
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_8960a610-873b-48c4-a70f-4da8aa68e13d", 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.22 npm/? node/v18.20.2 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.10.8-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_8960a610-873b-48c4-a70f-4da8aa68e13d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.8-alpha.1", 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.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240414.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.2/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:20511", 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.3.8-alpha.1", 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", STATS_D: "false", GITHUB_RUN_ID: "8732562653", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "569f8b3923f8f47aaf9ecd7d91b9fe1e52c39695", 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: "4310d52a39a6bcb3f340fee7133e1ad792459ea3961dc69beb7c4b75c929dd6e", 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--1713415919977-0.3230822190585294:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713415919783-0.5830170510480925:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713415897957-0.1301843973018475:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1713415897779-0.8737125083718396:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_97e61f22-cd7d-41d8-a4ce-9938198b4f42", INVOCATION_ID: "580ffd2a32964d3bb395107504953d6f", 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: "516", 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 433", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_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.10.8-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.8-alpha.1", 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: "569f8b3923f8f47aaf9ecd7d91b9fe1e52c39695", 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_8960a610-873b-48c4-a70f-4da8aa68e13d", 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_8960a610-873b-48c4-a70f-4da8aa68e13d", 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.172+1/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_8960a610-873b-48c4-a70f-4da8aa68e13d" };
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
|
|
@@ -398,7 +398,8 @@ var init_constants = __esm({
|
|
|
398
398
|
disableNotifications: "disableNotifications",
|
|
399
399
|
pollState: "pollState",
|
|
400
400
|
background: "background",
|
|
401
|
-
sheet: "sheet"
|
|
401
|
+
sheet: "sheet",
|
|
402
|
+
loadingEffects: "loadingEffects"
|
|
402
403
|
};
|
|
403
404
|
UI_SETTINGS = {
|
|
404
405
|
isAudioOnly: "isAudioOnly",
|
|
@@ -10030,6 +10031,7 @@ var init_AppData = __esm({
|
|
|
10030
10031
|
[APP_DATA.minimiseInset]: false,
|
|
10031
10032
|
[APP_DATA.activeScreensharePeerId]: "",
|
|
10032
10033
|
[APP_DATA.disableNotifications]: false,
|
|
10034
|
+
[APP_DATA.loadingEffects]: false,
|
|
10033
10035
|
[APP_DATA.background]: "none",
|
|
10034
10036
|
[APP_DATA.pollState]: {
|
|
10035
10037
|
[POLL_STATE.pollInView]: "",
|
|
@@ -11522,7 +11524,20 @@ var init_useDropdownList = __esm({
|
|
|
11522
11524
|
});
|
|
11523
11525
|
|
|
11524
11526
|
// src/Prebuilt/common/hooks.ts
|
|
11525
|
-
|
|
11527
|
+
function getResolution(recordingResolution) {
|
|
11528
|
+
if (!recordingResolution) {
|
|
11529
|
+
return void 0;
|
|
11530
|
+
}
|
|
11531
|
+
const resolution = RTMP_RECORD_DEFAULT_RESOLUTION;
|
|
11532
|
+
if (recordingResolution.width) {
|
|
11533
|
+
resolution.width = recordingResolution.width;
|
|
11534
|
+
}
|
|
11535
|
+
if (recordingResolution.height) {
|
|
11536
|
+
resolution.height = recordingResolution.height;
|
|
11537
|
+
}
|
|
11538
|
+
return resolution;
|
|
11539
|
+
}
|
|
11540
|
+
var import_react47, import_react_use5, import_join_form2, import_react_sdk14, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants, useIsLandscape, useLandscapeHLSStream, useMobileHLSStream, useKeyboardHandler, useRecordingHandler;
|
|
11526
11541
|
var init_hooks = __esm({
|
|
11527
11542
|
"src/Prebuilt/common/hooks.ts"() {
|
|
11528
11543
|
"use strict";
|
|
@@ -11531,8 +11546,10 @@ var init_hooks = __esm({
|
|
|
11531
11546
|
import_react_use5 = require("react-use");
|
|
11532
11547
|
import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
11533
11548
|
import_react_sdk14 = require("@100mslive/react-sdk");
|
|
11549
|
+
init_ToastManager();
|
|
11534
11550
|
init_Theme();
|
|
11535
11551
|
init_roomLayoutProvider();
|
|
11552
|
+
init_useUISettings();
|
|
11536
11553
|
init_useRoomLayoutScreen();
|
|
11537
11554
|
init_constants();
|
|
11538
11555
|
useFilteredRoles = () => {
|
|
@@ -11618,6 +11635,50 @@ var init_hooks = __esm({
|
|
|
11618
11635
|
);
|
|
11619
11636
|
return handleKeyEvent;
|
|
11620
11637
|
};
|
|
11638
|
+
useRecordingHandler = () => {
|
|
11639
|
+
const hmsActions = (0, import_react_sdk14.useHMSActions)();
|
|
11640
|
+
const recordingState = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectRecordingState);
|
|
11641
|
+
const [isRecordingLoading, setIsRecordingLoading] = (0, import_react47.useState)(false);
|
|
11642
|
+
const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
|
|
11643
|
+
(0, import_react47.useEffect)(() => {
|
|
11644
|
+
if (recordingState.browser.error && recordingStarted) {
|
|
11645
|
+
setRecordingState(false);
|
|
11646
|
+
}
|
|
11647
|
+
}, [recordingStarted, recordingState.browser.error, setRecordingState]);
|
|
11648
|
+
const startRecording = (0, import_react47.useCallback)(
|
|
11649
|
+
(resolution = null) => __async(void 0, null, function* () {
|
|
11650
|
+
try {
|
|
11651
|
+
setRecordingState(true);
|
|
11652
|
+
setIsRecordingLoading(true);
|
|
11653
|
+
yield hmsActions.startRTMPOrRecording({
|
|
11654
|
+
resolution: getResolution(resolution),
|
|
11655
|
+
record: true
|
|
11656
|
+
});
|
|
11657
|
+
} catch (error) {
|
|
11658
|
+
const err = error;
|
|
11659
|
+
if (err.message.includes("stream already running")) {
|
|
11660
|
+
ToastManager.addToast({
|
|
11661
|
+
title: "Recording already running",
|
|
11662
|
+
variant: "error"
|
|
11663
|
+
});
|
|
11664
|
+
} else {
|
|
11665
|
+
ToastManager.addToast({
|
|
11666
|
+
title: err.message,
|
|
11667
|
+
variant: "error"
|
|
11668
|
+
});
|
|
11669
|
+
}
|
|
11670
|
+
setRecordingState(false);
|
|
11671
|
+
}
|
|
11672
|
+
setIsRecordingLoading(false);
|
|
11673
|
+
}),
|
|
11674
|
+
[hmsActions, setRecordingState]
|
|
11675
|
+
);
|
|
11676
|
+
return {
|
|
11677
|
+
recordingStarted,
|
|
11678
|
+
startRecording,
|
|
11679
|
+
isRecordingLoading
|
|
11680
|
+
};
|
|
11681
|
+
};
|
|
11621
11682
|
}
|
|
11622
11683
|
});
|
|
11623
11684
|
|
|
@@ -13096,18 +13157,6 @@ var init_ResolutionInput = __esm({
|
|
|
13096
13157
|
});
|
|
13097
13158
|
|
|
13098
13159
|
// src/Prebuilt/components/Settings/StartRecording.jsx
|
|
13099
|
-
function getResolution(recordingResolution) {
|
|
13100
|
-
const resolution = {};
|
|
13101
|
-
if (recordingResolution.width) {
|
|
13102
|
-
resolution.width = recordingResolution.width;
|
|
13103
|
-
}
|
|
13104
|
-
if (recordingResolution.height) {
|
|
13105
|
-
resolution.height = recordingResolution.height;
|
|
13106
|
-
}
|
|
13107
|
-
if (Object.keys(resolution).length > 0) {
|
|
13108
|
-
return resolution;
|
|
13109
|
-
}
|
|
13110
|
-
}
|
|
13111
13160
|
var import_react60, import_react_sdk22, import_react_icons23, StartRecording, StartRecording_default;
|
|
13112
13161
|
var init_StartRecording = __esm({
|
|
13113
13162
|
"src/Prebuilt/components/Settings/StartRecording.jsx"() {
|
|
@@ -13119,12 +13168,12 @@ var init_StartRecording = __esm({
|
|
|
13119
13168
|
init_src();
|
|
13120
13169
|
init_ResolutionInput();
|
|
13121
13170
|
init_ToastManager();
|
|
13122
|
-
|
|
13171
|
+
init_hooks();
|
|
13123
13172
|
init_constants();
|
|
13124
13173
|
StartRecording = ({ open, onOpenChange }) => {
|
|
13125
13174
|
const permissions = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectPermissions);
|
|
13126
13175
|
const [resolution, setResolution] = (0, import_react60.useState)(RTMP_RECORD_DEFAULT_RESOLUTION);
|
|
13127
|
-
const
|
|
13176
|
+
const { startRecording, recordingStarted } = useRecordingHandler();
|
|
13128
13177
|
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk22.useRecordingStreaming)();
|
|
13129
13178
|
const hmsActions = (0, import_react_sdk22.useHMSActions)();
|
|
13130
13179
|
if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
|
|
@@ -13181,26 +13230,7 @@ var init_StartRecording = __esm({
|
|
|
13181
13230
|
type: "submit",
|
|
13182
13231
|
disabled: recordingStarted || isStreamingOn,
|
|
13183
13232
|
onClick: () => __async(void 0, null, function* () {
|
|
13184
|
-
|
|
13185
|
-
setRecordingState(true);
|
|
13186
|
-
yield hmsActions.startRTMPOrRecording({
|
|
13187
|
-
resolution: getResolution(resolution),
|
|
13188
|
-
record: true
|
|
13189
|
-
});
|
|
13190
|
-
} catch (error) {
|
|
13191
|
-
if (error.message.includes("stream already running")) {
|
|
13192
|
-
ToastManager.addToast({
|
|
13193
|
-
title: "Recording already running",
|
|
13194
|
-
variant: "error"
|
|
13195
|
-
});
|
|
13196
|
-
} else {
|
|
13197
|
-
ToastManager.addToast({
|
|
13198
|
-
title: error.message,
|
|
13199
|
-
variant: "error"
|
|
13200
|
-
});
|
|
13201
|
-
}
|
|
13202
|
-
setRecordingState(false);
|
|
13203
|
-
}
|
|
13233
|
+
yield startRecording(resolution);
|
|
13204
13234
|
onOpenChange(false);
|
|
13205
13235
|
})
|
|
13206
13236
|
},
|
|
@@ -19206,8 +19236,8 @@ var require_grammar = __commonJS({
|
|
|
19206
19236
|
var require_parser = __commonJS({
|
|
19207
19237
|
"../../node_modules/sdp-transform/lib/parser.js"(exports) {
|
|
19208
19238
|
init_define_process_env();
|
|
19209
|
-
var toIntIfInt = function(
|
|
19210
|
-
return String(Number(
|
|
19239
|
+
var toIntIfInt = function(v) {
|
|
19240
|
+
return String(Number(v)) === v ? Number(v) : v;
|
|
19211
19241
|
};
|
|
19212
19242
|
var attachProperties = function(match17, location, names, rawName) {
|
|
19213
19243
|
if (rawName && !names) {
|
|
@@ -19486,9 +19516,9 @@ function ie(a2) {
|
|
|
19486
19516
|
function ot(a2 = "prod", e) {
|
|
19487
19517
|
let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
19488
19518
|
if (Ce)
|
|
19489
|
-
return
|
|
19519
|
+
return bs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: As, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
19490
19520
|
let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = pr(`web_${r.name}`), l = r.version || "", u = pr(`${o.name}_${o.version}`), p = u;
|
|
19491
|
-
return s.type && (p = `${pr(`${s.vendor}_${s.type}`)}/${u}`),
|
|
19521
|
+
return s.type && (p = `${pr(`${s.vendor}_${s.type}`)}/${u}`), bs({ os: n, os_version: l, sdk: t, sdk_version: As, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
19492
19522
|
}
|
|
19493
19523
|
function pr(a2) {
|
|
19494
19524
|
return a2.replace(/ /g, "_");
|
|
@@ -19509,7 +19539,7 @@ function pm(a2) {
|
|
|
19509
19539
|
return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
19510
19540
|
};
|
|
19511
19541
|
}
|
|
19512
|
-
var import_ua_parser_js, import_lodash3, import_uuid3, import_uuid4, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Dt, import_eventemitter24, import_uuid9, import_uuid10, Ra, Ia, Ha, Ft, Kr, qr, $r,
|
|
19542
|
+
var import_ua_parser_js, import_lodash3, import_uuid3, import_uuid4, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Dt, import_eventemitter24, import_uuid9, import_uuid10, Ra, Ia, Ha, Ft, Kr, qr, $r, S, M, Zi, wa, ur, er, Da, jr, tr, Jr, B, Na, Dn, _n, G, Kt, Yr, D, ir, Oa, ye, xn, xa, oe, Ua, z, ue, Un, Bn, Z, q, Ba, Zr, Vn, Fn, sr, Va, Wn, $n, Kn, qn, jn, Jn, Qn, zn, at, Fa, Yn, Y, ts, Xn, ne, Zn, qt, Ga, is, ec, rs, tc, ic, rc, sc, ac, oc, nc, cc, ss, pc, Wa, hc, os, ar, ns, cs, ds, ls, us, ps, hs, ms, Ss, $a, d, pe, _, gs, Ce, qa, yc, Ts, fs, Ms, ys, Ve, y, f, Ja, m, cr, ks, ce, Es, As, bs, I, k, hr, j, mr, Sr, gr, ws, Ds, _s, Ns, Tr, Bs, fr, Vs, vr, Mr, Ws, $s, pt, Qe, gt, E, Cr, Tt, Zs, fo, vo, W, Lr, Mo, yo, ko, Eo, Po, Q, um, mm, Sm, ni, ea, gm, Tm, fm, Ao, bo, Mm, ta, ym, Ro, km, Em, Pm, Am, bm, Rm, ia, ra, Hm, Cm, sa, Lm, wm, aa, Dm, _m, Nm, oa, na, Io, Ho, Co, Om, xm, Um, Bm, Vm, ca, Ym, Lo, Xm, Zm, eS, Do, _o, Or, Te, $, Vi, Qi, en, tn, rn, sn, Aa, an, ba, Fr, ve, on, nn, cn, dn, ln, un, pn, hn, mn, Sn, Gr, gn, Tn, fn, vn, Mn, yn;
|
|
19513
19543
|
var init_dist = __esm({
|
|
19514
19544
|
"../hms-video-store/dist/index.js"() {
|
|
19515
19545
|
"use strict";
|
|
@@ -19544,7 +19574,7 @@ var init_dist = __esm({
|
|
|
19544
19574
|
Kr = Object.prototype.hasOwnProperty;
|
|
19545
19575
|
qr = Object.prototype.propertyIsEnumerable;
|
|
19546
19576
|
$r = (a2, e, t) => e in a2 ? Ra(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
19547
|
-
|
|
19577
|
+
S = (a2, e) => {
|
|
19548
19578
|
for (var t in e || (e = {}))
|
|
19549
19579
|
Kr.call(e, t) && $r(a2, t, e[t]);
|
|
19550
19580
|
if (Ft)
|
|
@@ -19552,7 +19582,7 @@ var init_dist = __esm({
|
|
|
19552
19582
|
qr.call(e, t) && $r(a2, t, e[t]);
|
|
19553
19583
|
return a2;
|
|
19554
19584
|
};
|
|
19555
|
-
|
|
19585
|
+
M = (a2, e) => Ia(a2, Ha(e));
|
|
19556
19586
|
Zi = (a2, e) => {
|
|
19557
19587
|
var t = {};
|
|
19558
19588
|
for (var i in a2)
|
|
@@ -19564,7 +19594,7 @@ var init_dist = __esm({
|
|
|
19564
19594
|
};
|
|
19565
19595
|
wa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
19566
19596
|
ur = wa((od, za) => {
|
|
19567
|
-
za.exports = { version: "0.12.
|
|
19597
|
+
za.exports = { version: "0.12.8-alpha.1", 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"] };
|
|
19568
19598
|
});
|
|
19569
19599
|
er = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(er || {});
|
|
19570
19600
|
Da = ((e) => (e.CHAT = "chat", e))(Da || {});
|
|
@@ -19786,7 +19816,7 @@ var init_dist = __esm({
|
|
|
19786
19816
|
Ms = ((fs = (Ts = pe.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
|
|
19787
19817
|
ys = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(ys || {});
|
|
19788
19818
|
Ve = ja();
|
|
19789
|
-
|
|
19819
|
+
y = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
|
|
19790
19820
|
f = class a extends Error {
|
|
19791
19821
|
constructor(t, i, r, s, o, n = false) {
|
|
19792
19822
|
super(s);
|
|
@@ -19817,98 +19847,98 @@ var init_dist = __esm({
|
|
|
19817
19847
|
}
|
|
19818
19848
|
};
|
|
19819
19849
|
Ja = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
19820
|
-
|
|
19821
|
-
return new f(
|
|
19850
|
+
m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
19851
|
+
return new f(y.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
19822
19852
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
19823
|
-
return new f(
|
|
19853
|
+
return new f(y.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
|
|
19824
19854
|
}, AbnormalClose(a2, e = "") {
|
|
19825
|
-
return new f(
|
|
19855
|
+
return new f(y.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
|
|
19826
19856
|
} }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
|
|
19827
19857
|
return new f(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
|
|
19828
19858
|
}, EndpointUnreachable(a2, e = "") {
|
|
19829
|
-
return new f(
|
|
19859
|
+
return new f(y.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
|
|
19830
19860
|
}, InvalidTokenFormat(a2, e = "") {
|
|
19831
|
-
return new f(
|
|
19861
|
+
return new f(y.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
|
|
19832
19862
|
}, InitConfigNotAvailable(a2, e = "") {
|
|
19833
|
-
return new f(
|
|
19863
|
+
return new f(y.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
|
|
19834
19864
|
} }, TracksErrors: { GenericTrack(a2, e = "") {
|
|
19835
|
-
return new f(
|
|
19865
|
+
return new f(y.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
|
|
19836
19866
|
}, CantAccessCaptureDevice(a2, e, t = "") {
|
|
19837
|
-
return new f(
|
|
19867
|
+
return new f(y.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
|
|
19838
19868
|
}, DeviceNotAvailable(a2, e, t = "") {
|
|
19839
|
-
return new f(
|
|
19869
|
+
return new f(y.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
|
|
19840
19870
|
}, DeviceInUse(a2, e, t = "") {
|
|
19841
|
-
return new f(
|
|
19871
|
+
return new f(y.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
|
|
19842
19872
|
}, DeviceLostMidway(a2, e, t = "") {
|
|
19843
|
-
return new f(
|
|
19873
|
+
return new f(y.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
|
|
19844
19874
|
}, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
|
|
19845
|
-
return new f(
|
|
19875
|
+
return new f(y.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
|
|
19846
19876
|
}, InvalidVideoSettings(a2, e = "") {
|
|
19847
|
-
return new f(
|
|
19877
|
+
return new f(y.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
|
|
19848
19878
|
}, AutoplayBlocked(a2, e = "") {
|
|
19849
|
-
return new f(
|
|
19879
|
+
return new f(y.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
|
|
19850
19880
|
}, CodecChangeNotPermitted(a2, e = "") {
|
|
19851
|
-
return new f(
|
|
19881
|
+
return new f(y.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
|
|
19852
19882
|
}, OverConstrained(a2, e, t = "") {
|
|
19853
|
-
return new f(
|
|
19883
|
+
return new f(y.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
|
|
19854
19884
|
}, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
|
|
19855
|
-
return new f(
|
|
19885
|
+
return new f(y.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
|
|
19856
19886
|
}, SystemDeniedPermission(a2, e, t = "") {
|
|
19857
|
-
return new f(
|
|
19887
|
+
return new f(y.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
|
|
19858
19888
|
}, CurrentTabNotShared() {
|
|
19859
|
-
return new f(
|
|
19889
|
+
return new f(y.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
|
|
19860
19890
|
}, AudioPlaybackError(a2) {
|
|
19861
|
-
return new f(
|
|
19891
|
+
return new f(y.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
|
|
19862
19892
|
}, SelectedDeviceMissing(a2) {
|
|
19863
|
-
return new f(
|
|
19893
|
+
return new f(y.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
|
|
19864
19894
|
} }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
|
|
19865
|
-
return new f(
|
|
19895
|
+
return new f(y.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
|
|
19866
19896
|
}, CreateAnswerFailed(a2, e = "") {
|
|
19867
|
-
return new f(
|
|
19897
|
+
return new f(y.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
|
|
19868
19898
|
}, SetLocalDescriptionFailed(a2, e = "") {
|
|
19869
|
-
return new f(
|
|
19899
|
+
return new f(y.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
|
|
19870
19900
|
}, SetRemoteDescriptionFailed(a2, e = "") {
|
|
19871
|
-
return new f(
|
|
19901
|
+
return new f(y.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
|
|
19872
19902
|
}, ICEFailure(a2, e = "", t = false) {
|
|
19873
|
-
return new f(
|
|
19903
|
+
return new f(y.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
|
|
19874
19904
|
}, ICEDisconnected(a2, e = "") {
|
|
19875
|
-
return new f(
|
|
19905
|
+
return new f(y.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
|
|
19876
19906
|
}, StatsFailed(a2, e = "") {
|
|
19877
|
-
return new f(
|
|
19907
|
+
return new f(y.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
19878
19908
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
19879
19909
|
return new f(a2, "ServerErrors", e, t, t, Ja.includes(e));
|
|
19880
19910
|
}, AlreadyJoined(a2, e = "") {
|
|
19881
|
-
return new f(
|
|
19911
|
+
return new f(y.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
19882
19912
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
19883
|
-
return new f(
|
|
19913
|
+
return new f(y.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
|
|
19884
19914
|
} }, GenericErrors: { NotConnected(a2, e = "") {
|
|
19885
|
-
return new f(
|
|
19915
|
+
return new f(y.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
|
|
19886
19916
|
}, Signalling(a2, e) {
|
|
19887
|
-
return new f(
|
|
19917
|
+
return new f(y.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
|
|
19888
19918
|
}, Unknown(a2, e) {
|
|
19889
|
-
return new f(
|
|
19919
|
+
return new f(y.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
|
|
19890
19920
|
}, NotReady(a2, e = "") {
|
|
19891
|
-
return new f(
|
|
19921
|
+
return new f(y.GenericErrors.NOT_READY, "NotReady", a2, e, e);
|
|
19892
19922
|
}, JsonParsingFailed(a2, e, t = "") {
|
|
19893
|
-
return new f(
|
|
19923
|
+
return new f(y.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
|
|
19894
19924
|
}, TrackMetadataMissing(a2, e = "") {
|
|
19895
|
-
return new f(
|
|
19925
|
+
return new f(y.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
|
|
19896
19926
|
}, RTCTrackMissing(a2, e = "") {
|
|
19897
|
-
return new f(
|
|
19927
|
+
return new f(y.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
|
|
19898
19928
|
}, PeerMetadataMissing(a2, e = "") {
|
|
19899
|
-
return new f(
|
|
19929
|
+
return new f(y.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
|
|
19900
19930
|
}, ValidationFailed(a2, e) {
|
|
19901
|
-
return new f(
|
|
19931
|
+
return new f(y.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
|
|
19902
19932
|
}, InvalidRole(a2, e) {
|
|
19903
|
-
return new f(
|
|
19933
|
+
return new f(y.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
|
|
19904
19934
|
}, PreviewAlreadyInProgress(a2, e = "") {
|
|
19905
|
-
return new f(
|
|
19935
|
+
return new f(y.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
|
|
19906
19936
|
}, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
|
|
19907
|
-
return new f(
|
|
19937
|
+
return new f(y.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
|
|
19908
19938
|
}, MissingMediaDevices() {
|
|
19909
|
-
return new f(
|
|
19939
|
+
return new f(y.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
|
|
19910
19940
|
}, MissingRTCPeerConnection() {
|
|
19911
|
-
return new f(
|
|
19941
|
+
return new f(y.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
|
|
19912
19942
|
} }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
|
|
19913
19943
|
return new f(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
|
|
19914
19944
|
}, InitFailed(a2, e = "") {
|
|
@@ -19920,9 +19950,9 @@ var init_dist = __esm({
|
|
|
19920
19950
|
}, DeviceNotSupported(a2, e = "") {
|
|
19921
19951
|
return new f(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
|
|
19922
19952
|
} }, PlaylistErrors: { NoEntryToPlay(a2, e) {
|
|
19923
|
-
return new f(
|
|
19953
|
+
return new f(y.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
|
|
19924
19954
|
}, NoEntryPlaying(a2, e) {
|
|
19925
|
-
return new f(
|
|
19955
|
+
return new f(y.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
|
|
19926
19956
|
} } };
|
|
19927
19957
|
cr = class {
|
|
19928
19958
|
constructor() {
|
|
@@ -19953,7 +19983,7 @@ var init_dist = __esm({
|
|
|
19953
19983
|
try {
|
|
19954
19984
|
_ && !localStorage && (window.localStorage = new cr());
|
|
19955
19985
|
} catch (a2) {
|
|
19956
|
-
d.e("Error initialising localStorage",
|
|
19986
|
+
d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
|
|
19957
19987
|
}
|
|
19958
19988
|
};
|
|
19959
19989
|
ce = class {
|
|
@@ -19965,7 +19995,7 @@ var init_dist = __esm({
|
|
|
19965
19995
|
try {
|
|
19966
19996
|
return _ && !this.storage && (ks(), this.storage = window.localStorage), this.storage;
|
|
19967
19997
|
} catch (e) {
|
|
19968
|
-
return d.e("Error initialising localStorage",
|
|
19998
|
+
return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
|
|
19969
19999
|
}
|
|
19970
20000
|
}
|
|
19971
20001
|
get() {
|
|
@@ -19987,20 +20017,20 @@ var init_dist = __esm({
|
|
|
19987
20017
|
let a2, e = new ce("hms-analytics-deviceId"), t = e.get();
|
|
19988
20018
|
return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
|
|
19989
20019
|
};
|
|
19990
|
-
|
|
19991
|
-
|
|
20020
|
+
As = ur().version;
|
|
20021
|
+
bs = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
19992
20022
|
I = class {
|
|
19993
20023
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
19994
20024
|
this.metadata = { peer: {}, userAgent: ot() };
|
|
19995
20025
|
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = Es();
|
|
19996
20026
|
}
|
|
19997
20027
|
toSignalParams() {
|
|
19998
|
-
return { name: this.name, info:
|
|
20028
|
+
return { name: this.name, info: M(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
|
19999
20029
|
}
|
|
20000
20030
|
};
|
|
20001
|
-
|
|
20031
|
+
k = class {
|
|
20002
20032
|
static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
|
|
20003
|
-
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(
|
|
20033
|
+
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(M(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
|
|
20004
20034
|
return new I({ name: o, level: n, properties: l });
|
|
20005
20035
|
}
|
|
20006
20036
|
static disconnect(e, t) {
|
|
@@ -20014,7 +20044,7 @@ var init_dist = __esm({
|
|
|
20014
20044
|
}
|
|
20015
20045
|
static join(i) {
|
|
20016
20046
|
var r = i, { error: e } = r, t = Zi(r, ["error"]);
|
|
20017
|
-
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(
|
|
20047
|
+
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
|
20018
20048
|
return new I({ name: s, level: o, properties: n });
|
|
20019
20049
|
}
|
|
20020
20050
|
static publish({ devices: e, settings: t, error: i }) {
|
|
@@ -20057,7 +20087,7 @@ var init_dist = __esm({
|
|
|
20057
20087
|
let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
|
|
20058
20088
|
if (!t && e.degradedAt instanceof Date) {
|
|
20059
20089
|
let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
|
|
20060
|
-
s =
|
|
20090
|
+
s = M(S({}, s), { duration: n, restoredAt: o });
|
|
20061
20091
|
}
|
|
20062
20092
|
return new I({ name: i, level: r, properties: s });
|
|
20063
20093
|
}
|
|
@@ -20082,13 +20112,13 @@ var init_dist = __esm({
|
|
|
20082
20112
|
}
|
|
20083
20113
|
static getPropertiesWithError(e, t) {
|
|
20084
20114
|
let i = this.getErrorProperties(t);
|
|
20085
|
-
return e =
|
|
20115
|
+
return e = S(S({}, i), e), e;
|
|
20086
20116
|
}
|
|
20087
20117
|
static getErrorProperties(e) {
|
|
20088
20118
|
return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
|
|
20089
20119
|
}
|
|
20090
20120
|
};
|
|
20091
|
-
|
|
20121
|
+
k.KEY_REQUESTED_AT = "requested_at", k.KEY_RESPONDED_AT = "responded_at";
|
|
20092
20122
|
hr = class {
|
|
20093
20123
|
constructor() {
|
|
20094
20124
|
this.storage = new ce("hms-device-selection");
|
|
@@ -20196,7 +20226,7 @@ var init_dist = __esm({
|
|
|
20196
20226
|
};
|
|
20197
20227
|
Qe.makePeerId = () => (0, import_uuid7.v4)();
|
|
20198
20228
|
gt = "HMS-Store:";
|
|
20199
|
-
|
|
20229
|
+
E = class {
|
|
20200
20230
|
static v(e, ...t) {
|
|
20201
20231
|
this.log(0, e, ...t);
|
|
20202
20232
|
}
|
|
@@ -20261,7 +20291,7 @@ var init_dist = __esm({
|
|
|
20261
20291
|
}
|
|
20262
20292
|
}
|
|
20263
20293
|
};
|
|
20264
|
-
|
|
20294
|
+
E.level = 0;
|
|
20265
20295
|
Cr = (a2, e) => e;
|
|
20266
20296
|
Tt = (a2, e) => e;
|
|
20267
20297
|
Zs = (a2, e) => e;
|
|
@@ -20306,12 +20336,12 @@ var init_dist = __esm({
|
|
|
20306
20336
|
gm = R(yo);
|
|
20307
20337
|
Tm = R(ko);
|
|
20308
20338
|
fm = R(Eo);
|
|
20309
|
-
|
|
20339
|
+
Ao = R((a2, e) => {
|
|
20310
20340
|
let t = W(a2, e);
|
|
20311
20341
|
if (t && t.videoTrack && t.videoTrack !== "")
|
|
20312
20342
|
return a2.tracks[t.videoTrack];
|
|
20313
20343
|
});
|
|
20314
|
-
|
|
20344
|
+
bo = R((a2, e) => {
|
|
20315
20345
|
let t = W(a2, e);
|
|
20316
20346
|
if (t && t.audioTrack && t.audioTrack !== "")
|
|
20317
20347
|
return a2.tracks[t.audioTrack];
|
|
@@ -20323,7 +20353,7 @@ var init_dist = __esm({
|
|
|
20323
20353
|
ta = (a2, e) => e ? a2.speakers[e] : null;
|
|
20324
20354
|
ym = R(createSelector(ta, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
20325
20355
|
Ro = (a2, e) => {
|
|
20326
|
-
let t =
|
|
20356
|
+
let t = bo(e)(a2);
|
|
20327
20357
|
return ta(a2, t == null ? void 0 : t.id);
|
|
20328
20358
|
};
|
|
20329
20359
|
km = R(createSelector(Ro, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
@@ -20338,14 +20368,14 @@ var init_dist = __esm({
|
|
|
20338
20368
|
return i ? a2.tracks[i] : void 0;
|
|
20339
20369
|
}
|
|
20340
20370
|
});
|
|
20341
|
-
|
|
20371
|
+
Am = R(createSelector(D, W, (a2, e) => {
|
|
20342
20372
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
20343
20373
|
let r = a2[i];
|
|
20344
20374
|
return rt(r) && it(r);
|
|
20345
20375
|
});
|
|
20346
20376
|
return t ? a2[t] : void 0;
|
|
20347
20377
|
}));
|
|
20348
|
-
|
|
20378
|
+
bm = R(createSelector(D, W, (a2, e) => {
|
|
20349
20379
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
20350
20380
|
let r = a2[i];
|
|
20351
20381
|
return rt(r) && tt(r);
|
|
@@ -20385,7 +20415,7 @@ var init_dist = __esm({
|
|
|
20385
20415
|
let t = Lr(a2, e);
|
|
20386
20416
|
if (t) {
|
|
20387
20417
|
if (t.type !== "audio") {
|
|
20388
|
-
|
|
20418
|
+
E.w("Please pass audio track here");
|
|
20389
20419
|
return;
|
|
20390
20420
|
}
|
|
20391
20421
|
return t.volume;
|
|
@@ -20403,7 +20433,7 @@ var init_dist = __esm({
|
|
|
20403
20433
|
let t = Lr(a2, e);
|
|
20404
20434
|
if (t) {
|
|
20405
20435
|
if (t.type !== "video") {
|
|
20406
|
-
|
|
20436
|
+
E.w("Please pass video track here");
|
|
20407
20437
|
return;
|
|
20408
20438
|
}
|
|
20409
20439
|
return t.layer;
|
|
@@ -20504,11 +20534,11 @@ var init_dist = __esm({
|
|
|
20504
20534
|
tn = (a2) => a2.localPeer.audioTrack;
|
|
20505
20535
|
rn = (a2) => a2.localPeer.videoTrack;
|
|
20506
20536
|
sn = (a2, e) => e;
|
|
20507
|
-
|
|
20537
|
+
Aa = (a2, e) => e;
|
|
20508
20538
|
an = (a2) => a2.remoteTrackStats;
|
|
20509
|
-
|
|
20539
|
+
ba = (a2) => a2.peerStats;
|
|
20510
20540
|
Fr = (a2) => a2.localTrackStats;
|
|
20511
|
-
ve = createSelector([
|
|
20541
|
+
ve = createSelector([ba, en], (a2, e) => a2[e]);
|
|
20512
20542
|
on = createSelector(ve, (a2) => {
|
|
20513
20543
|
var e;
|
|
20514
20544
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
@@ -20541,9 +20571,9 @@ var init_dist = __esm({
|
|
|
20541
20571
|
var e;
|
|
20542
20572
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
20543
20573
|
});
|
|
20544
|
-
mn = createSelector([
|
|
20545
|
-
Sn = createSelector([an,
|
|
20546
|
-
Gr = createSelector([Fr,
|
|
20574
|
+
mn = createSelector([ba, sn], (a2, e) => e ? a2[e] : void 0);
|
|
20575
|
+
Sn = createSelector([an, Aa], (a2, e) => e ? a2[e] : void 0);
|
|
20576
|
+
Gr = createSelector([Fr, Aa], (a2, e) => e ? a2[e] : void 0);
|
|
20547
20577
|
gn = R(mn);
|
|
20548
20578
|
Tn = R(Sn);
|
|
20549
20579
|
fn = createSelector([Fr, tn], (a2, e) => {
|
|
@@ -20747,9 +20777,8 @@ var init_StreamActions = __esm({
|
|
|
20747
20777
|
init_ToastManager();
|
|
20748
20778
|
init_AdditionalRoomState();
|
|
20749
20779
|
init_useRoomLayoutScreen();
|
|
20750
|
-
|
|
20780
|
+
init_hooks();
|
|
20751
20781
|
init_utils2();
|
|
20752
|
-
init_constants();
|
|
20753
20782
|
LiveStatus = () => {
|
|
20754
20783
|
var _a8;
|
|
20755
20784
|
const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk32.useRecordingStreaming)();
|
|
@@ -20862,7 +20891,7 @@ var init_StreamActions = __esm({
|
|
|
20862
20891
|
StartRecording2 = () => {
|
|
20863
20892
|
const permissions = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectPermissions);
|
|
20864
20893
|
const [open, setOpen] = (0, import_react72.useState)(false);
|
|
20865
|
-
const
|
|
20894
|
+
const { startRecording, recordingStarted } = useRecordingHandler();
|
|
20866
20895
|
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk32.useRecordingStreaming)();
|
|
20867
20896
|
const hmsActions = (0, import_react_sdk32.useHMSActions)();
|
|
20868
20897
|
if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
|
|
@@ -20900,26 +20929,7 @@ var init_StreamActions = __esm({
|
|
|
20900
20929
|
icon: true,
|
|
20901
20930
|
disabled: recordingStarted || isStreamingOn,
|
|
20902
20931
|
onClick: () => __async(void 0, null, function* () {
|
|
20903
|
-
|
|
20904
|
-
setRecordingState(true);
|
|
20905
|
-
yield hmsActions.startRTMPOrRecording({
|
|
20906
|
-
record: true
|
|
20907
|
-
});
|
|
20908
|
-
} catch (error) {
|
|
20909
|
-
const err = error;
|
|
20910
|
-
if (err.message.includes("stream already running")) {
|
|
20911
|
-
ToastManager.addToast({
|
|
20912
|
-
title: "Recording already running",
|
|
20913
|
-
variant: "error"
|
|
20914
|
-
});
|
|
20915
|
-
} else {
|
|
20916
|
-
ToastManager.addToast({
|
|
20917
|
-
title: err.message,
|
|
20918
|
-
variant: "error"
|
|
20919
|
-
});
|
|
20920
|
-
}
|
|
20921
|
-
setRecordingState(false);
|
|
20922
|
-
}
|
|
20932
|
+
yield startRecording();
|
|
20923
20933
|
})
|
|
20924
20934
|
},
|
|
20925
20935
|
recordingStarted ? /* @__PURE__ */ import_react72.default.createElement(Loading, { size: 24, color: "currentColor" }) : /* @__PURE__ */ import_react72.default.createElement(import_react_icons29.RecordIcon, null),
|
|
@@ -21301,7 +21311,6 @@ var init_MwebOptions = __esm({
|
|
|
21301
21311
|
const [openSettingsSheet, setOpenSettingsSheet] = (0, import_react78.useState)(false);
|
|
21302
21312
|
const [showEmojiCard, setShowEmojiCard] = (0, import_react78.useState)(false);
|
|
21303
21313
|
const [showRecordingOn, setShowRecordingOn] = (0, import_react78.useState)(false);
|
|
21304
|
-
const [isRecordingLoading, setIsRecordingLoading] = (0, import_react78.useState)(false);
|
|
21305
21314
|
const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
21306
21315
|
const { showPolls } = useShowPolls();
|
|
21307
21316
|
const togglePollView = usePollViewToggle();
|
|
@@ -21315,6 +21324,7 @@ var init_MwebOptions = __esm({
|
|
|
21315
21324
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
21316
21325
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
21317
21326
|
const isLocalVideoEnabled = (0, import_react_sdk36.useHMSStore)(import_react_sdk36.selectIsLocalVideoEnabled);
|
|
21327
|
+
const { startRecording, isRecordingLoading } = useRecordingHandler();
|
|
21318
21328
|
useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
|
|
21319
21329
|
const updateState = (modalName, value) => {
|
|
21320
21330
|
setOpenModals((modals) => {
|
|
@@ -21452,28 +21462,8 @@ var init_MwebOptions = __esm({
|
|
|
21452
21462
|
setOpenOptionsSheet(false);
|
|
21453
21463
|
setShowRecordingOn(true);
|
|
21454
21464
|
} else {
|
|
21455
|
-
|
|
21456
|
-
|
|
21457
|
-
yield hmsActions.startRTMPOrRecording({
|
|
21458
|
-
record: true
|
|
21459
|
-
});
|
|
21460
|
-
setOpenOptionsSheet(false);
|
|
21461
|
-
setIsRecordingLoading(false);
|
|
21462
|
-
} catch (error) {
|
|
21463
|
-
if (error.message.includes("stream already running")) {
|
|
21464
|
-
ToastManager.addToast({
|
|
21465
|
-
title: "Recording already running",
|
|
21466
|
-
variant: "error"
|
|
21467
|
-
});
|
|
21468
|
-
} else {
|
|
21469
|
-
ToastManager.addToast({
|
|
21470
|
-
// @ts-ignore
|
|
21471
|
-
title: error.message,
|
|
21472
|
-
variant: "error"
|
|
21473
|
-
});
|
|
21474
|
-
}
|
|
21475
|
-
setIsRecordingLoading(false);
|
|
21476
|
-
}
|
|
21465
|
+
yield startRecording();
|
|
21466
|
+
setOpenOptionsSheet(false);
|
|
21477
21467
|
}
|
|
21478
21468
|
if (isHLSRunning) {
|
|
21479
21469
|
setOpenOptionsSheet(false);
|
|
@@ -22177,6 +22167,7 @@ var init_VBToggle = __esm({
|
|
|
22177
22167
|
import_react88 = __toESM(require("react"));
|
|
22178
22168
|
import_react_sdk39 = require("@100mslive/react-sdk");
|
|
22179
22169
|
import_react_icons37 = require("@100mslive/react-icons");
|
|
22170
|
+
init_Loading2();
|
|
22180
22171
|
init_Tooltip2();
|
|
22181
22172
|
init_IconButton3();
|
|
22182
22173
|
init_useSidepane();
|
|
@@ -22186,10 +22177,11 @@ var init_VBToggle = __esm({
|
|
|
22186
22177
|
const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
|
|
22187
22178
|
const isVideoOn = (0, import_react_sdk39.useHMSStore)(import_react_sdk39.selectIsLocalVideoEnabled);
|
|
22188
22179
|
const isEffectsEnabled = (0, import_react_sdk39.useHMSStore)(import_react_sdk39.selectIsEffectsEnabled);
|
|
22180
|
+
const loadingEffects = (0, import_react_sdk39.useHMSStore)((0, import_react_sdk39.selectAppData)(APP_DATA.loadingEffects));
|
|
22189
22181
|
if (!isVideoOn || !isEffectsEnabled && isSafari) {
|
|
22190
22182
|
return null;
|
|
22191
22183
|
}
|
|
22192
|
-
return /* @__PURE__ */ import_react88.default.createElement(Tooltip, { side: "top", disabled: isVBOpen, title: "Configure Virtual Background" }, /* @__PURE__ */ import_react88.default.createElement(IconButton_default, { active: !isVBOpen, onClick: toggleVB, "data-testid": "virtual_bg_btn" }, /* @__PURE__ */ import_react88.default.createElement(import_react_icons37.VirtualBackgroundIcon, null)));
|
|
22184
|
+
return /* @__PURE__ */ import_react88.default.createElement(Tooltip, { side: "top", disabled: isVBOpen, title: "Configure Virtual Background" }, /* @__PURE__ */ import_react88.default.createElement(IconButton_default, { active: !isVBOpen, onClick: toggleVB, "data-testid": "virtual_bg_btn" }, loadingEffects ? /* @__PURE__ */ import_react88.default.createElement(Loading, { size: 18 }) : /* @__PURE__ */ import_react88.default.createElement(import_react_icons37.VirtualBackgroundIcon, null)));
|
|
22193
22185
|
};
|
|
22194
22186
|
}
|
|
22195
22187
|
});
|
|
@@ -25234,13 +25226,13 @@ var init_RoomDetailsPane = __esm({
|
|
|
25234
25226
|
RoomDetailsPane = () => {
|
|
25235
25227
|
const { description } = useRoomLayoutHeader();
|
|
25236
25228
|
const isMwebHLSStream = useMobileHLSStream();
|
|
25237
|
-
return /* @__PURE__ */ import_react126.default.createElement(Box, { css: { flex: "1 1 0" } }, isMwebHLSStream ? /* @__PURE__ */ import_react126.default.createElement(Flex, { direction: "row", align: "center", gap: "2" }, /* @__PURE__ */ import_react126.default.createElement(Logo, null), /* @__PURE__ */ import_react126.default.createElement(ShowRoomDetailHeader, null)) : /* @__PURE__ */ import_react126.default.createElement(ShowRoomDetailHeader, null), /* @__PURE__ */ import_react126.default.createElement(Box, { css: { mt: "$10" } }, /* @__PURE__ */ import_react126.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold", display: isMwebHLSStream ? "none" : "" } }, "Description"), /* @__PURE__ */ import_react126.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_medium" } }, description)));
|
|
25229
|
+
return /* @__PURE__ */ import_react126.default.createElement(Box, { css: { flex: "1 1 0", position: "relative" } }, isMwebHLSStream ? /* @__PURE__ */ import_react126.default.createElement(Flex, { direction: "row", align: "center", gap: "2" }, /* @__PURE__ */ import_react126.default.createElement(Logo, null), /* @__PURE__ */ import_react126.default.createElement(ShowRoomDetailHeader, null)) : /* @__PURE__ */ import_react126.default.createElement(ShowRoomDetailHeader, null), /* @__PURE__ */ import_react126.default.createElement(Box, { css: { mt: "$10" } }, /* @__PURE__ */ import_react126.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold", display: isMwebHLSStream ? "none" : "" } }, "Description"), /* @__PURE__ */ import_react126.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_medium" } }, description)));
|
|
25238
25230
|
};
|
|
25239
25231
|
ShowRoomDetailHeader = () => {
|
|
25240
25232
|
const { title, details } = useRoomLayoutHeader();
|
|
25241
25233
|
const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
|
|
25242
25234
|
const isMwebHLSStream = useMobileHLSStream();
|
|
25243
|
-
return /* @__PURE__ */ import_react126.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react126.default.createElement(Flex, { justify: "between", align: "center", css: { w: "100%" } }, /* @__PURE__ */ import_react126.default.createElement(Text, { variant: "h6" }, title), !isMwebHLSStream && /* @__PURE__ */ import_react126.default.createElement(
|
|
25235
|
+
return /* @__PURE__ */ import_react126.default.createElement(Flex, { direction: "column", css: { position: "sticky", top: 0, bg: "$surface_dim" } }, /* @__PURE__ */ import_react126.default.createElement(Flex, { justify: "between", align: "center", css: { w: "100%" } }, /* @__PURE__ */ import_react126.default.createElement(Text, { variant: "h6" }, title), !isMwebHLSStream && /* @__PURE__ */ import_react126.default.createElement(
|
|
25244
25236
|
Flex,
|
|
25245
25237
|
{
|
|
25246
25238
|
onClick: toggleDetailsPane,
|
|
@@ -28081,7 +28073,7 @@ var init_VBOption = __esm({
|
|
|
28081
28073
|
"&:hover": { border: "4px solid $primary_dim" }
|
|
28082
28074
|
}, mediaURL ? { height: "$20", backgroundImage: `url(${mediaURL})`, backgroundSize: "cover" } : {}),
|
|
28083
28075
|
onClick: () => __async(void 0, null, function* () {
|
|
28084
|
-
|
|
28076
|
+
yield onClick == null ? void 0 : onClick();
|
|
28085
28077
|
})
|
|
28086
28078
|
},
|
|
28087
28079
|
children
|
|
@@ -28143,12 +28135,12 @@ var init_VBHandler = __esm({
|
|
|
28143
28135
|
import_hms_virtual_background2 = require("@100mslive/hms-virtual-background");
|
|
28144
28136
|
VBPlugin = class {
|
|
28145
28137
|
constructor() {
|
|
28146
|
-
this.initialisePlugin = (effectsSDKKey) => {
|
|
28138
|
+
this.initialisePlugin = (effectsSDKKey, onInit) => {
|
|
28147
28139
|
if (this.getVBObject()) {
|
|
28148
28140
|
return;
|
|
28149
28141
|
}
|
|
28150
28142
|
if (effectsSDKKey) {
|
|
28151
|
-
this.effectsPlugin = new import_hms_virtual_background2.HMSEffectsPlugin(effectsSDKKey);
|
|
28143
|
+
this.effectsPlugin = new import_hms_virtual_background2.HMSEffectsPlugin(effectsSDKKey, onInit);
|
|
28152
28144
|
} else {
|
|
28153
28145
|
this.hmsPlugin = new import_hms_virtual_background2.HMSVBPlugin(import_hms_virtual_background2.HMSVirtualBackgroundTypes.NONE, import_hms_virtual_background2.HMSVirtualBackgroundTypes.NONE);
|
|
28154
28146
|
}
|
|
@@ -28256,12 +28248,13 @@ var init_constants4 = __esm({
|
|
|
28256
28248
|
});
|
|
28257
28249
|
|
|
28258
28250
|
// src/Prebuilt/components/VirtualBackground/VBPicker.tsx
|
|
28259
|
-
var import_react154, import_hms_virtual_background3, import_react_sdk78, import_react_icons76, iconDims, VBPicker;
|
|
28251
|
+
var import_react154, import_react_use27, import_hms_virtual_background3, import_react_sdk78, import_react_icons76, iconDims, VBPicker;
|
|
28260
28252
|
var init_VBPicker = __esm({
|
|
28261
28253
|
"src/Prebuilt/components/VirtualBackground/VBPicker.tsx"() {
|
|
28262
28254
|
"use strict";
|
|
28263
28255
|
init_define_process_env();
|
|
28264
28256
|
import_react154 = __toESM(require("react"));
|
|
28257
|
+
import_react_use27 = require("react-use");
|
|
28265
28258
|
init_dist();
|
|
28266
28259
|
import_hms_virtual_background3 = require("@100mslive/hms-virtual-background");
|
|
28267
28260
|
import_react_sdk78 = require("@100mslive/react-sdk");
|
|
@@ -28290,6 +28283,8 @@ var init_VBPicker = __esm({
|
|
|
28290
28283
|
const isLargeRoom = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectIsLargeRoom);
|
|
28291
28284
|
const isEffectsEnabled = (0, import_react_sdk78.useHMSStore)(nc);
|
|
28292
28285
|
const effectsKey = (0, import_react_sdk78.useHMSStore)(cc);
|
|
28286
|
+
const isMobile = (0, import_react_use27.useMedia)(config.media.md);
|
|
28287
|
+
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
28293
28288
|
const isPluginAdded = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
28294
28289
|
const background = (0, import_react_sdk78.useHMSStore)(um(APP_DATA.background));
|
|
28295
28290
|
const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
|
|
@@ -28300,13 +28295,15 @@ var init_VBPicker = __esm({
|
|
|
28300
28295
|
return;
|
|
28301
28296
|
}
|
|
28302
28297
|
if (!isPluginAdded) {
|
|
28298
|
+
setLoadingEffects(true);
|
|
28303
28299
|
let vbObject = VBHandler.getVBObject();
|
|
28304
28300
|
if (!vbObject) {
|
|
28305
|
-
VBHandler.initialisePlugin(isEffectsEnabled && effectsKey ? effectsKey : "");
|
|
28301
|
+
VBHandler.initialisePlugin(isEffectsEnabled && effectsKey ? effectsKey : "", () => setLoadingEffects(false));
|
|
28306
28302
|
vbObject = VBHandler.getVBObject();
|
|
28307
28303
|
if (isEffectsEnabled && effectsKey) {
|
|
28308
28304
|
hmsActions.addPluginsToVideoStream([vbObject]);
|
|
28309
28305
|
} else {
|
|
28306
|
+
setLoadingEffects(false);
|
|
28310
28307
|
if (!role) {
|
|
28311
28308
|
return;
|
|
28312
28309
|
}
|
|
@@ -28328,13 +28325,24 @@ var init_VBPicker = __esm({
|
|
|
28328
28325
|
});
|
|
28329
28326
|
handleDefaultBackground();
|
|
28330
28327
|
}
|
|
28331
|
-
}, [
|
|
28328
|
+
}, [
|
|
28329
|
+
hmsActions,
|
|
28330
|
+
role,
|
|
28331
|
+
isPluginAdded,
|
|
28332
|
+
isEffectsEnabled,
|
|
28333
|
+
effectsKey,
|
|
28334
|
+
track == null ? void 0 : track.id,
|
|
28335
|
+
background,
|
|
28336
|
+
blurAmount,
|
|
28337
|
+
setLoadingEffects
|
|
28338
|
+
]);
|
|
28332
28339
|
(0, import_react154.useEffect)(() => {
|
|
28333
28340
|
if (!isVideoOn) {
|
|
28334
28341
|
toggleVB();
|
|
28335
28342
|
}
|
|
28336
|
-
|
|
28337
|
-
|
|
28343
|
+
return () => setLoadingEffects(false);
|
|
28344
|
+
}, [isVideoOn, setLoadingEffects, toggleVB]);
|
|
28345
|
+
return /* @__PURE__ */ import_react154.default.createElement(Flex, { css: { pr: "$6", size: "100%" }, direction: "column" }, /* @__PURE__ */ import_react154.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", background: "$surface_dim", pb: "$4" } }, /* @__PURE__ */ import_react154.default.createElement(Text, { variant: "h6", css: { color: "$on_surface_high", display: "flex", alignItems: "center" } }, "Virtual Background ", isMobile && loadingEffects ? /* @__PURE__ */ import_react154.default.createElement(Loading, { size: 18, style: { marginLeft: "0.5rem" } }) : ""), /* @__PURE__ */ import_react154.default.createElement(
|
|
28338
28346
|
Box,
|
|
28339
28347
|
{
|
|
28340
28348
|
css: { color: "$on_surface_high", "&:hover": { color: "$on_surface_medium" }, cursor: "pointer" },
|
|
@@ -28424,13 +28432,13 @@ var init_VBPicker = __esm({
|
|
|
28424
28432
|
});
|
|
28425
28433
|
|
|
28426
28434
|
// src/Prebuilt/layouts/SidePane.tsx
|
|
28427
|
-
var import_react155,
|
|
28435
|
+
var import_react155, import_react_use28, import_ts_pattern11, import_react_sdk79, Wrapper3, SidePane, SidePane_default;
|
|
28428
28436
|
var init_SidePane = __esm({
|
|
28429
28437
|
"src/Prebuilt/layouts/SidePane.tsx"() {
|
|
28430
28438
|
"use strict";
|
|
28431
28439
|
init_define_process_env();
|
|
28432
28440
|
import_react155 = __toESM(require("react"));
|
|
28433
|
-
|
|
28441
|
+
import_react_use28 = require("react-use");
|
|
28434
28442
|
import_ts_pattern11 = require("ts-pattern");
|
|
28435
28443
|
import_react_sdk79 = require("@100mslive/react-sdk");
|
|
28436
28444
|
init_Polls();
|
|
@@ -28547,7 +28555,7 @@ var init_SidePane = __esm({
|
|
|
28547
28555
|
hideControls = false
|
|
28548
28556
|
}) => {
|
|
28549
28557
|
var _a8, _b7, _c, _d, _e, _f, _g;
|
|
28550
|
-
const isMobile = (0,
|
|
28558
|
+
const isMobile = (0, import_react_use28.useMedia)(config.media.md);
|
|
28551
28559
|
const sidepane = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectAppData)(APP_DATA.sidePane));
|
|
28552
28560
|
const activeScreensharePeerId = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
28553
28561
|
const trackId = (_a8 = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
|
@@ -28576,7 +28584,7 @@ var init_SidePane = __esm({
|
|
|
28576
28584
|
mobileStream: isMobileHLSStream,
|
|
28577
28585
|
hideControls,
|
|
28578
28586
|
overlayChat: !!((_g = elements == null ? void 0 : elements.chat) == null ? void 0 : _g.is_overlay),
|
|
28579
|
-
roomDescription:
|
|
28587
|
+
roomDescription: sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS,
|
|
28580
28588
|
virtualBackground: sidepane === SIDE_PANE_OPTIONS.VB
|
|
28581
28589
|
};
|
|
28582
28590
|
const SidepaneComponent = (0, import_ts_pattern11.match)(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ import_react155.default.createElement(
|
|
@@ -28667,29 +28675,33 @@ var init_Chip = __esm({
|
|
|
28667
28675
|
}
|
|
28668
28676
|
});
|
|
28669
28677
|
|
|
28670
|
-
// src/Prebuilt/components/FullPageProgress.
|
|
28678
|
+
// src/Prebuilt/components/FullPageProgress.tsx
|
|
28671
28679
|
var import_react157, FullPageProgress, FullPageProgress_default;
|
|
28672
28680
|
var init_FullPageProgress = __esm({
|
|
28673
|
-
"src/Prebuilt/components/FullPageProgress.
|
|
28681
|
+
"src/Prebuilt/components/FullPageProgress.tsx"() {
|
|
28674
28682
|
"use strict";
|
|
28675
28683
|
init_define_process_env();
|
|
28676
28684
|
import_react157 = __toESM(require("react"));
|
|
28677
28685
|
init_Layout();
|
|
28678
28686
|
init_Loading2();
|
|
28679
28687
|
init_Text2();
|
|
28680
|
-
FullPageProgress = ({
|
|
28688
|
+
FullPageProgress = ({
|
|
28689
|
+
loaderColor = "$primary_default",
|
|
28690
|
+
text = "",
|
|
28691
|
+
css: css2 = {}
|
|
28692
|
+
}) => /* @__PURE__ */ import_react157.default.createElement(Flex, { direction: "column", justify: "center", align: "center", css: __spreadValues({ size: "100%", color: loaderColor }, css2) }, /* @__PURE__ */ import_react157.default.createElement(Loading, { color: "currentColor", size: 100 }), text ? /* @__PURE__ */ import_react157.default.createElement(Text, { css: { mt: "$10", color: "$on_surface_high" } }, text) : null);
|
|
28681
28693
|
FullPageProgress_default = FullPageProgress;
|
|
28682
28694
|
}
|
|
28683
28695
|
});
|
|
28684
28696
|
|
|
28685
28697
|
// src/Prebuilt/components/Preview/PreviewForm.tsx
|
|
28686
|
-
var import_react158,
|
|
28698
|
+
var import_react158, import_react_use29, import_join_form3, import_react_sdk80, import_react_icons77, PreviewForm, Form, PreviewForm_default;
|
|
28687
28699
|
var init_PreviewForm = __esm({
|
|
28688
28700
|
"src/Prebuilt/components/Preview/PreviewForm.tsx"() {
|
|
28689
28701
|
"use strict";
|
|
28690
28702
|
init_define_process_env();
|
|
28691
28703
|
import_react158 = __toESM(require("react"));
|
|
28692
|
-
|
|
28704
|
+
import_react_use29 = require("react-use");
|
|
28693
28705
|
import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
28694
28706
|
import_react_sdk80 = require("@100mslive/react-sdk");
|
|
28695
28707
|
import_react_icons77 = require("@100mslive/react-icons");
|
|
@@ -28709,7 +28721,7 @@ var init_PreviewForm = __esm({
|
|
|
28709
28721
|
const formSubmit = (e) => {
|
|
28710
28722
|
e.preventDefault();
|
|
28711
28723
|
};
|
|
28712
|
-
const isMobile = (0,
|
|
28724
|
+
const isMobile = (0, import_react_use29.useMedia)(config.media.md);
|
|
28713
28725
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk80.useRecordingStreaming)();
|
|
28714
28726
|
const layout = useRoomLayout();
|
|
28715
28727
|
const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
|
|
@@ -28762,13 +28774,13 @@ var init_PreviewForm = __esm({
|
|
|
28762
28774
|
});
|
|
28763
28775
|
|
|
28764
28776
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
28765
|
-
var import_react159,
|
|
28777
|
+
var import_react159, import_react_use30, import_react_sdk81, import_react_icons78, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
|
|
28766
28778
|
var init_PreviewJoin = __esm({
|
|
28767
28779
|
"src/Prebuilt/components/Preview/PreviewJoin.tsx"() {
|
|
28768
28780
|
"use strict";
|
|
28769
28781
|
init_define_process_env();
|
|
28770
28782
|
import_react159 = __toESM(require("react"));
|
|
28771
|
-
|
|
28783
|
+
import_react_use30 = require("react-use");
|
|
28772
28784
|
import_react_sdk81 = require("@100mslive/react-sdk");
|
|
28773
28785
|
import_react_icons78 = require("@100mslive/react-icons");
|
|
28774
28786
|
init_src();
|
|
@@ -28799,7 +28811,7 @@ var init_PreviewJoin = __esm({
|
|
|
28799
28811
|
useLocalTileAspectRatio = () => {
|
|
28800
28812
|
const localPeer = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeer);
|
|
28801
28813
|
const videoTrack = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
28802
|
-
const isMobile = (0,
|
|
28814
|
+
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
28803
28815
|
let aspectRatio = 0;
|
|
28804
28816
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
28805
28817
|
aspectRatio = videoTrack.width / videoTrack.height;
|
|
@@ -28824,6 +28836,7 @@ var init_PreviewJoin = __esm({
|
|
|
28824
28836
|
const [previewError, setPreviewError] = (0, import_react159.useState)(false);
|
|
28825
28837
|
const { endpoints } = useHMSPrebuiltContext();
|
|
28826
28838
|
const { peerCount } = (0, import_react_sdk81.useParticipants)();
|
|
28839
|
+
const loadingEffects = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectAppData)(APP_DATA.loadingEffects));
|
|
28827
28840
|
const { enableJoin, preview, join } = (0, import_react_sdk81.usePreviewJoin)({
|
|
28828
28841
|
name,
|
|
28829
28842
|
token: authToken,
|
|
@@ -28893,7 +28906,7 @@ var init_PreviewJoin = __esm({
|
|
|
28893
28906
|
name,
|
|
28894
28907
|
disabled: !!initialName,
|
|
28895
28908
|
onChange: setName,
|
|
28896
|
-
enableJoin,
|
|
28909
|
+
enableJoin: enableJoin && !loadingEffects,
|
|
28897
28910
|
onJoin: savePreferenceAndJoin,
|
|
28898
28911
|
cannotPublishVideo: !toggleVideo,
|
|
28899
28912
|
cannotPublishAudio: !toggleAudio
|
|
@@ -28915,7 +28928,7 @@ var init_PreviewJoin = __esm({
|
|
|
28915
28928
|
const track = (0, import_react_sdk81.useHMSStore)(trackSelector);
|
|
28916
28929
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
28917
28930
|
const aspectRatio = useLocalTileAspectRatio();
|
|
28918
|
-
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0,
|
|
28931
|
+
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use30.useMeasure)();
|
|
28919
28932
|
const [avatarSize, attribBoxSize] = (0, import_react159.useMemo)(
|
|
28920
28933
|
() => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
|
|
28921
28934
|
[calculatedWidth, calculatedHeight]
|
|
@@ -28953,7 +28966,7 @@ var init_PreviewJoin = __esm({
|
|
|
28953
28966
|
);
|
|
28954
28967
|
};
|
|
28955
28968
|
PreviewControls = ({ hideSettings, vbEnabled }) => {
|
|
28956
|
-
const isMobile = (0,
|
|
28969
|
+
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
28957
28970
|
return /* @__PURE__ */ import_react159.default.createElement(
|
|
28958
28971
|
Flex,
|
|
28959
28972
|
{
|
|
@@ -28976,13 +28989,13 @@ var init_PreviewJoin = __esm({
|
|
|
28976
28989
|
});
|
|
28977
28990
|
|
|
28978
28991
|
// src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx
|
|
28979
|
-
var import_react160,
|
|
28992
|
+
var import_react160, import_react_use31, RequestPrompt, RequestActions;
|
|
28980
28993
|
var init_RequestPrompt = __esm({
|
|
28981
28994
|
"src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx"() {
|
|
28982
28995
|
"use strict";
|
|
28983
28996
|
init_define_process_env();
|
|
28984
28997
|
import_react160 = __toESM(require("react"));
|
|
28985
|
-
|
|
28998
|
+
import_react_use31 = require("react-use");
|
|
28986
28999
|
init_src();
|
|
28987
29000
|
init_Sheet2();
|
|
28988
29001
|
RequestPrompt = ({
|
|
@@ -28994,7 +29007,7 @@ var init_RequestPrompt = __esm({
|
|
|
28994
29007
|
onAction,
|
|
28995
29008
|
disableActions = false
|
|
28996
29009
|
}) => {
|
|
28997
|
-
const isMobile = (0,
|
|
29010
|
+
const isMobile = (0, import_react_use31.useMedia)(config.media.md);
|
|
28998
29011
|
if (isMobile) {
|
|
28999
29012
|
return /* @__PURE__ */ import_react160.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react160.default.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ import_react160.default.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ import_react160.default.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
|
|
29000
29013
|
}
|
|
@@ -29120,14 +29133,14 @@ var init_useVideoTileLayout = __esm({
|
|
|
29120
29133
|
});
|
|
29121
29134
|
|
|
29122
29135
|
// src/Prebuilt/components/InsetTile.tsx
|
|
29123
|
-
var import_react163, import_react_draggable,
|
|
29136
|
+
var import_react163, import_react_draggable, import_react_use32, import_react_sdk83, import_react_icons79, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
|
|
29124
29137
|
var init_InsetTile = __esm({
|
|
29125
29138
|
"src/Prebuilt/components/InsetTile.tsx"() {
|
|
29126
29139
|
"use strict";
|
|
29127
29140
|
init_define_process_env();
|
|
29128
29141
|
import_react163 = __toESM(require("react"));
|
|
29129
29142
|
import_react_draggable = __toESM(require("react-draggable"));
|
|
29130
|
-
|
|
29143
|
+
import_react_use32 = require("react-use");
|
|
29131
29144
|
import_react_sdk83 = require("@100mslive/react-sdk");
|
|
29132
29145
|
import_react_icons79 = require("@100mslive/react-icons");
|
|
29133
29146
|
init_Layout();
|
|
@@ -29155,8 +29168,8 @@ var init_InsetTile = __esm({
|
|
|
29155
29168
|
defaultMobileAspectRatio = 9 / 16;
|
|
29156
29169
|
desktopAspectRatio = 1 / defaultMobileAspectRatio;
|
|
29157
29170
|
InsetTile = ({ peerId }) => {
|
|
29158
|
-
const isMobile = (0,
|
|
29159
|
-
const isLandscape = (0,
|
|
29171
|
+
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
29172
|
+
const isLandscape = (0, import_react_use32.useMedia)(config.media.ls);
|
|
29160
29173
|
const selector = peerId ? (0, import_react_sdk83.selectPeerByID)(peerId) : import_react_sdk83.selectLocalPeer;
|
|
29161
29174
|
const peer = (0, import_react_sdk83.useHMSStore)(selector);
|
|
29162
29175
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
@@ -29332,13 +29345,13 @@ var init_Grid = __esm({
|
|
|
29332
29345
|
});
|
|
29333
29346
|
|
|
29334
29347
|
// src/Prebuilt/components/hooks/useTileLayout.tsx
|
|
29335
|
-
var import_react166,
|
|
29348
|
+
var import_react166, import_react_use33, import_react_sdk84, aspectRatioConfig, usePagesWithTiles, useTileLayout;
|
|
29336
29349
|
var init_useTileLayout = __esm({
|
|
29337
29350
|
"src/Prebuilt/components/hooks/useTileLayout.tsx"() {
|
|
29338
29351
|
"use strict";
|
|
29339
29352
|
init_define_process_env();
|
|
29340
29353
|
import_react166 = require("react");
|
|
29341
|
-
|
|
29354
|
+
import_react_use33 = require("react-use");
|
|
29342
29355
|
import_react_sdk84 = require("@100mslive/react-sdk");
|
|
29343
29356
|
init_Theme();
|
|
29344
29357
|
aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
|
|
@@ -29370,8 +29383,8 @@ var init_useTileLayout = __esm({
|
|
|
29370
29383
|
edgeToEdge = false
|
|
29371
29384
|
}) => {
|
|
29372
29385
|
const vanillaStore = (0, import_react_sdk84.useHMSVanillaStore)();
|
|
29373
|
-
const [ref, { width, height }] = (0,
|
|
29374
|
-
const isMobile = (0,
|
|
29386
|
+
const [ref, { width, height }] = (0, import_react_use33.useMeasure)();
|
|
29387
|
+
const isMobile = (0, import_react_use33.useMedia)(config.media.lg);
|
|
29375
29388
|
const [pagesWithTiles, setPagesWithTiles] = (0, import_react166.useState)([]);
|
|
29376
29389
|
(0, import_react166.useEffect)(() => {
|
|
29377
29390
|
if (width === 0 || height === 0) {
|
|
@@ -29443,7 +29456,7 @@ var init_useTileLayout = __esm({
|
|
|
29443
29456
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
|
29444
29457
|
var _a8;
|
|
29445
29458
|
const localPeer = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectLocalPeer);
|
|
29446
|
-
const isMobile = (0,
|
|
29459
|
+
const isMobile = (0, import_react_use34.useMedia)(config.media.md);
|
|
29447
29460
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
29448
29461
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
29449
29462
|
let pageList = usePagesWithTiles({
|
|
@@ -29484,13 +29497,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
29484
29497
|
}
|
|
29485
29498
|
), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ import_react167.default.createElement(InsetTile, null));
|
|
29486
29499
|
}
|
|
29487
|
-
var import_react167,
|
|
29500
|
+
var import_react167, import_react_use34, import_react_sdk85;
|
|
29488
29501
|
var init_EqualProminence = __esm({
|
|
29489
29502
|
"src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
|
|
29490
29503
|
"use strict";
|
|
29491
29504
|
init_define_process_env();
|
|
29492
29505
|
import_react167 = __toESM(require("react"));
|
|
29493
|
-
|
|
29506
|
+
import_react_use34 = require("react-use");
|
|
29494
29507
|
import_react_sdk85 = require("@100mslive/react-sdk");
|
|
29495
29508
|
init_Layout();
|
|
29496
29509
|
init_Theme();
|
|
@@ -29592,13 +29605,13 @@ var init_ProminenceLayout = __esm({
|
|
|
29592
29605
|
});
|
|
29593
29606
|
|
|
29594
29607
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
29595
|
-
var import_react169,
|
|
29608
|
+
var import_react169, import_react_use35, import_react_sdk86, SecondaryTiles;
|
|
29596
29609
|
var init_SecondaryTiles = __esm({
|
|
29597
29610
|
"src/Prebuilt/components/SecondaryTiles.tsx"() {
|
|
29598
29611
|
"use strict";
|
|
29599
29612
|
init_define_process_env();
|
|
29600
29613
|
import_react169 = __toESM(require("react"));
|
|
29601
|
-
|
|
29614
|
+
import_react_use35 = require("react-use");
|
|
29602
29615
|
import_react_sdk86 = require("@100mslive/react-sdk");
|
|
29603
29616
|
init_ProminenceLayout();
|
|
29604
29617
|
init_Theme();
|
|
@@ -29607,7 +29620,7 @@ var init_SecondaryTiles = __esm({
|
|
|
29607
29620
|
init_constants();
|
|
29608
29621
|
SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
|
|
29609
29622
|
var _a8, _b7;
|
|
29610
|
-
const isMobile = (0,
|
|
29623
|
+
const isMobile = (0, import_react_use35.useMedia)(config.media.md);
|
|
29611
29624
|
const maxTileCount = isMobile ? 2 : 4;
|
|
29612
29625
|
const [page, setPage] = (0, import_react169.useState)(0);
|
|
29613
29626
|
const pinnedTrackId = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectAppData)(APP_DATA.pinnedTrackId));
|
|
@@ -29718,7 +29731,7 @@ function RoleProminence({
|
|
|
29718
29731
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
29719
29732
|
const localPeer = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectLocalPeer);
|
|
29720
29733
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
29721
|
-
const isMobile = (0,
|
|
29734
|
+
const isMobile = (0, import_react_use36.useMedia)(config.media.md);
|
|
29722
29735
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
29723
29736
|
maxTileCount = isMobile ? 4 : maxTileCount;
|
|
29724
29737
|
const pageList = usePagesWithTiles({
|
|
@@ -29756,13 +29769,13 @@ function RoleProminence({
|
|
|
29756
29769
|
}
|
|
29757
29770
|
), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react171.default.createElement(InsetTile, null));
|
|
29758
29771
|
}
|
|
29759
|
-
var import_react171,
|
|
29772
|
+
var import_react171, import_react_use36, import_react_sdk87;
|
|
29760
29773
|
var init_RoleProminence = __esm({
|
|
29761
29774
|
"src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
|
|
29762
29775
|
"use strict";
|
|
29763
29776
|
init_define_process_env();
|
|
29764
29777
|
import_react171 = __toESM(require("react"));
|
|
29765
|
-
|
|
29778
|
+
import_react_use36 = require("react-use");
|
|
29766
29779
|
import_react_sdk87 = require("@100mslive/react-sdk");
|
|
29767
29780
|
init_Theme();
|
|
29768
29781
|
init_InsetTile();
|
|
@@ -29941,13 +29954,13 @@ var init_ScreenshareDisplay = __esm({
|
|
|
29941
29954
|
});
|
|
29942
29955
|
|
|
29943
29956
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
29944
|
-
var import_react174,
|
|
29957
|
+
var import_react174, import_react_use37, import_screenfull2, import_react_sdk89, import_react_icons83, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
|
|
29945
29958
|
var init_ScreenshareTile = __esm({
|
|
29946
29959
|
"src/Prebuilt/components/ScreenshareTile.tsx"() {
|
|
29947
29960
|
"use strict";
|
|
29948
29961
|
init_define_process_env();
|
|
29949
29962
|
import_react174 = __toESM(require("react"));
|
|
29950
|
-
|
|
29963
|
+
import_react_use37 = require("react-use");
|
|
29951
29964
|
import_screenfull2 = __toESM(require("screenfull"));
|
|
29952
29965
|
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
29953
29966
|
import_react_icons83 = require("@100mslive/react-icons");
|
|
@@ -29977,11 +29990,11 @@ var init_ScreenshareTile = __esm({
|
|
|
29977
29990
|
const peer = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectPeerByID)(peerId));
|
|
29978
29991
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
29979
29992
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react174.useState)(false);
|
|
29980
|
-
const isMobile = (0,
|
|
29993
|
+
const isMobile = (0, import_react_use37.useMedia)(config.media.md);
|
|
29981
29994
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
29982
29995
|
const fullscreenRef = (0, import_react174.useRef)(null);
|
|
29983
29996
|
const [fullscreen, setFullscreen] = (0, import_react174.useState)(false);
|
|
29984
|
-
const isFullscreen = (0,
|
|
29997
|
+
const isFullscreen = (0, import_react_use37.useFullscreen)(fullscreenRef, fullscreen, {
|
|
29985
29998
|
onClose: () => setFullscreen(false)
|
|
29986
29999
|
});
|
|
29987
30000
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
|
@@ -30064,13 +30077,13 @@ var init_ScreenshareTile = __esm({
|
|
|
30064
30077
|
});
|
|
30065
30078
|
|
|
30066
30079
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
30067
|
-
var import_react175,
|
|
30080
|
+
var import_react175, import_react_use38, import_react_sdk90, ScreenshareLayout;
|
|
30068
30081
|
var init_ScreenshareLayout = __esm({
|
|
30069
30082
|
"src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
|
|
30070
30083
|
"use strict";
|
|
30071
30084
|
init_define_process_env();
|
|
30072
30085
|
import_react175 = __toESM(require("react"));
|
|
30073
|
-
|
|
30086
|
+
import_react_use38 = require("react-use");
|
|
30074
30087
|
import_react_sdk90 = require("@100mslive/react-sdk");
|
|
30075
30088
|
init_Theme();
|
|
30076
30089
|
init_InsetTile();
|
|
@@ -30088,7 +30101,7 @@ var init_ScreenshareLayout = __esm({
|
|
|
30088
30101
|
const [page, setPage] = (0, import_react175.useState)(0);
|
|
30089
30102
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
30090
30103
|
const activeSharePeer = peersSharing[page];
|
|
30091
|
-
const isMobile = (0,
|
|
30104
|
+
const isMobile = (0, import_react_use38.useMedia)(config.media.md);
|
|
30092
30105
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
30093
30106
|
const secondaryPeers = (0, import_react175.useMemo)(() => {
|
|
30094
30107
|
if (layoutMode === LayoutMode.SPOTLIGHT) {
|
|
@@ -30134,13 +30147,13 @@ var init_ScreenshareLayout = __esm({
|
|
|
30134
30147
|
});
|
|
30135
30148
|
|
|
30136
30149
|
// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
|
|
30137
|
-
var import_react176,
|
|
30150
|
+
var import_react176, import_react_use39, import_react_sdk91, WhiteboardEmbed, WhiteboardLayout;
|
|
30138
30151
|
var init_WhiteboardLayout = __esm({
|
|
30139
30152
|
"src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
|
|
30140
30153
|
"use strict";
|
|
30141
30154
|
init_define_process_env();
|
|
30142
30155
|
import_react176 = __toESM(require("react"));
|
|
30143
|
-
|
|
30156
|
+
import_react_use39 = require("react-use");
|
|
30144
30157
|
import_react_sdk91 = require("@100mslive/react-sdk");
|
|
30145
30158
|
init_Layout();
|
|
30146
30159
|
init_Theme();
|
|
@@ -30151,7 +30164,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
30151
30164
|
init_useUISettings();
|
|
30152
30165
|
init_constants();
|
|
30153
30166
|
WhiteboardEmbed = () => {
|
|
30154
|
-
const isMobile = (0,
|
|
30167
|
+
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
30155
30168
|
const { iframeRef } = (0, import_react_sdk91.useWhiteboard)(isMobile);
|
|
30156
30169
|
return /* @__PURE__ */ import_react176.default.createElement(
|
|
30157
30170
|
Box,
|
|
@@ -30187,7 +30200,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
30187
30200
|
const whiteboard = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectWhiteboard);
|
|
30188
30201
|
const whiteboardOwner = (0, import_react_sdk91.useHMSStore)((0, import_react_sdk91.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
|
|
30189
30202
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
30190
|
-
const isMobile = (0,
|
|
30203
|
+
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
30191
30204
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
30192
30205
|
const secondaryPeers = (0, import_react176.useMemo)(() => {
|
|
30193
30206
|
if (layoutMode === LayoutMode.SPOTLIGHT) {
|
|
@@ -30931,13 +30944,13 @@ var init_SeekControl = __esm({
|
|
|
30931
30944
|
});
|
|
30932
30945
|
|
|
30933
30946
|
// src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx
|
|
30934
|
-
var import_react187,
|
|
30947
|
+
var import_react187, import_react_use40, import_react_icons87, PlayPauseSeekControls, PlayPauseSeekOverlayControls;
|
|
30935
30948
|
var init_PlayPauseSeekControls = __esm({
|
|
30936
30949
|
"src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx"() {
|
|
30937
30950
|
"use strict";
|
|
30938
30951
|
init_define_process_env();
|
|
30939
30952
|
import_react187 = __toESM(require("react"));
|
|
30940
|
-
|
|
30953
|
+
import_react_use40 = require("react-use");
|
|
30941
30954
|
import_react_icons87 = require("@100mslive/react-icons");
|
|
30942
30955
|
init_Layout();
|
|
30943
30956
|
init_Text2();
|
|
@@ -30976,7 +30989,7 @@ var init_PlayPauseSeekControls = __esm({
|
|
|
30976
30989
|
showControls,
|
|
30977
30990
|
hoverControlsVisible
|
|
30978
30991
|
}) => {
|
|
30979
|
-
const isMobile = (0,
|
|
30992
|
+
const isMobile = (0, import_react_use40.useMedia)(config.media.md);
|
|
30980
30993
|
const isLandscape = useIsLandscape();
|
|
30981
30994
|
if (!isMobile && !isLandscape) {
|
|
30982
30995
|
return /* @__PURE__ */ import_react187.default.createElement(import_react187.default.Fragment, null, /* @__PURE__ */ import_react187.default.createElement(
|
|
@@ -31094,6 +31107,15 @@ function getDurationFromSeconds2(timeInSeconds) {
|
|
|
31094
31107
|
}
|
|
31095
31108
|
return videoTimeStr;
|
|
31096
31109
|
}
|
|
31110
|
+
function getDuration(videoEl) {
|
|
31111
|
+
if (isFinite(videoEl.duration)) {
|
|
31112
|
+
return videoEl.duration;
|
|
31113
|
+
}
|
|
31114
|
+
if (videoEl.seekable.length > 0) {
|
|
31115
|
+
return videoEl.seekable.end(0);
|
|
31116
|
+
}
|
|
31117
|
+
return 0;
|
|
31118
|
+
}
|
|
31097
31119
|
var init_utils6 = __esm({
|
|
31098
31120
|
"src/Prebuilt/components/HMSVideo/utils.ts"() {
|
|
31099
31121
|
"use strict";
|
|
@@ -31120,15 +31142,15 @@ var init_VideoProgress = __esm({
|
|
|
31120
31142
|
const [bufferProgress, setBufferProgress] = (0, import_react188.useState)(0);
|
|
31121
31143
|
const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
|
|
31122
31144
|
const setProgress = (0, import_react188.useCallback)(() => {
|
|
31123
|
-
var _a8
|
|
31145
|
+
var _a8;
|
|
31124
31146
|
if (!videoEl) {
|
|
31125
31147
|
return;
|
|
31126
31148
|
}
|
|
31127
|
-
const duration =
|
|
31149
|
+
const duration = getDuration(videoEl);
|
|
31128
31150
|
const videoProgress2 = Math.floor(getPercentage(videoEl.currentTime, duration));
|
|
31129
31151
|
let bufferProgress2 = 0;
|
|
31130
31152
|
if (videoEl.buffered.length > 0) {
|
|
31131
|
-
bufferProgress2 = Math.floor(getPercentage((
|
|
31153
|
+
bufferProgress2 = Math.floor(getPercentage((_a8 = videoEl.buffered) == null ? void 0 : _a8.end(0), duration));
|
|
31132
31154
|
}
|
|
31133
31155
|
if (!isNaN(videoProgress2)) {
|
|
31134
31156
|
setVideoProgress(videoProgress2);
|
|
@@ -31147,6 +31169,7 @@ var init_VideoProgress = __esm({
|
|
|
31147
31169
|
if (!videoEl) {
|
|
31148
31170
|
return;
|
|
31149
31171
|
}
|
|
31172
|
+
setProgress();
|
|
31150
31173
|
videoEl.addEventListener("timeupdate", timeupdateHandler);
|
|
31151
31174
|
return function cleanup() {
|
|
31152
31175
|
videoEl == null ? void 0 : videoEl.removeEventListener("timeupdate", timeupdateHandler);
|
|
@@ -31218,24 +31241,32 @@ var init_VideoTime = __esm({
|
|
|
31218
31241
|
init_utils6();
|
|
31219
31242
|
VideoTime = () => {
|
|
31220
31243
|
const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
|
|
31221
|
-
const [videoTime, setVideoTime] = (0, import_react189.useState)(
|
|
31222
|
-
(0, import_react189.
|
|
31223
|
-
|
|
31244
|
+
const [videoTime, setVideoTime] = (0, import_react189.useState)(getDurationFromSeconds2(0));
|
|
31245
|
+
const updateTime = (0, import_react189.useCallback)(
|
|
31246
|
+
(currentTime) => {
|
|
31224
31247
|
const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
|
|
31225
31248
|
if (videoEl) {
|
|
31226
|
-
const duration =
|
|
31249
|
+
const duration = getDuration(videoEl);
|
|
31227
31250
|
setVideoTime(getDurationFromSeconds2(duration - currentTime));
|
|
31228
31251
|
} else {
|
|
31229
31252
|
setVideoTime(getDurationFromSeconds2(currentTime));
|
|
31230
31253
|
}
|
|
31254
|
+
},
|
|
31255
|
+
[hlsPlayer2]
|
|
31256
|
+
);
|
|
31257
|
+
(0, import_react189.useEffect)(() => {
|
|
31258
|
+
const timeupdateHandler = (currentTime) => {
|
|
31259
|
+
updateTime(currentTime);
|
|
31231
31260
|
};
|
|
31232
31261
|
if (hlsPlayer2) {
|
|
31233
31262
|
hlsPlayer2.on(import_hls_player2.HMSHLSPlayerEvents.CURRENT_TIME, timeupdateHandler);
|
|
31263
|
+
const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
|
|
31264
|
+
updateTime(videoEl.currentTime);
|
|
31234
31265
|
}
|
|
31235
31266
|
return function cleanup() {
|
|
31236
31267
|
hlsPlayer2 == null ? void 0 : hlsPlayer2.off(import_hls_player2.HMSHLSPlayerEvents.CURRENT_TIME, timeupdateHandler);
|
|
31237
31268
|
};
|
|
31238
|
-
}, [hlsPlayer2]);
|
|
31269
|
+
}, [hlsPlayer2, updateTime]);
|
|
31239
31270
|
return hlsPlayer2 ? /* @__PURE__ */ import_react189.default.createElement(
|
|
31240
31271
|
Text,
|
|
31241
31272
|
{
|
|
@@ -31385,7 +31416,7 @@ function HLSAutoplayBlockedPrompt({
|
|
|
31385
31416
|
unblockAutoPlay
|
|
31386
31417
|
}) {
|
|
31387
31418
|
const isLandscape = useIsLandscape();
|
|
31388
|
-
const isMobile = (0,
|
|
31419
|
+
const isMobile = (0, import_react_use41.useMedia)(config.media.md);
|
|
31389
31420
|
if ((isMobile || isLandscape) && open) {
|
|
31390
31421
|
return /* @__PURE__ */ import_react192.default.createElement(
|
|
31391
31422
|
IconButton,
|
|
@@ -31437,13 +31468,13 @@ function HLSAutoplayBlockedPrompt({
|
|
|
31437
31468
|
)))
|
|
31438
31469
|
);
|
|
31439
31470
|
}
|
|
31440
|
-
var import_react192,
|
|
31471
|
+
var import_react192, import_react_use41, import_react_icons90;
|
|
31441
31472
|
var init_HLSAutoplayBlockedPrompt = __esm({
|
|
31442
31473
|
"src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx"() {
|
|
31443
31474
|
"use strict";
|
|
31444
31475
|
init_define_process_env();
|
|
31445
31476
|
import_react192 = __toESM(require("react"));
|
|
31446
|
-
|
|
31477
|
+
import_react_use41 = require("react-use");
|
|
31447
31478
|
import_react_icons90 = require("@100mslive/react-icons");
|
|
31448
31479
|
init_src();
|
|
31449
31480
|
init_DialogContent2();
|
|
@@ -31478,7 +31509,7 @@ function HLSQualitySelector({
|
|
|
31478
31509
|
isAuto,
|
|
31479
31510
|
containerRef
|
|
31480
31511
|
}) {
|
|
31481
|
-
const isMobile = (0,
|
|
31512
|
+
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
31482
31513
|
const isLandscape = useIsLandscape();
|
|
31483
31514
|
if (layers.length === 0) {
|
|
31484
31515
|
return null;
|
|
@@ -31671,13 +31702,13 @@ function HLSQualitySelector({
|
|
|
31671
31702
|
)
|
|
31672
31703
|
)));
|
|
31673
31704
|
}
|
|
31674
|
-
var import_react194,
|
|
31705
|
+
var import_react194, import_react_use42, import_react_icons92, getQualityText, getBitrateText;
|
|
31675
31706
|
var init_HLSQualitySelector = __esm({
|
|
31676
31707
|
"src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx"() {
|
|
31677
31708
|
"use strict";
|
|
31678
31709
|
init_define_process_env();
|
|
31679
31710
|
import_react194 = __toESM(require("react"));
|
|
31680
|
-
|
|
31711
|
+
import_react_use42 = require("react-use");
|
|
31681
31712
|
import_react_icons92 = require("@100mslive/react-icons");
|
|
31682
31713
|
init_src();
|
|
31683
31714
|
init_Sheet2();
|
|
@@ -31764,13 +31795,13 @@ var HLSView_exports = {};
|
|
|
31764
31795
|
__export(HLSView_exports, {
|
|
31765
31796
|
default: () => HLSView_default
|
|
31766
31797
|
});
|
|
31767
|
-
var import_react196,
|
|
31798
|
+
var import_react196, import_react_use43, import_hls_player3, import_screenfull3, import_ts_pattern12, import_react_sdk97, import_react_icons94, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
|
|
31768
31799
|
var init_HLSView = __esm({
|
|
31769
31800
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
|
31770
31801
|
"use strict";
|
|
31771
31802
|
init_define_process_env();
|
|
31772
31803
|
import_react196 = __toESM(require("react"));
|
|
31773
|
-
|
|
31804
|
+
import_react_use43 = require("react-use");
|
|
31774
31805
|
import_hls_player3 = require("@100mslive/hls-player");
|
|
31775
31806
|
import_screenfull3 = __toESM(require("screenfull"));
|
|
31776
31807
|
import_ts_pattern12 = require("ts-pattern");
|
|
@@ -31804,7 +31835,7 @@ var init_HLSView = __esm({
|
|
|
31804
31835
|
const sidepane = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.sidePane));
|
|
31805
31836
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
31806
31837
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
31807
|
-
const isMobile = (0,
|
|
31838
|
+
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
|
31808
31839
|
const hmsActions = (0, import_react_sdk97.useHMSActions)();
|
|
31809
31840
|
(0, import_react196.useEffect)(() => {
|
|
31810
31841
|
(0, import_ts_pattern12.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
|
|
@@ -31843,8 +31874,8 @@ var init_HLSView = __esm({
|
|
|
31843
31874
|
seekBackward: false
|
|
31844
31875
|
});
|
|
31845
31876
|
const [isPaused, setIsPaused] = (0, import_react196.useState)(false);
|
|
31846
|
-
const [show, toggle] = (0,
|
|
31847
|
-
const lastHlsUrl = (0,
|
|
31877
|
+
const [show, toggle] = (0, import_react_use43.useToggle)(false);
|
|
31878
|
+
const lastHlsUrl = (0, import_react_use43.usePrevious)(hlsUrl);
|
|
31848
31879
|
const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
|
|
31849
31880
|
const [controlsVisible, setControlsVisible] = (0, import_react196.useState)(true);
|
|
31850
31881
|
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react196.useState)(true);
|
|
@@ -31855,9 +31886,9 @@ var init_HLSView = __esm({
|
|
|
31855
31886
|
const isFullScreenSupported = import_screenfull3.default.isEnabled;
|
|
31856
31887
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
31857
31888
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
31858
|
-
const isMobile = (0,
|
|
31889
|
+
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
|
31859
31890
|
const isLandscape = useIsLandscape();
|
|
31860
|
-
const isFullScreen = (0,
|
|
31891
|
+
const isFullScreen = (0, import_react_use43.useFullscreen)(hlsViewRef, show, {
|
|
31861
31892
|
onClose: () => toggle(false)
|
|
31862
31893
|
});
|
|
31863
31894
|
const [showLoader, setShowLoader] = (0, import_react196.useState)(false);
|
|
@@ -32503,13 +32534,13 @@ var init_VideoStreamingSection = __esm({
|
|
|
32503
32534
|
});
|
|
32504
32535
|
|
|
32505
32536
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
|
32506
|
-
var import_react198,
|
|
32537
|
+
var import_react198, import_react_use44, import_react_icons95, RoomDetailsHeader;
|
|
32507
32538
|
var init_RoomDetailsHeader = __esm({
|
|
32508
32539
|
"src/Prebuilt/components/Header/RoomDetailsHeader.tsx"() {
|
|
32509
32540
|
"use strict";
|
|
32510
32541
|
init_define_process_env();
|
|
32511
32542
|
import_react198 = __toESM(require("react"));
|
|
32512
|
-
|
|
32543
|
+
import_react_use44 = require("react-use");
|
|
32513
32544
|
import_react_icons95 = require("@100mslive/react-icons");
|
|
32514
32545
|
init_Layout();
|
|
32515
32546
|
init_Text2();
|
|
@@ -32520,7 +32551,7 @@ var init_RoomDetailsHeader = __esm({
|
|
|
32520
32551
|
init_constants();
|
|
32521
32552
|
RoomDetailsHeader = () => {
|
|
32522
32553
|
const { title, description } = useRoomLayoutHeader();
|
|
32523
|
-
const isMobile = (0,
|
|
32554
|
+
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
32524
32555
|
const clipLength = 30;
|
|
32525
32556
|
const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
|
|
32526
32557
|
const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
@@ -32698,13 +32729,13 @@ var init_common2 = __esm({
|
|
|
32698
32729
|
});
|
|
32699
32730
|
|
|
32700
32731
|
// src/Prebuilt/components/Header/Header.tsx
|
|
32701
|
-
var import_react200,
|
|
32732
|
+
var import_react200, import_react_use45, import_react_sdk100, Header2;
|
|
32702
32733
|
var init_Header = __esm({
|
|
32703
32734
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
32704
32735
|
"use strict";
|
|
32705
32736
|
init_define_process_env();
|
|
32706
32737
|
import_react200 = __toESM(require("react"));
|
|
32707
|
-
|
|
32738
|
+
import_react_use45 = require("react-use");
|
|
32708
32739
|
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
32709
32740
|
init_src();
|
|
32710
32741
|
init_HeaderComponents();
|
|
@@ -32713,7 +32744,7 @@ var init_Header = __esm({
|
|
|
32713
32744
|
init_common2();
|
|
32714
32745
|
Header2 = () => {
|
|
32715
32746
|
const roomState = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectRoomState);
|
|
32716
|
-
const isMobile = (0,
|
|
32747
|
+
const isMobile = (0, import_react_use45.useMedia)(config.media.md);
|
|
32717
32748
|
if (roomState !== import_react_sdk100.HMSRoomState.Connected) {
|
|
32718
32749
|
return /* @__PURE__ */ import_react200.default.createElement(import_react200.default.Fragment, null);
|
|
32719
32750
|
}
|
|
@@ -33251,13 +33282,13 @@ var init_useRedirectToLeave = __esm({
|
|
|
33251
33282
|
});
|
|
33252
33283
|
|
|
33253
33284
|
// src/Prebuilt/AppStateContext.tsx
|
|
33254
|
-
var import_react208,
|
|
33285
|
+
var import_react208, import_react_use46, import_ts_pattern14, import_react_sdk105, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
|
33255
33286
|
var init_AppStateContext = __esm({
|
|
33256
33287
|
"src/Prebuilt/AppStateContext.tsx"() {
|
|
33257
33288
|
"use strict";
|
|
33258
33289
|
init_define_process_env();
|
|
33259
33290
|
import_react208 = __toESM(require("react"));
|
|
33260
|
-
|
|
33291
|
+
import_react_use46 = require("react-use");
|
|
33261
33292
|
import_ts_pattern14 = require("ts-pattern");
|
|
33262
33293
|
import_react_sdk105 = require("@100mslive/react-sdk");
|
|
33263
33294
|
init_VBHandler();
|
|
@@ -33281,7 +33312,7 @@ var init_AppStateContext = __esm({
|
|
|
33281
33312
|
const roomLayout = useRoomLayout();
|
|
33282
33313
|
const [activeState, setActiveState] = import_react208.default.useState();
|
|
33283
33314
|
const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
|
|
33284
|
-
const prevRoomState = (0,
|
|
33315
|
+
const prevRoomState = (0, import_react_use46.usePreviousDistinct)(roomState);
|
|
33285
33316
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
33286
33317
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
33287
33318
|
const { redirectToLeave } = useRedirectToLeave();
|
|
@@ -33378,13 +33409,13 @@ var init_LeaveScreen = __esm({
|
|
|
33378
33409
|
});
|
|
33379
33410
|
|
|
33380
33411
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
|
33381
|
-
var import_react210,
|
|
33412
|
+
var import_react210, import_react_use47, import_ts_pattern15, import_react_icons99, MwebLandscapePrompt;
|
|
33382
33413
|
var init_MwebLandscapePrompt = __esm({
|
|
33383
33414
|
"src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
|
|
33384
33415
|
"use strict";
|
|
33385
33416
|
init_define_process_env();
|
|
33386
33417
|
import_react210 = __toESM(require("react"));
|
|
33387
|
-
|
|
33418
|
+
import_react_use47 = require("react-use");
|
|
33388
33419
|
import_ts_pattern15 = require("ts-pattern");
|
|
33389
33420
|
import_react_icons99 = require("@100mslive/react-icons");
|
|
33390
33421
|
init_Button2();
|
|
@@ -33396,7 +33427,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
33396
33427
|
init_utils2();
|
|
33397
33428
|
MwebLandscapePrompt = () => {
|
|
33398
33429
|
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react210.useState)(false);
|
|
33399
|
-
const isLandscape = (0,
|
|
33430
|
+
const isLandscape = (0, import_react_use47.useMedia)(config.media.ls);
|
|
33400
33431
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
33401
33432
|
(0, import_react210.useEffect)(() => {
|
|
33402
33433
|
var _a8;
|
|
@@ -33573,27 +33604,6 @@ var init_ToastConfig = __esm({
|
|
|
33573
33604
|
return /* @__PURE__ */ import_react213.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
|
|
33574
33605
|
});
|
|
33575
33606
|
ToastConfig = {
|
|
33576
|
-
PEER_LIST: {
|
|
33577
|
-
single: function(notification) {
|
|
33578
|
-
var _a8, _b7;
|
|
33579
|
-
if (notification.data.length === 1) {
|
|
33580
|
-
return {
|
|
33581
|
-
title: `${(_a8 = notification.data[0]) == null ? void 0 : _a8.name} joined`,
|
|
33582
|
-
icon: /* @__PURE__ */ import_react213.default.createElement(import_react_icons101.PeopleAddIcon, null)
|
|
33583
|
-
};
|
|
33584
|
-
}
|
|
33585
|
-
return {
|
|
33586
|
-
title: `${(_b7 = notification.data[notification.data.length - 1]) == null ? void 0 : _b7.name} and ${notification.data.length - 1} others joined`,
|
|
33587
|
-
icon: /* @__PURE__ */ import_react213.default.createElement(import_react_icons101.PeopleAddIcon, null)
|
|
33588
|
-
};
|
|
33589
|
-
},
|
|
33590
|
-
multiple: (notifications) => {
|
|
33591
|
-
return {
|
|
33592
|
-
title: `${notifications[0].data.name} and ${notifications.length - 1} others joined`,
|
|
33593
|
-
icon: /* @__PURE__ */ import_react213.default.createElement(import_react_icons101.PeopleAddIcon, null)
|
|
33594
|
-
};
|
|
33595
|
-
}
|
|
33596
|
-
},
|
|
33597
33607
|
PEER_JOINED: {
|
|
33598
33608
|
single: function(notification) {
|
|
33599
33609
|
var _a8;
|
|
@@ -33867,11 +33877,7 @@ var init_PeerNotifications = __esm({
|
|
|
33867
33877
|
init_ToastBatcher();
|
|
33868
33878
|
init_useUISettings();
|
|
33869
33879
|
init_constants();
|
|
33870
|
-
notificationTypes = [
|
|
33871
|
-
import_react_sdk111.HMSNotificationTypes.PEER_LIST,
|
|
33872
|
-
import_react_sdk111.HMSNotificationTypes.PEER_JOINED,
|
|
33873
|
-
import_react_sdk111.HMSNotificationTypes.PEER_LEFT
|
|
33874
|
-
];
|
|
33880
|
+
notificationTypes = [import_react_sdk111.HMSNotificationTypes.PEER_JOINED, import_react_sdk111.HMSNotificationTypes.PEER_LEFT];
|
|
33875
33881
|
PeerNotifications = () => {
|
|
33876
33882
|
const notification = (0, import_react_sdk111.useHMSNotifications)(notificationTypes);
|
|
33877
33883
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
@@ -33883,11 +33889,6 @@ var init_PeerNotifications = __esm({
|
|
|
33883
33889
|
}
|
|
33884
33890
|
console.debug(`[${notification.type}]`, notification);
|
|
33885
33891
|
switch (notification.type) {
|
|
33886
|
-
case import_react_sdk111.HMSNotificationTypes.PEER_LIST:
|
|
33887
|
-
if (!isPeerJoinSubscribed || notification.data.length === 0) {
|
|
33888
|
-
return;
|
|
33889
|
-
}
|
|
33890
|
-
break;
|
|
33891
33892
|
case import_react_sdk111.HMSNotificationTypes.PEER_JOINED:
|
|
33892
33893
|
if (!isPeerJoinSubscribed) {
|
|
33893
33894
|
return;
|
|
@@ -33932,7 +33933,7 @@ function PermissionErrorModal() {
|
|
|
33932
33933
|
const notification = (0, import_react_sdk112.useHMSNotifications)(import_react_sdk112.HMSNotificationTypes.ERROR);
|
|
33933
33934
|
const [deviceType, setDeviceType] = (0, import_react217.useState)("");
|
|
33934
33935
|
const [isSystemError, setIsSystemError] = (0, import_react217.useState)(false);
|
|
33935
|
-
const isMobile = (0,
|
|
33936
|
+
const isMobile = (0, import_react_use48.useMedia)(config.media.md);
|
|
33936
33937
|
(0, import_react217.useEffect)(() => {
|
|
33937
33938
|
var _a8, _b7, _c, _d, _e;
|
|
33938
33939
|
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"))) {
|
|
@@ -33988,13 +33989,13 @@ function PermissionErrorModal() {
|
|
|
33988
33989
|
!isMobile ? /* @__PURE__ */ import_react217.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react217.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
|
|
33989
33990
|
))) : null;
|
|
33990
33991
|
}
|
|
33991
|
-
var import_react217,
|
|
33992
|
+
var import_react217, import_react_use48, import_react_sdk112;
|
|
33992
33993
|
var init_PermissionErrorModal = __esm({
|
|
33993
33994
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
33994
33995
|
"use strict";
|
|
33995
33996
|
init_define_process_env();
|
|
33996
33997
|
import_react217 = __toESM(require("react"));
|
|
33997
|
-
|
|
33998
|
+
import_react_use48 = require("react-use");
|
|
33998
33999
|
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
33999
34000
|
init_src();
|
|
34000
34001
|
init_android_perm_1();
|
|
@@ -34379,13 +34380,13 @@ var init_Notifications2 = __esm({
|
|
|
34379
34380
|
});
|
|
34380
34381
|
|
|
34381
34382
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
34382
|
-
var import_react223,
|
|
34383
|
+
var import_react223, import_react_use49, PreviewScreen;
|
|
34383
34384
|
var init_PreviewScreen = __esm({
|
|
34384
34385
|
"src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
|
|
34385
34386
|
"use strict";
|
|
34386
34387
|
init_define_process_env();
|
|
34387
34388
|
import_react223 = __toESM(require("react"));
|
|
34388
|
-
|
|
34389
|
+
import_react_use49 = require("react-use");
|
|
34389
34390
|
init_src();
|
|
34390
34391
|
init_AppContext();
|
|
34391
34392
|
init_roomLayoutProvider();
|
|
@@ -34398,7 +34399,7 @@ var init_PreviewScreen = __esm({
|
|
|
34398
34399
|
var _a8, _b7, _c;
|
|
34399
34400
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
34400
34401
|
const skipPreview = !isPreviewScreenEnabled;
|
|
34401
|
-
const previewAsRole = (0,
|
|
34402
|
+
const previewAsRole = (0, import_react_use49.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
|
|
34402
34403
|
const { userName } = useHMSPrebuiltContext();
|
|
34403
34404
|
const initialName = userName || (skipPreview ? "Beam" : "");
|
|
34404
34405
|
const authToken = useAuthToken();
|
|
@@ -34539,7 +34540,7 @@ function FlyingEmoji() {
|
|
|
34539
34540
|
const localPeerId = (0, import_react_sdk120.useHMSStore)(import_react_sdk120.selectLocalPeerID);
|
|
34540
34541
|
const vanillaStore = (0, import_react_sdk120.useHMSVanillaStore)();
|
|
34541
34542
|
const [emojis, setEmojis] = (0, import_react228.useState)([]);
|
|
34542
|
-
const isMobile = (0,
|
|
34543
|
+
const isMobile = (0, import_react_use50.useMedia)(config.media.md);
|
|
34543
34544
|
const startingPoints = (0, import_react228.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
34544
34545
|
const showFlyingEmoji = (0, import_react228.useCallback)(
|
|
34545
34546
|
({ emojiId, senderId }) => {
|
|
@@ -34631,13 +34632,13 @@ function FlyingEmoji() {
|
|
|
34631
34632
|
})
|
|
34632
34633
|
);
|
|
34633
34634
|
}
|
|
34634
|
-
var import_react228,
|
|
34635
|
+
var import_react228, import_react_use50, import_react_sdk120, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
34635
34636
|
var init_FlyingEmoji = __esm({
|
|
34636
34637
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
34637
34638
|
"use strict";
|
|
34638
34639
|
init_define_process_env();
|
|
34639
34640
|
import_react228 = __toESM(require("react"));
|
|
34640
|
-
|
|
34641
|
+
import_react_use50 = require("react-use");
|
|
34641
34642
|
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
34642
34643
|
init_Layout();
|
|
34643
34644
|
init_Text2();
|