@100mslive/roomkit-react 0.3.19 → 0.3.20-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-LNJLFWK4.css → HLSView-KVYOXQXT.css} +3 -3
- package/dist/{HLSView-LNJLFWK4.css.map → HLSView-KVYOXQXT.css.map} +1 -1
- package/dist/{HLSView-GYB2QDIN.js → HLSView-WY2KZLYW.js} +63 -47
- package/dist/HLSView-WY2KZLYW.js.map +7 -0
- package/dist/Prebuilt/AppContext.d.ts +1 -1
- package/dist/Prebuilt/components/AuthToken.d.ts +1 -1
- package/dist/Prebuilt/components/peerTileUtils.d.ts +7 -0
- package/dist/{chunk-DIIFM6TW.js → chunk-I6M7HK22.js} +409 -390
- package/dist/chunk-I6M7HK22.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +480 -444
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +79 -59
- package/dist/meta.esbuild.json +93 -73
- package/package.json +7 -7
- package/src/Prebuilt/App.tsx +5 -5
- package/src/Prebuilt/AppContext.tsx +1 -1
- package/src/Prebuilt/components/AuthToken.tsx +1 -1
- package/src/Prebuilt/components/HMSVideo/HMSVideo.jsx +24 -4
- package/src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx +13 -3
- package/src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx +1 -1
- package/src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx +1 -1
- package/src/Prebuilt/components/ScreenshareTile.tsx +2 -2
- package/src/Prebuilt/components/Settings/SettingsModal.jsx +1 -2
- package/src/Prebuilt/components/TileMenu/TileMenu.tsx +7 -6
- package/src/Prebuilt/components/TileMenu/TileMenuContent.tsx +3 -3
- package/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +4 -2
- package/src/Prebuilt/components/VideoTile.tsx +2 -2
- package/src/Prebuilt/components/{peerTileUtils.jsx → peerTileUtils.tsx} +21 -6
- package/src/Prebuilt/layouts/HLSView.jsx +2 -5
- package/dist/HLSView-GYB2QDIN.js.map +0 -7
- package/dist/chunk-DIIFM6TW.js.map +0 -7
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_3239d931-854f-451e-b2a1-00f943ca805c", 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.9", 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.4 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.19", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3239d931-854f-451e-b2a1-00f943ca805c", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.19", 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.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", 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", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240901.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.6/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:3006", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.19", 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: "10775631112", 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: "b1bdfdb1965a14fd6b61e9bb8f9a9c48c556fd37", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "35d1ee9741adef39d80387e400edbf575b9a7703324c18f8da2bef3bc3d960a2", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1725893382741-0.6519746386750118:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725893382550-0.5635610781867195:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725893357442-0.015279308298105088:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725893357267-0.1435051772390752:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_8c8def3e-ea24-4030-925c-559498fb7454", INVOCATION_ID: "62be4ee69caf4730b4b25bc5bc6354c7", 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: "668", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", 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 113", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_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.0.12077973", 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.19", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19", 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: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "b1bdfdb1965a14fd6b61e9bb8f9a9c48c556fd37", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_3239d931-854f-451e-b2a1-00f943ca805c", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3239d931-854f-451e-b2a1-00f943ca805c", 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.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/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.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3239d931-854f-451e-b2a1-00f943ca805c" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3e764cf4-0852-44cc-8d6b-ec251e8167bb", 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.10-alpha.1", 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.4 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.20-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3e764cf4-0852-44cc-8d6b-ec251e8167bb", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.20-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.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.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "596", 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", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240908.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.7/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19422", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.20-alpha.1", 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: "10849480265", 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: "1772ffc7344d3a8d0c3548779e1d7e808e3715ad", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "13209cc8437baad838a6c24edfe49d8efb9c5e8a1bac553f44235e521bad3ab6", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1726232130341-0.5095083111479979:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1726232130134-0.2594445703114332:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1726232103302-0.32296022442255934:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1726232103112-0.3059228289535558:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_04df4529-8c4d-42a2-a153-f71776aa122f", INVOCATION_ID: "fa7a92a76bff4b4bbed2775a54b17c8d", 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: "670", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", 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 259", 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.1.12297006", 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.20-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_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: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "1772ffc7344d3a8d0c3548779e1d7e808e3715ad", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_3e764cf4-0852-44cc-8d6b-ec251e8167bb", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3e764cf4-0852-44cc-8d6b-ec251e8167bb", 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.1.12297006", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/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.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3e764cf4-0852-44cc-8d6b-ec251e8167bb" };
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -11950,7 +11950,6 @@ var init_SettingsModal = __esm({
|
|
|
11950
11950
|
{
|
|
11951
11951
|
direction: "column",
|
|
11952
11952
|
css: {
|
|
11953
|
-
px: "$8",
|
|
11954
11953
|
pb: "$8",
|
|
11955
11954
|
overflowY: "auto"
|
|
11956
11955
|
}
|
|
@@ -11968,7 +11967,7 @@ var init_SettingsModal = __esm({
|
|
|
11968
11967
|
css: {
|
|
11969
11968
|
all: "unset",
|
|
11970
11969
|
fontFamily: "$sans",
|
|
11971
|
-
|
|
11970
|
+
p: "$10 $8",
|
|
11972
11971
|
display: "flex",
|
|
11973
11972
|
alignItems: "center",
|
|
11974
11973
|
fontSize: "$sm",
|
|
@@ -18503,11 +18502,11 @@ function shimOnTrack(window2) {
|
|
|
18503
18502
|
get() {
|
|
18504
18503
|
return this._ontrack;
|
|
18505
18504
|
},
|
|
18506
|
-
set(
|
|
18505
|
+
set(f) {
|
|
18507
18506
|
if (this._ontrack) {
|
|
18508
18507
|
this.removeEventListener("track", this._ontrack);
|
|
18509
18508
|
}
|
|
18510
|
-
this.addEventListener("track", this._ontrack =
|
|
18509
|
+
this.addEventListener("track", this._ontrack = f);
|
|
18511
18510
|
},
|
|
18512
18511
|
enumerable: true,
|
|
18513
18512
|
configurable: true
|
|
@@ -19515,12 +19514,12 @@ function shimRemoteStreamsAPI(window2) {
|
|
|
19515
19514
|
get() {
|
|
19516
19515
|
return this._onaddstream;
|
|
19517
19516
|
},
|
|
19518
|
-
set(
|
|
19517
|
+
set(f) {
|
|
19519
19518
|
if (this._onaddstream) {
|
|
19520
19519
|
this.removeEventListener("addstream", this._onaddstream);
|
|
19521
19520
|
this.removeEventListener("track", this._onaddstreampoly);
|
|
19522
19521
|
}
|
|
19523
|
-
this.addEventListener("addstream", this._onaddstream =
|
|
19522
|
+
this.addEventListener("addstream", this._onaddstream = f);
|
|
19524
19523
|
this.addEventListener("track", this._onaddstreampoly = (e) => {
|
|
19525
19524
|
e.streams.forEach((stream) => {
|
|
19526
19525
|
if (!this._remoteStreams) {
|
|
@@ -21311,8 +21310,8 @@ var require_grammar = __commonJS({
|
|
|
21311
21310
|
var require_parser = __commonJS({
|
|
21312
21311
|
"../../node_modules/sdp-transform/lib/parser.js"(exports) {
|
|
21313
21312
|
init_define_process_env();
|
|
21314
|
-
var toIntIfInt = function(
|
|
21315
|
-
return String(Number(
|
|
21313
|
+
var toIntIfInt = function(v2) {
|
|
21314
|
+
return String(Number(v2)) === v2 ? Number(v2) : v2;
|
|
21316
21315
|
};
|
|
21317
21316
|
var attachProperties = function(match18, location, names, rawName) {
|
|
21318
21317
|
if (rawName && !names) {
|
|
@@ -21614,7 +21613,7 @@ function jm(a2) {
|
|
|
21614
21613
|
return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
21615
21614
|
};
|
|
21616
21615
|
}
|
|
21617
|
-
var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Xa, Za, eo, ti, ns, cs, os,
|
|
21616
|
+
var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Xa, Za, eo, ti, ns, cs, os, m, M, gr, ro, c, yr, Tr, so, ds, fr, ls, hs, oo, l, he, B, ms, Be, co, nc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, v, uo, S, Mr, Ps, me, ai, Is, Rs, H, y, Er, J, Pr, br, Ar, Ls, ws, Ds, _s, Ns, Hr, Os, Cr, Vs, Lr, Fs, wr, Dr, $s, Ks, Pt, rt, V, _o, Xh, Zh, K, Mi, ea, O, Gr, No, Oe, im, Oo, fe, xo, ie, Ee, rm, sm, oe, z, Uo, ia, am, om, $r, Bo, cm, dm, lm, um, pm, hm, mm, Sm, At, Vo, gm, re, sa, Tm, fm, ve, vm, at, Fo, aa, Mm, oa, ym, km, Em, Pm, bm, Im, Rm, Am, Hm, Cm, na, _m, Go, Nm, da, Kr, la, ua, pa, ha, ma, Sa, ga, Ta, Ht, b, qr, Ct, fa, Wo, $o, q, jr, Ko, qo, jo, Jo, Qo, Y, qm, Qm, zm, yi, va, Ym, Xm, Zm, zo, Yo, tS, Ma, iS, Xo, rS, sS, aS, oS, nS, cS, ya, ka, lS, uS, Ea, pS, hS, Pa, mS, SS, gS, ba, Ia, Zo, en, tn, TS, fS, vS, MS, yS, Ra, DS, rn, _S, NS, OS, an, on, dn, Xr, be, Vt, j, sr, lt, An, Hn, Cn, Ln, za, wn, Ya, rs, Re, Dn, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, ss, Wn, $n, Kn, qn, jn, Jn;
|
|
21618
21617
|
var init_dist = __esm({
|
|
21619
21618
|
"../hms-video-store/dist/index.js"() {
|
|
21620
21619
|
"use strict";
|
|
@@ -21649,7 +21648,7 @@ var init_dist = __esm({
|
|
|
21649
21648
|
ns = Object.prototype.hasOwnProperty;
|
|
21650
21649
|
cs = Object.prototype.propertyIsEnumerable;
|
|
21651
21650
|
os = (a2, e, t) => e in a2 ? Xa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
21652
|
-
|
|
21651
|
+
m = (a2, e) => {
|
|
21653
21652
|
for (var t in e || (e = {}))
|
|
21654
21653
|
ns.call(e, t) && os(a2, t, e[t]);
|
|
21655
21654
|
if (ti)
|
|
@@ -21685,7 +21684,7 @@ var init_dist = __esm({
|
|
|
21685
21684
|
n((t = t.apply(a2, e)).next());
|
|
21686
21685
|
});
|
|
21687
21686
|
yr = ro((Dc, ho) => {
|
|
21688
|
-
ho.exports = { version: "0.12.
|
|
21687
|
+
ho.exports = { version: "0.12.20-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
|
|
21689
21688
|
});
|
|
21690
21689
|
Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
|
|
21691
21690
|
so = ((e) => (e.CHAT = "chat", e))(so || {});
|
|
@@ -21770,7 +21769,7 @@ var init_dist = __esm({
|
|
|
21770
21769
|
Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
|
|
21771
21770
|
Qe = lo();
|
|
21772
21771
|
P4 = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
|
|
21773
|
-
|
|
21772
|
+
v = class a extends Error {
|
|
21774
21773
|
constructor(t, i, r, s, o, n = false) {
|
|
21775
21774
|
super(s);
|
|
21776
21775
|
this.code = t;
|
|
@@ -21801,111 +21800,111 @@ var init_dist = __esm({
|
|
|
21801
21800
|
};
|
|
21802
21801
|
uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
21803
21802
|
S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
21804
|
-
return new
|
|
21803
|
+
return new v(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
21805
21804
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
21806
|
-
return new
|
|
21805
|
+
return new v(P4.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
|
|
21807
21806
|
}, AbnormalClose(a2, e = "") {
|
|
21808
|
-
return new
|
|
21807
|
+
return new v(P4.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
|
|
21809
21808
|
} }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
|
|
21810
|
-
return new
|
|
21809
|
+
return new v(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
|
|
21811
21810
|
}, EndpointUnreachable(a2, e = "") {
|
|
21812
|
-
return new
|
|
21811
|
+
return new v(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
|
|
21813
21812
|
}, InvalidTokenFormat(a2, e = "") {
|
|
21814
|
-
return new
|
|
21813
|
+
return new v(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
|
|
21815
21814
|
}, InitConfigNotAvailable(a2, e = "") {
|
|
21816
|
-
return new
|
|
21815
|
+
return new v(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
|
|
21817
21816
|
} }, TracksErrors: { GenericTrack(a2, e = "") {
|
|
21818
|
-
return new
|
|
21817
|
+
return new v(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
|
|
21819
21818
|
}, CantAccessCaptureDevice(a2, e, t = "") {
|
|
21820
|
-
return new
|
|
21819
|
+
return new v(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
|
|
21821
21820
|
}, DeviceNotAvailable(a2, e, t = "") {
|
|
21822
|
-
return new
|
|
21821
|
+
return new v(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
|
|
21823
21822
|
}, DeviceInUse(a2, e, t = "") {
|
|
21824
|
-
return new
|
|
21823
|
+
return new v(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
|
|
21825
21824
|
}, DeviceLostMidway(a2, e, t = "") {
|
|
21826
|
-
return new
|
|
21825
|
+
return new v(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
|
|
21827
21826
|
}, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
|
|
21828
|
-
return new
|
|
21827
|
+
return new v(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
|
|
21829
21828
|
}, InvalidVideoSettings(a2, e = "") {
|
|
21830
|
-
return new
|
|
21829
|
+
return new v(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
|
|
21831
21830
|
}, AutoplayBlocked(a2, e = "") {
|
|
21832
|
-
return new
|
|
21831
|
+
return new v(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
|
|
21833
21832
|
}, CodecChangeNotPermitted(a2, e = "") {
|
|
21834
|
-
return new
|
|
21833
|
+
return new v(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
|
|
21835
21834
|
}, OverConstrained(a2, e, t = "") {
|
|
21836
|
-
return new
|
|
21835
|
+
return new v(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
|
|
21837
21836
|
}, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
|
|
21838
|
-
return new
|
|
21837
|
+
return new v(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
|
|
21839
21838
|
}, SystemDeniedPermission(a2, e, t = "") {
|
|
21840
|
-
return new
|
|
21839
|
+
return new v(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
|
|
21841
21840
|
}, CurrentTabNotShared() {
|
|
21842
|
-
return new
|
|
21841
|
+
return new v(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
|
|
21843
21842
|
}, AudioPlaybackError(a2) {
|
|
21844
|
-
return new
|
|
21843
|
+
return new v(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
|
|
21845
21844
|
}, SelectedDeviceMissing(a2) {
|
|
21846
|
-
return new
|
|
21845
|
+
return new v(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
|
|
21847
21846
|
} }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
|
|
21848
|
-
return new
|
|
21847
|
+
return new v(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
|
|
21849
21848
|
}, CreateAnswerFailed(a2, e = "") {
|
|
21850
|
-
return new
|
|
21849
|
+
return new v(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
|
|
21851
21850
|
}, SetLocalDescriptionFailed(a2, e = "") {
|
|
21852
|
-
return new
|
|
21851
|
+
return new v(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
|
|
21853
21852
|
}, SetRemoteDescriptionFailed(a2, e = "") {
|
|
21854
|
-
return new
|
|
21853
|
+
return new v(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
|
|
21855
21854
|
}, ICEFailure(a2, e = "", t = false) {
|
|
21856
|
-
return new
|
|
21855
|
+
return new v(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
|
|
21857
21856
|
}, ICEDisconnected(a2, e = "") {
|
|
21858
|
-
return new
|
|
21857
|
+
return new v(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
|
|
21859
21858
|
}, StatsFailed(a2, e = "") {
|
|
21860
|
-
return new
|
|
21859
|
+
return new v(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
21861
21860
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
21862
|
-
return new
|
|
21861
|
+
return new v(a2, "ServerErrors", e, t, t, uo.includes(e));
|
|
21863
21862
|
}, AlreadyJoined(a2, e = "") {
|
|
21864
|
-
return new
|
|
21863
|
+
return new v(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
21865
21864
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
21866
|
-
return new
|
|
21865
|
+
return new v(P4.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
|
|
21867
21866
|
} }, GenericErrors: { NotConnected(a2, e = "") {
|
|
21868
|
-
return new
|
|
21867
|
+
return new v(P4.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
|
|
21869
21868
|
}, Signalling(a2, e) {
|
|
21870
|
-
return new
|
|
21869
|
+
return new v(P4.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
|
|
21871
21870
|
}, Unknown(a2, e) {
|
|
21872
|
-
return new
|
|
21871
|
+
return new v(P4.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
|
|
21873
21872
|
}, NotReady(a2, e = "") {
|
|
21874
|
-
return new
|
|
21873
|
+
return new v(P4.GenericErrors.NOT_READY, "NotReady", a2, e, e);
|
|
21875
21874
|
}, JsonParsingFailed(a2, e, t = "") {
|
|
21876
|
-
return new
|
|
21875
|
+
return new v(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
|
|
21877
21876
|
}, TrackMetadataMissing(a2, e = "") {
|
|
21878
|
-
return new
|
|
21877
|
+
return new v(P4.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
|
|
21879
21878
|
}, RTCTrackMissing(a2, e = "") {
|
|
21880
|
-
return new
|
|
21879
|
+
return new v(P4.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
|
|
21881
21880
|
}, PeerMetadataMissing(a2, e = "") {
|
|
21882
|
-
return new
|
|
21881
|
+
return new v(P4.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
|
|
21883
21882
|
}, ValidationFailed(a2, e) {
|
|
21884
|
-
return new
|
|
21883
|
+
return new v(P4.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
|
|
21885
21884
|
}, InvalidRole(a2, e) {
|
|
21886
|
-
return new
|
|
21885
|
+
return new v(P4.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
|
|
21887
21886
|
}, PreviewAlreadyInProgress(a2, e = "") {
|
|
21888
|
-
return new
|
|
21887
|
+
return new v(P4.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
|
|
21889
21888
|
}, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
|
|
21890
|
-
return new
|
|
21889
|
+
return new v(P4.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
|
|
21891
21890
|
}, MissingMediaDevices() {
|
|
21892
|
-
return new
|
|
21891
|
+
return new v(P4.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
|
|
21893
21892
|
}, MissingRTCPeerConnection() {
|
|
21894
|
-
return new
|
|
21893
|
+
return new v(P4.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
|
|
21895
21894
|
} }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
|
|
21896
|
-
return new
|
|
21895
|
+
return new v(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
|
|
21897
21896
|
}, InitFailed(a2, e = "") {
|
|
21898
|
-
return new
|
|
21897
|
+
return new v(7002, "InitFailed", a2, "Plugin init failed", e);
|
|
21899
21898
|
}, ProcessingFailed(a2, e = "") {
|
|
21900
|
-
return new
|
|
21899
|
+
return new v(7003, "ProcessingFailed", a2, "Plugin processing failed", e);
|
|
21901
21900
|
}, AddAlreadyInProgress(a2, e = "") {
|
|
21902
|
-
return new
|
|
21901
|
+
return new v(7004, "AddAlreadyInProgress", a2, "Plugin add already in progress", e);
|
|
21903
21902
|
}, DeviceNotSupported(a2, e = "") {
|
|
21904
|
-
return new
|
|
21903
|
+
return new v(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
|
|
21905
21904
|
} }, PlaylistErrors: { NoEntryToPlay(a2, e) {
|
|
21906
|
-
return new
|
|
21905
|
+
return new v(P4.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
|
|
21907
21906
|
}, NoEntryPlaying(a2, e) {
|
|
21908
|
-
return new
|
|
21907
|
+
return new v(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
|
|
21909
21908
|
} } };
|
|
21910
21909
|
Mr = class {
|
|
21911
21910
|
constructor() {
|
|
@@ -21978,12 +21977,12 @@ var init_dist = __esm({
|
|
|
21978
21977
|
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = ai();
|
|
21979
21978
|
}
|
|
21980
21979
|
toSignalParams() {
|
|
21981
|
-
return { name: this.name, info: M(
|
|
21980
|
+
return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
|
21982
21981
|
}
|
|
21983
21982
|
};
|
|
21984
21983
|
y = class {
|
|
21985
21984
|
static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
|
|
21986
|
-
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(
|
|
21985
|
+
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
|
|
21987
21986
|
return new H({ name: o, level: n, properties: d });
|
|
21988
21987
|
}
|
|
21989
21988
|
static disconnect(e, t) {
|
|
@@ -21997,7 +21996,7 @@ var init_dist = __esm({
|
|
|
21997
21996
|
}
|
|
21998
21997
|
static join(i) {
|
|
21999
21998
|
var r = i, { error: e } = r, t = gr(r, ["error"]);
|
|
22000
|
-
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(
|
|
21999
|
+
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
|
22001
22000
|
return new H({ name: s, level: o, properties: n });
|
|
22002
22001
|
}
|
|
22003
22002
|
static publish({ devices: e, settings: t, error: i }) {
|
|
@@ -22040,7 +22039,7 @@ var init_dist = __esm({
|
|
|
22040
22039
|
let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
|
|
22041
22040
|
if (!t && e.degradedAt instanceof Date) {
|
|
22042
22041
|
let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
|
|
22043
|
-
s = M(
|
|
22042
|
+
s = M(m({}, s), { duration: n, restoredAt: o });
|
|
22044
22043
|
}
|
|
22045
22044
|
return new H({ name: i, level: r, properties: s });
|
|
22046
22045
|
}
|
|
@@ -22067,17 +22066,17 @@ var init_dist = __esm({
|
|
|
22067
22066
|
return new H({ name: "krisp.stop", level: 1 });
|
|
22068
22067
|
}
|
|
22069
22068
|
static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
|
|
22070
|
-
return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties:
|
|
22069
|
+
return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: m({ reason: i, type: t }, r) });
|
|
22071
22070
|
}
|
|
22072
22071
|
static eventNameFor(e, t) {
|
|
22073
22072
|
return `${e}.${t ? "success" : "failed"}`;
|
|
22074
22073
|
}
|
|
22075
22074
|
static getPropertiesWithError(e, t) {
|
|
22076
22075
|
let i = this.getErrorProperties(t);
|
|
22077
|
-
return e =
|
|
22076
|
+
return e = m(m({}, i), e), e;
|
|
22078
22077
|
}
|
|
22079
22078
|
static getErrorProperties(e) {
|
|
22080
|
-
return e ? e instanceof
|
|
22079
|
+
return e ? e instanceof v ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
|
|
22081
22080
|
}
|
|
22082
22081
|
};
|
|
22083
22082
|
y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
|
|
@@ -22645,14 +22644,14 @@ var init_dist = __esm({
|
|
|
22645
22644
|
static sendFeedback(s) {
|
|
22646
22645
|
return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
|
|
22647
22646
|
l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
|
|
22648
|
-
let o = new URL("v2/client/feedback", t), n = M(
|
|
22647
|
+
let o = new URL("v2/client/feedback", t), n = M(m({}, i), { payload: r });
|
|
22649
22648
|
try {
|
|
22650
22649
|
let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
|
|
22651
22650
|
try {
|
|
22652
22651
|
this.handleError(d);
|
|
22653
22652
|
return;
|
|
22654
22653
|
} catch (u) {
|
|
22655
|
-
throw l.e(this.TAG, "error", u.message, d.status), u instanceof
|
|
22654
|
+
throw l.e(this.TAG, "error", u.message, d.status), u instanceof v ? u : S.APIErrors.ServerErrors(d.status, "FEEDBACK", u.message);
|
|
22656
22655
|
}
|
|
22657
22656
|
} catch (d) {
|
|
22658
22657
|
let u = d;
|
|
@@ -22964,6 +22963,15 @@ var init_ChangeNameContent = __esm({
|
|
|
22964
22963
|
onExit,
|
|
22965
22964
|
onBackClick
|
|
22966
22965
|
}) => {
|
|
22966
|
+
const inputRef = (0, import_react89.useRef)(null);
|
|
22967
|
+
(0, import_react89.useEffect)(() => {
|
|
22968
|
+
if (isMobile) {
|
|
22969
|
+
setTimeout(() => {
|
|
22970
|
+
var _a7;
|
|
22971
|
+
(_a7 = inputRef.current) == null ? void 0 : _a7.focus();
|
|
22972
|
+
}, 200);
|
|
22973
|
+
}
|
|
22974
|
+
}, [isMobile]);
|
|
22967
22975
|
return /* @__PURE__ */ import_react89.default.createElement(
|
|
22968
22976
|
"form",
|
|
22969
22977
|
{
|
|
@@ -22999,9 +23007,10 @@ var init_ChangeNameContent = __esm({
|
|
|
22999
23007
|
/* @__PURE__ */ import_react89.default.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%", "@md": { px: "$8" } } }, /* @__PURE__ */ import_react89.default.createElement(
|
|
23000
23008
|
Input,
|
|
23001
23009
|
{
|
|
23010
|
+
ref: inputRef,
|
|
23002
23011
|
css: { width: "100%", bg: "$surface_default" },
|
|
23003
23012
|
value: currentName,
|
|
23004
|
-
type:
|
|
23013
|
+
type: "text",
|
|
23005
23014
|
onChange: (e) => {
|
|
23006
23015
|
setCurrentName(e.target.value);
|
|
23007
23016
|
},
|
|
@@ -23113,7 +23122,7 @@ var init_ChangeNameModal = __esm({
|
|
|
23113
23122
|
}
|
|
23114
23123
|
};
|
|
23115
23124
|
if (isMobile) {
|
|
23116
|
-
return /* @__PURE__ */ import_react90.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" } }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props))));
|
|
23125
|
+
return /* @__PURE__ */ import_react90.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" }, onOpenAutoFocus: (e) => e.preventDefault() }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props))));
|
|
23117
23126
|
}
|
|
23118
23127
|
return /* @__PURE__ */ import_react90.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react90.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react90.default.createElement(Dialog.Content, { css: { bg: "$surface_dim", width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props)))));
|
|
23119
23128
|
};
|
|
@@ -28755,6 +28764,44 @@ var init_TileConnection = __esm({
|
|
|
28755
28764
|
}
|
|
28756
28765
|
});
|
|
28757
28766
|
|
|
28767
|
+
// src/Prebuilt/components/peerTileUtils.tsx
|
|
28768
|
+
var PEER_NAME_PLACEHOLDER, labelMap, getVideoTileLabel;
|
|
28769
|
+
var init_peerTileUtils = __esm({
|
|
28770
|
+
"src/Prebuilt/components/peerTileUtils.tsx"() {
|
|
28771
|
+
"use strict";
|
|
28772
|
+
init_define_process_env();
|
|
28773
|
+
PEER_NAME_PLACEHOLDER = "peerName";
|
|
28774
|
+
labelMap = /* @__PURE__ */ new Map([
|
|
28775
|
+
[[true, "screen"].toString(), "Your Screen"],
|
|
28776
|
+
[[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
|
|
28777
|
+
[[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
|
|
28778
|
+
[[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
|
|
28779
|
+
[[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
|
|
28780
|
+
[[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
|
|
28781
|
+
]);
|
|
28782
|
+
getVideoTileLabel = ({
|
|
28783
|
+
peerName,
|
|
28784
|
+
isLocal,
|
|
28785
|
+
videoTrack,
|
|
28786
|
+
audioTrack
|
|
28787
|
+
}) => {
|
|
28788
|
+
const isPeerPresent = peerName !== void 0;
|
|
28789
|
+
if (!isPeerPresent || !videoTrack) {
|
|
28790
|
+
const label2 = labelMap.get([isLocal, void 0].toString());
|
|
28791
|
+
return isPeerPresent && label2 ? label2.replace(PEER_NAME_PLACEHOLDER, peerName) : "";
|
|
28792
|
+
}
|
|
28793
|
+
const isLocallyMuted = (audioTrack == null ? void 0 : audioTrack.volume) === 0;
|
|
28794
|
+
let label = labelMap.get([isLocal, videoTrack.source].toString());
|
|
28795
|
+
if (label) {
|
|
28796
|
+
label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
|
|
28797
|
+
} else {
|
|
28798
|
+
label = `${peerName} ${videoTrack.source}`;
|
|
28799
|
+
}
|
|
28800
|
+
return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
|
|
28801
|
+
};
|
|
28802
|
+
}
|
|
28803
|
+
});
|
|
28804
|
+
|
|
28758
28805
|
// src/Prebuilt/components/TileMenu/utils.ts
|
|
28759
28806
|
var getDragClassName;
|
|
28760
28807
|
var init_utils6 = __esm({
|
|
@@ -28990,7 +29037,7 @@ var init_TileMenuContent = __esm({
|
|
|
28990
29037
|
},
|
|
28991
29038
|
isAudioEnabled ? /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.MicOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.MicOffIcon, { height: 20, width: 20 }),
|
|
28992
29039
|
/* @__PURE__ */ import_react158.default.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
|
|
28993
|
-
) : null, canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
|
|
29040
|
+
) : null, !isScreenshare && canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
|
|
28994
29041
|
StyledMenuTile.ItemButton,
|
|
28995
29042
|
{
|
|
28996
29043
|
className: dragClassName,
|
|
@@ -29003,7 +29050,7 @@ var init_TileMenuContent = __esm({
|
|
|
29003
29050
|
},
|
|
29004
29051
|
/* @__PURE__ */ import_react158.default.createElement(import_react_icons76.PersonSettingsIcon, { height: 20, width: 20 }),
|
|
29005
29052
|
/* @__PURE__ */ import_react158.default.createElement("span", null, "Switch Role")
|
|
29006
|
-
) : null, audioTrackID ? /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react158.default.createElement(
|
|
29053
|
+
) : null, !isIOS && audioTrackID ? /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react158.default.createElement(
|
|
29007
29054
|
Slider,
|
|
29008
29055
|
{
|
|
29009
29056
|
css: { my: "0.5rem" },
|
|
@@ -29058,6 +29105,7 @@ var init_TileMenu2 = __esm({
|
|
|
29058
29105
|
init_Theme();
|
|
29059
29106
|
init_TileMenu();
|
|
29060
29107
|
init_ChangeNameModal();
|
|
29108
|
+
init_peerTileUtils();
|
|
29061
29109
|
init_RoleChangeModal();
|
|
29062
29110
|
init_TileMenuContent();
|
|
29063
29111
|
init_useDropdownList();
|
|
@@ -29082,6 +29130,7 @@ var init_TileMenu2 = __esm({
|
|
|
29082
29130
|
const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
|
|
29083
29131
|
const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
|
|
29084
29132
|
const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
|
|
29133
|
+
const audioTrack = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(audioTrackID));
|
|
29085
29134
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
29086
29135
|
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
29087
29136
|
const peer = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerByID)(peerID));
|
|
@@ -29089,7 +29138,7 @@ var init_TileMenu2 = __esm({
|
|
|
29089
29138
|
const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
|
|
29090
29139
|
useDropdownList({ open, name: "TileMenu" });
|
|
29091
29140
|
const dragClassName = getDragClassName();
|
|
29092
|
-
if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
|
|
29141
|
+
if (!peer || !(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
|
|
29093
29142
|
return null;
|
|
29094
29143
|
}
|
|
29095
29144
|
const openNameChangeModal = () => setShowNameChangeModal(true);
|
|
@@ -29100,7 +29149,6 @@ var init_TileMenu2 = __esm({
|
|
|
29100
29149
|
audioTrackID,
|
|
29101
29150
|
videoTrackID,
|
|
29102
29151
|
peerID,
|
|
29103
|
-
isPrimaryVideoTrack,
|
|
29104
29152
|
showSpotlight,
|
|
29105
29153
|
showPinAction,
|
|
29106
29154
|
canMinimise,
|
|
@@ -29130,7 +29178,7 @@ var init_TileMenu2 = __esm({
|
|
|
29130
29178
|
borderBottom: "1px solid $border_default"
|
|
29131
29179
|
}
|
|
29132
29180
|
},
|
|
29133
|
-
/* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal
|
|
29181
|
+
/* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, getVideoTileLabel({ peerName: peer == null ? void 0 : peer.name, isLocal, audioTrack, videoTrack: track })), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ import_react159.default.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
|
|
29134
29182
|
/* @__PURE__ */ import_react159.default.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ import_react159.default.createElement(import_react_icons77.CrossIcon, null))
|
|
29135
29183
|
), /* @__PURE__ */ import_react159.default.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ import_react159.default.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ import_react159.default.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ import_react159.default.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
|
|
29136
29184
|
};
|
|
@@ -29138,38 +29186,6 @@ var init_TileMenu2 = __esm({
|
|
|
29138
29186
|
}
|
|
29139
29187
|
});
|
|
29140
29188
|
|
|
29141
|
-
// src/Prebuilt/components/peerTileUtils.jsx
|
|
29142
|
-
var PEER_NAME_PLACEHOLDER, labelMap, getVideoTileLabel;
|
|
29143
|
-
var init_peerTileUtils = __esm({
|
|
29144
|
-
"src/Prebuilt/components/peerTileUtils.jsx"() {
|
|
29145
|
-
"use strict";
|
|
29146
|
-
init_define_process_env();
|
|
29147
|
-
PEER_NAME_PLACEHOLDER = "peerName";
|
|
29148
|
-
labelMap = /* @__PURE__ */ new Map([
|
|
29149
|
-
[[true, "screen"].toString(), "Your Screen"],
|
|
29150
|
-
[[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
|
|
29151
|
-
[[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
|
|
29152
|
-
[[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
|
|
29153
|
-
[[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
|
|
29154
|
-
[[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
|
|
29155
|
-
]);
|
|
29156
|
-
getVideoTileLabel = ({ peerName, isLocal, track }) => {
|
|
29157
|
-
const isPeerPresent = peerName !== void 0;
|
|
29158
|
-
if (!isPeerPresent || !track) {
|
|
29159
|
-
return isPeerPresent ? labelMap.get([isLocal, void 0].toString()).replace(PEER_NAME_PLACEHOLDER, peerName) : "";
|
|
29160
|
-
}
|
|
29161
|
-
const isLocallyMuted = track.volume === 0;
|
|
29162
|
-
let label = labelMap.get([isLocal, track.source].toString());
|
|
29163
|
-
if (label) {
|
|
29164
|
-
label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
|
|
29165
|
-
} else {
|
|
29166
|
-
label = `${peerName} ${track.source}`;
|
|
29167
|
-
}
|
|
29168
|
-
return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
|
|
29169
|
-
};
|
|
29170
|
-
}
|
|
29171
|
-
});
|
|
29172
|
-
|
|
29173
29189
|
// src/Prebuilt/components/VideoTile.tsx
|
|
29174
29190
|
var import_react160, import_react_use31, import_react_sdk81, import_react_icons78, PeerMetadata, Tile, VideoTile, VideoTile_default;
|
|
29175
29191
|
var init_VideoTile2 = __esm({
|
|
@@ -29234,8 +29250,9 @@ var init_VideoTile2 = __esm({
|
|
|
29234
29250
|
});
|
|
29235
29251
|
const label = getVideoTileLabel({
|
|
29236
29252
|
peerName,
|
|
29237
|
-
|
|
29238
|
-
|
|
29253
|
+
isLocal,
|
|
29254
|
+
videoTrack: track,
|
|
29255
|
+
audioTrack
|
|
29239
29256
|
});
|
|
29240
29257
|
const onHoverHandler = (0, import_react160.useCallback)((event) => {
|
|
29241
29258
|
setIsMouseHovered(event.type === "mouseenter");
|
|
@@ -30647,10 +30664,10 @@ var init_useTileLayout = __esm({
|
|
|
30647
30664
|
tileHeight = maxRowHeight;
|
|
30648
30665
|
} else {
|
|
30649
30666
|
const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
|
|
30650
|
-
for (const
|
|
30651
|
-
if (
|
|
30652
|
-
if (tileHeight <
|
|
30653
|
-
tileHeight =
|
|
30667
|
+
for (const h of calcHeights) {
|
|
30668
|
+
if (h < maxRowHeight) {
|
|
30669
|
+
if (tileHeight < h) {
|
|
30670
|
+
tileHeight = h;
|
|
30654
30671
|
}
|
|
30655
30672
|
}
|
|
30656
30673
|
}
|
|
@@ -30686,6 +30703,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
30686
30703
|
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
30687
30704
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
30688
30705
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
30706
|
+
const peerCount = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectPeerCount);
|
|
30689
30707
|
const pageList = usePagesWithTiles({
|
|
30690
30708
|
peers,
|
|
30691
30709
|
maxTileCount
|
|
@@ -30715,19 +30733,20 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
30715
30733
|
), pageList.length === 0 ? /* @__PURE__ */ import_react177.default.createElement(
|
|
30716
30734
|
WaitingView,
|
|
30717
30735
|
{
|
|
30718
|
-
title: "You're the
|
|
30719
|
-
subtitle: "Sit back and relax till others join",
|
|
30736
|
+
title: peerCount <= 1 ? "You're the only one here" : "Glad to have you here",
|
|
30737
|
+
subtitle: peerCount <= 1 ? "Sit back and relax till others join" : "",
|
|
30720
30738
|
icon: /* @__PURE__ */ import_react177.default.createElement(import_react_icons84.PeopleAddIcon, { width: "56px", height: "56px", style: { color: "white" } })
|
|
30721
30739
|
}
|
|
30722
30740
|
) : null, isInsetEnabled && /* @__PURE__ */ import_react177.default.createElement(InsetTile, null));
|
|
30723
30741
|
}
|
|
30724
|
-
var import_react177, import_react_use39, import_react_icons84;
|
|
30742
|
+
var import_react177, import_react_use39, import_react_sdk89, import_react_icons84;
|
|
30725
30743
|
var init_EqualProminence = __esm({
|
|
30726
30744
|
"src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
|
|
30727
30745
|
"use strict";
|
|
30728
30746
|
init_define_process_env();
|
|
30729
30747
|
import_react177 = __toESM(require("react"));
|
|
30730
30748
|
import_react_use39 = require("react-use");
|
|
30749
|
+
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
30731
30750
|
import_react_icons84 = require("@100mslive/react-icons");
|
|
30732
30751
|
init_Layout();
|
|
30733
30752
|
init_Theme();
|
|
@@ -30830,14 +30849,14 @@ var init_ProminenceLayout = __esm({
|
|
|
30830
30849
|
});
|
|
30831
30850
|
|
|
30832
30851
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
30833
|
-
var import_react179, import_react_use40,
|
|
30852
|
+
var import_react179, import_react_use40, import_react_sdk90, SecondaryTiles;
|
|
30834
30853
|
var init_SecondaryTiles = __esm({
|
|
30835
30854
|
"src/Prebuilt/components/SecondaryTiles.tsx"() {
|
|
30836
30855
|
"use strict";
|
|
30837
30856
|
init_define_process_env();
|
|
30838
30857
|
import_react179 = __toESM(require("react"));
|
|
30839
30858
|
import_react_use40 = require("react-use");
|
|
30840
|
-
|
|
30859
|
+
import_react_sdk90 = require("@100mslive/react-sdk");
|
|
30841
30860
|
init_ProminenceLayout();
|
|
30842
30861
|
init_Theme();
|
|
30843
30862
|
init_Pagination2();
|
|
@@ -30848,10 +30867,10 @@ var init_SecondaryTiles = __esm({
|
|
|
30848
30867
|
const isMobile = (0, import_react_use40.useMedia)(config.media.md);
|
|
30849
30868
|
const maxTileCount = isMobile ? 2 : 4;
|
|
30850
30869
|
const [page, setPage] = (0, import_react179.useState)(0);
|
|
30851
|
-
const pinnedTrackId = (0,
|
|
30852
|
-
const spotlightPeerId = (0,
|
|
30853
|
-
const activeScreensharePeerId = (0,
|
|
30854
|
-
const pinnedPeer = (_a7 = (0,
|
|
30870
|
+
const pinnedTrackId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.pinnedTrackId));
|
|
30871
|
+
const spotlightPeerId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectSessionStore)("spotlight" /* SPOTLIGHT */));
|
|
30872
|
+
const activeScreensharePeerId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
30873
|
+
const pinnedPeer = (_a7 = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
|
|
30855
30874
|
const pageChangedAfterPinning = (0, import_react179.useRef)(false);
|
|
30856
30875
|
const pagesWithTiles = usePagesWithTiles({
|
|
30857
30876
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
|
@@ -30960,7 +30979,7 @@ function RoleProminence({
|
|
|
30960
30979
|
}) {
|
|
30961
30980
|
var _a7;
|
|
30962
30981
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
30963
|
-
const localPeer = (0,
|
|
30982
|
+
const localPeer = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectLocalPeer);
|
|
30964
30983
|
const isMobile = (0, import_react_use41.useMedia)(config.media.md);
|
|
30965
30984
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
30966
30985
|
maxTileCount = isMobile ? 4 : maxTileCount;
|
|
@@ -30991,14 +31010,14 @@ function RoleProminence({
|
|
|
30991
31010
|
}
|
|
30992
31011
|
), /* @__PURE__ */ import_react181.default.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react181.default.createElement(InsetTile, null));
|
|
30993
31012
|
}
|
|
30994
|
-
var import_react181, import_react_use41,
|
|
31013
|
+
var import_react181, import_react_use41, import_react_sdk91;
|
|
30995
31014
|
var init_RoleProminence = __esm({
|
|
30996
31015
|
"src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
|
|
30997
31016
|
"use strict";
|
|
30998
31017
|
init_define_process_env();
|
|
30999
31018
|
import_react181 = __toESM(require("react"));
|
|
31000
31019
|
import_react_use41 = require("react-use");
|
|
31001
|
-
|
|
31020
|
+
import_react_sdk91 = require("@100mslive/react-sdk");
|
|
31002
31021
|
init_Theme();
|
|
31003
31022
|
init_InsetTile();
|
|
31004
31023
|
init_Pagination2();
|
|
@@ -31129,19 +31148,19 @@ var init_LayoutModeSelector = __esm({
|
|
|
31129
31148
|
});
|
|
31130
31149
|
|
|
31131
31150
|
// src/Prebuilt/components/ScreenshareDisplay.tsx
|
|
31132
|
-
var import_react183,
|
|
31151
|
+
var import_react183, import_react_sdk92, import_react_icons86, ScreenshareDisplay;
|
|
31133
31152
|
var init_ScreenshareDisplay = __esm({
|
|
31134
31153
|
"src/Prebuilt/components/ScreenshareDisplay.tsx"() {
|
|
31135
31154
|
"use strict";
|
|
31136
31155
|
init_define_process_env();
|
|
31137
31156
|
import_react183 = __toESM(require("react"));
|
|
31138
|
-
|
|
31157
|
+
import_react_sdk92 = require("@100mslive/react-sdk");
|
|
31139
31158
|
import_react_icons86 = require("@100mslive/react-icons");
|
|
31140
31159
|
init_Button2();
|
|
31141
31160
|
init_Layout();
|
|
31142
31161
|
init_Text2();
|
|
31143
31162
|
ScreenshareDisplay = () => {
|
|
31144
|
-
const hmsActions = (0,
|
|
31163
|
+
const hmsActions = (0, import_react_sdk92.useHMSActions)();
|
|
31145
31164
|
return /* @__PURE__ */ import_react183.default.createElement(
|
|
31146
31165
|
Flex,
|
|
31147
31166
|
{
|
|
@@ -31175,7 +31194,7 @@ var init_ScreenshareDisplay = __esm({
|
|
|
31175
31194
|
});
|
|
31176
31195
|
|
|
31177
31196
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
31178
|
-
var import_react184, import_react_use42, import_screenfull2,
|
|
31197
|
+
var import_react184, import_react_use42, import_screenfull2, import_react_sdk93, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
|
|
31179
31198
|
var init_ScreenshareTile = __esm({
|
|
31180
31199
|
"src/Prebuilt/components/ScreenshareTile.tsx"() {
|
|
31181
31200
|
"use strict";
|
|
@@ -31183,7 +31202,7 @@ var init_ScreenshareTile = __esm({
|
|
|
31183
31202
|
import_react184 = __toESM(require("react"));
|
|
31184
31203
|
import_react_use42 = require("react-use");
|
|
31185
31204
|
import_screenfull2 = __toESM(require("screenfull"));
|
|
31186
|
-
|
|
31205
|
+
import_react_sdk93 = require("@100mslive/react-sdk");
|
|
31187
31206
|
import_react_icons87 = require("@100mslive/react-icons");
|
|
31188
31207
|
init_TileMenu2();
|
|
31189
31208
|
init_Layout();
|
|
@@ -31205,10 +31224,10 @@ var init_ScreenshareTile = __esm({
|
|
|
31205
31224
|
flexShrink: 0
|
|
31206
31225
|
};
|
|
31207
31226
|
Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
31208
|
-
const isLocal = (0,
|
|
31209
|
-
const track = (0,
|
|
31227
|
+
const isLocal = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectLocalPeerID) === peerId;
|
|
31228
|
+
const track = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectScreenShareByPeerID)(peerId));
|
|
31210
31229
|
const { theme: theme2 } = useTheme();
|
|
31211
|
-
const peer = (0,
|
|
31230
|
+
const peer = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectPeerByID)(peerId));
|
|
31212
31231
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
31213
31232
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react184.useState)(false);
|
|
31214
31233
|
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
@@ -31219,7 +31238,7 @@ var init_ScreenshareTile = __esm({
|
|
|
31219
31238
|
onClose: () => setFullscreen(false)
|
|
31220
31239
|
});
|
|
31221
31240
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
|
31222
|
-
const audioTrack = (0,
|
|
31241
|
+
const audioTrack = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
|
|
31223
31242
|
if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
|
|
31224
31243
|
return /* @__PURE__ */ import_react184.default.createElement(ScreenshareDisplay, null);
|
|
31225
31244
|
}
|
|
@@ -31229,7 +31248,8 @@ var init_ScreenshareTile = __esm({
|
|
|
31229
31248
|
const label = getVideoTileLabel({
|
|
31230
31249
|
peerName: peer == null ? void 0 : peer.name,
|
|
31231
31250
|
isLocal: false,
|
|
31232
|
-
track
|
|
31251
|
+
videoTrack: track,
|
|
31252
|
+
audioTrack
|
|
31233
31253
|
});
|
|
31234
31254
|
return /* @__PURE__ */ import_react184.default.createElement(
|
|
31235
31255
|
StyledVideoTile.Root,
|
|
@@ -31298,14 +31318,14 @@ var init_ScreenshareTile = __esm({
|
|
|
31298
31318
|
});
|
|
31299
31319
|
|
|
31300
31320
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
31301
|
-
var import_react185, import_react_use43,
|
|
31321
|
+
var import_react185, import_react_use43, import_react_sdk94, ScreenshareLayout;
|
|
31302
31322
|
var init_ScreenshareLayout = __esm({
|
|
31303
31323
|
"src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
|
|
31304
31324
|
"use strict";
|
|
31305
31325
|
init_define_process_env();
|
|
31306
31326
|
import_react185 = __toESM(require("react"));
|
|
31307
31327
|
import_react_use43 = require("react-use");
|
|
31308
|
-
|
|
31328
|
+
import_react_sdk94 = require("@100mslive/react-sdk");
|
|
31309
31329
|
init_Theme();
|
|
31310
31330
|
init_InsetTile();
|
|
31311
31331
|
init_Pagination2();
|
|
@@ -31317,7 +31337,7 @@ var init_ScreenshareLayout = __esm({
|
|
|
31317
31337
|
init_constants();
|
|
31318
31338
|
ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
31319
31339
|
var _a7;
|
|
31320
|
-
const peersSharing = (0,
|
|
31340
|
+
const peersSharing = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectPeersScreenSharing);
|
|
31321
31341
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31322
31342
|
const [page, setPage] = (0, import_react185.useState)(0);
|
|
31323
31343
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
@@ -31366,14 +31386,14 @@ var init_ScreenshareLayout = __esm({
|
|
|
31366
31386
|
}
|
|
31367
31387
|
});
|
|
31368
31388
|
|
|
31369
|
-
// ../../../../../../../tmp/tmp-
|
|
31370
|
-
var
|
|
31371
|
-
"../../../../../../../tmp/tmp-
|
|
31389
|
+
// ../../../../../../../tmp/tmp-2899-SW7L4Lbh5cRc/191eb73f5170/index.css
|
|
31390
|
+
var init_eb73f5170 = __esm({
|
|
31391
|
+
"../../../../../../../tmp/tmp-2899-SW7L4Lbh5cRc/191eb73f5170/index.css"() {
|
|
31372
31392
|
}
|
|
31373
31393
|
});
|
|
31374
31394
|
|
|
31375
31395
|
// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
|
|
31376
|
-
var import_react186, import_react_use44, import_hms_whiteboard,
|
|
31396
|
+
var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk95, WhiteboardEmbed, WhiteboardLayout;
|
|
31377
31397
|
var init_WhiteboardLayout = __esm({
|
|
31378
31398
|
"src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
|
|
31379
31399
|
"use strict";
|
|
@@ -31381,7 +31401,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
31381
31401
|
import_react186 = __toESM(require("react"));
|
|
31382
31402
|
import_react_use44 = require("react-use");
|
|
31383
31403
|
import_hms_whiteboard = require("@100mslive/hms-whiteboard");
|
|
31384
|
-
|
|
31404
|
+
import_react_sdk95 = require("@100mslive/react-sdk");
|
|
31385
31405
|
init_Layout();
|
|
31386
31406
|
init_Theme();
|
|
31387
31407
|
init_InsetTile();
|
|
@@ -31390,10 +31410,10 @@ var init_WhiteboardLayout = __esm({
|
|
|
31390
31410
|
init_ProminenceLayout();
|
|
31391
31411
|
init_useUISettings();
|
|
31392
31412
|
init_constants();
|
|
31393
|
-
|
|
31413
|
+
init_eb73f5170();
|
|
31394
31414
|
WhiteboardEmbed = () => {
|
|
31395
31415
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31396
|
-
const { token, endpoint, zoomToContent } = (0,
|
|
31416
|
+
const { token, endpoint, zoomToContent } = (0, import_react_sdk95.useWhiteboard)(isMobile);
|
|
31397
31417
|
if (!token) {
|
|
31398
31418
|
return null;
|
|
31399
31419
|
}
|
|
@@ -31414,8 +31434,8 @@ var init_WhiteboardLayout = __esm({
|
|
|
31414
31434
|
);
|
|
31415
31435
|
};
|
|
31416
31436
|
WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
31417
|
-
const whiteboard = (0,
|
|
31418
|
-
const whiteboardOwner = (0,
|
|
31437
|
+
const whiteboard = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectWhiteboard);
|
|
31438
|
+
const whiteboardOwner = (0, import_react_sdk95.useHMSStore)((0, import_react_sdk95.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
|
|
31419
31439
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
31420
31440
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31421
31441
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
@@ -31456,12 +31476,12 @@ var init_WhiteboardLayout = __esm({
|
|
|
31456
31476
|
});
|
|
31457
31477
|
|
|
31458
31478
|
// src/Prebuilt/common/PeersSorter.ts
|
|
31459
|
-
var
|
|
31479
|
+
var import_react_sdk96, PeersSorter, PeersSorter_default;
|
|
31460
31480
|
var init_PeersSorter = __esm({
|
|
31461
31481
|
"src/Prebuilt/common/PeersSorter.ts"() {
|
|
31462
31482
|
"use strict";
|
|
31463
31483
|
init_define_process_env();
|
|
31464
|
-
|
|
31484
|
+
import_react_sdk96 = require("@100mslive/react-sdk");
|
|
31465
31485
|
PeersSorter = class {
|
|
31466
31486
|
constructor(store) {
|
|
31467
31487
|
this.storeUnsubscribe = void 0;
|
|
@@ -31482,7 +31502,7 @@ var init_PeersSorter = __esm({
|
|
|
31482
31502
|
}
|
|
31483
31503
|
});
|
|
31484
31504
|
if (!this.storeUnsubscribe) {
|
|
31485
|
-
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange,
|
|
31505
|
+
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk96.selectDominantSpeaker);
|
|
31486
31506
|
}
|
|
31487
31507
|
this.moveSpeakerToFront(this.speaker);
|
|
31488
31508
|
};
|
|
@@ -31557,13 +31577,13 @@ var init_PeersSorter = __esm({
|
|
|
31557
31577
|
});
|
|
31558
31578
|
|
|
31559
31579
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
|
31560
|
-
var import_react187,
|
|
31580
|
+
var import_react187, import_react_sdk97, GridLayout;
|
|
31561
31581
|
var init_GridLayout = __esm({
|
|
31562
31582
|
"src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
|
|
31563
31583
|
"use strict";
|
|
31564
31584
|
init_define_process_env();
|
|
31565
31585
|
import_react187 = __toESM(require("react"));
|
|
31566
|
-
|
|
31586
|
+
import_react_sdk97 = require("@100mslive/react-sdk");
|
|
31567
31587
|
init_EqualProminence();
|
|
31568
31588
|
init_RoleProminence();
|
|
31569
31589
|
init_ScreenshareLayout();
|
|
@@ -31583,12 +31603,12 @@ var init_GridLayout = __esm({
|
|
|
31583
31603
|
edge_to_edge = false,
|
|
31584
31604
|
hide_metadata_on_tile = false
|
|
31585
31605
|
}) => {
|
|
31586
|
-
const peerSharing = (0,
|
|
31587
|
-
const whiteboard = (0,
|
|
31606
|
+
const peerSharing = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
|
|
31607
|
+
const whiteboard = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectWhiteboard);
|
|
31588
31608
|
const pinnedTrack = usePinnedTrack();
|
|
31589
|
-
const peers = (0,
|
|
31590
|
-
const localPeerRole = (0,
|
|
31591
|
-
const localPeerID = (0,
|
|
31609
|
+
const peers = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
|
|
31610
|
+
const localPeerRole = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectLocalPeerRoleName);
|
|
31611
|
+
const localPeerID = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectLocalPeerID);
|
|
31592
31612
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31593
31613
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
31594
31614
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -31616,7 +31636,7 @@ var init_GridLayout = __esm({
|
|
|
31616
31636
|
peers,
|
|
31617
31637
|
pinnedTrack
|
|
31618
31638
|
]);
|
|
31619
|
-
const vanillaStore = (0,
|
|
31639
|
+
const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
|
|
31620
31640
|
const [sortedPeers, setSortedPeers] = (0, import_react187.useState)(updatedPeers);
|
|
31621
31641
|
const peersSorter = (0, import_react187.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
|
|
31622
31642
|
const [pageSize, setPageSize] = (0, import_react187.useState)(0);
|
|
@@ -31687,13 +31707,13 @@ var init_GridLayout = __esm({
|
|
|
31687
31707
|
});
|
|
31688
31708
|
|
|
31689
31709
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
31690
|
-
var import_react188,
|
|
31710
|
+
var import_react188, import_react_sdk98, EmbedView, EmbedScreenShareView, EmbedComponent;
|
|
31691
31711
|
var init_EmbedView = __esm({
|
|
31692
31712
|
"src/Prebuilt/layouts/EmbedView.jsx"() {
|
|
31693
31713
|
"use strict";
|
|
31694
31714
|
init_define_process_env();
|
|
31695
31715
|
import_react188 = __toESM(require("react"));
|
|
31696
|
-
|
|
31716
|
+
import_react_sdk98 = require("@100mslive/react-sdk");
|
|
31697
31717
|
init_SecondaryTiles();
|
|
31698
31718
|
init_ToastManager();
|
|
31699
31719
|
init_ProminenceLayout();
|
|
@@ -31704,8 +31724,8 @@ var init_EmbedView = __esm({
|
|
|
31704
31724
|
return /* @__PURE__ */ import_react188.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react188.default.createElement(EmbedComponent, null));
|
|
31705
31725
|
};
|
|
31706
31726
|
EmbedScreenShareView = ({ children }) => {
|
|
31707
|
-
const peers = (0,
|
|
31708
|
-
const peerPresenting = (0,
|
|
31727
|
+
const peers = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeers);
|
|
31728
|
+
const peerPresenting = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeerScreenSharing);
|
|
31709
31729
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31710
31730
|
const smallTilePeers = (0, import_react188.useMemo)(() => {
|
|
31711
31731
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
@@ -31720,9 +31740,9 @@ var init_EmbedView = __esm({
|
|
|
31720
31740
|
return /* @__PURE__ */ import_react188.default.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ import_react188.default.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ import_react188.default.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
|
31721
31741
|
};
|
|
31722
31742
|
EmbedComponent = () => {
|
|
31723
|
-
const embedConfig = (0,
|
|
31743
|
+
const embedConfig = (0, import_react_sdk98.useHMSStore)((0, import_react_sdk98.selectAppData)(APP_DATA.embedConfig));
|
|
31724
31744
|
const resetConfig = useResetEmbedConfig();
|
|
31725
|
-
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0,
|
|
31745
|
+
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk98.useEmbedShare)(resetConfig);
|
|
31726
31746
|
(0, import_react188.useEffect)(() => {
|
|
31727
31747
|
(() => __async(void 0, null, function* () {
|
|
31728
31748
|
if (embedConfig && !isEmbedShareInProgress) {
|
|
@@ -31772,13 +31792,13 @@ var init_EmbedView = __esm({
|
|
|
31772
31792
|
});
|
|
31773
31793
|
|
|
31774
31794
|
// src/Prebuilt/layouts/PDFView.jsx
|
|
31775
|
-
var import_react189,
|
|
31795
|
+
var import_react189, import_react_sdk99, PDFView;
|
|
31776
31796
|
var init_PDFView = __esm({
|
|
31777
31797
|
"src/Prebuilt/layouts/PDFView.jsx"() {
|
|
31778
31798
|
"use strict";
|
|
31779
31799
|
init_define_process_env();
|
|
31780
31800
|
import_react189 = __toESM(require("react"));
|
|
31781
|
-
|
|
31801
|
+
import_react_sdk99 = require("@100mslive/react-sdk");
|
|
31782
31802
|
init_ToastManager();
|
|
31783
31803
|
init_Layout();
|
|
31784
31804
|
init_EmbedView();
|
|
@@ -31786,7 +31806,7 @@ var init_PDFView = __esm({
|
|
|
31786
31806
|
PDFView = () => {
|
|
31787
31807
|
const pdfConfig = usePDFConfig();
|
|
31788
31808
|
const resetConfig = useResetPDFConfig();
|
|
31789
|
-
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0,
|
|
31809
|
+
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk99.usePDFShare)(resetConfig);
|
|
31790
31810
|
(0, import_react189.useEffect)(() => {
|
|
31791
31811
|
return () => {
|
|
31792
31812
|
resetConfig();
|
|
@@ -31841,7 +31861,7 @@ var init_PDFView = __esm({
|
|
|
31841
31861
|
});
|
|
31842
31862
|
|
|
31843
31863
|
// src/Prebuilt/plugins/CaptionsViewer.tsx
|
|
31844
|
-
var import_react190, import_react_draggable2, import_react_use45,
|
|
31864
|
+
var import_react190, import_react_draggable2, import_react_use45, import_react_sdk100, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
|
|
31845
31865
|
var init_CaptionsViewer = __esm({
|
|
31846
31866
|
"src/Prebuilt/plugins/CaptionsViewer.tsx"() {
|
|
31847
31867
|
"use strict";
|
|
@@ -31849,7 +31869,7 @@ var init_CaptionsViewer = __esm({
|
|
|
31849
31869
|
import_react190 = __toESM(require("react"));
|
|
31850
31870
|
import_react_draggable2 = __toESM(require("react-draggable"));
|
|
31851
31871
|
import_react_use45 = require("react-use");
|
|
31852
|
-
|
|
31872
|
+
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
31853
31873
|
init_Layout();
|
|
31854
31874
|
init_Text2();
|
|
31855
31875
|
init_Theme();
|
|
@@ -31990,7 +32010,7 @@ var init_CaptionsViewer = __esm({
|
|
|
31990
32010
|
}
|
|
31991
32011
|
};
|
|
31992
32012
|
TranscriptView = ({ peer_id, data: data3 }) => {
|
|
31993
|
-
const peerName = (0,
|
|
32013
|
+
const peerName = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectPeerNameByID)(peer_id)) || "Participant";
|
|
31994
32014
|
data3 = data3.trim();
|
|
31995
32015
|
if (!data3)
|
|
31996
32016
|
return null;
|
|
@@ -32018,7 +32038,7 @@ var init_CaptionsViewer = __esm({
|
|
|
32018
32038
|
const [captionQueue] = (0, import_react190.useState)(new CaptionMaintainerQueue());
|
|
32019
32039
|
const [currentData, setCurrentData] = (0, import_react190.useState)([]);
|
|
32020
32040
|
const isCaptionEnabled = useIsCaptionEnabled();
|
|
32021
|
-
const isTranscriptionEnabled = (0,
|
|
32041
|
+
const isTranscriptionEnabled = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsTranscriptionEnabled);
|
|
32022
32042
|
const nodeRef = (0, import_react190.useRef)(null);
|
|
32023
32043
|
(0, import_react190.useEffect)(() => {
|
|
32024
32044
|
const timeInterval = setInterval(() => {
|
|
@@ -32031,7 +32051,7 @@ var init_CaptionsViewer = __esm({
|
|
|
32031
32051
|
}, 1e3);
|
|
32032
32052
|
return () => clearInterval(timeInterval);
|
|
32033
32053
|
}, [captionQueue]);
|
|
32034
|
-
(0,
|
|
32054
|
+
(0, import_react_sdk100.useTranscript)({
|
|
32035
32055
|
onTranscript: (data3) => {
|
|
32036
32056
|
captionQueue && captionQueue.push(data3);
|
|
32037
32057
|
}
|
|
@@ -32088,16 +32108,16 @@ var init_CaptionsViewer = __esm({
|
|
|
32088
32108
|
});
|
|
32089
32109
|
|
|
32090
32110
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
|
32091
|
-
var import_react191,
|
|
32111
|
+
var import_react191, import_react_sdk101, useCloseScreenshareWhiteboard;
|
|
32092
32112
|
var init_useCloseScreenshareWhiteboard = __esm({
|
|
32093
32113
|
"src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
|
|
32094
32114
|
"use strict";
|
|
32095
32115
|
init_define_process_env();
|
|
32096
32116
|
import_react191 = require("react");
|
|
32097
|
-
|
|
32117
|
+
import_react_sdk101 = require("@100mslive/react-sdk");
|
|
32098
32118
|
useCloseScreenshareWhiteboard = () => {
|
|
32099
|
-
const peerSharing = (0,
|
|
32100
|
-
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0,
|
|
32119
|
+
const peerSharing = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectPeerScreenSharing);
|
|
32120
|
+
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk101.useWhiteboard)();
|
|
32101
32121
|
(0, import_react191.useEffect)(() => {
|
|
32102
32122
|
if (isWhiteboardOwner && peerSharing) {
|
|
32103
32123
|
toggleWhiteboard == null ? void 0 : toggleWhiteboard();
|
|
@@ -32236,6 +32256,26 @@ var init_HMSVideo = __esm({
|
|
|
32236
32256
|
init_Layout();
|
|
32237
32257
|
HMSVideo = (0, import_react193.forwardRef)((_a7, videoRef) => {
|
|
32238
32258
|
var _b7 = _a7, { children } = _b7, props = __objRest(_b7, ["children"]);
|
|
32259
|
+
const [width, setWidth] = (0, import_react193.useState)("auto");
|
|
32260
|
+
(0, import_react193.useEffect)(() => {
|
|
32261
|
+
const updatingVideoWidth = () => {
|
|
32262
|
+
const videoEl2 = videoRef.current;
|
|
32263
|
+
if (!videoEl2) {
|
|
32264
|
+
return;
|
|
32265
|
+
}
|
|
32266
|
+
if (videoEl2.videoWidth > videoEl2.videoHeight && width !== "100%") {
|
|
32267
|
+
setWidth("100%");
|
|
32268
|
+
}
|
|
32269
|
+
};
|
|
32270
|
+
const videoEl = videoRef.current;
|
|
32271
|
+
if (!videoEl) {
|
|
32272
|
+
return;
|
|
32273
|
+
}
|
|
32274
|
+
videoEl.addEventListener("loadedmetadata", updatingVideoWidth);
|
|
32275
|
+
return () => {
|
|
32276
|
+
videoEl.removeEventListener("loadedmetadata", updatingVideoWidth);
|
|
32277
|
+
};
|
|
32278
|
+
}, []);
|
|
32239
32279
|
return /* @__PURE__ */ import_react193.default.createElement(
|
|
32240
32280
|
Flex,
|
|
32241
32281
|
__spreadValues({
|
|
@@ -32246,9 +32286,8 @@ var init_HMSVideo = __esm({
|
|
|
32246
32286
|
justifyContent: "center",
|
|
32247
32287
|
transition: "all 0.3s ease-in-out",
|
|
32248
32288
|
"@md": {
|
|
32249
|
-
height: "auto",
|
|
32250
32289
|
"& video": {
|
|
32251
|
-
height: "$60 !important"
|
|
32290
|
+
height: props.isFullScreen ? "" : "$60 !important"
|
|
32252
32291
|
}
|
|
32253
32292
|
},
|
|
32254
32293
|
"& video::cue": {
|
|
@@ -32277,7 +32316,7 @@ var init_HMSVideo = __esm({
|
|
|
32277
32316
|
style: {
|
|
32278
32317
|
margin: "0 auto",
|
|
32279
32318
|
objectFit: "contain",
|
|
32280
|
-
width
|
|
32319
|
+
width,
|
|
32281
32320
|
height: "100%",
|
|
32282
32321
|
maxWidth: "100%"
|
|
32283
32322
|
},
|
|
@@ -33205,7 +33244,7 @@ var HLSView_exports = {};
|
|
|
33205
33244
|
__export(HLSView_exports, {
|
|
33206
33245
|
default: () => HLSView_default
|
|
33207
33246
|
});
|
|
33208
|
-
var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13,
|
|
33247
|
+
var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13, import_react_sdk102, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
|
|
33209
33248
|
var init_HLSView = __esm({
|
|
33210
33249
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
|
33211
33250
|
"use strict";
|
|
@@ -33215,7 +33254,7 @@ var init_HLSView = __esm({
|
|
|
33215
33254
|
import_hls_player3 = require("@100mslive/hls-player");
|
|
33216
33255
|
import_screenfull3 = __toESM(require("screenfull"));
|
|
33217
33256
|
import_ts_pattern13 = require("ts-pattern");
|
|
33218
|
-
|
|
33257
|
+
import_react_sdk102 = require("@100mslive/react-sdk");
|
|
33219
33258
|
import_react_icons97 = require("@100mslive/react-icons");
|
|
33220
33259
|
init_ChatToggle();
|
|
33221
33260
|
init_HlsStatsOverlay();
|
|
@@ -33243,11 +33282,11 @@ var init_HLSView = __esm({
|
|
|
33243
33282
|
toastMap = {};
|
|
33244
33283
|
ToggleChat = ({ isFullScreen = false }) => {
|
|
33245
33284
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
33246
|
-
const sidepane = (0,
|
|
33285
|
+
const sidepane = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.sidePane));
|
|
33247
33286
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
33248
33287
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
33249
33288
|
const isMobile = (0, import_react_use49.useMedia)(config.media.md);
|
|
33250
|
-
const hmsActions = (0,
|
|
33289
|
+
const hmsActions = (0, import_react_sdk102.useHMSActions)();
|
|
33251
33290
|
(0, import_react206.useEffect)(() => {
|
|
33252
33291
|
(0, import_ts_pattern13.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
|
|
33253
33292
|
hmsActions.setAppData(APP_DATA.sidePane, "");
|
|
@@ -33265,10 +33304,10 @@ var init_HLSView = __esm({
|
|
|
33265
33304
|
const videoRef = (0, import_react206.useRef)(null);
|
|
33266
33305
|
const hlsViewRef = (0, import_react206.useRef)();
|
|
33267
33306
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
33268
|
-
const hlsState = (0,
|
|
33269
|
-
const enablHlsStats = (0,
|
|
33270
|
-
const notification = (0,
|
|
33271
|
-
const hmsActions = (0,
|
|
33307
|
+
const hlsState = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectHLSState);
|
|
33308
|
+
const enablHlsStats = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.hlsStats));
|
|
33309
|
+
const notification = (0, import_react_sdk102.useHMSNotifications)(import_react_sdk102.HMSNotificationTypes.POLL_STOPPED);
|
|
33310
|
+
const hmsActions = (0, import_react_sdk102.useHMSActions)();
|
|
33272
33311
|
const { themeType } = useTheme();
|
|
33273
33312
|
const [streamEnded, setStreamEnded] = (0, import_react206.useState)(false);
|
|
33274
33313
|
let [hlsStatsState, setHlsStatsState] = (0, import_react206.useState)(null);
|
|
@@ -33287,7 +33326,7 @@ var init_HLSView = __esm({
|
|
|
33287
33326
|
const [isPaused, setIsPaused] = (0, import_react206.useState)(false);
|
|
33288
33327
|
const [show, toggle] = (0, import_react_use49.useToggle)(false);
|
|
33289
33328
|
const lastHlsUrl = (0, import_react_use49.usePrevious)(hlsUrl);
|
|
33290
|
-
const vanillaStore = (0,
|
|
33329
|
+
const vanillaStore = (0, import_react_sdk102.useHMSVanillaStore)();
|
|
33291
33330
|
const [controlsVisible, setControlsVisible] = (0, import_react206.useState)(true);
|
|
33292
33331
|
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react206.useState)(true);
|
|
33293
33332
|
const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react206.useState)(false);
|
|
@@ -33373,8 +33412,8 @@ var init_HLSView = __esm({
|
|
|
33373
33412
|
const parsedPayload = parsePayload(payload);
|
|
33374
33413
|
if (parsedPayload.startsWith("poll:")) {
|
|
33375
33414
|
const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
|
|
33376
|
-
const poll = vanillaStore.getState((0,
|
|
33377
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
33415
|
+
const poll = vanillaStore.getState((0, import_react_sdk102.selectPollByID)(pollId));
|
|
33416
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk102.selectPeerNameByID)(poll.startedBy)) || "Participant";
|
|
33378
33417
|
if (!toastMap[pollId]) {
|
|
33379
33418
|
const toastID = ToastManager.addToast({
|
|
33380
33419
|
title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
|
|
@@ -33530,7 +33569,7 @@ var init_HLSView = __esm({
|
|
|
33530
33569
|
const onDoubleClickHandler = (0, import_react206.useCallback)(
|
|
33531
33570
|
(event) => {
|
|
33532
33571
|
var _a8;
|
|
33533
|
-
if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !==
|
|
33572
|
+
if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk102.HLSPlaylistType.DVR) {
|
|
33534
33573
|
return;
|
|
33535
33574
|
}
|
|
33536
33575
|
const sidePercentage = event.screenX * 100 / event.target.clientWidth;
|
|
@@ -33556,7 +33595,7 @@ var init_HLSView = __esm({
|
|
|
33556
33595
|
);
|
|
33557
33596
|
const onClickHandler = (0, import_react206.useCallback)(() => __async(void 0, null, function* () {
|
|
33558
33597
|
var _a8;
|
|
33559
|
-
(0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type:
|
|
33598
|
+
(0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk102.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
|
|
33560
33599
|
if (isPaused) {
|
|
33561
33600
|
yield hlsPlayer == null ? void 0 : hlsPlayer.play();
|
|
33562
33601
|
} else {
|
|
@@ -33634,12 +33673,7 @@ var init_HLSView = __esm({
|
|
|
33634
33673
|
justify: "center",
|
|
33635
33674
|
css: {
|
|
33636
33675
|
flex: isLandscape ? "2 1 0" : "1 1 0",
|
|
33637
|
-
transition: "all 0.3s ease-in-out"
|
|
33638
|
-
"&:fullscreen": {
|
|
33639
|
-
"& video": {
|
|
33640
|
-
height: "unset !important"
|
|
33641
|
-
}
|
|
33642
|
-
}
|
|
33676
|
+
transition: "all 0.3s ease-in-out"
|
|
33643
33677
|
}
|
|
33644
33678
|
},
|
|
33645
33679
|
hlsViewRef.current && (isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(Box, { css: { position: "fixed", left: "$4", top: "$4", zIndex: 11 } }, /* @__PURE__ */ import_react206.default.createElement(LeaveRoom, { screenType: "hls_live_streaming", container: hlsViewRef.current })),
|
|
@@ -33659,7 +33693,7 @@ var init_HLSView = __esm({
|
|
|
33659
33693
|
},
|
|
33660
33694
|
onKeyDown: (event) => __async(void 0, null, function* () {
|
|
33661
33695
|
var _a8;
|
|
33662
|
-
if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) ===
|
|
33696
|
+
if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR) {
|
|
33663
33697
|
yield keyHandler(event);
|
|
33664
33698
|
}
|
|
33665
33699
|
}),
|
|
@@ -33685,6 +33719,7 @@ var init_HLSView = __esm({
|
|
|
33685
33719
|
onMouseMove: onHoverHandler,
|
|
33686
33720
|
onMouseLeave: onHoverHandler,
|
|
33687
33721
|
onClick: onClickHandler,
|
|
33722
|
+
isFullScreen,
|
|
33688
33723
|
onDoubleClick: (e) => {
|
|
33689
33724
|
onDoubleClickHandler(e);
|
|
33690
33725
|
}
|
|
@@ -33703,7 +33738,7 @@ var init_HLSView = __esm({
|
|
|
33703
33738
|
size: "100%"
|
|
33704
33739
|
}
|
|
33705
33740
|
},
|
|
33706
|
-
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) ===
|
|
33741
|
+
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
|
|
33707
33742
|
HMSVideoPlayer.PlayPauseSeekControls.Overlay,
|
|
33708
33743
|
{
|
|
33709
33744
|
isPaused,
|
|
@@ -33711,7 +33746,7 @@ var init_HLSView = __esm({
|
|
|
33711
33746
|
hoverControlsVisible
|
|
33712
33747
|
}
|
|
33713
33748
|
)
|
|
33714
|
-
), isMobile || isLandscape ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, !showLoader && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) ===
|
|
33749
|
+
), isMobile || isLandscape ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, !showLoader && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
|
|
33715
33750
|
HMSVideoPlayer.PlayPauseSeekControls.Overlay,
|
|
33716
33751
|
{
|
|
33717
33752
|
isPaused,
|
|
@@ -33778,7 +33813,7 @@ var init_HLSView = __esm({
|
|
|
33778
33813
|
align: "start",
|
|
33779
33814
|
css: {
|
|
33780
33815
|
position: "absolute",
|
|
33781
|
-
bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) ===
|
|
33816
|
+
bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? "$8" : "0",
|
|
33782
33817
|
left: "0",
|
|
33783
33818
|
zIndex: 1,
|
|
33784
33819
|
background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
|
|
@@ -33788,7 +33823,7 @@ var init_HLSView = __esm({
|
|
|
33788
33823
|
transition: "visibility 0s 0.5s, opacity 0.5s linear"
|
|
33789
33824
|
}
|
|
33790
33825
|
},
|
|
33791
|
-
((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) ===
|
|
33826
|
+
((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
|
|
33792
33827
|
/* @__PURE__ */ import_react206.default.createElement(
|
|
33793
33828
|
HMSVideoPlayer.Controls.Root,
|
|
33794
33829
|
{
|
|
@@ -33797,7 +33832,7 @@ var init_HLSView = __esm({
|
|
|
33797
33832
|
},
|
|
33798
33833
|
onClick: (e) => e.stopPropagation()
|
|
33799
33834
|
},
|
|
33800
|
-
/* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) ===
|
|
33835
|
+
/* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.PlayPauseSeekControls.Button, { isPaused, onSeekTo }), !isVideoLive ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null) : null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react206.default.createElement(
|
|
33801
33836
|
IconButton,
|
|
33802
33837
|
{
|
|
33803
33838
|
css: { px: "$2" },
|
|
@@ -33830,7 +33865,7 @@ var init_HLSView = __esm({
|
|
|
33830
33865
|
},
|
|
33831
33866
|
isVideoLive ? "LIVE" : "GO LIVE"
|
|
33832
33867
|
)))
|
|
33833
|
-
), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) ===
|
|
33868
|
+
), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null),
|
|
33834
33869
|
/* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react206.default.createElement(
|
|
33835
33870
|
HLSQualitySelector,
|
|
33836
33871
|
{
|
|
@@ -33839,7 +33874,8 @@ var init_HLSView = __esm({
|
|
|
33839
33874
|
open: qualityDropDownOpen,
|
|
33840
33875
|
selection: currentSelectedQuality,
|
|
33841
33876
|
onQualityChange: handleQuality,
|
|
33842
|
-
isAuto: isUserSelectedAuto
|
|
33877
|
+
isAuto: isUserSelectedAuto,
|
|
33878
|
+
containerRef: hlsViewRef.current
|
|
33843
33879
|
}
|
|
33844
33880
|
) : null, isFullScreenSupported ? /* @__PURE__ */ import_react206.default.createElement(FullScreenButton2, { isFullScreen, onToggle: toggle }) : null)
|
|
33845
33881
|
)
|
|
@@ -33855,7 +33891,7 @@ var init_HLSView = __esm({
|
|
|
33855
33891
|
});
|
|
33856
33892
|
|
|
33857
33893
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
33858
|
-
var import_react207, import_react_use50, import_ts_pattern14,
|
|
33894
|
+
var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk103, import_react_icons98, HLSView2, VideoStreamingSection;
|
|
33859
33895
|
var init_VideoStreamingSection = __esm({
|
|
33860
33896
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
|
33861
33897
|
"use strict";
|
|
@@ -33863,7 +33899,7 @@ var init_VideoStreamingSection = __esm({
|
|
|
33863
33899
|
import_react207 = __toESM(require("react"));
|
|
33864
33900
|
import_react_use50 = require("react-use");
|
|
33865
33901
|
import_ts_pattern14 = require("ts-pattern");
|
|
33866
|
-
|
|
33902
|
+
import_react_sdk103 = require("@100mslive/react-sdk");
|
|
33867
33903
|
import_react_icons98 = require("@100mslive/react-icons");
|
|
33868
33904
|
init_FullPageProgress();
|
|
33869
33905
|
init_GridLayout();
|
|
@@ -33884,10 +33920,10 @@ var init_VideoStreamingSection = __esm({
|
|
|
33884
33920
|
hideControls = false
|
|
33885
33921
|
}) => {
|
|
33886
33922
|
var _a7;
|
|
33887
|
-
const localPeerRoleName = (0,
|
|
33888
|
-
const isConnected = (0,
|
|
33889
|
-
const isSharingScreen = (0,
|
|
33890
|
-
const hmsActions = (0,
|
|
33923
|
+
const localPeerRoleName = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectLocalPeerRoleName);
|
|
33924
|
+
const isConnected = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsConnectedToRoom);
|
|
33925
|
+
const isSharingScreen = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsLocalScreenShared);
|
|
33926
|
+
const hmsActions = (0, import_react_sdk103.useHMSActions)();
|
|
33891
33927
|
const urlToIframe = useUrlToEmbed();
|
|
33892
33928
|
const pdfAnnotatorActive = usePDFConfig();
|
|
33893
33929
|
const isMobileHLSStream = useMobileHLSStream();
|
|
@@ -34029,13 +34065,13 @@ var init_RoomDetailsHeader = __esm({
|
|
|
34029
34065
|
});
|
|
34030
34066
|
|
|
34031
34067
|
// src/Prebuilt/components/Header/common.jsx
|
|
34032
|
-
var import_react209,
|
|
34068
|
+
var import_react209, import_react_sdk104, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
|
34033
34069
|
var init_common2 = __esm({
|
|
34034
34070
|
"src/Prebuilt/components/Header/common.jsx"() {
|
|
34035
34071
|
"use strict";
|
|
34036
34072
|
init_define_process_env();
|
|
34037
34073
|
import_react209 = __toESM(require("react"));
|
|
34038
|
-
|
|
34074
|
+
import_react_sdk104 = require("@100mslive/react-sdk");
|
|
34039
34075
|
import_react_icons100 = require("@100mslive/react-icons");
|
|
34040
34076
|
init_Divider2();
|
|
34041
34077
|
init_Label2();
|
|
@@ -34045,12 +34081,12 @@ var init_common2 = __esm({
|
|
|
34045
34081
|
init_IconButton3();
|
|
34046
34082
|
init_ToastManager();
|
|
34047
34083
|
CamaraFlipActions = () => {
|
|
34048
|
-
const actions = (0,
|
|
34049
|
-
const { allDevices } = (0,
|
|
34084
|
+
const actions = (0, import_react_sdk104.useHMSActions)();
|
|
34085
|
+
const { allDevices } = (0, import_react_sdk104.useDevices)();
|
|
34050
34086
|
const { videoInput } = allDevices;
|
|
34051
|
-
const isVideoOn = (0,
|
|
34052
|
-
const videoTrackId = (0,
|
|
34053
|
-
const localVideoTrack = (0,
|
|
34087
|
+
const isVideoOn = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectIsLocalVideoEnabled);
|
|
34088
|
+
const videoTrackId = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectLocalVideoTrackID);
|
|
34089
|
+
const localVideoTrack = (0, import_react_sdk104.useHMSStore)((0, import_react_sdk104.selectVideoTrackByID)(videoTrackId));
|
|
34054
34090
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
34055
34091
|
return null;
|
|
34056
34092
|
}
|
|
@@ -34073,7 +34109,7 @@ var init_common2 = __esm({
|
|
|
34073
34109
|
));
|
|
34074
34110
|
};
|
|
34075
34111
|
AudioActions = () => {
|
|
34076
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
|
34112
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk104.useDevices)();
|
|
34077
34113
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
|
34078
34114
|
const { audioInput, audioOutput } = allDevices;
|
|
34079
34115
|
let availableAudioDevices = audioInput;
|
|
@@ -34082,7 +34118,7 @@ var init_common2 = __esm({
|
|
|
34082
34118
|
availableAudioDevices = audioOutput;
|
|
34083
34119
|
selectedAudio = selectedDeviceIDs.audioOutput;
|
|
34084
34120
|
}
|
|
34085
|
-
const hmsActions = (0,
|
|
34121
|
+
const hmsActions = (0, import_react_sdk104.useHMSActions)();
|
|
34086
34122
|
const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
|
|
34087
34123
|
const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
|
|
34088
34124
|
if (!audioFiltered) {
|
|
@@ -34105,7 +34141,7 @@ var init_common2 = __esm({
|
|
|
34105
34141
|
try {
|
|
34106
34142
|
yield updateDevice({
|
|
34107
34143
|
deviceId,
|
|
34108
|
-
deviceType: shouldShowAudioOutput ?
|
|
34144
|
+
deviceType: shouldShowAudioOutput ? import_react_sdk104.DeviceType.audioOutput : import_react_sdk104.DeviceType.audioInput
|
|
34109
34145
|
});
|
|
34110
34146
|
} catch (e) {
|
|
34111
34147
|
ToastManager.addToast({
|
|
@@ -34189,23 +34225,23 @@ var init_common2 = __esm({
|
|
|
34189
34225
|
});
|
|
34190
34226
|
|
|
34191
34227
|
// src/Prebuilt/components/Header/Header.tsx
|
|
34192
|
-
var import_react210, import_react_use52,
|
|
34228
|
+
var import_react210, import_react_use52, import_react_sdk105, Header2;
|
|
34193
34229
|
var init_Header = __esm({
|
|
34194
34230
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
34195
34231
|
"use strict";
|
|
34196
34232
|
init_define_process_env();
|
|
34197
34233
|
import_react210 = __toESM(require("react"));
|
|
34198
34234
|
import_react_use52 = require("react-use");
|
|
34199
|
-
|
|
34235
|
+
import_react_sdk105 = require("@100mslive/react-sdk");
|
|
34200
34236
|
init_src();
|
|
34201
34237
|
init_HeaderComponents();
|
|
34202
34238
|
init_RoomDetailsHeader();
|
|
34203
34239
|
init_StreamActions();
|
|
34204
34240
|
init_common2();
|
|
34205
34241
|
Header2 = () => {
|
|
34206
|
-
const roomState = (0,
|
|
34242
|
+
const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
|
|
34207
34243
|
const isMobile = (0, import_react_use52.useMedia)(config.media.md);
|
|
34208
|
-
if (roomState !==
|
|
34244
|
+
if (roomState !== import_react_sdk105.HMSRoomState.Connected) {
|
|
34209
34245
|
return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
|
|
34210
34246
|
}
|
|
34211
34247
|
return /* @__PURE__ */ import_react210.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react210.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react210.default.createElement(Logo, null), /* @__PURE__ */ import_react210.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react210.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react210.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react210.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react210.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react210.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react210.default.createElement(
|
|
@@ -34235,25 +34271,25 @@ var init_Header2 = __esm({
|
|
|
34235
34271
|
});
|
|
34236
34272
|
|
|
34237
34273
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
|
34238
|
-
var import_react211,
|
|
34274
|
+
var import_react211, import_react_sdk106, PreviousRoleInMetadata;
|
|
34239
34275
|
var init_PreviousRoleInMetadata = __esm({
|
|
34240
34276
|
"src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
|
|
34241
34277
|
"use strict";
|
|
34242
34278
|
init_define_process_env();
|
|
34243
34279
|
import_react211 = require("react");
|
|
34244
|
-
|
|
34280
|
+
import_react_sdk106 = require("@100mslive/react-sdk");
|
|
34245
34281
|
init_useMetadata();
|
|
34246
34282
|
PreviousRoleInMetadata = () => {
|
|
34247
|
-
const vanillaStore = (0,
|
|
34283
|
+
const vanillaStore = (0, import_react_sdk106.useHMSVanillaStore)();
|
|
34248
34284
|
const { updateMetaData } = useMyMetadata();
|
|
34249
34285
|
(0, import_react211.useEffect)(() => {
|
|
34250
|
-
let previousRole = vanillaStore.getState(
|
|
34286
|
+
let previousRole = vanillaStore.getState(import_react_sdk106.selectLocalPeerRoleName);
|
|
34251
34287
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
|
34252
34288
|
if (previousRole !== currentRole && currentRole) {
|
|
34253
34289
|
updateMetaData({ prevRole: previousRole });
|
|
34254
34290
|
previousRole = currentRole;
|
|
34255
34291
|
}
|
|
34256
|
-
},
|
|
34292
|
+
}, import_react_sdk106.selectLocalPeerRoleName);
|
|
34257
34293
|
return unsubscribe;
|
|
34258
34294
|
}, [vanillaStore]);
|
|
34259
34295
|
return null;
|
|
@@ -34262,14 +34298,14 @@ var init_PreviousRoleInMetadata = __esm({
|
|
|
34262
34298
|
});
|
|
34263
34299
|
|
|
34264
34300
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
34265
|
-
var import_react212, import_uuid12,
|
|
34301
|
+
var import_react212, import_uuid12, import_react_sdk107, ConferenceScreen;
|
|
34266
34302
|
var init_ConferenceScreen = __esm({
|
|
34267
34303
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
|
34268
34304
|
"use strict";
|
|
34269
34305
|
init_define_process_env();
|
|
34270
34306
|
import_react212 = __toESM(require("react"));
|
|
34271
34307
|
import_uuid12 = require("uuid");
|
|
34272
|
-
|
|
34308
|
+
import_react_sdk107 = require("@100mslive/react-sdk");
|
|
34273
34309
|
init_Footer3();
|
|
34274
34310
|
init_MoreSettings();
|
|
34275
34311
|
init_HLSFailureModal();
|
|
@@ -34293,18 +34329,18 @@ var init_ConferenceScreen = __esm({
|
|
|
34293
34329
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
34294
34330
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
34295
34331
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
34296
|
-
const roomState = (0,
|
|
34297
|
-
const isConnectedToRoom = (0,
|
|
34298
|
-
const hmsActions = (0,
|
|
34332
|
+
const roomState = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomState);
|
|
34333
|
+
const isConnectedToRoom = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectIsConnectedToRoom);
|
|
34334
|
+
const hmsActions = (0, import_react_sdk107.useHMSActions)();
|
|
34299
34335
|
const [hideControls, setHideControls] = (0, import_react212.useState)(false);
|
|
34300
|
-
const dropdownList = (0,
|
|
34336
|
+
const dropdownList = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.selectAppData)(APP_DATA.dropdownList));
|
|
34301
34337
|
const authTokenInAppData = useAuthToken();
|
|
34302
34338
|
const headerRef = (0, import_react212.useRef)(null);
|
|
34303
34339
|
const footerRef = (0, import_react212.useRef)(null);
|
|
34304
34340
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
|
34305
34341
|
const dropdownListRef = (0, import_react212.useRef)();
|
|
34306
34342
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
34307
|
-
const { requestPermission } = (0,
|
|
34343
|
+
const { requestPermission } = (0, import_react_sdk107.useAwayNotifications)();
|
|
34308
34344
|
const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
|
|
34309
34345
|
const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
|
|
34310
34346
|
const isMobileHLSStream = useMobileHLSStream();
|
|
@@ -34332,7 +34368,7 @@ var init_ConferenceScreen = __esm({
|
|
|
34332
34368
|
};
|
|
34333
34369
|
}, [dropdownList, hideControls, isMobileDevice]);
|
|
34334
34370
|
(0, import_react212.useEffect)(() => {
|
|
34335
|
-
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !==
|
|
34371
|
+
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk107.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
|
34336
34372
|
hmsActions.join({
|
|
34337
34373
|
userName: userName || (0, import_uuid12.v4)(),
|
|
34338
34374
|
authToken: authTokenInAppData,
|
|
@@ -34361,8 +34397,8 @@ var init_ConferenceScreen = __esm({
|
|
|
34361
34397
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
|
34362
34398
|
};
|
|
34363
34399
|
}, [onJoinFunc]);
|
|
34364
|
-
if (!isConnectedToRoom && ![
|
|
34365
|
-
return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState ===
|
|
34400
|
+
if (!isConnectedToRoom && ![import_react_sdk107.HMSRoomState.Reconnecting, import_react_sdk107.HMSRoomState.Disconnected].includes(roomState)) {
|
|
34401
|
+
return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk107.HMSRoomState.Connecting ? "Joining..." : "" });
|
|
34366
34402
|
}
|
|
34367
34403
|
const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
|
|
34368
34404
|
return /* @__PURE__ */ import_react212.default.createElement(import_react212.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react212.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react212.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react212.default.createElement(
|
|
@@ -34548,7 +34584,7 @@ var init_ErrorBoundary = __esm({
|
|
|
34548
34584
|
|
|
34549
34585
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
34550
34586
|
function FeatureFlagsInit() {
|
|
34551
|
-
const roomId = (0,
|
|
34587
|
+
const roomId = (0, import_react_sdk108.useHMSStore)(import_react_sdk108.selectRoomID);
|
|
34552
34588
|
(0, import_react214.useEffect)(() => {
|
|
34553
34589
|
if (roomId) {
|
|
34554
34590
|
FeatureFlags.init(roomId);
|
|
@@ -34556,13 +34592,13 @@ function FeatureFlagsInit() {
|
|
|
34556
34592
|
}, [roomId]);
|
|
34557
34593
|
return null;
|
|
34558
34594
|
}
|
|
34559
|
-
var import_react214,
|
|
34595
|
+
var import_react214, import_react_sdk108, FeatureFlags;
|
|
34560
34596
|
var init_FeatureFlags = __esm({
|
|
34561
34597
|
"src/Prebuilt/services/FeatureFlags.jsx"() {
|
|
34562
34598
|
"use strict";
|
|
34563
34599
|
init_define_process_env();
|
|
34564
34600
|
import_react214 = require("react");
|
|
34565
|
-
|
|
34601
|
+
import_react_sdk108 = require("@100mslive/react-sdk");
|
|
34566
34602
|
FeatureFlags = class {
|
|
34567
34603
|
static init(roomId) {
|
|
34568
34604
|
if (!window.HMS) {
|
|
@@ -34620,13 +34656,13 @@ var init_Init = __esm({
|
|
|
34620
34656
|
});
|
|
34621
34657
|
|
|
34622
34658
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
|
34623
|
-
var import_react216,
|
|
34659
|
+
var import_react216, import_react_sdk109, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
|
|
34624
34660
|
var init_KeyboardInputManager = __esm({
|
|
34625
34661
|
"src/Prebuilt/components/Input/KeyboardInputManager.js"() {
|
|
34626
34662
|
"use strict";
|
|
34627
34663
|
init_define_process_env();
|
|
34628
34664
|
import_react216 = require("react");
|
|
34629
|
-
|
|
34665
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
|
34630
34666
|
init_constants();
|
|
34631
34667
|
isEvenListenersAttached = false;
|
|
34632
34668
|
KeyboardInputManager = class {
|
|
@@ -34634,27 +34670,27 @@ var init_KeyboardInputManager = __esm({
|
|
|
34634
34670
|
__privateAdd(this, _actions, void 0);
|
|
34635
34671
|
__privateAdd(this, _store, void 0);
|
|
34636
34672
|
__privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
|
|
34637
|
-
const enabled = __privateGet(this, _store).getState(
|
|
34673
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalAudioEnabled);
|
|
34638
34674
|
yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
|
|
34639
34675
|
}));
|
|
34640
34676
|
__privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
|
|
34641
|
-
const enabled = __privateGet(this, _store).getState(
|
|
34677
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalVideoEnabled);
|
|
34642
34678
|
yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
|
|
34643
34679
|
}));
|
|
34644
34680
|
__privateAdd(this, _hideSidepane, () => {
|
|
34645
|
-
if (__privateGet(this, _store).getState((0,
|
|
34681
|
+
if (__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.sidePane))) {
|
|
34646
34682
|
__privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
|
|
34647
34683
|
}
|
|
34648
34684
|
});
|
|
34649
34685
|
__privateAdd(this, _toggleStatsForNerds, () => {
|
|
34650
|
-
const uiSettings = __privateGet(this, _store).getState((0,
|
|
34686
|
+
const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.uiSettings));
|
|
34651
34687
|
const statsEnabled = uiSettings.showStatsOnTiles;
|
|
34652
34688
|
__privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
|
|
34653
34689
|
showStatsOnTiles: !statsEnabled
|
|
34654
34690
|
}));
|
|
34655
34691
|
});
|
|
34656
34692
|
__privateAdd(this, _toggleHlsStats, () => {
|
|
34657
|
-
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0,
|
|
34693
|
+
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.hlsStats)));
|
|
34658
34694
|
});
|
|
34659
34695
|
// eslint-disable-next-line complexity
|
|
34660
34696
|
__privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
|
|
@@ -34712,8 +34748,8 @@ var init_KeyboardInputManager = __esm({
|
|
|
34712
34748
|
_bind = new WeakMap();
|
|
34713
34749
|
_unbind = new WeakMap();
|
|
34714
34750
|
KeyboardHandler = () => {
|
|
34715
|
-
const store = (0,
|
|
34716
|
-
const actions = (0,
|
|
34751
|
+
const store = (0, import_react_sdk109.useHMSVanillaStore)();
|
|
34752
|
+
const actions = (0, import_react_sdk109.useHMSActions)();
|
|
34717
34753
|
(0, import_react216.useEffect)(() => {
|
|
34718
34754
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
|
34719
34755
|
keyboardManager.bindAllShortcuts();
|
|
@@ -34725,14 +34761,14 @@ var init_KeyboardInputManager = __esm({
|
|
|
34725
34761
|
});
|
|
34726
34762
|
|
|
34727
34763
|
// src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
|
|
34728
|
-
var import_react217, import_react_use53,
|
|
34764
|
+
var import_react217, import_react_use53, import_react_sdk110, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
|
|
34729
34765
|
var init_FeedbackForm = __esm({
|
|
34730
34766
|
"src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx"() {
|
|
34731
34767
|
"use strict";
|
|
34732
34768
|
init_define_process_env();
|
|
34733
34769
|
import_react217 = __toESM(require("react"));
|
|
34734
34770
|
import_react_use53 = require("react-use");
|
|
34735
|
-
|
|
34771
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
|
34736
34772
|
import_react_icons102 = require("@100mslive/react-icons");
|
|
34737
34773
|
init_Button2();
|
|
34738
34774
|
init_Checkbox2();
|
|
@@ -34790,7 +34826,7 @@ var init_FeedbackForm = __esm({
|
|
|
34790
34826
|
const { feedback } = useRoomLayoutLeaveScreen();
|
|
34791
34827
|
const { endpoints } = useHMSPrebuiltContext();
|
|
34792
34828
|
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
|
34793
|
-
const hmsActions = (0,
|
|
34829
|
+
const hmsActions = (0, import_react_sdk110.useHMSActions)();
|
|
34794
34830
|
const [comment, setComment] = (0, import_react217.useState)("");
|
|
34795
34831
|
const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
|
|
34796
34832
|
const handleCheckedChange = (checked, index) => {
|
|
@@ -35352,7 +35388,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
35352
35388
|
|
|
35353
35389
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
35354
35390
|
function AutoplayBlockedModal() {
|
|
35355
|
-
const { error, resetError, unblockAudio } = (0,
|
|
35391
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk111.useAutoplayError)();
|
|
35356
35392
|
return /* @__PURE__ */ import_react222.default.createElement(
|
|
35357
35393
|
Dialog.Root,
|
|
35358
35394
|
{
|
|
@@ -35377,33 +35413,33 @@ function AutoplayBlockedModal() {
|
|
|
35377
35413
|
)))
|
|
35378
35414
|
);
|
|
35379
35415
|
}
|
|
35380
|
-
var import_react222,
|
|
35416
|
+
var import_react222, import_react_sdk111;
|
|
35381
35417
|
var init_AutoplayBlockedModal = __esm({
|
|
35382
35418
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
|
35383
35419
|
"use strict";
|
|
35384
35420
|
init_define_process_env();
|
|
35385
35421
|
import_react222 = __toESM(require("react"));
|
|
35386
|
-
|
|
35422
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
|
35387
35423
|
init_src();
|
|
35388
35424
|
init_DialogContent2();
|
|
35389
35425
|
}
|
|
35390
35426
|
});
|
|
35391
35427
|
|
|
35392
35428
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
35393
|
-
var import_react223, import_uuid13,
|
|
35429
|
+
var import_react223, import_uuid13, import_react_sdk112, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
35394
35430
|
var init_ChatNotifications = __esm({
|
|
35395
35431
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
35396
35432
|
"use strict";
|
|
35397
35433
|
init_define_process_env();
|
|
35398
35434
|
import_react223 = __toESM(require("react"));
|
|
35399
35435
|
import_uuid13 = require("uuid");
|
|
35400
|
-
|
|
35436
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
35401
35437
|
import_react_icons106 = require("@100mslive/react-icons");
|
|
35402
35438
|
init_ToastManager();
|
|
35403
35439
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
35404
35440
|
ChatNotifications = () => {
|
|
35405
|
-
const chatState = (0,
|
|
35406
|
-
const localPeerId = (0,
|
|
35441
|
+
const chatState = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectSessionStore)("chatState" /* CHAT_STATE */));
|
|
35442
|
+
const localPeerId = (0, import_react_sdk112.useHMSStore)(import_react_sdk112.selectLocalPeerID);
|
|
35407
35443
|
(0, import_react223.useEffect)(() => {
|
|
35408
35444
|
var _a7, _b7;
|
|
35409
35445
|
if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
|
|
@@ -35426,13 +35462,13 @@ var init_ChatNotifications = __esm({
|
|
|
35426
35462
|
});
|
|
35427
35463
|
|
|
35428
35464
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
35429
|
-
var import_react224,
|
|
35465
|
+
var import_react224, import_react_sdk113, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
|
|
35430
35466
|
var init_ToastConfig = __esm({
|
|
35431
35467
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
|
35432
35468
|
"use strict";
|
|
35433
35469
|
init_define_process_env();
|
|
35434
35470
|
import_react224 = __toESM(require("react"));
|
|
35435
|
-
|
|
35471
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
|
35436
35472
|
import_react_icons107 = require("@100mslive/react-icons");
|
|
35437
35473
|
init_Button2();
|
|
35438
35474
|
init_roomLayoutProvider();
|
|
@@ -35448,10 +35484,10 @@ var init_ToastConfig = __esm({
|
|
|
35448
35484
|
});
|
|
35449
35485
|
HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
35450
35486
|
var _a7, _b7, _c;
|
|
35451
|
-
const hmsActions = (0,
|
|
35487
|
+
const hmsActions = (0, import_react_sdk113.useHMSActions)();
|
|
35452
35488
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
35453
35489
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
35454
|
-
const peer = (0,
|
|
35490
|
+
const peer = (0, import_react_sdk113.useHMSStore)((0, import_react_sdk113.selectPeerByID)(id));
|
|
35455
35491
|
const layout = useRoomLayout();
|
|
35456
35492
|
const {
|
|
35457
35493
|
bring_to_stage_label,
|
|
@@ -35668,14 +35704,14 @@ var init_ToastBatcher = __esm({
|
|
|
35668
35704
|
});
|
|
35669
35705
|
|
|
35670
35706
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
35671
|
-
var import_react225, import_react_use57,
|
|
35707
|
+
var import_react225, import_react_use57, import_react_sdk114, HandRaisedNotifications;
|
|
35672
35708
|
var init_HandRaisedNotifications = __esm({
|
|
35673
35709
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
|
35674
35710
|
"use strict";
|
|
35675
35711
|
init_define_process_env();
|
|
35676
35712
|
import_react225 = require("react");
|
|
35677
35713
|
import_react_use57 = require("react-use");
|
|
35678
|
-
|
|
35714
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
|
35679
35715
|
init_roomLayoutProvider();
|
|
35680
35716
|
init_ToastBatcher();
|
|
35681
35717
|
init_useRoomLayoutScreen();
|
|
@@ -35683,24 +35719,24 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35683
35719
|
init_constants();
|
|
35684
35720
|
HandRaisedNotifications = () => {
|
|
35685
35721
|
var _a7, _b7;
|
|
35686
|
-
const notification = (0,
|
|
35687
|
-
const roomState = (0,
|
|
35688
|
-
const vanillaStore = (0,
|
|
35722
|
+
const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.HAND_RAISE_CHANGED);
|
|
35723
|
+
const roomState = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectRoomState);
|
|
35724
|
+
const vanillaStore = (0, import_react_sdk114.useHMSVanillaStore)();
|
|
35689
35725
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
35690
35726
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
35691
|
-
const amIScreenSharing = (0,
|
|
35692
|
-
const { showNotification } = (0,
|
|
35727
|
+
const amIScreenSharing = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectIsLocalScreenShared);
|
|
35728
|
+
const { showNotification } = (0, import_react_sdk114.useAwayNotifications)();
|
|
35693
35729
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
35694
35730
|
(0, import_react225.useEffect)(() => {
|
|
35695
35731
|
var _a8;
|
|
35696
35732
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35697
35733
|
return;
|
|
35698
35734
|
}
|
|
35699
|
-
if (roomState !==
|
|
35735
|
+
if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35700
35736
|
return;
|
|
35701
35737
|
}
|
|
35702
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35703
|
-
const peer = vanillaStore.getState((0,
|
|
35738
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
|
|
35739
|
+
const peer = vanillaStore.getState((0, import_react_sdk114.selectPeerByID)(notification.data.id));
|
|
35704
35740
|
if (hasPeerHandRaised) {
|
|
35705
35741
|
const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
|
|
35706
35742
|
ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
|
|
@@ -35712,12 +35748,12 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35712
35748
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35713
35749
|
return;
|
|
35714
35750
|
}
|
|
35715
|
-
if (roomState !==
|
|
35751
|
+
if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35716
35752
|
return;
|
|
35717
35753
|
}
|
|
35718
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35719
|
-
const peer = vanillaStore.getState((0,
|
|
35720
|
-
const handRaisedPeers = vanillaStore.getState(
|
|
35754
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
|
|
35755
|
+
const peer = vanillaStore.getState((0, import_react_sdk114.selectPeerByID)(notification.data.id));
|
|
35756
|
+
const handRaisedPeers = vanillaStore.getState(import_react_sdk114.selectHandRaisedPeers);
|
|
35721
35757
|
if (amIScreenSharing && hasPeerHandRaised) {
|
|
35722
35758
|
const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
|
|
35723
35759
|
showNotification(title, { icon: logoURL });
|
|
@@ -35732,17 +35768,17 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35732
35768
|
});
|
|
35733
35769
|
|
|
35734
35770
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
35735
|
-
var import_react226,
|
|
35771
|
+
var import_react226, import_react_sdk115, InitErrorModal;
|
|
35736
35772
|
var init_InitErrorModal = __esm({
|
|
35737
35773
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
|
35738
35774
|
"use strict";
|
|
35739
35775
|
init_define_process_env();
|
|
35740
35776
|
import_react226 = __toESM(require("react"));
|
|
35741
|
-
|
|
35777
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
35742
35778
|
init_src();
|
|
35743
35779
|
init_DialogContent2();
|
|
35744
35780
|
InitErrorModal = () => {
|
|
35745
|
-
const notification = (0,
|
|
35781
|
+
const notification = (0, import_react_sdk115.useHMSNotifications)(import_react_sdk115.HMSNotificationTypes.ERROR);
|
|
35746
35782
|
const [showModal, setShowModal] = (0, import_react226.useState)(false);
|
|
35747
35783
|
const [info, setInfo] = (0, import_react226.useState)({ title: "Init Error", description: "" });
|
|
35748
35784
|
(0, import_react226.useEffect)(() => {
|
|
@@ -35771,19 +35807,19 @@ var init_InitErrorModal = __esm({
|
|
|
35771
35807
|
});
|
|
35772
35808
|
|
|
35773
35809
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
|
35774
|
-
var import_react227,
|
|
35810
|
+
var import_react227, import_react_sdk116, notificationTypes, PeerNotifications;
|
|
35775
35811
|
var init_PeerNotifications = __esm({
|
|
35776
35812
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
|
35777
35813
|
"use strict";
|
|
35778
35814
|
init_define_process_env();
|
|
35779
35815
|
import_react227 = require("react");
|
|
35780
|
-
|
|
35816
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
|
35781
35817
|
init_ToastBatcher();
|
|
35782
35818
|
init_useUISettings();
|
|
35783
35819
|
init_constants();
|
|
35784
|
-
notificationTypes = [
|
|
35820
|
+
notificationTypes = [import_react_sdk116.HMSNotificationTypes.PEER_JOINED, import_react_sdk116.HMSNotificationTypes.PEER_LEFT];
|
|
35785
35821
|
PeerNotifications = () => {
|
|
35786
|
-
const notification = (0,
|
|
35822
|
+
const notification = (0, import_react_sdk116.useHMSNotifications)(notificationTypes);
|
|
35787
35823
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
35788
35824
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
|
35789
35825
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -35793,12 +35829,12 @@ var init_PeerNotifications = __esm({
|
|
|
35793
35829
|
}
|
|
35794
35830
|
console.debug(`[${notification.type}]`, notification);
|
|
35795
35831
|
switch (notification.type) {
|
|
35796
|
-
case
|
|
35832
|
+
case import_react_sdk116.HMSNotificationTypes.PEER_JOINED:
|
|
35797
35833
|
if (!isPeerJoinSubscribed) {
|
|
35798
35834
|
return;
|
|
35799
35835
|
}
|
|
35800
35836
|
break;
|
|
35801
|
-
case
|
|
35837
|
+
case import_react_sdk116.HMSNotificationTypes.PEER_LEFT:
|
|
35802
35838
|
if (selectedPeer.id === notification.data.id) {
|
|
35803
35839
|
setPeerSelector({});
|
|
35804
35840
|
}
|
|
@@ -35834,17 +35870,17 @@ var init_ios_perm_0 = __esm({
|
|
|
35834
35870
|
|
|
35835
35871
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
35836
35872
|
function PermissionErrorNotificationModal() {
|
|
35837
|
-
const notification = (0,
|
|
35873
|
+
const notification = (0, import_react_sdk117.useHMSNotifications)(import_react_sdk117.HMSNotificationTypes.ERROR);
|
|
35838
35874
|
return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
|
|
35839
35875
|
}
|
|
35840
|
-
var import_react228, import_react_use58,
|
|
35876
|
+
var import_react228, import_react_use58, import_react_sdk117, PermissionErrorModal;
|
|
35841
35877
|
var init_PermissionErrorModal = __esm({
|
|
35842
35878
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
35843
35879
|
"use strict";
|
|
35844
35880
|
init_define_process_env();
|
|
35845
35881
|
import_react228 = __toESM(require("react"));
|
|
35846
35882
|
import_react_use58 = require("react-use");
|
|
35847
|
-
|
|
35883
|
+
import_react_sdk117 = require("@100mslive/react-sdk");
|
|
35848
35884
|
init_src();
|
|
35849
35885
|
init_android_perm_1();
|
|
35850
35886
|
init_ios_perm_0();
|
|
@@ -35910,35 +35946,35 @@ var init_PermissionErrorModal = __esm({
|
|
|
35910
35946
|
});
|
|
35911
35947
|
|
|
35912
35948
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
|
35913
|
-
var import_react229,
|
|
35949
|
+
var import_react229, import_react_sdk118, notificationTypes2, notificationId, ReconnectNotifications;
|
|
35914
35950
|
var init_ReconnectNotifications = __esm({
|
|
35915
35951
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
|
35916
35952
|
"use strict";
|
|
35917
35953
|
init_define_process_env();
|
|
35918
35954
|
import_react229 = require("react");
|
|
35919
|
-
|
|
35955
|
+
import_react_sdk118 = require("@100mslive/react-sdk");
|
|
35920
35956
|
init_ToastConfig();
|
|
35921
35957
|
init_ToastManager();
|
|
35922
35958
|
notificationTypes2 = [
|
|
35923
|
-
|
|
35924
|
-
|
|
35925
|
-
|
|
35959
|
+
import_react_sdk118.HMSNotificationTypes.RECONNECTED,
|
|
35960
|
+
import_react_sdk118.HMSNotificationTypes.RECONNECTING,
|
|
35961
|
+
import_react_sdk118.HMSNotificationTypes.ERROR
|
|
35926
35962
|
];
|
|
35927
35963
|
notificationId = null;
|
|
35928
35964
|
ReconnectNotifications = () => {
|
|
35929
|
-
const notification = (0,
|
|
35965
|
+
const notification = (0, import_react_sdk118.useHMSNotifications)(notificationTypes2);
|
|
35930
35966
|
const prevErrorCode = (0, import_react229.useRef)(0);
|
|
35931
35967
|
(0, import_react229.useEffect)(() => {
|
|
35932
35968
|
var _a7, _b7;
|
|
35933
35969
|
if (!notification) {
|
|
35934
35970
|
return;
|
|
35935
35971
|
}
|
|
35936
|
-
if (notification.type ===
|
|
35972
|
+
if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTED) {
|
|
35937
35973
|
notificationId = ToastManager.replaceToast(
|
|
35938
35974
|
notificationId,
|
|
35939
35975
|
ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
|
|
35940
35976
|
);
|
|
35941
|
-
} else if (notification.type ===
|
|
35977
|
+
} else if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTING) {
|
|
35942
35978
|
prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
|
|
35943
35979
|
notificationId = ToastManager.replaceToast(
|
|
35944
35980
|
notificationId,
|
|
@@ -35952,30 +35988,30 @@ var init_ReconnectNotifications = __esm({
|
|
|
35952
35988
|
});
|
|
35953
35989
|
|
|
35954
35990
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
35955
|
-
var import_react230,
|
|
35991
|
+
var import_react230, import_react_sdk119, import_react_icons108, TrackBulkUnmuteModal;
|
|
35956
35992
|
var init_TrackBulkUnmuteModal = __esm({
|
|
35957
35993
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
|
35958
35994
|
"use strict";
|
|
35959
35995
|
init_define_process_env();
|
|
35960
35996
|
import_react230 = __toESM(require("react"));
|
|
35961
|
-
|
|
35997
|
+
import_react_sdk119 = require("@100mslive/react-sdk");
|
|
35962
35998
|
import_react_icons108 = require("@100mslive/react-icons");
|
|
35963
35999
|
init_DialogContent2();
|
|
35964
36000
|
TrackBulkUnmuteModal = () => {
|
|
35965
|
-
const hmsActions = (0,
|
|
36001
|
+
const hmsActions = (0, import_react_sdk119.useHMSActions)();
|
|
35966
36002
|
const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
|
|
35967
|
-
const notification = (0,
|
|
35968
|
-
|
|
35969
|
-
|
|
35970
|
-
|
|
36003
|
+
const notification = (0, import_react_sdk119.useHMSNotifications)([
|
|
36004
|
+
import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
|
36005
|
+
import_react_sdk119.HMSNotificationTypes.ROOM_ENDED,
|
|
36006
|
+
import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
35971
36007
|
]);
|
|
35972
36008
|
(0, import_react230.useEffect)(() => {
|
|
35973
36009
|
switch (notification == null ? void 0 : notification.type) {
|
|
35974
|
-
case
|
|
35975
|
-
case
|
|
36010
|
+
case import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36011
|
+
case import_react_sdk119.HMSNotificationTypes.ROOM_ENDED:
|
|
35976
36012
|
setMuteNotification(null);
|
|
35977
36013
|
break;
|
|
35978
|
-
case
|
|
36014
|
+
case import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
|
35979
36015
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
35980
36016
|
setMuteNotification(notification.data);
|
|
35981
36017
|
}
|
|
@@ -36009,21 +36045,21 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
36009
36045
|
});
|
|
36010
36046
|
|
|
36011
36047
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
36012
|
-
var import_react231,
|
|
36048
|
+
var import_react231, import_react_sdk120, notificationTypes3, TrackNotifications;
|
|
36013
36049
|
var init_TrackNotifications = __esm({
|
|
36014
36050
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
|
36015
36051
|
"use strict";
|
|
36016
36052
|
init_define_process_env();
|
|
36017
36053
|
import_react231 = require("react");
|
|
36018
|
-
|
|
36054
|
+
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
36019
36055
|
notificationTypes3 = [
|
|
36020
|
-
|
|
36021
|
-
|
|
36022
|
-
|
|
36023
|
-
|
|
36056
|
+
import_react_sdk120.HMSNotificationTypes.TRACK_ADDED,
|
|
36057
|
+
import_react_sdk120.HMSNotificationTypes.TRACK_REMOVED,
|
|
36058
|
+
import_react_sdk120.HMSNotificationTypes.TRACK_MUTED,
|
|
36059
|
+
import_react_sdk120.HMSNotificationTypes.TRACK_UNMUTED
|
|
36024
36060
|
];
|
|
36025
36061
|
TrackNotifications = () => {
|
|
36026
|
-
const notification = (0,
|
|
36062
|
+
const notification = (0, import_react_sdk120.useHMSNotifications)(notificationTypes3);
|
|
36027
36063
|
(0, import_react231.useEffect)(() => {
|
|
36028
36064
|
if (notification) {
|
|
36029
36065
|
console.debug(`[${notification.type}]`, notification);
|
|
@@ -36035,30 +36071,30 @@ var init_TrackNotifications = __esm({
|
|
|
36035
36071
|
});
|
|
36036
36072
|
|
|
36037
36073
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
36038
|
-
var import_react232,
|
|
36074
|
+
var import_react232, import_react_sdk121, import_react_icons109, TrackUnmuteModal;
|
|
36039
36075
|
var init_TrackUnmuteModal = __esm({
|
|
36040
36076
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
|
36041
36077
|
"use strict";
|
|
36042
36078
|
init_define_process_env();
|
|
36043
36079
|
import_react232 = __toESM(require("react"));
|
|
36044
|
-
|
|
36080
|
+
import_react_sdk121 = require("@100mslive/react-sdk");
|
|
36045
36081
|
import_react_icons109 = require("@100mslive/react-icons");
|
|
36046
36082
|
init_DialogContent2();
|
|
36047
36083
|
TrackUnmuteModal = () => {
|
|
36048
|
-
const hmsActions = (0,
|
|
36049
|
-
const notification = (0,
|
|
36050
|
-
|
|
36051
|
-
|
|
36052
|
-
|
|
36084
|
+
const hmsActions = (0, import_react_sdk121.useHMSActions)();
|
|
36085
|
+
const notification = (0, import_react_sdk121.useHMSNotifications)([
|
|
36086
|
+
import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
|
36087
|
+
import_react_sdk121.HMSNotificationTypes.ROOM_ENDED,
|
|
36088
|
+
import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
36053
36089
|
]);
|
|
36054
36090
|
const [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
|
|
36055
36091
|
(0, import_react232.useEffect)(() => {
|
|
36056
36092
|
switch (notification == null ? void 0 : notification.type) {
|
|
36057
|
-
case
|
|
36058
|
-
case
|
|
36093
|
+
case import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36094
|
+
case import_react_sdk121.HMSNotificationTypes.ROOM_ENDED:
|
|
36059
36095
|
setMuteNotification(null);
|
|
36060
36096
|
break;
|
|
36061
|
-
case
|
|
36097
|
+
case import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
36062
36098
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
36063
36099
|
setMuteNotification(notification.data);
|
|
36064
36100
|
}
|
|
@@ -36076,7 +36112,7 @@ var init_TrackUnmuteModal = __esm({
|
|
|
36076
36112
|
{
|
|
36077
36113
|
title: `Unmute your ${track.type}?`,
|
|
36078
36114
|
onOpenChange: (value) => !value && setMuteNotification(null),
|
|
36079
|
-
body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
|
|
36115
|
+
body: `${peer == null ? void 0 : peer.name} is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
|
|
36080
36116
|
onAction: () => {
|
|
36081
36117
|
hmsActions.setEnabledTrack(track.id, enabled);
|
|
36082
36118
|
setMuteNotification(null);
|
|
@@ -36089,20 +36125,20 @@ var init_TrackUnmuteModal = __esm({
|
|
|
36089
36125
|
});
|
|
36090
36126
|
|
|
36091
36127
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
36092
|
-
var import_react233, import_ts_pattern16,
|
|
36128
|
+
var import_react233, import_ts_pattern16, import_react_sdk122, import_react_icons110, TranscriptionNotifications;
|
|
36093
36129
|
var init_TranscriptionNotifications = __esm({
|
|
36094
36130
|
"src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
|
|
36095
36131
|
"use strict";
|
|
36096
36132
|
init_define_process_env();
|
|
36097
36133
|
import_react233 = __toESM(require("react"));
|
|
36098
36134
|
import_ts_pattern16 = require("ts-pattern");
|
|
36099
|
-
|
|
36135
|
+
import_react_sdk122 = require("@100mslive/react-sdk");
|
|
36100
36136
|
import_react_icons110 = require("@100mslive/react-icons");
|
|
36101
36137
|
init_ToastManager();
|
|
36102
36138
|
init_useUISettings();
|
|
36103
36139
|
init_constants();
|
|
36104
36140
|
TranscriptionNotifications = () => {
|
|
36105
|
-
const notification = (0,
|
|
36141
|
+
const notification = (0, import_react_sdk122.useHMSNotifications)(import_react_sdk122.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
|
|
36106
36142
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
36107
36143
|
(0, import_react233.useEffect)(() => {
|
|
36108
36144
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
@@ -36121,14 +36157,14 @@ var init_TranscriptionNotifications = __esm({
|
|
|
36121
36157
|
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
36122
36158
|
});
|
|
36123
36159
|
}
|
|
36124
|
-
).with({ state:
|
|
36160
|
+
).with({ state: import_react_sdk122.HMSTranscriptionState.STARTED }, () => {
|
|
36125
36161
|
id = ToastManager.replaceToast(toastId, {
|
|
36126
36162
|
title: `Closed Captioning enabled for everyone`,
|
|
36127
36163
|
variant: "standard",
|
|
36128
36164
|
duration: 2e3,
|
|
36129
36165
|
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
36130
36166
|
});
|
|
36131
|
-
}).with({ state:
|
|
36167
|
+
}).with({ state: import_react_sdk122.HMSTranscriptionState.STOPPED }, () => {
|
|
36132
36168
|
id = ToastManager.replaceToast(toastId, {
|
|
36133
36169
|
title: `Closed Captioning disabled for everyone`,
|
|
36134
36170
|
variant: "standard",
|
|
@@ -36147,17 +36183,17 @@ var init_TranscriptionNotifications = __esm({
|
|
|
36147
36183
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
36148
36184
|
function Notifications() {
|
|
36149
36185
|
var _a7, _b7;
|
|
36150
|
-
const localPeerID = (0,
|
|
36151
|
-
const notification = (0,
|
|
36186
|
+
const localPeerID = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectLocalPeerID);
|
|
36187
|
+
const notification = (0, import_react_sdk123.useHMSNotifications)();
|
|
36152
36188
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
36153
|
-
const roomState = (0,
|
|
36189
|
+
const roomState = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectRoomState);
|
|
36154
36190
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
36155
36191
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
36156
36192
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
36157
|
-
const vanillaStore = (0,
|
|
36193
|
+
const vanillaStore = (0, import_react_sdk123.useHMSVanillaStore)();
|
|
36158
36194
|
const togglePollView = usePollViewToggle();
|
|
36159
|
-
const { showNotification } = (0,
|
|
36160
|
-
const amIScreenSharing = (0,
|
|
36195
|
+
const { showNotification } = (0, import_react_sdk123.useAwayNotifications)();
|
|
36196
|
+
const amIScreenSharing = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsLocalScreenShared);
|
|
36161
36197
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
36162
36198
|
const { pipWindow } = usePIPWindow();
|
|
36163
36199
|
const handleRoleChangeDenied = (0, import_react234.useCallback)((request) => {
|
|
@@ -36166,17 +36202,17 @@ function Notifications() {
|
|
|
36166
36202
|
variant: "error"
|
|
36167
36203
|
});
|
|
36168
36204
|
}, []);
|
|
36169
|
-
(0,
|
|
36205
|
+
(0, import_react_sdk123.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
36170
36206
|
(0, import_react234.useEffect)(() => {
|
|
36171
36207
|
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
|
|
36172
36208
|
if (!notification || isNotificationDisabled) {
|
|
36173
36209
|
return;
|
|
36174
36210
|
}
|
|
36175
36211
|
switch (notification.type) {
|
|
36176
|
-
case
|
|
36212
|
+
case import_react_sdk123.HMSNotificationTypes.NAME_UPDATED:
|
|
36177
36213
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
36178
36214
|
break;
|
|
36179
|
-
case
|
|
36215
|
+
case import_react_sdk123.HMSNotificationTypes.ERROR:
|
|
36180
36216
|
if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
|
|
36181
36217
|
if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
|
|
36182
36218
|
ToastManager.addToast({
|
|
@@ -36208,7 +36244,7 @@ function Notifications() {
|
|
|
36208
36244
|
title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
|
|
36209
36245
|
});
|
|
36210
36246
|
break;
|
|
36211
|
-
case
|
|
36247
|
+
case import_react_sdk123.HMSNotificationTypes.ROLE_UPDATED: {
|
|
36212
36248
|
if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
|
|
36213
36249
|
ToastManager.addToast({
|
|
36214
36250
|
title: `You are now a ${notification.data.roleName}`
|
|
@@ -36217,7 +36253,7 @@ function Notifications() {
|
|
|
36217
36253
|
}
|
|
36218
36254
|
break;
|
|
36219
36255
|
}
|
|
36220
|
-
case
|
|
36256
|
+
case import_react_sdk123.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
36221
36257
|
const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
|
|
36222
36258
|
if (!notification.data.enabled) {
|
|
36223
36259
|
ToastManager.addToast({
|
|
@@ -36226,21 +36262,21 @@ function Notifications() {
|
|
|
36226
36262
|
});
|
|
36227
36263
|
}
|
|
36228
36264
|
break;
|
|
36229
|
-
case
|
|
36230
|
-
case
|
|
36265
|
+
case import_react_sdk123.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36266
|
+
case import_react_sdk123.HMSNotificationTypes.ROOM_ENDED:
|
|
36231
36267
|
ToastManager.addToast({
|
|
36232
36268
|
title: `${notification.message}.
|
|
36233
36269
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
36234
36270
|
});
|
|
36235
36271
|
break;
|
|
36236
|
-
case
|
|
36272
|
+
case import_react_sdk123.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
36237
36273
|
ToastManager.addToast({
|
|
36238
36274
|
title: notification.message
|
|
36239
36275
|
});
|
|
36240
36276
|
break;
|
|
36241
|
-
case
|
|
36277
|
+
case import_react_sdk123.HMSNotificationTypes.POLL_STARTED:
|
|
36242
36278
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
36243
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
36279
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk123.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
36244
36280
|
const pollToastID = ToastManager.addToast({
|
|
36245
36281
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
36246
36282
|
action: /* @__PURE__ */ import_react234.default.createElement(
|
|
@@ -36262,14 +36298,14 @@ function Notifications() {
|
|
|
36262
36298
|
pollToastKey[notification.data.id] = pollToastID;
|
|
36263
36299
|
}
|
|
36264
36300
|
break;
|
|
36265
|
-
case
|
|
36301
|
+
case import_react_sdk123.HMSNotificationTypes.POLL_STOPPED:
|
|
36266
36302
|
const pollID = notification == null ? void 0 : notification.data.id;
|
|
36267
36303
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
|
36268
36304
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
|
36269
36305
|
delete pollToastKey[notification == null ? void 0 : notification.data.id];
|
|
36270
36306
|
}
|
|
36271
36307
|
break;
|
|
36272
|
-
case
|
|
36308
|
+
case import_react_sdk123.HMSNotificationTypes.NEW_MESSAGE:
|
|
36273
36309
|
if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
|
|
36274
36310
|
showNotification(`New message from ${notification.data.senderName}`, {
|
|
36275
36311
|
body: notification.data.message,
|
|
@@ -36284,15 +36320,15 @@ function Notifications() {
|
|
|
36284
36320
|
if (isNotificationDisabled) {
|
|
36285
36321
|
return null;
|
|
36286
36322
|
}
|
|
36287
|
-
return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState ===
|
|
36323
|
+
return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState === import_react_sdk123.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
|
|
36288
36324
|
}
|
|
36289
|
-
var import_react234,
|
|
36325
|
+
var import_react234, import_react_sdk123, import_react_icons111, pollToastKey;
|
|
36290
36326
|
var init_Notifications = __esm({
|
|
36291
36327
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
36292
36328
|
"use strict";
|
|
36293
36329
|
init_define_process_env();
|
|
36294
36330
|
import_react234 = __toESM(require("react"));
|
|
36295
|
-
|
|
36331
|
+
import_react_sdk123 = require("@100mslive/react-sdk");
|
|
36296
36332
|
import_react_icons111 = require("@100mslive/react-icons");
|
|
36297
36333
|
init_src();
|
|
36298
36334
|
init_roomLayoutProvider();
|
|
@@ -36438,19 +36474,19 @@ var init_Toast3 = __esm({
|
|
|
36438
36474
|
});
|
|
36439
36475
|
|
|
36440
36476
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
36441
|
-
var import_react238,
|
|
36477
|
+
var import_react238, import_react_sdk124, ToastContainer;
|
|
36442
36478
|
var init_ToastContainer = __esm({
|
|
36443
36479
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
36444
36480
|
"use strict";
|
|
36445
36481
|
init_define_process_env();
|
|
36446
36482
|
import_react238 = __toESM(require("react"));
|
|
36447
|
-
|
|
36483
|
+
import_react_sdk124 = require("@100mslive/react-sdk");
|
|
36448
36484
|
init_Toast2();
|
|
36449
36485
|
init_Toast3();
|
|
36450
36486
|
init_ToastManager();
|
|
36451
36487
|
init_constants();
|
|
36452
36488
|
ToastContainer = () => {
|
|
36453
|
-
const isConnected = (0,
|
|
36489
|
+
const isConnected = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectIsConnectedToRoom);
|
|
36454
36490
|
const [toasts, setToast] = (0, import_react238.useState)([]);
|
|
36455
36491
|
(0, import_react238.useEffect)(() => {
|
|
36456
36492
|
ToastManager.addListener(setToast);
|
|
@@ -36507,18 +36543,18 @@ var init_RoomDetailsSheet = __esm({
|
|
|
36507
36543
|
});
|
|
36508
36544
|
|
|
36509
36545
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
36510
|
-
var import_react240,
|
|
36546
|
+
var import_react240, import_react_sdk125, Sheet2;
|
|
36511
36547
|
var init_Sheet3 = __esm({
|
|
36512
36548
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
|
36513
36549
|
"use strict";
|
|
36514
36550
|
init_define_process_env();
|
|
36515
36551
|
import_react240 = __toESM(require("react"));
|
|
36516
|
-
|
|
36552
|
+
import_react_sdk125 = require("@100mslive/react-sdk");
|
|
36517
36553
|
init_RoomDetailsSheet();
|
|
36518
36554
|
init_Layout();
|
|
36519
36555
|
init_constants();
|
|
36520
36556
|
Sheet2 = () => {
|
|
36521
|
-
const sheet = (0,
|
|
36557
|
+
const sheet = (0, import_react_sdk125.useHMSStore)((0, import_react_sdk125.selectAppData)(APP_DATA.sheet));
|
|
36522
36558
|
let ViewComponent;
|
|
36523
36559
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
36524
36560
|
ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
|
|
@@ -36530,19 +36566,19 @@ var init_Sheet3 = __esm({
|
|
|
36530
36566
|
|
|
36531
36567
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
36532
36568
|
function FlyingEmoji() {
|
|
36533
|
-
const localPeerId = (0,
|
|
36534
|
-
const vanillaStore = (0,
|
|
36535
|
-
const hmsActions = (0,
|
|
36569
|
+
const localPeerId = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectLocalPeerID);
|
|
36570
|
+
const vanillaStore = (0, import_react_sdk126.useHMSVanillaStore)();
|
|
36571
|
+
const hmsActions = (0, import_react_sdk126.useHMSActions)();
|
|
36536
36572
|
const [emojis, setEmojis] = (0, import_react241.useState)([]);
|
|
36537
36573
|
const isMobile = (0, import_react_use60.useMedia)(config.media.md);
|
|
36538
|
-
const isLargeRoom = (0,
|
|
36574
|
+
const isLargeRoom = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectIsLargeRoom);
|
|
36539
36575
|
const startingPoints = (0, import_react241.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
36540
36576
|
const showFlyingEmoji = (0, import_react241.useCallback)(
|
|
36541
36577
|
(_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
|
|
36542
36578
|
if (!emojiId || !senderId || document.hidden) {
|
|
36543
36579
|
return;
|
|
36544
36580
|
}
|
|
36545
|
-
let senderPeerName = vanillaStore.getState((0,
|
|
36581
|
+
let senderPeerName = vanillaStore.getState((0, import_react_sdk126.selectPeerNameByID)(senderId));
|
|
36546
36582
|
if (!senderPeerName && isLargeRoom) {
|
|
36547
36583
|
const sender = yield hmsActions.getPeer(senderId);
|
|
36548
36584
|
senderPeerName = sender == null ? void 0 : sender.name;
|
|
@@ -36565,7 +36601,7 @@ function FlyingEmoji() {
|
|
|
36565
36601
|
}),
|
|
36566
36602
|
[vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
|
|
36567
36603
|
);
|
|
36568
|
-
(0,
|
|
36604
|
+
(0, import_react_sdk126.useCustomEvent)({
|
|
36569
36605
|
type: EMOJI_REACTION_TYPE,
|
|
36570
36606
|
onEvent: showFlyingEmoji
|
|
36571
36607
|
});
|
|
@@ -36629,14 +36665,14 @@ function FlyingEmoji() {
|
|
|
36629
36665
|
})
|
|
36630
36666
|
);
|
|
36631
36667
|
}
|
|
36632
|
-
var import_react241, import_react_use60,
|
|
36668
|
+
var import_react241, import_react_use60, import_react_sdk126, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
36633
36669
|
var init_FlyingEmoji = __esm({
|
|
36634
36670
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
36635
36671
|
"use strict";
|
|
36636
36672
|
init_define_process_env();
|
|
36637
36673
|
import_react241 = __toESM(require("react"));
|
|
36638
36674
|
import_react_use60 = require("react-use");
|
|
36639
|
-
|
|
36675
|
+
import_react_sdk126 = require("@100mslive/react-sdk");
|
|
36640
36676
|
init_Layout();
|
|
36641
36677
|
init_Text2();
|
|
36642
36678
|
init_Theme();
|
|
@@ -36669,45 +36705,45 @@ var init_FlyingEmoji = __esm({
|
|
|
36669
36705
|
|
|
36670
36706
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
36671
36707
|
function RemoteStopScreenshare() {
|
|
36672
|
-
const actions = (0,
|
|
36708
|
+
const actions = (0, import_react_sdk127.useHMSActions)();
|
|
36673
36709
|
const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
|
|
36674
36710
|
yield actions.setScreenShareEnabled(false);
|
|
36675
36711
|
}), [actions]);
|
|
36676
|
-
(0,
|
|
36712
|
+
(0, import_react_sdk127.useCustomEvent)({
|
|
36677
36713
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
36678
36714
|
onEvent: onRemoteStopScreenshare
|
|
36679
36715
|
});
|
|
36680
36716
|
return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
|
|
36681
36717
|
}
|
|
36682
|
-
var import_react242,
|
|
36718
|
+
var import_react242, import_react_sdk127;
|
|
36683
36719
|
var init_RemoteStopScreenshare = __esm({
|
|
36684
36720
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
36685
36721
|
"use strict";
|
|
36686
36722
|
init_define_process_env();
|
|
36687
36723
|
import_react242 = __toESM(require("react"));
|
|
36688
|
-
|
|
36724
|
+
import_react_sdk127 = require("@100mslive/react-sdk");
|
|
36689
36725
|
init_constants();
|
|
36690
36726
|
}
|
|
36691
36727
|
});
|
|
36692
36728
|
|
|
36693
36729
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
36694
|
-
var import_react243,
|
|
36730
|
+
var import_react243, import_react_sdk128, useAutoStartStreaming;
|
|
36695
36731
|
var init_useAutoStartStreaming = __esm({
|
|
36696
36732
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
36697
36733
|
"use strict";
|
|
36698
36734
|
init_define_process_env();
|
|
36699
36735
|
import_react243 = require("react");
|
|
36700
|
-
|
|
36736
|
+
import_react_sdk128 = require("@100mslive/react-sdk");
|
|
36701
36737
|
init_useUISettings();
|
|
36702
36738
|
init_hooks();
|
|
36703
36739
|
init_constants();
|
|
36704
36740
|
useAutoStartStreaming = () => {
|
|
36705
36741
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
36706
|
-
const permissions = (0,
|
|
36742
|
+
const permissions = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectPermissions);
|
|
36707
36743
|
const showStreamingUI = useShowStreamingUI();
|
|
36708
|
-
const hmsActions = (0,
|
|
36709
|
-
const isConnected = (0,
|
|
36710
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
36744
|
+
const hmsActions = (0, import_react_sdk128.useHMSActions)();
|
|
36745
|
+
const isConnected = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
|
|
36746
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk128.useRecordingStreaming)();
|
|
36711
36747
|
const streamStartedRef = (0, import_react243.useRef)(false);
|
|
36712
36748
|
const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
|
|
36713
36749
|
try {
|
|
@@ -36764,14 +36800,14 @@ function AppRoutes({
|
|
|
36764
36800
|
}
|
|
36765
36801
|
), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
|
|
36766
36802
|
}
|
|
36767
|
-
var import_react244, import_ts_pattern17,
|
|
36803
|
+
var import_react244, import_ts_pattern17, import_react_sdk129, HMSPrebuilt, AppStates, BackSwipe;
|
|
36768
36804
|
var init_App = __esm({
|
|
36769
36805
|
"src/Prebuilt/App.tsx"() {
|
|
36770
36806
|
"use strict";
|
|
36771
36807
|
init_define_process_env();
|
|
36772
36808
|
import_react244 = __toESM(require("react"));
|
|
36773
36809
|
import_ts_pattern17 = require("ts-pattern");
|
|
36774
|
-
|
|
36810
|
+
import_react_sdk129 = require("@100mslive/react-sdk");
|
|
36775
36811
|
init_AppData();
|
|
36776
36812
|
init_AuthToken();
|
|
36777
36813
|
init_ConferenceScreen();
|
|
@@ -36818,7 +36854,7 @@ var init_App = __esm({
|
|
|
36818
36854
|
const [hydrated, setHydrated] = import_react244.default.useState(false);
|
|
36819
36855
|
(0, import_react244.useEffect)(() => {
|
|
36820
36856
|
setHydrated(true);
|
|
36821
|
-
const hms = new
|
|
36857
|
+
const hms = new import_react_sdk129.HMSReactiveStore();
|
|
36822
36858
|
const hmsStore = hms.getStore();
|
|
36823
36859
|
const hmsActions = hms.getActions();
|
|
36824
36860
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -36845,10 +36881,10 @@ var init_App = __esm({
|
|
|
36845
36881
|
};
|
|
36846
36882
|
}, []);
|
|
36847
36883
|
const endpointsObj = endpoints;
|
|
36848
|
-
const tokenByRoomCodeEndpoint =
|
|
36849
|
-
const initEndpoint =
|
|
36850
|
-
const eventEndpoint =
|
|
36851
|
-
const roomLayoutEndpoint =
|
|
36884
|
+
const tokenByRoomCodeEndpoint = endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode;
|
|
36885
|
+
const initEndpoint = endpointsObj == null ? void 0 : endpointsObj.init;
|
|
36886
|
+
const eventEndpoint = endpointsObj == null ? void 0 : endpointsObj.event;
|
|
36887
|
+
const roomLayoutEndpoint = endpointsObj == null ? void 0 : endpointsObj.roomLayout;
|
|
36852
36888
|
const overrideLayout = {
|
|
36853
36889
|
logo,
|
|
36854
36890
|
themes,
|
|
@@ -36886,7 +36922,7 @@ var init_App = __esm({
|
|
|
36886
36922
|
}
|
|
36887
36923
|
},
|
|
36888
36924
|
/* @__PURE__ */ import_react244.default.createElement(
|
|
36889
|
-
|
|
36925
|
+
import_react_sdk129.HMSRoomProvider,
|
|
36890
36926
|
{
|
|
36891
36927
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
36892
36928
|
actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
|
|
@@ -36951,8 +36987,8 @@ var init_App = __esm({
|
|
|
36951
36987
|
return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react244.default.createElement(ConferenceScreen, null));
|
|
36952
36988
|
};
|
|
36953
36989
|
BackSwipe = () => {
|
|
36954
|
-
const isConnectedToRoom = (0,
|
|
36955
|
-
const hmsActions = (0,
|
|
36990
|
+
const isConnectedToRoom = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectIsConnectedToRoom);
|
|
36991
|
+
const hmsActions = (0, import_react_sdk129.useHMSActions)();
|
|
36956
36992
|
(0, import_react244.useEffect)(() => {
|
|
36957
36993
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
36958
36994
|
if (isConnectedToRoom) {
|
|
@@ -37103,18 +37139,18 @@ var require_react_is_production_min = __commonJS({
|
|
|
37103
37139
|
var c2 = b2 ? Symbol.for("react.element") : 60103;
|
|
37104
37140
|
var d = b2 ? Symbol.for("react.portal") : 60106;
|
|
37105
37141
|
var e = b2 ? Symbol.for("react.fragment") : 60107;
|
|
37106
|
-
var
|
|
37142
|
+
var f = b2 ? Symbol.for("react.strict_mode") : 60108;
|
|
37107
37143
|
var g = b2 ? Symbol.for("react.profiler") : 60114;
|
|
37108
|
-
var
|
|
37144
|
+
var h = b2 ? Symbol.for("react.provider") : 60109;
|
|
37109
37145
|
var k = b2 ? Symbol.for("react.context") : 60110;
|
|
37110
37146
|
var l2 = b2 ? Symbol.for("react.async_mode") : 60111;
|
|
37111
|
-
var
|
|
37147
|
+
var m2 = b2 ? Symbol.for("react.concurrent_mode") : 60111;
|
|
37112
37148
|
var n = b2 ? Symbol.for("react.forward_ref") : 60112;
|
|
37113
37149
|
var p = b2 ? Symbol.for("react.suspense") : 60113;
|
|
37114
37150
|
var q2 = b2 ? Symbol.for("react.suspense_list") : 60120;
|
|
37115
37151
|
var r = b2 ? Symbol.for("react.memo") : 60115;
|
|
37116
37152
|
var t = b2 ? Symbol.for("react.lazy") : 60116;
|
|
37117
|
-
var
|
|
37153
|
+
var v2 = b2 ? Symbol.for("react.block") : 60121;
|
|
37118
37154
|
var w = b2 ? Symbol.for("react.fundamental") : 60117;
|
|
37119
37155
|
var x = b2 ? Symbol.for("react.responder") : 60118;
|
|
37120
37156
|
var y2 = b2 ? Symbol.for("react.scope") : 60119;
|
|
@@ -37125,10 +37161,10 @@ var require_react_is_production_min = __commonJS({
|
|
|
37125
37161
|
case c2:
|
|
37126
37162
|
switch (a2 = a2.type, a2) {
|
|
37127
37163
|
case l2:
|
|
37128
|
-
case
|
|
37164
|
+
case m2:
|
|
37129
37165
|
case e:
|
|
37130
37166
|
case g:
|
|
37131
|
-
case
|
|
37167
|
+
case f:
|
|
37132
37168
|
case p:
|
|
37133
37169
|
return a2;
|
|
37134
37170
|
default:
|
|
@@ -37137,7 +37173,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
37137
37173
|
case n:
|
|
37138
37174
|
case t:
|
|
37139
37175
|
case r:
|
|
37140
|
-
case
|
|
37176
|
+
case h:
|
|
37141
37177
|
return a2;
|
|
37142
37178
|
default:
|
|
37143
37179
|
return u;
|
|
@@ -37149,12 +37185,12 @@ var require_react_is_production_min = __commonJS({
|
|
|
37149
37185
|
}
|
|
37150
37186
|
}
|
|
37151
37187
|
function A2(a2) {
|
|
37152
|
-
return z2(a2) ===
|
|
37188
|
+
return z2(a2) === m2;
|
|
37153
37189
|
}
|
|
37154
37190
|
exports.AsyncMode = l2;
|
|
37155
|
-
exports.ConcurrentMode =
|
|
37191
|
+
exports.ConcurrentMode = m2;
|
|
37156
37192
|
exports.ContextConsumer = k;
|
|
37157
|
-
exports.ContextProvider =
|
|
37193
|
+
exports.ContextProvider = h;
|
|
37158
37194
|
exports.Element = c2;
|
|
37159
37195
|
exports.ForwardRef = n;
|
|
37160
37196
|
exports.Fragment = e;
|
|
@@ -37162,7 +37198,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
37162
37198
|
exports.Memo = r;
|
|
37163
37199
|
exports.Portal = d;
|
|
37164
37200
|
exports.Profiler = g;
|
|
37165
|
-
exports.StrictMode =
|
|
37201
|
+
exports.StrictMode = f;
|
|
37166
37202
|
exports.Suspense = p;
|
|
37167
37203
|
exports.isAsyncMode = function(a2) {
|
|
37168
37204
|
return A2(a2) || z2(a2) === l2;
|
|
@@ -37172,7 +37208,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
37172
37208
|
return z2(a2) === k;
|
|
37173
37209
|
};
|
|
37174
37210
|
exports.isContextProvider = function(a2) {
|
|
37175
|
-
return z2(a2) ===
|
|
37211
|
+
return z2(a2) === h;
|
|
37176
37212
|
};
|
|
37177
37213
|
exports.isElement = function(a2) {
|
|
37178
37214
|
return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
|
|
@@ -37196,13 +37232,13 @@ var require_react_is_production_min = __commonJS({
|
|
|
37196
37232
|
return z2(a2) === g;
|
|
37197
37233
|
};
|
|
37198
37234
|
exports.isStrictMode = function(a2) {
|
|
37199
|
-
return z2(a2) ===
|
|
37235
|
+
return z2(a2) === f;
|
|
37200
37236
|
};
|
|
37201
37237
|
exports.isSuspense = function(a2) {
|
|
37202
37238
|
return z2(a2) === p;
|
|
37203
37239
|
};
|
|
37204
37240
|
exports.isValidElementType = function(a2) {
|
|
37205
|
-
return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 ===
|
|
37241
|
+
return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f || a2 === p || a2 === q2 || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v2);
|
|
37206
37242
|
};
|
|
37207
37243
|
exports.typeOf = z2;
|
|
37208
37244
|
}
|
|
@@ -38128,13 +38164,13 @@ var init_DeviceSelector = __esm({
|
|
|
38128
38164
|
});
|
|
38129
38165
|
|
|
38130
38166
|
// src/Diagnostics/AudioTest.tsx
|
|
38131
|
-
var import_react248,
|
|
38167
|
+
var import_react248, import_react_sdk130, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
|
|
38132
38168
|
var init_AudioTest = __esm({
|
|
38133
38169
|
"src/Diagnostics/AudioTest.tsx"() {
|
|
38134
38170
|
"use strict";
|
|
38135
38171
|
init_define_process_env();
|
|
38136
38172
|
import_react248 = __toESM(require("react"));
|
|
38137
|
-
|
|
38173
|
+
import_react_sdk130 = require("@100mslive/react-sdk");
|
|
38138
38174
|
import_react_icons113 = require("@100mslive/react-icons");
|
|
38139
38175
|
init_PermissionErrorModal();
|
|
38140
38176
|
init_components();
|
|
@@ -38150,12 +38186,12 @@ var init_AudioTest = __esm({
|
|
|
38150
38186
|
MicTest = ({ setError }) => {
|
|
38151
38187
|
var _a7, _b7;
|
|
38152
38188
|
const { hmsDiagnostics } = useDiagnostics();
|
|
38153
|
-
const devices = (0,
|
|
38189
|
+
const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
|
|
38154
38190
|
const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
|
|
38155
38191
|
const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
|
38156
|
-
const trackID = (0,
|
|
38157
|
-
const audioLevel = (0,
|
|
38158
|
-
const { audioOutputDeviceId } = (0,
|
|
38192
|
+
const trackID = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalAudioTrackID);
|
|
38193
|
+
const audioLevel = (0, import_react_sdk130.useHMSStore)((0, import_react_sdk130.selectTrackAudioByID)(trackID));
|
|
38194
|
+
const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
|
|
38159
38195
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
38160
38196
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
38161
38197
|
});
|
|
@@ -38230,9 +38266,9 @@ var init_AudioTest = __esm({
|
|
|
38230
38266
|
};
|
|
38231
38267
|
SpeakerTest = () => {
|
|
38232
38268
|
var _a7;
|
|
38233
|
-
const actions = (0,
|
|
38234
|
-
const devices = (0,
|
|
38235
|
-
const { audioOutputDeviceId } = (0,
|
|
38269
|
+
const actions = (0, import_react_sdk130.useHMSActions)();
|
|
38270
|
+
const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
|
|
38271
|
+
const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
|
|
38236
38272
|
if (devices.audioOutput.length === 0) {
|
|
38237
38273
|
return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
|
|
38238
38274
|
}
|
|
@@ -38282,13 +38318,13 @@ var init_AudioTest = __esm({
|
|
|
38282
38318
|
});
|
|
38283
38319
|
|
|
38284
38320
|
// src/Diagnostics/BrowserTest.tsx
|
|
38285
|
-
var import_react249,
|
|
38321
|
+
var import_react249, import_react_sdk131, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
|
|
38286
38322
|
var init_BrowserTest = __esm({
|
|
38287
38323
|
"src/Diagnostics/BrowserTest.tsx"() {
|
|
38288
38324
|
"use strict";
|
|
38289
38325
|
init_define_process_env();
|
|
38290
38326
|
import_react249 = __toESM(require("react"));
|
|
38291
|
-
|
|
38327
|
+
import_react_sdk131 = require("@100mslive/react-sdk");
|
|
38292
38328
|
init_components();
|
|
38293
38329
|
init_Layout();
|
|
38294
38330
|
init_Text2();
|
|
@@ -38390,15 +38426,15 @@ var init_BrowserTest = __esm({
|
|
|
38390
38426
|
CheckDetails,
|
|
38391
38427
|
{
|
|
38392
38428
|
title: "Browser",
|
|
38393
|
-
iconURL:
|
|
38394
|
-
value: `${
|
|
38429
|
+
iconURL: import_react_sdk131.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk131.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
|
|
38430
|
+
value: `${import_react_sdk131.parsedUserAgent.getBrowser().name} ${import_react_sdk131.parsedUserAgent.getBrowser().version}`
|
|
38395
38431
|
}
|
|
38396
38432
|
), /* @__PURE__ */ import_react249.default.createElement(
|
|
38397
38433
|
CheckDetails,
|
|
38398
38434
|
{
|
|
38399
38435
|
title: "Operating system",
|
|
38400
|
-
iconURL:
|
|
38401
|
-
value: `${
|
|
38436
|
+
iconURL: import_react_sdk131.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk131.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
|
|
38437
|
+
value: `${import_react_sdk131.parsedUserAgent.getOS().name} ${import_react_sdk131.parsedUserAgent.getOS().version}`
|
|
38402
38438
|
}
|
|
38403
38439
|
)), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
38404
38440
|
};
|
|
@@ -38406,13 +38442,13 @@ var init_BrowserTest = __esm({
|
|
|
38406
38442
|
});
|
|
38407
38443
|
|
|
38408
38444
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
38409
|
-
var import_react250,
|
|
38445
|
+
var import_react250, import_react_sdk132, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
|
|
38410
38446
|
var init_ConnectivityTest = __esm({
|
|
38411
38447
|
"src/Diagnostics/ConnectivityTest.tsx"() {
|
|
38412
38448
|
"use strict";
|
|
38413
38449
|
init_define_process_env();
|
|
38414
38450
|
import_react250 = __toESM(require("react"));
|
|
38415
|
-
|
|
38451
|
+
import_react_sdk132 = require("@100mslive/react-sdk");
|
|
38416
38452
|
import_react_icons114 = require("@100mslive/react-icons");
|
|
38417
38453
|
init_components();
|
|
38418
38454
|
init_Button2();
|
|
@@ -38427,13 +38463,13 @@ var init_ConnectivityTest = __esm({
|
|
|
38427
38463
|
us: "United States"
|
|
38428
38464
|
};
|
|
38429
38465
|
ConnectivityStateMessage = {
|
|
38430
|
-
[
|
|
38431
|
-
[
|
|
38432
|
-
[
|
|
38433
|
-
[
|
|
38434
|
-
[
|
|
38435
|
-
[
|
|
38436
|
-
[
|
|
38466
|
+
[import_react_sdk132.ConnectivityState.STARTING]: "Fetching Init",
|
|
38467
|
+
[import_react_sdk132.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
|
|
38468
|
+
[import_react_sdk132.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
|
|
38469
|
+
[import_react_sdk132.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
|
|
38470
|
+
[import_react_sdk132.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
|
|
38471
|
+
[import_react_sdk132.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
|
|
38472
|
+
[import_react_sdk132.ConnectivityState.COMPLETED]: "Completed"
|
|
38437
38473
|
};
|
|
38438
38474
|
ConnectivityTestStepResult = ({
|
|
38439
38475
|
title,
|
|
@@ -38624,7 +38660,7 @@ var init_ConnectivityTest = __esm({
|
|
|
38624
38660
|
{
|
|
38625
38661
|
region,
|
|
38626
38662
|
setRegion,
|
|
38627
|
-
startTest: progress === void 0 || progress ===
|
|
38663
|
+
startTest: progress === void 0 || progress === import_react_sdk132.ConnectivityState.COMPLETED ? startTest : void 0
|
|
38628
38664
|
}
|
|
38629
38665
|
), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
38630
38666
|
};
|
|
@@ -38641,13 +38677,13 @@ var init_ConnectivityTest = __esm({
|
|
|
38641
38677
|
});
|
|
38642
38678
|
|
|
38643
38679
|
// src/Diagnostics/VideoTest.tsx
|
|
38644
|
-
var import_react251,
|
|
38680
|
+
var import_react251, import_react_sdk133, import_react_icons115, VideoTest;
|
|
38645
38681
|
var init_VideoTest = __esm({
|
|
38646
38682
|
"src/Diagnostics/VideoTest.tsx"() {
|
|
38647
38683
|
"use strict";
|
|
38648
38684
|
init_define_process_env();
|
|
38649
38685
|
import_react251 = __toESM(require("react"));
|
|
38650
|
-
|
|
38686
|
+
import_react_sdk133 = require("@100mslive/react-sdk");
|
|
38651
38687
|
import_react_icons115 = require("@100mslive/react-icons");
|
|
38652
38688
|
init_PermissionErrorModal();
|
|
38653
38689
|
init_components();
|
|
@@ -38659,10 +38695,10 @@ var init_VideoTest = __esm({
|
|
|
38659
38695
|
init_DiagnosticsContext();
|
|
38660
38696
|
VideoTest = () => {
|
|
38661
38697
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
38662
|
-
const allDevices = (0,
|
|
38698
|
+
const allDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectDevices);
|
|
38663
38699
|
const { videoInput } = allDevices;
|
|
38664
|
-
const trackID = (0,
|
|
38665
|
-
const sdkSelectedDevices = (0,
|
|
38700
|
+
const trackID = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalVideoTrackID);
|
|
38701
|
+
const sdkSelectedDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalMediaSettings);
|
|
38666
38702
|
const [error, setError] = (0, import_react251.useState)();
|
|
38667
38703
|
(0, import_react251.useEffect)(() => {
|
|
38668
38704
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
@@ -38699,13 +38735,13 @@ var init_VideoTest = __esm({
|
|
|
38699
38735
|
});
|
|
38700
38736
|
|
|
38701
38737
|
// src/Diagnostics/Diagnostics.tsx
|
|
38702
|
-
var import_react252,
|
|
38738
|
+
var import_react252, import_react_sdk134, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
|
|
38703
38739
|
var init_Diagnostics = __esm({
|
|
38704
38740
|
"src/Diagnostics/Diagnostics.tsx"() {
|
|
38705
38741
|
"use strict";
|
|
38706
38742
|
init_define_process_env();
|
|
38707
38743
|
import_react252 = __toESM(require("react"));
|
|
38708
|
-
|
|
38744
|
+
import_react_sdk134 = require("@100mslive/react-sdk");
|
|
38709
38745
|
import_react_icons116 = require("@100mslive/react-icons");
|
|
38710
38746
|
init_Layout();
|
|
38711
38747
|
init_Text2();
|
|
@@ -38804,7 +38840,7 @@ var init_Diagnostics = __esm({
|
|
|
38804
38840
|
}));
|
|
38805
38841
|
};
|
|
38806
38842
|
DiagnosticsProvider = () => {
|
|
38807
|
-
const actions = (0,
|
|
38843
|
+
const actions = (0, import_react_sdk134.useHMSActions)();
|
|
38808
38844
|
const [activeStep, setActiveStep] = (0, import_react252.useState)(0);
|
|
38809
38845
|
const [steps, setSteps] = (0, import_react252.useState)(initialSteps);
|
|
38810
38846
|
const diagnosticsRef = (0, import_react252.useRef)(actions.initDiagnostics());
|
|
@@ -38826,7 +38862,7 @@ var init_Diagnostics = __esm({
|
|
|
38826
38862
|
);
|
|
38827
38863
|
};
|
|
38828
38864
|
Diagnostics = () => {
|
|
38829
|
-
return /* @__PURE__ */ import_react252.default.createElement(
|
|
38865
|
+
return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk134.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
|
|
38830
38866
|
};
|
|
38831
38867
|
}
|
|
38832
38868
|
});
|