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