@100mslive/roomkit-react 0.3.7 → 0.3.8-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HLSView-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();
|