@100mslive/roomkit-react 0.3.8-alpha.0 → 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-CTZXD762.js → HLSView-HUMJOIWO.js} +2 -2
- 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/VirtualBackground/VBHandler.d.ts +3 -3
- package/dist/{chunk-NDLMRKFR.js → chunk-IDAPJGWC.js} +263 -279
- package/dist/chunk-IDAPJGWC.js.map +7 -0
- package/dist/index.cjs.js +190 -207
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +74 -49
- package/dist/meta.esbuild.json +84 -59
- 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/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/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/VideoStreamingSection.tsx +0 -2
- package/dist/chunk-NDLMRKFR.js.map +0 -7
- /package/dist/{HLSView-CTZXD762.js.map → HLSView-HUMJOIWO.js.map} +0 -0
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_7c4c1950-8a61-422b-b70f-231782daf5a5", 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.8-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_7c4c1950-8a61-422b-b70f-231782daf5a5", 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.8-alpha.0", 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: "603", 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:19646", 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.0", 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: "8700818252", 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: "01f2b5f23cc814beb7f077b46b6736f1e00ceaad", 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: "eb4c117f5ff5e55682f3f7490c15fc5440ba61b18b3b42ef49564303057c59a3", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1713248088685-0.8813268667616405:/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--1713248088490-0.9103108704604872:/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--1713248066660-0.5344358402590024:/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--1713248066480-0.3470210036877275:/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_1ff258cc-9913-4d21-9d50-6cca116c61b9", INVOCATION_ID: "dafba751830c4d43b8a2b569f0046558", 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: "515", 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 190", 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.0", 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.0", 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: "01f2b5f23cc814beb7f077b46b6736f1e00ceaad", 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_7c4c1950-8a61-422b-b70f-231782daf5a5", 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_7c4c1950-8a61-422b-b70f-231782daf5a5", 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_7c4c1950-8a61-422b-b70f-231782daf5a5" };
|
|
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
|
},
|
|
@@ -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.8-alpha.
|
|
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 || {});
|
|
@@ -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
|
});
|
|
@@ -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;
|
|
@@ -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(
|
|
@@ -31403,7 +31416,7 @@ function HLSAutoplayBlockedPrompt({
|
|
|
31403
31416
|
unblockAutoPlay
|
|
31404
31417
|
}) {
|
|
31405
31418
|
const isLandscape = useIsLandscape();
|
|
31406
|
-
const isMobile = (0,
|
|
31419
|
+
const isMobile = (0, import_react_use41.useMedia)(config.media.md);
|
|
31407
31420
|
if ((isMobile || isLandscape) && open) {
|
|
31408
31421
|
return /* @__PURE__ */ import_react192.default.createElement(
|
|
31409
31422
|
IconButton,
|
|
@@ -31455,13 +31468,13 @@ function HLSAutoplayBlockedPrompt({
|
|
|
31455
31468
|
)))
|
|
31456
31469
|
);
|
|
31457
31470
|
}
|
|
31458
|
-
var import_react192,
|
|
31471
|
+
var import_react192, import_react_use41, import_react_icons90;
|
|
31459
31472
|
var init_HLSAutoplayBlockedPrompt = __esm({
|
|
31460
31473
|
"src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx"() {
|
|
31461
31474
|
"use strict";
|
|
31462
31475
|
init_define_process_env();
|
|
31463
31476
|
import_react192 = __toESM(require("react"));
|
|
31464
|
-
|
|
31477
|
+
import_react_use41 = require("react-use");
|
|
31465
31478
|
import_react_icons90 = require("@100mslive/react-icons");
|
|
31466
31479
|
init_src();
|
|
31467
31480
|
init_DialogContent2();
|
|
@@ -31496,7 +31509,7 @@ function HLSQualitySelector({
|
|
|
31496
31509
|
isAuto,
|
|
31497
31510
|
containerRef
|
|
31498
31511
|
}) {
|
|
31499
|
-
const isMobile = (0,
|
|
31512
|
+
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
31500
31513
|
const isLandscape = useIsLandscape();
|
|
31501
31514
|
if (layers.length === 0) {
|
|
31502
31515
|
return null;
|
|
@@ -31689,13 +31702,13 @@ function HLSQualitySelector({
|
|
|
31689
31702
|
)
|
|
31690
31703
|
)));
|
|
31691
31704
|
}
|
|
31692
|
-
var import_react194,
|
|
31705
|
+
var import_react194, import_react_use42, import_react_icons92, getQualityText, getBitrateText;
|
|
31693
31706
|
var init_HLSQualitySelector = __esm({
|
|
31694
31707
|
"src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx"() {
|
|
31695
31708
|
"use strict";
|
|
31696
31709
|
init_define_process_env();
|
|
31697
31710
|
import_react194 = __toESM(require("react"));
|
|
31698
|
-
|
|
31711
|
+
import_react_use42 = require("react-use");
|
|
31699
31712
|
import_react_icons92 = require("@100mslive/react-icons");
|
|
31700
31713
|
init_src();
|
|
31701
31714
|
init_Sheet2();
|
|
@@ -31782,13 +31795,13 @@ var HLSView_exports = {};
|
|
|
31782
31795
|
__export(HLSView_exports, {
|
|
31783
31796
|
default: () => HLSView_default
|
|
31784
31797
|
});
|
|
31785
|
-
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;
|
|
31786
31799
|
var init_HLSView = __esm({
|
|
31787
31800
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
|
31788
31801
|
"use strict";
|
|
31789
31802
|
init_define_process_env();
|
|
31790
31803
|
import_react196 = __toESM(require("react"));
|
|
31791
|
-
|
|
31804
|
+
import_react_use43 = require("react-use");
|
|
31792
31805
|
import_hls_player3 = require("@100mslive/hls-player");
|
|
31793
31806
|
import_screenfull3 = __toESM(require("screenfull"));
|
|
31794
31807
|
import_ts_pattern12 = require("ts-pattern");
|
|
@@ -31822,7 +31835,7 @@ var init_HLSView = __esm({
|
|
|
31822
31835
|
const sidepane = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.sidePane));
|
|
31823
31836
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
31824
31837
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
31825
|
-
const isMobile = (0,
|
|
31838
|
+
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
|
31826
31839
|
const hmsActions = (0, import_react_sdk97.useHMSActions)();
|
|
31827
31840
|
(0, import_react196.useEffect)(() => {
|
|
31828
31841
|
(0, import_ts_pattern12.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
|
|
@@ -31861,8 +31874,8 @@ var init_HLSView = __esm({
|
|
|
31861
31874
|
seekBackward: false
|
|
31862
31875
|
});
|
|
31863
31876
|
const [isPaused, setIsPaused] = (0, import_react196.useState)(false);
|
|
31864
|
-
const [show, toggle] = (0,
|
|
31865
|
-
const lastHlsUrl = (0,
|
|
31877
|
+
const [show, toggle] = (0, import_react_use43.useToggle)(false);
|
|
31878
|
+
const lastHlsUrl = (0, import_react_use43.usePrevious)(hlsUrl);
|
|
31866
31879
|
const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
|
|
31867
31880
|
const [controlsVisible, setControlsVisible] = (0, import_react196.useState)(true);
|
|
31868
31881
|
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react196.useState)(true);
|
|
@@ -31873,9 +31886,9 @@ var init_HLSView = __esm({
|
|
|
31873
31886
|
const isFullScreenSupported = import_screenfull3.default.isEnabled;
|
|
31874
31887
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
31875
31888
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
31876
|
-
const isMobile = (0,
|
|
31889
|
+
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
|
31877
31890
|
const isLandscape = useIsLandscape();
|
|
31878
|
-
const isFullScreen = (0,
|
|
31891
|
+
const isFullScreen = (0, import_react_use43.useFullscreen)(hlsViewRef, show, {
|
|
31879
31892
|
onClose: () => toggle(false)
|
|
31880
31893
|
});
|
|
31881
31894
|
const [showLoader, setShowLoader] = (0, import_react196.useState)(false);
|
|
@@ -32521,13 +32534,13 @@ var init_VideoStreamingSection = __esm({
|
|
|
32521
32534
|
});
|
|
32522
32535
|
|
|
32523
32536
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
|
32524
|
-
var import_react198,
|
|
32537
|
+
var import_react198, import_react_use44, import_react_icons95, RoomDetailsHeader;
|
|
32525
32538
|
var init_RoomDetailsHeader = __esm({
|
|
32526
32539
|
"src/Prebuilt/components/Header/RoomDetailsHeader.tsx"() {
|
|
32527
32540
|
"use strict";
|
|
32528
32541
|
init_define_process_env();
|
|
32529
32542
|
import_react198 = __toESM(require("react"));
|
|
32530
|
-
|
|
32543
|
+
import_react_use44 = require("react-use");
|
|
32531
32544
|
import_react_icons95 = require("@100mslive/react-icons");
|
|
32532
32545
|
init_Layout();
|
|
32533
32546
|
init_Text2();
|
|
@@ -32538,7 +32551,7 @@ var init_RoomDetailsHeader = __esm({
|
|
|
32538
32551
|
init_constants();
|
|
32539
32552
|
RoomDetailsHeader = () => {
|
|
32540
32553
|
const { title, description } = useRoomLayoutHeader();
|
|
32541
|
-
const isMobile = (0,
|
|
32554
|
+
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
32542
32555
|
const clipLength = 30;
|
|
32543
32556
|
const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
|
|
32544
32557
|
const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
@@ -32716,13 +32729,13 @@ var init_common2 = __esm({
|
|
|
32716
32729
|
});
|
|
32717
32730
|
|
|
32718
32731
|
// src/Prebuilt/components/Header/Header.tsx
|
|
32719
|
-
var import_react200,
|
|
32732
|
+
var import_react200, import_react_use45, import_react_sdk100, Header2;
|
|
32720
32733
|
var init_Header = __esm({
|
|
32721
32734
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
32722
32735
|
"use strict";
|
|
32723
32736
|
init_define_process_env();
|
|
32724
32737
|
import_react200 = __toESM(require("react"));
|
|
32725
|
-
|
|
32738
|
+
import_react_use45 = require("react-use");
|
|
32726
32739
|
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
32727
32740
|
init_src();
|
|
32728
32741
|
init_HeaderComponents();
|
|
@@ -32731,7 +32744,7 @@ var init_Header = __esm({
|
|
|
32731
32744
|
init_common2();
|
|
32732
32745
|
Header2 = () => {
|
|
32733
32746
|
const roomState = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectRoomState);
|
|
32734
|
-
const isMobile = (0,
|
|
32747
|
+
const isMobile = (0, import_react_use45.useMedia)(config.media.md);
|
|
32735
32748
|
if (roomState !== import_react_sdk100.HMSRoomState.Connected) {
|
|
32736
32749
|
return /* @__PURE__ */ import_react200.default.createElement(import_react200.default.Fragment, null);
|
|
32737
32750
|
}
|
|
@@ -33269,13 +33282,13 @@ var init_useRedirectToLeave = __esm({
|
|
|
33269
33282
|
});
|
|
33270
33283
|
|
|
33271
33284
|
// src/Prebuilt/AppStateContext.tsx
|
|
33272
|
-
var import_react208,
|
|
33285
|
+
var import_react208, import_react_use46, import_ts_pattern14, import_react_sdk105, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
|
33273
33286
|
var init_AppStateContext = __esm({
|
|
33274
33287
|
"src/Prebuilt/AppStateContext.tsx"() {
|
|
33275
33288
|
"use strict";
|
|
33276
33289
|
init_define_process_env();
|
|
33277
33290
|
import_react208 = __toESM(require("react"));
|
|
33278
|
-
|
|
33291
|
+
import_react_use46 = require("react-use");
|
|
33279
33292
|
import_ts_pattern14 = require("ts-pattern");
|
|
33280
33293
|
import_react_sdk105 = require("@100mslive/react-sdk");
|
|
33281
33294
|
init_VBHandler();
|
|
@@ -33299,7 +33312,7 @@ var init_AppStateContext = __esm({
|
|
|
33299
33312
|
const roomLayout = useRoomLayout();
|
|
33300
33313
|
const [activeState, setActiveState] = import_react208.default.useState();
|
|
33301
33314
|
const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
|
|
33302
|
-
const prevRoomState = (0,
|
|
33315
|
+
const prevRoomState = (0, import_react_use46.usePreviousDistinct)(roomState);
|
|
33303
33316
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
33304
33317
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
33305
33318
|
const { redirectToLeave } = useRedirectToLeave();
|
|
@@ -33396,13 +33409,13 @@ var init_LeaveScreen = __esm({
|
|
|
33396
33409
|
});
|
|
33397
33410
|
|
|
33398
33411
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
|
33399
|
-
var import_react210,
|
|
33412
|
+
var import_react210, import_react_use47, import_ts_pattern15, import_react_icons99, MwebLandscapePrompt;
|
|
33400
33413
|
var init_MwebLandscapePrompt = __esm({
|
|
33401
33414
|
"src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
|
|
33402
33415
|
"use strict";
|
|
33403
33416
|
init_define_process_env();
|
|
33404
33417
|
import_react210 = __toESM(require("react"));
|
|
33405
|
-
|
|
33418
|
+
import_react_use47 = require("react-use");
|
|
33406
33419
|
import_ts_pattern15 = require("ts-pattern");
|
|
33407
33420
|
import_react_icons99 = require("@100mslive/react-icons");
|
|
33408
33421
|
init_Button2();
|
|
@@ -33414,7 +33427,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
33414
33427
|
init_utils2();
|
|
33415
33428
|
MwebLandscapePrompt = () => {
|
|
33416
33429
|
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react210.useState)(false);
|
|
33417
|
-
const isLandscape = (0,
|
|
33430
|
+
const isLandscape = (0, import_react_use47.useMedia)(config.media.ls);
|
|
33418
33431
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
33419
33432
|
(0, import_react210.useEffect)(() => {
|
|
33420
33433
|
var _a8;
|
|
@@ -33591,27 +33604,6 @@ var init_ToastConfig = __esm({
|
|
|
33591
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");
|
|
33592
33605
|
});
|
|
33593
33606
|
ToastConfig = {
|
|
33594
|
-
PEER_LIST: {
|
|
33595
|
-
single: function(notification) {
|
|
33596
|
-
var _a8, _b7;
|
|
33597
|
-
if (notification.data.length === 1) {
|
|
33598
|
-
return {
|
|
33599
|
-
title: `${(_a8 = notification.data[0]) == null ? void 0 : _a8.name} joined`,
|
|
33600
|
-
icon: /* @__PURE__ */ import_react213.default.createElement(import_react_icons101.PeopleAddIcon, null)
|
|
33601
|
-
};
|
|
33602
|
-
}
|
|
33603
|
-
return {
|
|
33604
|
-
title: `${(_b7 = notification.data[notification.data.length - 1]) == null ? void 0 : _b7.name} and ${notification.data.length - 1} others joined`,
|
|
33605
|
-
icon: /* @__PURE__ */ import_react213.default.createElement(import_react_icons101.PeopleAddIcon, null)
|
|
33606
|
-
};
|
|
33607
|
-
},
|
|
33608
|
-
multiple: (notifications) => {
|
|
33609
|
-
return {
|
|
33610
|
-
title: `${notifications[0].data.name} and ${notifications.length - 1} others joined`,
|
|
33611
|
-
icon: /* @__PURE__ */ import_react213.default.createElement(import_react_icons101.PeopleAddIcon, null)
|
|
33612
|
-
};
|
|
33613
|
-
}
|
|
33614
|
-
},
|
|
33615
33607
|
PEER_JOINED: {
|
|
33616
33608
|
single: function(notification) {
|
|
33617
33609
|
var _a8;
|
|
@@ -33885,11 +33877,7 @@ var init_PeerNotifications = __esm({
|
|
|
33885
33877
|
init_ToastBatcher();
|
|
33886
33878
|
init_useUISettings();
|
|
33887
33879
|
init_constants();
|
|
33888
|
-
notificationTypes = [
|
|
33889
|
-
import_react_sdk111.HMSNotificationTypes.PEER_LIST,
|
|
33890
|
-
import_react_sdk111.HMSNotificationTypes.PEER_JOINED,
|
|
33891
|
-
import_react_sdk111.HMSNotificationTypes.PEER_LEFT
|
|
33892
|
-
];
|
|
33880
|
+
notificationTypes = [import_react_sdk111.HMSNotificationTypes.PEER_JOINED, import_react_sdk111.HMSNotificationTypes.PEER_LEFT];
|
|
33893
33881
|
PeerNotifications = () => {
|
|
33894
33882
|
const notification = (0, import_react_sdk111.useHMSNotifications)(notificationTypes);
|
|
33895
33883
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
@@ -33901,11 +33889,6 @@ var init_PeerNotifications = __esm({
|
|
|
33901
33889
|
}
|
|
33902
33890
|
console.debug(`[${notification.type}]`, notification);
|
|
33903
33891
|
switch (notification.type) {
|
|
33904
|
-
case import_react_sdk111.HMSNotificationTypes.PEER_LIST:
|
|
33905
|
-
if (!isPeerJoinSubscribed || notification.data.length === 0) {
|
|
33906
|
-
return;
|
|
33907
|
-
}
|
|
33908
|
-
break;
|
|
33909
33892
|
case import_react_sdk111.HMSNotificationTypes.PEER_JOINED:
|
|
33910
33893
|
if (!isPeerJoinSubscribed) {
|
|
33911
33894
|
return;
|
|
@@ -33950,7 +33933,7 @@ function PermissionErrorModal() {
|
|
|
33950
33933
|
const notification = (0, import_react_sdk112.useHMSNotifications)(import_react_sdk112.HMSNotificationTypes.ERROR);
|
|
33951
33934
|
const [deviceType, setDeviceType] = (0, import_react217.useState)("");
|
|
33952
33935
|
const [isSystemError, setIsSystemError] = (0, import_react217.useState)(false);
|
|
33953
|
-
const isMobile = (0,
|
|
33936
|
+
const isMobile = (0, import_react_use48.useMedia)(config.media.md);
|
|
33954
33937
|
(0, import_react217.useEffect)(() => {
|
|
33955
33938
|
var _a8, _b7, _c, _d, _e;
|
|
33956
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"))) {
|
|
@@ -34006,13 +33989,13 @@ function PermissionErrorModal() {
|
|
|
34006
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
|
|
34007
33990
|
))) : null;
|
|
34008
33991
|
}
|
|
34009
|
-
var import_react217,
|
|
33992
|
+
var import_react217, import_react_use48, import_react_sdk112;
|
|
34010
33993
|
var init_PermissionErrorModal = __esm({
|
|
34011
33994
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
34012
33995
|
"use strict";
|
|
34013
33996
|
init_define_process_env();
|
|
34014
33997
|
import_react217 = __toESM(require("react"));
|
|
34015
|
-
|
|
33998
|
+
import_react_use48 = require("react-use");
|
|
34016
33999
|
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
34017
34000
|
init_src();
|
|
34018
34001
|
init_android_perm_1();
|
|
@@ -34397,13 +34380,13 @@ var init_Notifications2 = __esm({
|
|
|
34397
34380
|
});
|
|
34398
34381
|
|
|
34399
34382
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
34400
|
-
var import_react223,
|
|
34383
|
+
var import_react223, import_react_use49, PreviewScreen;
|
|
34401
34384
|
var init_PreviewScreen = __esm({
|
|
34402
34385
|
"src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
|
|
34403
34386
|
"use strict";
|
|
34404
34387
|
init_define_process_env();
|
|
34405
34388
|
import_react223 = __toESM(require("react"));
|
|
34406
|
-
|
|
34389
|
+
import_react_use49 = require("react-use");
|
|
34407
34390
|
init_src();
|
|
34408
34391
|
init_AppContext();
|
|
34409
34392
|
init_roomLayoutProvider();
|
|
@@ -34416,7 +34399,7 @@ var init_PreviewScreen = __esm({
|
|
|
34416
34399
|
var _a8, _b7, _c;
|
|
34417
34400
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
34418
34401
|
const skipPreview = !isPreviewScreenEnabled;
|
|
34419
|
-
const previewAsRole = (0,
|
|
34402
|
+
const previewAsRole = (0, import_react_use49.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
|
|
34420
34403
|
const { userName } = useHMSPrebuiltContext();
|
|
34421
34404
|
const initialName = userName || (skipPreview ? "Beam" : "");
|
|
34422
34405
|
const authToken = useAuthToken();
|
|
@@ -34557,7 +34540,7 @@ function FlyingEmoji() {
|
|
|
34557
34540
|
const localPeerId = (0, import_react_sdk120.useHMSStore)(import_react_sdk120.selectLocalPeerID);
|
|
34558
34541
|
const vanillaStore = (0, import_react_sdk120.useHMSVanillaStore)();
|
|
34559
34542
|
const [emojis, setEmojis] = (0, import_react228.useState)([]);
|
|
34560
|
-
const isMobile = (0,
|
|
34543
|
+
const isMobile = (0, import_react_use50.useMedia)(config.media.md);
|
|
34561
34544
|
const startingPoints = (0, import_react228.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
34562
34545
|
const showFlyingEmoji = (0, import_react228.useCallback)(
|
|
34563
34546
|
({ emojiId, senderId }) => {
|
|
@@ -34649,13 +34632,13 @@ function FlyingEmoji() {
|
|
|
34649
34632
|
})
|
|
34650
34633
|
);
|
|
34651
34634
|
}
|
|
34652
|
-
var import_react228,
|
|
34635
|
+
var import_react228, import_react_use50, import_react_sdk120, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
34653
34636
|
var init_FlyingEmoji = __esm({
|
|
34654
34637
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
34655
34638
|
"use strict";
|
|
34656
34639
|
init_define_process_env();
|
|
34657
34640
|
import_react228 = __toESM(require("react"));
|
|
34658
|
-
|
|
34641
|
+
import_react_use50 = require("react-use");
|
|
34659
34642
|
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
34660
34643
|
init_Layout();
|
|
34661
34644
|
init_Text2();
|