@100mslive/roomkit-react 0.3.32-alpha.2 → 0.3.32-alpha.3
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/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +129 -137
- package/dist/index.cjs.js.map +3 -3
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +425 -434
- package/dist/index.js.map +3 -3
- package/dist/meta.cjs.json +14 -29
- package/dist/meta.esbuild.json +15 -30
- package/package.json +7 -7
- package/src/Prebuilt/components/Settings/DeviceSettings.jsx +1 -12
package/dist/index.cjs.js
CHANGED
|
@@ -109,7 +109,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
109
109
|
var define_process_env_default;
|
|
110
110
|
var init_define_process_env = __esm({
|
|
111
111
|
"<define:process.env>"() {
|
|
112
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_6a542803-dd80-4bb0-bb9a-80ea0db920cd", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.22-alpha.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.6 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.32-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_6a542803-dd80-4bb0-bb9a-80ea0db920cd", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.6/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.32-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", 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.3.1-1", 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.12.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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-ubuntu24", 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: "833", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", 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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20250209.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.12/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", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.6/x64", JOURNAL_STREAM: "8:6138", 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: "^19.6.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/runner-provisioner.service/memory.pressure", 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.32-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "13411488366", 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: "5668288024db548005c19e195db7c52a40edb035", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "9994450db7d7ece63f84f9160a04133482f4df48f8d0f35e7b1b9a1f6f7f0f1b", 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--1739964682129-0.45045752802005734:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739964681939-0.27011889869619354:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739964655973-0.26769770605914767:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739964655797-0.7696420887867996:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/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.6/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_0444cba8-91c5-4e4d-9355-65ed9a70de3a", INVOCATION_ID: "d098e97a2e354b76ab77fdc167ce665d", 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: "736", 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: "^19.6.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 74", 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_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/27.2.12479018", 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.32-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.32-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "5668288024db548005c19e195db7c52a40edb035", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", 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", 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_6a542803-dd80-4bb0-bb9a-80ea0db920cd", JAVA_HOME: "/usr/lib/jvm/temurin-17-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", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_6a542803-dd80-4bb0-bb9a-80ea0db920cd", 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/27.2.12479018", 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", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/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_knip: "^5.11.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/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_6a542803-dd80-4bb0-bb9a-80ea0db920cd" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.22-alpha.3", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.6 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.32-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.6/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.32-alpha.3", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", 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.3.1-1", 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.12.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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-ubuntu24", 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: "838", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", 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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20250209.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.12/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", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.6/x64", JOURNAL_STREAM: "8:8314", 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: "^19.6.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/runner-provisioner.service/memory.pressure", 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.32-alpha.3", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "13412077337", 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: "89aeb3eeb0eb4f233dda6ffa898a9460d537cebd", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "fbd803e26da9a4c632921a64afb491c5a005c7c5099f12ea1b87a4a1259ed322", 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--1739966757649-0.4330038680872481:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739966757450-0.25506799639478506:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739966729694-0.8266996707439145:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739966729505-0.2248788594878124:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/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.6/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_749b1182-8895-4466-b8ff-2216f5320b73", INVOCATION_ID: "d8e16b8c97ea4fff860435a9d1ff88b1", 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: "737", 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: "^19.6.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 160", 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_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/27.2.12479018", 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.32-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.32-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "89aeb3eeb0eb4f233dda6ffa898a9460d537cebd", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", 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", 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_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd", JAVA_HOME: "/usr/lib/jvm/temurin-17-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", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd", 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/27.2.12479018", 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", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/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_knip: "^5.11.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/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd" };
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -14678,7 +14678,7 @@ var import_react_sdk106 = require("@100mslive/react-sdk");
|
|
|
14678
14678
|
// src/Prebuilt/components/Footer/Footer.tsx
|
|
14679
14679
|
init_define_process_env();
|
|
14680
14680
|
var import_react114 = __toESM(require("react"));
|
|
14681
|
-
var
|
|
14681
|
+
var import_react_use21 = require("react-use");
|
|
14682
14682
|
var import_chat = require("@100mslive/types-prebuilt/elements/chat");
|
|
14683
14683
|
|
|
14684
14684
|
// src/Prebuilt/components/AudioVideoToggle.tsx
|
|
@@ -14912,7 +14912,7 @@ var ActionTile = {
|
|
|
14912
14912
|
// src/Prebuilt/components/Settings/SettingsModal.jsx
|
|
14913
14913
|
init_define_process_env();
|
|
14914
14914
|
var import_react47 = __toESM(require("react"));
|
|
14915
|
-
var
|
|
14915
|
+
var import_react_use6 = require("react-use");
|
|
14916
14916
|
var import_react_icons12 = require("@100mslive/react-icons");
|
|
14917
14917
|
|
|
14918
14918
|
// src/Sheet/index.ts
|
|
@@ -15023,7 +15023,6 @@ var Sheet = {
|
|
|
15023
15023
|
// src/Prebuilt/components/Settings/DeviceSettings.jsx
|
|
15024
15024
|
init_define_process_env();
|
|
15025
15025
|
var import_react45 = __toESM(require("react"));
|
|
15026
|
-
var import_react_use6 = require("react-use");
|
|
15027
15026
|
var import_react_sdk15 = require("@100mslive/react-sdk");
|
|
15028
15027
|
var import_react_icons10 = require("@100mslive/react-icons");
|
|
15029
15028
|
|
|
@@ -15110,14 +15109,7 @@ var Settings = ({ setHide }) => {
|
|
|
15110
15109
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
|
15111
15110
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
15112
15111
|
const trackSelector = (0, import_react_sdk15.selectVideoTrackByID)(videoTrackId);
|
|
15113
|
-
const hmsActions = (0, import_react_sdk15.useHMSActions)();
|
|
15114
15112
|
const track = (0, import_react_sdk15.useHMSStore)(trackSelector);
|
|
15115
|
-
const isMobile = (0, import_react_use6.useMedia)(config.media.md);
|
|
15116
|
-
(0, import_react45.useEffect)(() => {
|
|
15117
|
-
if (isMobile) {
|
|
15118
|
-
hmsActions.refreshDevices();
|
|
15119
|
-
}
|
|
15120
|
-
}, [hmsActions, isMobile]);
|
|
15121
15113
|
const audioOutputFiltered = (_a8 = audioOutput == null ? void 0 : audioOutput.filter((item) => !!item.label)) != null ? _a8 : [];
|
|
15122
15114
|
if (!(videoInput == null ? void 0 : videoInput.length) && !(audioInput == null ? void 0 : audioInput.length) && !(audioOutputFiltered == null ? void 0 : audioOutputFiltered.length)) {
|
|
15123
15115
|
setHide(true);
|
|
@@ -15350,7 +15342,7 @@ var settingsList = [
|
|
|
15350
15342
|
];
|
|
15351
15343
|
var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null) }) => {
|
|
15352
15344
|
const mediaQueryLg = config.media.md;
|
|
15353
|
-
const isMobile = (0,
|
|
15345
|
+
const isMobile = (0, import_react_use6.useMedia)(mediaQueryLg);
|
|
15354
15346
|
const [showSetting, setShowSetting] = (0, import_react47.useState)(
|
|
15355
15347
|
() => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
|
|
15356
15348
|
);
|
|
@@ -15883,7 +15875,7 @@ var CaptionIcon = () => {
|
|
|
15883
15875
|
// src/Prebuilt/components/EmojiReaction.jsx
|
|
15884
15876
|
init_define_process_env();
|
|
15885
15877
|
var import_react53 = __toESM(require("react"));
|
|
15886
|
-
var
|
|
15878
|
+
var import_react_use8 = require("react-use");
|
|
15887
15879
|
var import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
|
|
15888
15880
|
var import_emoji_mart = require("emoji-mart");
|
|
15889
15881
|
var import_react_sdk19 = require("@100mslive/react-sdk");
|
|
@@ -15936,7 +15928,7 @@ var useDropdownList = ({ name, open }) => {
|
|
|
15936
15928
|
// src/Prebuilt/common/hooks.ts
|
|
15937
15929
|
init_define_process_env();
|
|
15938
15930
|
var import_react52 = require("react");
|
|
15939
|
-
var
|
|
15931
|
+
var import_react_use7 = require("react-use");
|
|
15940
15932
|
var import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
15941
15933
|
var import_react_sdk18 = require("@100mslive/react-sdk");
|
|
15942
15934
|
var useFilteredRoles = () => {
|
|
@@ -15986,7 +15978,7 @@ var useParticipants = (params) => {
|
|
|
15986
15978
|
};
|
|
15987
15979
|
var useIsLandscape = () => {
|
|
15988
15980
|
const isMobile = import_react_sdk18.parsedUserAgent.getDevice().type === "mobile";
|
|
15989
|
-
const isLandscape = (0,
|
|
15981
|
+
const isLandscape = (0, import_react_use7.useMedia)(config.media.ls);
|
|
15990
15982
|
return isMobile && isLandscape;
|
|
15991
15983
|
};
|
|
15992
15984
|
var useLandscapeHLSStream = () => {
|
|
@@ -15995,7 +15987,7 @@ var useLandscapeHLSStream = () => {
|
|
|
15995
15987
|
return isLandscape && screenType === "hls_live_streaming";
|
|
15996
15988
|
};
|
|
15997
15989
|
var useMobileHLSStream = () => {
|
|
15998
|
-
const isMobile = (0,
|
|
15990
|
+
const isMobile = (0, import_react_use7.useMedia)(config.media.md);
|
|
15999
15991
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
16000
15992
|
return isMobile && screenType === "hls_live_streaming";
|
|
16001
15993
|
};
|
|
@@ -16112,8 +16104,8 @@ var EmojiReaction = ({ showCard = false }) => {
|
|
|
16112
16104
|
useDropdownList({ open, name: "EmojiReaction" });
|
|
16113
16105
|
const roles = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectAvailableRoleNames);
|
|
16114
16106
|
const localPeerId = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectLocalPeerID);
|
|
16115
|
-
const isMobile = (0,
|
|
16116
|
-
const isLandscape = (0,
|
|
16107
|
+
const isMobile = (0, import_react_use8.useMedia)(config.media.md);
|
|
16108
|
+
const isLandscape = (0, import_react_use8.useMedia)(config.media.ls);
|
|
16117
16109
|
const isMobileHLSStream = useMobileHLSStream();
|
|
16118
16110
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
16119
16111
|
const { sendEvent } = (0, import_react_sdk19.useCustomEvent)({
|
|
@@ -16155,7 +16147,7 @@ var EmojiReaction = ({ showCard = false }) => {
|
|
|
16155
16147
|
// src/Prebuilt/components/Leave/LeaveRoom.tsx
|
|
16156
16148
|
init_define_process_env();
|
|
16157
16149
|
var import_react59 = __toESM(require("react"));
|
|
16158
|
-
var
|
|
16150
|
+
var import_react_use9 = require("react-use");
|
|
16159
16151
|
var import_react_sdk22 = require("@100mslive/react-sdk");
|
|
16160
16152
|
|
|
16161
16153
|
// src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
|
|
@@ -16502,7 +16494,7 @@ var LeaveRoom = ({
|
|
|
16502
16494
|
}) => {
|
|
16503
16495
|
const isConnected = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectIsConnectedToRoom);
|
|
16504
16496
|
const permissions = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectPermissions);
|
|
16505
|
-
const isMobile = (0,
|
|
16497
|
+
const isMobile = (0, import_react_use9.useMedia)(config.media.md);
|
|
16506
16498
|
const rolesMap = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectRolesMap);
|
|
16507
16499
|
const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
|
|
16508
16500
|
const roleObj = rolesMap[roleName];
|
|
@@ -16548,7 +16540,7 @@ var LeaveRoom = ({
|
|
|
16548
16540
|
// src/Prebuilt/components/MoreSettings/MoreSettings.tsx
|
|
16549
16541
|
init_define_process_env();
|
|
16550
16542
|
var import_react94 = __toESM(require("react"));
|
|
16551
|
-
var
|
|
16543
|
+
var import_react_use18 = require("react-use");
|
|
16552
16544
|
|
|
16553
16545
|
// src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
|
|
16554
16546
|
init_define_process_env();
|
|
@@ -16724,7 +16716,7 @@ var TextArea = styled("textarea", {
|
|
|
16724
16716
|
// src/Prebuilt/components/Chat/ChatBody.tsx
|
|
16725
16717
|
init_define_process_env();
|
|
16726
16718
|
var import_react68 = __toESM(require("react"));
|
|
16727
|
-
var
|
|
16719
|
+
var import_react_use11 = require("react-use");
|
|
16728
16720
|
var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
|
|
16729
16721
|
var import_react_window = require("react-window");
|
|
16730
16722
|
var import_react_sdk29 = require("@100mslive/react-sdk");
|
|
@@ -17025,13 +17017,13 @@ var ChatActions = ({
|
|
|
17025
17017
|
// src/Prebuilt/components/Chat/EmptyChat.tsx
|
|
17026
17018
|
init_define_process_env();
|
|
17027
17019
|
var import_react66 = __toESM(require("react"));
|
|
17028
|
-
var
|
|
17020
|
+
var import_react_use10 = require("react-use");
|
|
17029
17021
|
var import_empty_chat = __toESM(require("./empty-chat.svg"));
|
|
17030
17022
|
var EmptyChat = () => {
|
|
17031
17023
|
var _a8;
|
|
17032
17024
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
17033
17025
|
const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
|
|
17034
|
-
const isMobile = (0,
|
|
17026
|
+
const isMobile = (0, import_react_use10.useMedia)(config.media.md);
|
|
17035
17027
|
const canSendMessages = elements.chat && (elements.chat.public_chat_enabled || elements.chat.private_chat_enabled || elements.chat.roles_whitelist && elements.chat.roles_whitelist.length) && !isLocalPeerBlacklisted;
|
|
17036
17028
|
const isMobileHLSStream = useMobileHLSStream();
|
|
17037
17029
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -17206,7 +17198,7 @@ var ChatMessage = import_react68.default.memo(
|
|
|
17206
17198
|
var _a8, _b7, _c;
|
|
17207
17199
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
17208
17200
|
const rowRef = (0, import_react68.useRef)(null);
|
|
17209
|
-
const isMobile = (0,
|
|
17201
|
+
const isMobile = (0, import_react_use11.useMedia)(config.media.md);
|
|
17210
17202
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
17211
17203
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
17212
17204
|
const localPeerId = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerID);
|
|
@@ -17730,7 +17722,7 @@ var PIPWindow = ({ pipWindow, children }) => {
|
|
|
17730
17722
|
// src/Prebuilt/components/RoleChangeModal.tsx
|
|
17731
17723
|
init_define_process_env();
|
|
17732
17724
|
var import_react71 = __toESM(require("react"));
|
|
17733
|
-
var
|
|
17725
|
+
var import_react_use12 = require("react-use");
|
|
17734
17726
|
var import_react_sdk31 = require("@100mslive/react-sdk");
|
|
17735
17727
|
var import_react_icons25 = require("@100mslive/react-icons");
|
|
17736
17728
|
var HighlightTerm = ({ value }) => {
|
|
@@ -17856,7 +17848,7 @@ var RoleChangeModal = ({
|
|
|
17856
17848
|
onOpenChange
|
|
17857
17849
|
}) => {
|
|
17858
17850
|
const peer = (0, import_react_sdk31.useHMSStore)((0, import_react_sdk31.selectPeerByID)(peerId));
|
|
17859
|
-
const isMobile = (0,
|
|
17851
|
+
const isMobile = (0, import_react_use12.useMedia)(config.media.md);
|
|
17860
17852
|
if (!peer) {
|
|
17861
17853
|
return null;
|
|
17862
17854
|
}
|
|
@@ -18168,13 +18160,13 @@ var StartRecording_default = StartRecording;
|
|
|
18168
18160
|
// src/Prebuilt/components/StatsForNerds.jsx
|
|
18169
18161
|
init_define_process_env();
|
|
18170
18162
|
var import_react75 = __toESM(require("react"));
|
|
18171
|
-
var
|
|
18163
|
+
var import_react_use13 = require("react-use");
|
|
18172
18164
|
var import_ts_pattern4 = require("ts-pattern");
|
|
18173
18165
|
var import_react_sdk33 = require("@100mslive/react-sdk");
|
|
18174
18166
|
var StatsForNerds = ({ open, onOpenChange }) => {
|
|
18175
18167
|
var _a8, _b7;
|
|
18176
18168
|
const mediaQueryLg = config.media.md;
|
|
18177
|
-
const isMobile = (0,
|
|
18169
|
+
const isMobile = (0, import_react_use13.useMedia)(mediaQueryLg);
|
|
18178
18170
|
const tracksWithLabels = useTracksWithLabel();
|
|
18179
18171
|
const statsOptions = (0, import_react75.useMemo)(
|
|
18180
18172
|
() => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
|
|
@@ -18519,7 +18511,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
|
|
|
18519
18511
|
// src/Prebuilt/components/MoreSettings/CaptionModal.tsx
|
|
18520
18512
|
init_define_process_env();
|
|
18521
18513
|
var import_react78 = __toESM(require("react"));
|
|
18522
|
-
var
|
|
18514
|
+
var import_react_use14 = require("react-use");
|
|
18523
18515
|
|
|
18524
18516
|
// src/Prebuilt/components/MoreSettings/CaptionContent.tsx
|
|
18525
18517
|
init_define_process_env();
|
|
@@ -18645,7 +18637,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
|
|
|
18645
18637
|
|
|
18646
18638
|
// src/Prebuilt/components/MoreSettings/CaptionModal.tsx
|
|
18647
18639
|
var CaptionModal = ({ onOpenChange }) => {
|
|
18648
|
-
const isMobile = (0,
|
|
18640
|
+
const isMobile = (0, import_react_use14.useMedia)(config.media.md);
|
|
18649
18641
|
const props = {
|
|
18650
18642
|
isMobile,
|
|
18651
18643
|
onExit: () => {
|
|
@@ -19118,7 +19110,7 @@ var DesktopOptions = ({
|
|
|
19118
19110
|
// src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
|
|
19119
19111
|
init_define_process_env();
|
|
19120
19112
|
var import_react93 = __toESM(require("react"));
|
|
19121
|
-
var
|
|
19113
|
+
var import_react_use17 = require("react-use");
|
|
19122
19114
|
var import_ts_pattern6 = require("ts-pattern");
|
|
19123
19115
|
var import_react_sdk45 = require("@100mslive/react-sdk");
|
|
19124
19116
|
var import_react_icons36 = require("@100mslive/react-icons");
|
|
@@ -19126,7 +19118,7 @@ var import_react_icons36 = require("@100mslive/react-icons");
|
|
|
19126
19118
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
|
19127
19119
|
init_define_process_env();
|
|
19128
19120
|
var import_react88 = __toESM(require("react"));
|
|
19129
|
-
var
|
|
19121
|
+
var import_react_use15 = require("react-use");
|
|
19130
19122
|
|
|
19131
19123
|
// ../hms-video-store/dist/index.js
|
|
19132
19124
|
init_define_process_env();
|
|
@@ -21363,7 +21355,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
|
|
|
21363
21355
|
n((t = t.apply(a2, e)).next());
|
|
21364
21356
|
});
|
|
21365
21357
|
var Rr = So((Qc, Po) => {
|
|
21366
|
-
Po.exports = { version: "0.12.32-alpha.
|
|
21358
|
+
Po.exports = { version: "0.12.32-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
|
|
21367
21359
|
});
|
|
21368
21360
|
var Pr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Pr || {});
|
|
21369
21361
|
var go = ((e) => (e.CHAT = "chat", e))(go || {});
|
|
@@ -22543,7 +22535,7 @@ var LiveStatus = () => {
|
|
|
22543
22535
|
var _a8;
|
|
22544
22536
|
const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk41.useRecordingStreaming)();
|
|
22545
22537
|
const hlsState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectHLSState);
|
|
22546
|
-
const isMobile = (0,
|
|
22538
|
+
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
22547
22539
|
const intervalRef = (0, import_react88.useRef)(null);
|
|
22548
22540
|
const { screenType } = useRoomLayoutConferencingScreen();
|
|
22549
22541
|
const [liveTime, setLiveTime] = (0, import_react88.useState)(0);
|
|
@@ -22590,7 +22582,7 @@ var LiveStatus = () => {
|
|
|
22590
22582
|
var RecordingStatus = () => {
|
|
22591
22583
|
const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = (0, import_react_sdk41.useRecordingStreaming)();
|
|
22592
22584
|
const permissions = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectPermissions);
|
|
22593
|
-
const isMobile = (0,
|
|
22585
|
+
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
22594
22586
|
if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
|
|
22595
22587
|
// so no need to show this as it duplicates
|
|
22596
22588
|
[permissions == null ? void 0 : permissions.browserRecording, !isServerRecordingOn, !isHLSRecordingOn, isBrowserRecordingOn].every(
|
|
@@ -22698,7 +22690,7 @@ var StartRecording2 = () => {
|
|
|
22698
22690
|
};
|
|
22699
22691
|
var StreamActions = () => {
|
|
22700
22692
|
const isConnected = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectIsConnectedToRoom);
|
|
22701
|
-
const isMobile = (0,
|
|
22693
|
+
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
22702
22694
|
const roomState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRoomState);
|
|
22703
22695
|
return /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, !isMobile && /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react88.default.createElement(RecordingPauseStatus, null), /* @__PURE__ */ import_react88.default.createElement(RecordingStatus, null), roomState !== import_react_sdk41.HMSRoomState.Preview ? /* @__PURE__ */ import_react88.default.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ import_react88.default.createElement(StartRecording2, null) : null);
|
|
22704
22696
|
};
|
|
@@ -22722,7 +22714,7 @@ var StopRecordingInSheet = ({
|
|
|
22722
22714
|
// src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
|
|
22723
22715
|
init_define_process_env();
|
|
22724
22716
|
var import_react90 = __toESM(require("react"));
|
|
22725
|
-
var
|
|
22717
|
+
var import_react_use16 = require("react-use");
|
|
22726
22718
|
var import_react_sdk42 = require("@100mslive/react-sdk");
|
|
22727
22719
|
|
|
22728
22720
|
// src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
|
|
@@ -22851,7 +22843,7 @@ var ChangeNameModal = ({
|
|
|
22851
22843
|
const hmsActions = (0, import_react_sdk42.useHMSActions)();
|
|
22852
22844
|
const localPeerName = (0, import_react_sdk42.useHMSStore)(import_react_sdk42.selectLocalPeerName);
|
|
22853
22845
|
const [currentName, setCurrentName] = (0, import_react90.useState)(localPeerName);
|
|
22854
|
-
const isMobile = (0,
|
|
22846
|
+
const isMobile = (0, import_react_use16.useMedia)(config.media.md);
|
|
22855
22847
|
const changeName = () => __async(void 0, null, function* () {
|
|
22856
22848
|
const name = (currentName == null ? void 0 : currentName.trim()) || "";
|
|
22857
22849
|
if (!name || name === localPeerName) {
|
|
@@ -22980,7 +22972,7 @@ var MwebOptions = ({
|
|
|
22980
22972
|
return copy;
|
|
22981
22973
|
});
|
|
22982
22974
|
};
|
|
22983
|
-
(0,
|
|
22975
|
+
(0, import_react_use17.useClickAway)(emojiCardRef, () => setShowEmojiCard(false));
|
|
22984
22976
|
return /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement(Sheet.Root, { open: openOptionsSheet, onOpenChange: setOpenOptionsSheet }, /* @__PURE__ */ import_react93.default.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ import_react93.default.createElement(Sheet.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ import_react93.default.createElement(IconButton_default, { css: { bg: isMobileHLSStream || isLandscapeHLSStream ? "$surface_default" : "" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons36.HamburgerMenuIcon, null)))), /* @__PURE__ */ import_react93.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", pb: "$14" } }, /* @__PURE__ */ import_react93.default.createElement(
|
|
22985
22977
|
Sheet.Title,
|
|
22986
22978
|
{
|
|
@@ -23201,7 +23193,7 @@ var MoreSettings = ({
|
|
|
23201
23193
|
elements,
|
|
23202
23194
|
screenType
|
|
23203
23195
|
}) => {
|
|
23204
|
-
const isMobile = (0,
|
|
23196
|
+
const isMobile = (0, import_react_use18.useMedia)(config.media.md);
|
|
23205
23197
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
23206
23198
|
return isMobile || isLandscapeHLSStream ? /* @__PURE__ */ import_react94.default.createElement(MwebOptions, { elements, screenType }) : /* @__PURE__ */ import_react94.default.createElement(DesktopOptions, { elements, screenType });
|
|
23207
23199
|
};
|
|
@@ -23800,7 +23792,7 @@ var ChatToggle = ({ onClick }) => {
|
|
|
23800
23792
|
// src/Prebuilt/components/Footer/ParticipantList.tsx
|
|
23801
23793
|
init_define_process_env();
|
|
23802
23794
|
var import_react111 = __toESM(require("react"));
|
|
23803
|
-
var
|
|
23795
|
+
var import_react_use20 = require("react-use");
|
|
23804
23796
|
var import_react_sdk57 = require("@100mslive/react-sdk");
|
|
23805
23797
|
var import_react_icons48 = require("@100mslive/react-icons");
|
|
23806
23798
|
|
|
@@ -23953,7 +23945,7 @@ var RemoveParticipant = ({ peerId }) => {
|
|
|
23953
23945
|
// src/Prebuilt/components/Footer/RoleAccordion.tsx
|
|
23954
23946
|
init_define_process_env();
|
|
23955
23947
|
var import_react108 = __toESM(require("react"));
|
|
23956
|
-
var
|
|
23948
|
+
var import_react_use19 = require("react-use");
|
|
23957
23949
|
var import_react_window2 = require("react-window");
|
|
23958
23950
|
var import_react_sdk54 = require("@100mslive/react-sdk");
|
|
23959
23951
|
var import_react_icons47 = require("@100mslive/react-icons");
|
|
@@ -24168,7 +24160,7 @@ var RoleAccordion = ({
|
|
|
24168
24160
|
offStageRoles,
|
|
24169
24161
|
onActive
|
|
24170
24162
|
}) => {
|
|
24171
|
-
const [ref, { width }] = (0,
|
|
24163
|
+
const [ref, { width }] = (0, import_react_use19.useMeasure)();
|
|
24172
24164
|
const isLargeRoom = (0, import_react_sdk54.useHMSStore)(import_react_sdk54.selectIsLargeRoom);
|
|
24173
24165
|
const { peers, total, loadPeers } = (0, import_react_sdk54.usePaginatedParticipants)({ role: roleName, limit: 10 });
|
|
24174
24166
|
const isOffStageRole = roleName && offStageRoles.includes(roleName);
|
|
@@ -24629,8 +24621,8 @@ var ParticipantSearch = ({
|
|
|
24629
24621
|
inSidePane = false
|
|
24630
24622
|
}) => {
|
|
24631
24623
|
const [value, setValue] = import_react111.default.useState("");
|
|
24632
|
-
const isMobile = (0,
|
|
24633
|
-
(0,
|
|
24624
|
+
const isMobile = (0, import_react_use20.useMedia)(config.media.md);
|
|
24625
|
+
(0, import_react_use20.useDebounce)(
|
|
24634
24626
|
() => {
|
|
24635
24627
|
onSearch(value);
|
|
24636
24628
|
},
|
|
@@ -24751,7 +24743,7 @@ var Footer2 = ({
|
|
|
24751
24743
|
elements
|
|
24752
24744
|
}) => {
|
|
24753
24745
|
var _a8, _b7;
|
|
24754
|
-
const isMobile = (0,
|
|
24746
|
+
const isMobile = (0, import_react_use21.useMedia)(config.media.md);
|
|
24755
24747
|
const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
|
|
24756
24748
|
const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === import_chat.Chat_ChatState.CHAT_STATE_OPEN;
|
|
24757
24749
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
@@ -24863,14 +24855,14 @@ var import_react_sdk86 = require("@100mslive/react-sdk");
|
|
|
24863
24855
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
24864
24856
|
init_define_process_env();
|
|
24865
24857
|
var import_react168 = __toESM(require("react"));
|
|
24866
|
-
var
|
|
24858
|
+
var import_react_use35 = require("react-use");
|
|
24867
24859
|
var import_react_sdk85 = require("@100mslive/react-sdk");
|
|
24868
24860
|
var import_react_icons81 = require("@100mslive/react-icons");
|
|
24869
24861
|
|
|
24870
24862
|
// src/Prebuilt/layouts/SidePane.tsx
|
|
24871
24863
|
init_define_process_env();
|
|
24872
24864
|
var import_react164 = __toESM(require("react"));
|
|
24873
|
-
var
|
|
24865
|
+
var import_react_use33 = require("react-use");
|
|
24874
24866
|
var import_ts_pattern12 = require("ts-pattern");
|
|
24875
24867
|
var import_react_sdk83 = require("@100mslive/react-sdk");
|
|
24876
24868
|
|
|
@@ -26531,7 +26523,7 @@ var ShowRoomDetailHeader = () => {
|
|
|
26531
26523
|
// src/Prebuilt/components/SidePaneTabs.tsx
|
|
26532
26524
|
init_define_process_env();
|
|
26533
26525
|
var import_react156 = __toESM(require("react"));
|
|
26534
|
-
var
|
|
26526
|
+
var import_react_use28 = require("react-use");
|
|
26535
26527
|
var import_ts_pattern11 = require("ts-pattern");
|
|
26536
26528
|
var import_react_sdk77 = require("@100mslive/react-sdk");
|
|
26537
26529
|
var import_react_icons74 = require("@100mslive/react-icons");
|
|
@@ -26539,7 +26531,7 @@ var import_react_icons74 = require("@100mslive/react-icons");
|
|
|
26539
26531
|
// src/Prebuilt/components/Chat/Chat.tsx
|
|
26540
26532
|
init_define_process_env();
|
|
26541
26533
|
var import_react153 = __toESM(require("react"));
|
|
26542
|
-
var
|
|
26534
|
+
var import_react_use26 = require("react-use");
|
|
26543
26535
|
var import_ts_pattern10 = require("ts-pattern");
|
|
26544
26536
|
var import_react_sdk74 = require("@100mslive/react-sdk");
|
|
26545
26537
|
var import_react_icons71 = require("@100mslive/react-icons");
|
|
@@ -26547,7 +26539,7 @@ var import_react_icons71 = require("@100mslive/react-icons");
|
|
|
26547
26539
|
// src/Prebuilt/components/Chat/ChatFooter.tsx
|
|
26548
26540
|
init_define_process_env();
|
|
26549
26541
|
var import_react147 = __toESM(require("react"));
|
|
26550
|
-
var
|
|
26542
|
+
var import_react_use24 = require("react-use");
|
|
26551
26543
|
var import_apple2 = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
|
|
26552
26544
|
var import_react148 = __toESM(require("@emoji-mart/react"));
|
|
26553
26545
|
var import_react_sdk71 = require("@100mslive/react-sdk");
|
|
@@ -26556,13 +26548,13 @@ var import_react_icons68 = require("@100mslive/react-icons");
|
|
|
26556
26548
|
// src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
|
|
26557
26549
|
init_define_process_env();
|
|
26558
26550
|
var import_react144 = __toESM(require("react"));
|
|
26559
|
-
var
|
|
26551
|
+
var import_react_use23 = require("react-use");
|
|
26560
26552
|
var import_react_icons67 = require("@100mslive/react-icons");
|
|
26561
26553
|
|
|
26562
26554
|
// src/Prebuilt/components/Chat/ChatSelector.tsx
|
|
26563
26555
|
init_define_process_env();
|
|
26564
26556
|
var import_react143 = __toESM(require("react"));
|
|
26565
|
-
var
|
|
26557
|
+
var import_react_use22 = require("react-use");
|
|
26566
26558
|
var import_react_sdk69 = require("@100mslive/react-sdk");
|
|
26567
26559
|
var import_react_icons66 = require("@100mslive/react-icons");
|
|
26568
26560
|
var ChatDotIcon = () => {
|
|
@@ -26575,7 +26567,7 @@ var SelectorItem = ({
|
|
|
26575
26567
|
unreadCount,
|
|
26576
26568
|
icon = void 0
|
|
26577
26569
|
}) => {
|
|
26578
|
-
const isMobile = (0,
|
|
26570
|
+
const isMobile = (0, import_react_use22.useMedia)(config.media.md);
|
|
26579
26571
|
const Root28 = !isMobile ? Dropdown.Item : (_a8) => {
|
|
26580
26572
|
var _b7 = _a8, { children } = _b7, rest = __objRest(_b7, ["children"]);
|
|
26581
26573
|
return /* @__PURE__ */ import_react143.default.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
|
|
@@ -26726,7 +26718,7 @@ var ChatSelector = ({ role, peerId }) => {
|
|
|
26726
26718
|
var ChatSelectorContainer = () => {
|
|
26727
26719
|
var _a8, _b7;
|
|
26728
26720
|
const [open, setOpen] = (0, import_react144.useState)(false);
|
|
26729
|
-
const isMobile = (0,
|
|
26721
|
+
const isMobile = (0, import_react_use23.useMedia)(config.media.md);
|
|
26730
26722
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
26731
26723
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
26732
26724
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
|
@@ -26943,7 +26935,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
|
26943
26935
|
const hmsActions = (0, import_react_sdk71.useHMSActions)();
|
|
26944
26936
|
const inputRef = (0, import_react147.useRef)(null);
|
|
26945
26937
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
|
26946
|
-
const isMobile = (0,
|
|
26938
|
+
const isMobile = (0, import_react_use24.useMedia)(config.media.md);
|
|
26947
26939
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
26948
26940
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
|
26949
26941
|
const localPeer = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectLocalPeer);
|
|
@@ -27206,7 +27198,7 @@ var ChatBlocked = () => {
|
|
|
27206
27198
|
init_define_process_env();
|
|
27207
27199
|
var import_react152 = __toESM(require("react"));
|
|
27208
27200
|
var import_react_swipeable = require("react-swipeable");
|
|
27209
|
-
var
|
|
27201
|
+
var import_react_use25 = require("react-use");
|
|
27210
27202
|
var import_react_sdk73 = require("@100mslive/react-sdk");
|
|
27211
27203
|
var import_react_icons70 = require("@100mslive/react-icons");
|
|
27212
27204
|
|
|
@@ -27267,7 +27259,7 @@ var PinnedMessage = () => {
|
|
|
27267
27259
|
const pinnedMessages = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
27268
27260
|
const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react152.useState)(0);
|
|
27269
27261
|
const { removePinnedMessage } = usePinnedMessages();
|
|
27270
|
-
const isMobile = (0,
|
|
27262
|
+
const isMobile = (0, import_react_use25.useMedia)(config.media.md);
|
|
27271
27263
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
27272
27264
|
const canUnpinMessage = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.allow_pinning_messages);
|
|
27273
27265
|
const [hideOverflow, setHideOverflow] = (0, import_react152.useState)(true);
|
|
@@ -27384,7 +27376,7 @@ var Chat = () => {
|
|
|
27384
27376
|
const hmsActions = (0, import_react_sdk74.useHMSActions)();
|
|
27385
27377
|
const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
|
|
27386
27378
|
const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(TS("chatState" /* CHAT_STATE */)) || {};
|
|
27387
|
-
const isMobile = (0,
|
|
27379
|
+
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
27388
27380
|
const isMobileHLSStream = useMobileHLSStream();
|
|
27389
27381
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
27390
27382
|
useSidepaneResetOnLayoutUpdate("chat", SIDE_PANE_OPTIONS.CHAT);
|
|
@@ -27521,7 +27513,7 @@ var NewMessageIndicator = ({
|
|
|
27521
27513
|
init_define_process_env();
|
|
27522
27514
|
var import_react154 = __toESM(require("react"));
|
|
27523
27515
|
var import_react_intersection_observer = require("react-intersection-observer");
|
|
27524
|
-
var
|
|
27516
|
+
var import_react_use27 = require("react-use");
|
|
27525
27517
|
var import_react_window3 = require("react-window");
|
|
27526
27518
|
var import_react_sdk75 = require("@100mslive/react-sdk");
|
|
27527
27519
|
var import_react_icons72 = require("@100mslive/react-icons");
|
|
@@ -27568,7 +27560,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
|
27568
27560
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
|
27569
27561
|
});
|
|
27570
27562
|
const isConnected = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectIsConnectedToRoom);
|
|
27571
|
-
const [ref, { width }] = (0,
|
|
27563
|
+
const [ref, { width }] = (0, import_react_use27.useMeasure)();
|
|
27572
27564
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
|
27573
27565
|
const resetSidePane = useSidepaneReset();
|
|
27574
27566
|
(0, import_react154.useEffect)(() => {
|
|
@@ -27683,7 +27675,7 @@ var SidePaneTabs = import_react156.default.memo(({ active = SIDE_PANE_OPTIONS.CH
|
|
|
27683
27675
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
27684
27676
|
const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
|
|
27685
27677
|
const hideTabs = !(showChat && showParticipants) || hideTab;
|
|
27686
|
-
const isMobile = (0,
|
|
27678
|
+
const isMobile = (0, import_react_use28.useMedia)(config.media.md);
|
|
27687
27679
|
const isOverlayChat = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
27688
27680
|
const { off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
|
|
27689
27681
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
@@ -27797,7 +27789,7 @@ var SidePaneTabs = import_react156.default.memo(({ active = SIDE_PANE_OPTIONS.CH
|
|
|
27797
27789
|
// src/Prebuilt/components/VideoTile.tsx
|
|
27798
27790
|
init_define_process_env();
|
|
27799
27791
|
var import_react160 = __toESM(require("react"));
|
|
27800
|
-
var
|
|
27792
|
+
var import_react_use31 = require("react-use");
|
|
27801
27793
|
var import_react_sdk81 = require("@100mslive/react-sdk");
|
|
27802
27794
|
var import_react_icons78 = require("@100mslive/react-icons");
|
|
27803
27795
|
|
|
@@ -27849,7 +27841,7 @@ var TileConnection_default = TileConnection;
|
|
|
27849
27841
|
// src/Prebuilt/components/TileMenu/TileMenu.tsx
|
|
27850
27842
|
init_define_process_env();
|
|
27851
27843
|
var import_react159 = __toESM(require("react"));
|
|
27852
|
-
var
|
|
27844
|
+
var import_react_use30 = require("react-use");
|
|
27853
27845
|
var import_react_sdk80 = require("@100mslive/react-sdk");
|
|
27854
27846
|
var import_react_icons77 = require("@100mslive/react-icons");
|
|
27855
27847
|
|
|
@@ -27888,7 +27880,7 @@ var getVideoTileLabel = ({
|
|
|
27888
27880
|
// src/Prebuilt/components/TileMenu/TileMenuContent.tsx
|
|
27889
27881
|
init_define_process_env();
|
|
27890
27882
|
var import_react158 = __toESM(require("react"));
|
|
27891
|
-
var
|
|
27883
|
+
var import_react_use29 = require("react-use");
|
|
27892
27884
|
var import_react_sdk79 = require("@100mslive/react-sdk");
|
|
27893
27885
|
var import_react_icons76 = require("@100mslive/react-icons");
|
|
27894
27886
|
|
|
@@ -28060,7 +28052,7 @@ var TileMenuContent = ({
|
|
|
28060
28052
|
const { sendEvent } = (0, import_react_sdk79.useCustomEvent)({
|
|
28061
28053
|
type: REMOTE_STOP_SCREENSHARE_TYPE
|
|
28062
28054
|
});
|
|
28063
|
-
const isMobile = (0,
|
|
28055
|
+
const isMobile = (0, import_react_use29.useMedia)(config.media.md);
|
|
28064
28056
|
if (isLocal) {
|
|
28065
28057
|
return showPinAction || canMinimise || !userName || showSpotlight ? /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, null, showPinAction && /* @__PURE__ */ import_react158.default.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ import_react158.default.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ import_react158.default.createElement(MinimiseInset, null), !userName && /* @__PURE__ */ import_react158.default.createElement(
|
|
28066
28058
|
StyledMenuTile.ItemButton,
|
|
@@ -28173,7 +28165,7 @@ var TileMenu = ({
|
|
|
28173
28165
|
const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
|
|
28174
28166
|
const audioTrack = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(audioTrackID));
|
|
28175
28167
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
28176
|
-
const isMobile = (0,
|
|
28168
|
+
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
28177
28169
|
const peer = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerByID)(peerID));
|
|
28178
28170
|
const [showNameChangeModal, setShowNameChangeModal] = (0, import_react159.useState)(false);
|
|
28179
28171
|
const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
|
|
@@ -28276,7 +28268,7 @@ var Tile = ({
|
|
|
28276
28268
|
const onHoverHandler = (0, import_react160.useCallback)((event) => {
|
|
28277
28269
|
setIsMouseHovered(event.type === "mouseenter");
|
|
28278
28270
|
}, []);
|
|
28279
|
-
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0,
|
|
28271
|
+
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use31.useMeasure)();
|
|
28280
28272
|
const isTileBigEnoughToShowStats = calculatedHeight >= 180 && calculatedWidth >= 180;
|
|
28281
28273
|
const [avatarSize, attribBoxSize] = (0, import_react160.useMemo)(
|
|
28282
28274
|
() => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
|
|
@@ -28346,7 +28338,7 @@ var VideoTile_default = VideoTile;
|
|
|
28346
28338
|
// src/Prebuilt/components/VirtualBackground/VBPicker.tsx
|
|
28347
28339
|
init_define_process_env();
|
|
28348
28340
|
var import_react163 = __toESM(require("react"));
|
|
28349
|
-
var
|
|
28341
|
+
var import_react_use32 = require("react-use");
|
|
28350
28342
|
var import_hmsvbplugin4 = require("@100mslive/hms-virtual-background/hmsvbplugin");
|
|
28351
28343
|
var import_react_sdk82 = require("@100mslive/react-sdk");
|
|
28352
28344
|
var import_react_icons79 = require("@100mslive/react-icons");
|
|
@@ -28441,7 +28433,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
|
28441
28433
|
const isEffectsSupported = VBHandler.isEffectsSupported();
|
|
28442
28434
|
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Xm);
|
|
28443
28435
|
const effectsKey = (0, import_react_sdk82.useHMSStore)(eS);
|
|
28444
|
-
const isMobile = (0,
|
|
28436
|
+
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
28445
28437
|
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
28446
28438
|
const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
28447
28439
|
const background = (0, import_react_sdk82.useHMSStore)(gS(APP_DATA.background));
|
|
@@ -28716,7 +28708,7 @@ var SidePane = ({
|
|
|
28716
28708
|
hideControls = false
|
|
28717
28709
|
}) => {
|
|
28718
28710
|
var _a8, _b7, _c, _d, _e, _f, _g;
|
|
28719
|
-
const isMobile = (0,
|
|
28711
|
+
const isMobile = (0, import_react_use33.useMedia)(config.media.md);
|
|
28720
28712
|
const sidepane = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.sidePane));
|
|
28721
28713
|
const activeScreensharePeerId = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
28722
28714
|
const trackId = (_a8 = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
|
@@ -28839,7 +28831,7 @@ var FullPageProgress_default = FullPageProgress;
|
|
|
28839
28831
|
// src/Prebuilt/components/Preview/PreviewForm.tsx
|
|
28840
28832
|
init_define_process_env();
|
|
28841
28833
|
var import_react167 = __toESM(require("react"));
|
|
28842
|
-
var
|
|
28834
|
+
var import_react_use34 = require("react-use");
|
|
28843
28835
|
var import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
28844
28836
|
var import_react_sdk84 = require("@100mslive/react-sdk");
|
|
28845
28837
|
var import_react_icons80 = require("@100mslive/react-icons");
|
|
@@ -28856,7 +28848,7 @@ var PreviewForm = ({
|
|
|
28856
28848
|
const formSubmit = (e) => {
|
|
28857
28849
|
e.preventDefault();
|
|
28858
28850
|
};
|
|
28859
|
-
const isMobile = (0,
|
|
28851
|
+
const isMobile = (0, import_react_use34.useMedia)(config.media.md);
|
|
28860
28852
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk84.useRecordingStreaming)();
|
|
28861
28853
|
const layout = useRoomLayout();
|
|
28862
28854
|
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) || {};
|
|
@@ -28917,7 +28909,7 @@ var getParticipantChipContent = (peerCount = 0) => {
|
|
|
28917
28909
|
var useLocalTileAspectRatio = () => {
|
|
28918
28910
|
const localPeer = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectLocalPeer);
|
|
28919
28911
|
const videoTrack = (0, import_react_sdk85.useHMSStore)((0, import_react_sdk85.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
28920
|
-
const isMobile = (0,
|
|
28912
|
+
const isMobile = (0, import_react_use35.useMedia)(config.media.md);
|
|
28921
28913
|
let aspectRatio = 0;
|
|
28922
28914
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
28923
28915
|
aspectRatio = videoTrack.width / videoTrack.height;
|
|
@@ -29028,7 +29020,7 @@ var PreviewTile = ({ name, error }) => {
|
|
|
29028
29020
|
const track = (0, import_react_sdk85.useHMSStore)(trackSelector);
|
|
29029
29021
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
29030
29022
|
const aspectRatio = useLocalTileAspectRatio();
|
|
29031
|
-
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0,
|
|
29023
|
+
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use35.useMeasure)();
|
|
29032
29024
|
const [avatarSize, attribBoxSize] = (0, import_react168.useMemo)(
|
|
29033
29025
|
() => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
|
|
29034
29026
|
[calculatedWidth, calculatedHeight]
|
|
@@ -29066,7 +29058,7 @@ var PreviewTile = ({ name, error }) => {
|
|
|
29066
29058
|
);
|
|
29067
29059
|
};
|
|
29068
29060
|
var PreviewControls = ({ hideSettings, vbEnabled }) => {
|
|
29069
|
-
const isMobile = (0,
|
|
29061
|
+
const isMobile = (0, import_react_use35.useMedia)(config.media.md);
|
|
29070
29062
|
const isVBEnabledForUser = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectIsVBEnabled);
|
|
29071
29063
|
return /* @__PURE__ */ import_react168.default.createElement(
|
|
29072
29064
|
Flex,
|
|
@@ -29090,7 +29082,7 @@ var PreviewJoin_default = PreviewJoin;
|
|
|
29090
29082
|
// src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx
|
|
29091
29083
|
init_define_process_env();
|
|
29092
29084
|
var import_react169 = __toESM(require("react"));
|
|
29093
|
-
var
|
|
29085
|
+
var import_react_use36 = require("react-use");
|
|
29094
29086
|
var RequestPrompt = ({
|
|
29095
29087
|
open = true,
|
|
29096
29088
|
onOpenChange,
|
|
@@ -29100,7 +29092,7 @@ var RequestPrompt = ({
|
|
|
29100
29092
|
onAction,
|
|
29101
29093
|
disableActions = false
|
|
29102
29094
|
}) => {
|
|
29103
|
-
const isMobile = (0,
|
|
29095
|
+
const isMobile = (0, import_react_use36.useMedia)(config.media.md);
|
|
29104
29096
|
if (isMobile) {
|
|
29105
29097
|
return /* @__PURE__ */ import_react169.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react169.default.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ import_react169.default.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ import_react169.default.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
|
|
29106
29098
|
}
|
|
@@ -29188,7 +29180,7 @@ var RoleChangeRequestModal = () => {
|
|
|
29188
29180
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
29189
29181
|
init_define_process_env();
|
|
29190
29182
|
var import_react207 = __toESM(require("react"));
|
|
29191
|
-
var
|
|
29183
|
+
var import_react_use50 = require("react-use");
|
|
29192
29184
|
var import_ts_pattern14 = require("ts-pattern");
|
|
29193
29185
|
var import_react_sdk102 = require("@100mslive/react-sdk");
|
|
29194
29186
|
var import_react_icons98 = require("@100mslive/react-icons");
|
|
@@ -29201,7 +29193,7 @@ var import_react_sdk96 = require("@100mslive/react-sdk");
|
|
|
29201
29193
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
|
29202
29194
|
init_define_process_env();
|
|
29203
29195
|
var import_react177 = __toESM(require("react"));
|
|
29204
|
-
var
|
|
29196
|
+
var import_react_use39 = require("react-use");
|
|
29205
29197
|
var import_react_icons84 = require("@100mslive/react-icons");
|
|
29206
29198
|
|
|
29207
29199
|
// src/Prebuilt/layouts/WaitingView.tsx
|
|
@@ -29264,7 +29256,7 @@ var WaitingView = import_react171.default.memo(
|
|
|
29264
29256
|
init_define_process_env();
|
|
29265
29257
|
var import_react173 = __toESM(require("react"));
|
|
29266
29258
|
var import_react_draggable = __toESM(require("react-draggable"));
|
|
29267
|
-
var
|
|
29259
|
+
var import_react_use37 = require("react-use");
|
|
29268
29260
|
var import_react_sdk87 = require("@100mslive/react-sdk");
|
|
29269
29261
|
var import_react_icons82 = require("@100mslive/react-icons");
|
|
29270
29262
|
|
|
@@ -29302,8 +29294,8 @@ var insetMaxWidthPx = 240;
|
|
|
29302
29294
|
var defaultMobileAspectRatio = 9 / 16;
|
|
29303
29295
|
var desktopAspectRatio = 1 / defaultMobileAspectRatio;
|
|
29304
29296
|
var InsetTile = ({ peerId }) => {
|
|
29305
|
-
const isMobile = (0,
|
|
29306
|
-
const isLandscape = (0,
|
|
29297
|
+
const isMobile = (0, import_react_use37.useMedia)(config.media.md);
|
|
29298
|
+
const isLandscape = (0, import_react_use37.useMedia)(config.media.ls);
|
|
29307
29299
|
const selector = peerId ? (0, import_react_sdk87.selectPeerByID)(peerId) : import_react_sdk87.selectLocalPeer;
|
|
29308
29300
|
const peer = (0, import_react_sdk87.useHMSStore)(selector);
|
|
29309
29301
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
@@ -29463,7 +29455,7 @@ var Grid = import_react175.default.forwardRef(
|
|
|
29463
29455
|
// src/Prebuilt/components/hooks/useTileLayout.tsx
|
|
29464
29456
|
init_define_process_env();
|
|
29465
29457
|
var import_react176 = require("react");
|
|
29466
|
-
var
|
|
29458
|
+
var import_react_use38 = require("react-use");
|
|
29467
29459
|
var import_react_sdk88 = require("@100mslive/react-sdk");
|
|
29468
29460
|
var aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
|
|
29469
29461
|
var usePagesWithTiles = ({ peers, maxTileCount }) => {
|
|
@@ -29494,8 +29486,8 @@ var useTileLayout = ({
|
|
|
29494
29486
|
edgeToEdge = false
|
|
29495
29487
|
}) => {
|
|
29496
29488
|
const vanillaStore = (0, import_react_sdk88.useHMSVanillaStore)();
|
|
29497
|
-
const [ref, { width, height }] = (0,
|
|
29498
|
-
const isMobile = (0,
|
|
29489
|
+
const [ref, { width, height }] = (0, import_react_use38.useMeasure)();
|
|
29490
|
+
const isMobile = (0, import_react_use38.useMedia)(config.media.lg);
|
|
29499
29491
|
const [pagesWithTiles, setPagesWithTiles] = (0, import_react176.useState)([]);
|
|
29500
29492
|
(0, import_react176.useEffect)(() => {
|
|
29501
29493
|
if (width === 0 || height === 0) {
|
|
@@ -29564,7 +29556,7 @@ var useTileLayout = ({
|
|
|
29564
29556
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
|
29565
29557
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
|
29566
29558
|
var _a8;
|
|
29567
|
-
const isMobile = (0,
|
|
29559
|
+
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
29568
29560
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
29569
29561
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
29570
29562
|
const pageList = usePagesWithTiles({
|
|
@@ -29606,13 +29598,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
29606
29598
|
// src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
|
|
29607
29599
|
init_define_process_env();
|
|
29608
29600
|
var import_react181 = __toESM(require("react"));
|
|
29609
|
-
var
|
|
29601
|
+
var import_react_use41 = require("react-use");
|
|
29610
29602
|
var import_react_sdk90 = require("@100mslive/react-sdk");
|
|
29611
29603
|
|
|
29612
29604
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
29613
29605
|
init_define_process_env();
|
|
29614
29606
|
var import_react179 = __toESM(require("react"));
|
|
29615
|
-
var
|
|
29607
|
+
var import_react_use40 = require("react-use");
|
|
29616
29608
|
var import_react_sdk89 = require("@100mslive/react-sdk");
|
|
29617
29609
|
|
|
29618
29610
|
// src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
|
|
@@ -29697,7 +29689,7 @@ var ProminenceLayout = {
|
|
|
29697
29689
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
29698
29690
|
var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
|
|
29699
29691
|
var _a8, _b7;
|
|
29700
|
-
const isMobile = (0,
|
|
29692
|
+
const isMobile = (0, import_react_use40.useMedia)(config.media.md);
|
|
29701
29693
|
const maxTileCount = isMobile ? 2 : 4;
|
|
29702
29694
|
const [page, setPage] = (0, import_react179.useState)(0);
|
|
29703
29695
|
const pinnedTrackId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.pinnedTrackId));
|
|
@@ -29804,7 +29796,7 @@ function RoleProminence({
|
|
|
29804
29796
|
var _a8;
|
|
29805
29797
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
29806
29798
|
const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
|
|
29807
|
-
const isMobile = (0,
|
|
29799
|
+
const isMobile = (0, import_react_use41.useMedia)(config.media.md);
|
|
29808
29800
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
29809
29801
|
maxTileCount = isMobile ? 4 : maxTileCount;
|
|
29810
29802
|
const pageList = usePagesWithTiles({
|
|
@@ -29838,13 +29830,13 @@ function RoleProminence({
|
|
|
29838
29830
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
29839
29831
|
init_define_process_env();
|
|
29840
29832
|
var import_react185 = __toESM(require("react"));
|
|
29841
|
-
var
|
|
29833
|
+
var import_react_use43 = require("react-use");
|
|
29842
29834
|
var import_react_sdk93 = require("@100mslive/react-sdk");
|
|
29843
29835
|
|
|
29844
29836
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
29845
29837
|
init_define_process_env();
|
|
29846
29838
|
var import_react184 = __toESM(require("react"));
|
|
29847
|
-
var
|
|
29839
|
+
var import_react_use42 = require("react-use");
|
|
29848
29840
|
var import_screenfull2 = __toESM(require("screenfull"));
|
|
29849
29841
|
var import_react_sdk92 = require("@100mslive/react-sdk");
|
|
29850
29842
|
var import_react_icons87 = require("@100mslive/react-icons");
|
|
@@ -30006,11 +29998,11 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
|
30006
29998
|
const peer = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectPeerByID)(peerId));
|
|
30007
29999
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
30008
30000
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react184.useState)(false);
|
|
30009
|
-
const isMobile = (0,
|
|
30001
|
+
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
30010
30002
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
30011
30003
|
const fullscreenRef = (0, import_react184.useRef)(null);
|
|
30012
30004
|
const [fullscreen, setFullscreen] = (0, import_react184.useState)(false);
|
|
30013
|
-
const isFullscreen = (0,
|
|
30005
|
+
const isFullscreen = (0, import_react_use42.useFullscreen)(fullscreenRef, fullscreen, {
|
|
30014
30006
|
onClose: () => setFullscreen(false)
|
|
30015
30007
|
});
|
|
30016
30008
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
|
@@ -30099,7 +30091,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
|
30099
30091
|
const [page, setPage] = (0, import_react185.useState)(0);
|
|
30100
30092
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
30101
30093
|
const activeSharePeer = peersSharing[page];
|
|
30102
|
-
const isMobile = (0,
|
|
30094
|
+
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
|
30103
30095
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
30104
30096
|
const secondaryPeers = (0, import_react185.useMemo)(() => {
|
|
30105
30097
|
if (layoutMode === LayoutMode.SPOTLIGHT) {
|
|
@@ -30144,11 +30136,11 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
|
30144
30136
|
// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
|
|
30145
30137
|
init_define_process_env();
|
|
30146
30138
|
var import_react186 = __toESM(require("react"));
|
|
30147
|
-
var
|
|
30139
|
+
var import_react_use44 = require("react-use");
|
|
30148
30140
|
var import_hms_whiteboard = require("@100mslive/hms-whiteboard");
|
|
30149
30141
|
var import_react_sdk94 = require("@100mslive/react-sdk");
|
|
30150
30142
|
var WhiteboardEmbed = () => {
|
|
30151
|
-
const isMobile = (0,
|
|
30143
|
+
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
30152
30144
|
const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
|
|
30153
30145
|
if (!token) {
|
|
30154
30146
|
return null;
|
|
@@ -30173,7 +30165,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
|
30173
30165
|
const whiteboard = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectWhiteboard);
|
|
30174
30166
|
const whiteboardOwner = (0, import_react_sdk94.useHMSStore)((0, import_react_sdk94.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
|
|
30175
30167
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
30176
|
-
const isMobile = (0,
|
|
30168
|
+
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
30177
30169
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
30178
30170
|
const secondaryPeers = (0, import_react186.useMemo)(() => {
|
|
30179
30171
|
if (layoutMode === LayoutMode.SPOTLIGHT) {
|
|
@@ -30493,7 +30485,7 @@ var EmbedComponent = () => {
|
|
|
30493
30485
|
// src/Prebuilt/layouts/HLSView.jsx
|
|
30494
30486
|
init_define_process_env();
|
|
30495
30487
|
var import_react203 = __toESM(require("react"));
|
|
30496
|
-
var
|
|
30488
|
+
var import_react_use48 = require("react-use");
|
|
30497
30489
|
var import_hls_player3 = require("@100mslive/hls-player");
|
|
30498
30490
|
var import_screenfull3 = __toESM(require("screenfull"));
|
|
30499
30491
|
var import_ts_pattern13 = require("ts-pattern");
|
|
@@ -30687,7 +30679,7 @@ var HMSVideo = (0, import_react190.forwardRef)((_a8, videoRef) => {
|
|
|
30687
30679
|
// src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx
|
|
30688
30680
|
init_define_process_env();
|
|
30689
30681
|
var import_react194 = __toESM(require("react"));
|
|
30690
|
-
var
|
|
30682
|
+
var import_react_use45 = require("react-use");
|
|
30691
30683
|
var import_react_icons90 = require("@100mslive/react-icons");
|
|
30692
30684
|
|
|
30693
30685
|
// src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx
|
|
@@ -30764,7 +30756,7 @@ var PlayPauseSeekOverlayControls = ({
|
|
|
30764
30756
|
showControls,
|
|
30765
30757
|
hoverControlsVisible
|
|
30766
30758
|
}) => {
|
|
30767
|
-
const isMobile = (0,
|
|
30759
|
+
const isMobile = (0, import_react_use45.useMedia)(config.media.md);
|
|
30768
30760
|
const isLandscape = useIsLandscape();
|
|
30769
30761
|
if (!isMobile && !isLandscape) {
|
|
30770
30762
|
return /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
|
|
@@ -31137,14 +31129,14 @@ var FullScreenButton2 = ({ isFullScreen, onToggle }) => {
|
|
|
31137
31129
|
// src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx
|
|
31138
31130
|
init_define_process_env();
|
|
31139
31131
|
var import_react199 = __toESM(require("react"));
|
|
31140
|
-
var
|
|
31132
|
+
var import_react_use46 = require("react-use");
|
|
31141
31133
|
var import_react_icons93 = require("@100mslive/react-icons");
|
|
31142
31134
|
function HLSAutoplayBlockedPrompt({
|
|
31143
31135
|
open,
|
|
31144
31136
|
unblockAutoPlay
|
|
31145
31137
|
}) {
|
|
31146
31138
|
const isLandscape = useIsLandscape();
|
|
31147
|
-
const isMobile = (0,
|
|
31139
|
+
const isMobile = (0, import_react_use46.useMedia)(config.media.md);
|
|
31148
31140
|
if ((isMobile || isLandscape) && open) {
|
|
31149
31141
|
return /* @__PURE__ */ import_react199.default.createElement(
|
|
31150
31142
|
IconButton,
|
|
@@ -31209,7 +31201,7 @@ function HLSCaptionSelector({ isEnabled }) {
|
|
|
31209
31201
|
// src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx
|
|
31210
31202
|
init_define_process_env();
|
|
31211
31203
|
var import_react201 = __toESM(require("react"));
|
|
31212
|
-
var
|
|
31204
|
+
var import_react_use47 = require("react-use");
|
|
31213
31205
|
var import_react_icons95 = require("@100mslive/react-icons");
|
|
31214
31206
|
function HLSQualitySelector({
|
|
31215
31207
|
open,
|
|
@@ -31220,7 +31212,7 @@ function HLSQualitySelector({
|
|
|
31220
31212
|
isAuto,
|
|
31221
31213
|
containerRef
|
|
31222
31214
|
}) {
|
|
31223
|
-
const isMobile = (0,
|
|
31215
|
+
const isMobile = (0, import_react_use47.useMedia)(config.media.md);
|
|
31224
31216
|
const isLandscape = useIsLandscape();
|
|
31225
31217
|
if (layers.length === 0) {
|
|
31226
31218
|
return null;
|
|
@@ -31481,7 +31473,7 @@ var ToggleChat = ({ isFullScreen = false }) => {
|
|
|
31481
31473
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
31482
31474
|
const sidepane = (0, import_react_sdk98.useHMSStore)((0, import_react_sdk98.selectAppData)(APP_DATA.sidePane));
|
|
31483
31475
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
31484
|
-
const isMobile = (0,
|
|
31476
|
+
const isMobile = (0, import_react_use48.useMedia)(config.media.md);
|
|
31485
31477
|
const hmsActions = (0, import_react_sdk98.useHMSActions)();
|
|
31486
31478
|
(0, import_react203.useEffect)(() => {
|
|
31487
31479
|
(0, import_ts_pattern13.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
|
|
@@ -31520,8 +31512,8 @@ var HLSView = () => {
|
|
|
31520
31512
|
seekBackward: false
|
|
31521
31513
|
});
|
|
31522
31514
|
const [isPaused, setIsPaused] = (0, import_react203.useState)(false);
|
|
31523
|
-
const [show, toggle] = (0,
|
|
31524
|
-
const lastHlsUrl = (0,
|
|
31515
|
+
const [show, toggle] = (0, import_react_use48.useToggle)(false);
|
|
31516
|
+
const lastHlsUrl = (0, import_react_use48.usePrevious)(hlsUrl);
|
|
31525
31517
|
const vanillaStore = (0, import_react_sdk98.useHMSVanillaStore)();
|
|
31526
31518
|
const [controlsVisible, setControlsVisible] = (0, import_react203.useState)(true);
|
|
31527
31519
|
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react203.useState)(true);
|
|
@@ -31532,9 +31524,9 @@ var HLSView = () => {
|
|
|
31532
31524
|
const isFullScreenSupported = import_screenfull3.default.isEnabled;
|
|
31533
31525
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
31534
31526
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
31535
|
-
const isMobile = (0,
|
|
31527
|
+
const isMobile = (0, import_react_use48.useMedia)(config.media.md);
|
|
31536
31528
|
const isLandscape = useIsLandscape();
|
|
31537
|
-
const isFullScreen = (0,
|
|
31529
|
+
const isFullScreen = (0, import_react_use48.useFullscreen)(hlsViewRef, show, {
|
|
31538
31530
|
onClose: () => toggle(false)
|
|
31539
31531
|
});
|
|
31540
31532
|
const [showLoader, setShowLoader] = (0, import_react203.useState)(false);
|
|
@@ -32147,7 +32139,7 @@ var PDFView = () => {
|
|
|
32147
32139
|
init_define_process_env();
|
|
32148
32140
|
var import_react205 = __toESM(require("react"));
|
|
32149
32141
|
var import_react_draggable2 = __toESM(require("react-draggable"));
|
|
32150
|
-
var
|
|
32142
|
+
var import_react_use49 = require("react-use");
|
|
32151
32143
|
var import_react_sdk100 = require("@100mslive/react-sdk");
|
|
32152
32144
|
var SimpleQueue = class {
|
|
32153
32145
|
constructor(capacity = 3, MAX_STORAGE_TIME = 5e3) {
|
|
@@ -32304,7 +32296,7 @@ var CaptionsViewer = ({
|
|
|
32304
32296
|
}) => {
|
|
32305
32297
|
var _a8;
|
|
32306
32298
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
32307
|
-
const isMobile = (0,
|
|
32299
|
+
const isMobile = (0, import_react_use49.useMedia)(config.media.md);
|
|
32308
32300
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
32309
32301
|
const showCaptionAtTop = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && isChatOpen && isMobile;
|
|
32310
32302
|
const [captionQueue] = (0, import_react205.useState)(new CaptionMaintainerQueue());
|
|
@@ -32406,7 +32398,7 @@ var VideoStreamingSection = ({
|
|
|
32406
32398
|
const pdfAnnotatorActive = usePDFConfig();
|
|
32407
32399
|
const isMobileHLSStream = useMobileHLSStream();
|
|
32408
32400
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
32409
|
-
const isMobile = (0,
|
|
32401
|
+
const isMobile = (0, import_react_use50.useMedia)(config.media.md);
|
|
32410
32402
|
const [captionPosition, setCaptionPosition] = (0, import_react207.useState)({ x: isMobile ? 0 : -200, y: 0 });
|
|
32411
32403
|
useCloseScreenshareWhiteboard();
|
|
32412
32404
|
const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
|
|
@@ -32509,17 +32501,17 @@ init_define_process_env();
|
|
|
32509
32501
|
// src/Prebuilt/components/Header/Header.tsx
|
|
32510
32502
|
init_define_process_env();
|
|
32511
32503
|
var import_react210 = __toESM(require("react"));
|
|
32512
|
-
var
|
|
32504
|
+
var import_react_use52 = require("react-use");
|
|
32513
32505
|
var import_react_sdk104 = require("@100mslive/react-sdk");
|
|
32514
32506
|
|
|
32515
32507
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
|
32516
32508
|
init_define_process_env();
|
|
32517
32509
|
var import_react208 = __toESM(require("react"));
|
|
32518
|
-
var
|
|
32510
|
+
var import_react_use51 = require("react-use");
|
|
32519
32511
|
var import_react_icons99 = require("@100mslive/react-icons");
|
|
32520
32512
|
var RoomDetailsHeader = () => {
|
|
32521
32513
|
const { title, description } = useRoomLayoutHeader();
|
|
32522
|
-
const isMobile = (0,
|
|
32514
|
+
const isMobile = (0, import_react_use51.useMedia)(config.media.md);
|
|
32523
32515
|
const clipLength = 30;
|
|
32524
32516
|
const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
|
|
32525
32517
|
const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
@@ -32687,7 +32679,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ import_react209.default.c
|
|
|
32687
32679
|
// src/Prebuilt/components/Header/Header.tsx
|
|
32688
32680
|
var Header2 = () => {
|
|
32689
32681
|
const roomState = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectRoomState);
|
|
32690
|
-
const isMobile = (0,
|
|
32682
|
+
const isMobile = (0, import_react_use52.useMedia)(config.media.md);
|
|
32691
32683
|
if (roomState !== import_react_sdk104.HMSRoomState.Connected) {
|
|
32692
32684
|
return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
|
|
32693
32685
|
}
|
|
@@ -33115,12 +33107,12 @@ var import_react_icons104 = require("@100mslive/react-icons");
|
|
|
33115
33107
|
// src/Prebuilt/components/EndCallFeedback/Feedback.tsx
|
|
33116
33108
|
init_define_process_env();
|
|
33117
33109
|
var import_react219 = __toESM(require("react"));
|
|
33118
|
-
var
|
|
33110
|
+
var import_react_use55 = require("react-use");
|
|
33119
33111
|
|
|
33120
33112
|
// src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
|
|
33121
33113
|
init_define_process_env();
|
|
33122
33114
|
var import_react217 = __toESM(require("react"));
|
|
33123
|
-
var
|
|
33115
|
+
var import_react_use53 = require("react-use");
|
|
33124
33116
|
var import_react_sdk109 = require("@100mslive/react-sdk");
|
|
33125
33117
|
var import_react_icons102 = require("@100mslive/react-icons");
|
|
33126
33118
|
var FEEBACK_INDEX = {
|
|
@@ -33132,7 +33124,7 @@ var FeedbackModal = ({
|
|
|
33132
33124
|
index,
|
|
33133
33125
|
setIndex
|
|
33134
33126
|
}) => {
|
|
33135
|
-
const isMobile = (0,
|
|
33127
|
+
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
|
33136
33128
|
const onOpenChange = () => {
|
|
33137
33129
|
setIndex(FEEBACK_INDEX.INIT);
|
|
33138
33130
|
};
|
|
@@ -33167,7 +33159,7 @@ var FeedbackContent = ({
|
|
|
33167
33159
|
}) => {
|
|
33168
33160
|
const { feedback } = useRoomLayoutLeaveScreen();
|
|
33169
33161
|
const { endpoints } = useHMSPrebuiltContext();
|
|
33170
|
-
const isMobile = (0,
|
|
33162
|
+
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
|
33171
33163
|
const hmsActions = (0, import_react_sdk109.useHMSActions)();
|
|
33172
33164
|
const [comment, setComment] = (0, import_react217.useState)("");
|
|
33173
33165
|
const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
|
|
@@ -33256,7 +33248,7 @@ var FeedbackHeader = ({
|
|
|
33256
33248
|
ratings,
|
|
33257
33249
|
indexSelected = FEEBACK_INDEX.INIT
|
|
33258
33250
|
}) => {
|
|
33259
|
-
const isMobile = (0,
|
|
33251
|
+
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
|
33260
33252
|
const { feedback } = useRoomLayoutLeaveScreen();
|
|
33261
33253
|
return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, /* @__PURE__ */ import_react217.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react217.default.createElement(
|
|
33262
33254
|
Flex,
|
|
@@ -33477,11 +33469,11 @@ var FeedbackForm = ({
|
|
|
33477
33469
|
// src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx
|
|
33478
33470
|
init_define_process_env();
|
|
33479
33471
|
var import_react218 = __toESM(require("react"));
|
|
33480
|
-
var
|
|
33472
|
+
var import_react_use54 = require("react-use");
|
|
33481
33473
|
var import_react_icons103 = require("@100mslive/react-icons");
|
|
33482
33474
|
var ThankyouView = () => {
|
|
33483
33475
|
const [isVisible, setIsVisible] = (0, import_react218.useState)(true);
|
|
33484
|
-
const isMobile = (0,
|
|
33476
|
+
const isMobile = (0, import_react_use54.useMedia)(config.media.md);
|
|
33485
33477
|
if (!isVisible) {
|
|
33486
33478
|
return null;
|
|
33487
33479
|
}
|
|
@@ -33539,7 +33531,7 @@ var ThankyouView = () => {
|
|
|
33539
33531
|
var Feedback = () => {
|
|
33540
33532
|
const { feedback } = useRoomLayoutLeaveScreen();
|
|
33541
33533
|
const [index, setIndex] = (0, import_react219.useState)(FEEBACK_INDEX.INIT);
|
|
33542
|
-
const isMobile = (0,
|
|
33534
|
+
const isMobile = (0, import_react_use55.useMedia)(config.media.md);
|
|
33543
33535
|
if (!feedback) {
|
|
33544
33536
|
return null;
|
|
33545
33537
|
}
|
|
@@ -33644,12 +33636,12 @@ var LeaveScreen = () => {
|
|
|
33644
33636
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
|
33645
33637
|
init_define_process_env();
|
|
33646
33638
|
var import_react221 = __toESM(require("react"));
|
|
33647
|
-
var
|
|
33639
|
+
var import_react_use56 = require("react-use");
|
|
33648
33640
|
var import_ts_pattern15 = require("ts-pattern");
|
|
33649
33641
|
var import_react_icons105 = require("@100mslive/react-icons");
|
|
33650
33642
|
var MwebLandscapePrompt = () => {
|
|
33651
33643
|
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react221.useState)(false);
|
|
33652
|
-
const isLandscape = (0,
|
|
33644
|
+
const isLandscape = (0, import_react_use56.useMedia)(config.media.ls);
|
|
33653
33645
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
33654
33646
|
(0, import_react221.useEffect)(() => {
|
|
33655
33647
|
var _a8;
|
|
@@ -33880,7 +33872,7 @@ var ErrorNotifications = () => {
|
|
|
33880
33872
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
33881
33873
|
init_define_process_env();
|
|
33882
33874
|
var import_react228 = require("react");
|
|
33883
|
-
var
|
|
33875
|
+
var import_react_use57 = require("react-use");
|
|
33884
33876
|
var import_react_sdk116 = require("@100mslive/react-sdk");
|
|
33885
33877
|
|
|
33886
33878
|
// src/Prebuilt/components/Toast/ToastBatcher.js
|
|
@@ -34136,7 +34128,7 @@ var HandRaisedNotifications = () => {
|
|
|
34136
34128
|
console.debug("Metadata updated", notification.data);
|
|
34137
34129
|
}
|
|
34138
34130
|
}, [isSubscribing, notification, on_stage_exp, roomState, vanillaStore]);
|
|
34139
|
-
(0,
|
|
34131
|
+
(0, import_react_use57.useDebounce)(
|
|
34140
34132
|
() => {
|
|
34141
34133
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
34142
34134
|
return;
|
|
@@ -34259,7 +34251,7 @@ var PeerNotifications = () => {
|
|
|
34259
34251
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
34260
34252
|
init_define_process_env();
|
|
34261
34253
|
var import_react232 = __toESM(require("react"));
|
|
34262
|
-
var
|
|
34254
|
+
var import_react_use58 = require("react-use");
|
|
34263
34255
|
var import_react_sdk120 = require("@100mslive/react-sdk");
|
|
34264
34256
|
var import_android_perm_1 = __toESM(require("./android-perm-1.png"));
|
|
34265
34257
|
var import_ios_perm_0 = __toESM(require("./ios-perm-0.png"));
|
|
@@ -34270,7 +34262,7 @@ function PermissionErrorNotificationModal() {
|
|
|
34270
34262
|
var PermissionErrorModal = ({ error }) => {
|
|
34271
34263
|
const [deviceType, setDeviceType] = (0, import_react232.useState)("");
|
|
34272
34264
|
const [isSystemError, setIsSystemError] = (0, import_react232.useState)(false);
|
|
34273
|
-
const isMobile = (0,
|
|
34265
|
+
const isMobile = (0, import_react_use58.useMedia)(config.media.md);
|
|
34274
34266
|
(0, import_react232.useEffect)(() => {
|
|
34275
34267
|
if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
|
|
34276
34268
|
return;
|
|
@@ -34681,12 +34673,12 @@ var PIPProvider = ({ children }) => {
|
|
|
34681
34673
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
34682
34674
|
init_define_process_env();
|
|
34683
34675
|
var import_react242 = __toESM(require("react"));
|
|
34684
|
-
var
|
|
34676
|
+
var import_react_use59 = require("react-use");
|
|
34685
34677
|
var PreviewScreen = () => {
|
|
34686
34678
|
var _a8, _b7, _c;
|
|
34687
34679
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
34688
34680
|
const skipPreview = !isPreviewScreenEnabled;
|
|
34689
|
-
const previewAsRole = (0,
|
|
34681
|
+
const previewAsRole = (0, import_react_use59.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
|
|
34690
34682
|
const { userName } = useHMSPrebuiltContext();
|
|
34691
34683
|
const initialName = userName || (skipPreview ? "Beam" : "");
|
|
34692
34684
|
const authToken = useAuthToken();
|
|
@@ -34787,7 +34779,7 @@ var Sheet2 = () => {
|
|
|
34787
34779
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
34788
34780
|
init_define_process_env();
|
|
34789
34781
|
var import_react247 = __toESM(require("react"));
|
|
34790
|
-
var
|
|
34782
|
+
var import_react_use60 = require("react-use");
|
|
34791
34783
|
var import_react_sdk131 = require("@100mslive/react-sdk");
|
|
34792
34784
|
var emojiCount = 1;
|
|
34793
34785
|
var flyAndFade = keyframes({
|
|
@@ -34817,7 +34809,7 @@ function FlyingEmoji() {
|
|
|
34817
34809
|
const vanillaStore = (0, import_react_sdk131.useHMSVanillaStore)();
|
|
34818
34810
|
const hmsActions = (0, import_react_sdk131.useHMSActions)();
|
|
34819
34811
|
const [emojis, setEmojis] = (0, import_react247.useState)([]);
|
|
34820
|
-
const isMobile = (0,
|
|
34812
|
+
const isMobile = (0, import_react_use60.useMedia)(config.media.md);
|
|
34821
34813
|
const isLargeRoom = (0, import_react_sdk131.useHMSStore)(import_react_sdk131.selectIsLargeRoom);
|
|
34822
34814
|
const startingPoints = (0, import_react247.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
34823
34815
|
const showFlyingEmoji = (0, import_react247.useCallback)(
|