@100mslive/roomkit-react 0.3.17-alpha.17 → 0.3.17-alpha.19
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-34MM4BU3.js → HLSView-KOIDBUHC.js} +2 -2
- package/dist/{HLSView-OMNF66CE.css → HLSView-PI6JKHG4.css} +3 -3
- package/dist/{HLSView-OMNF66CE.css.map → HLSView-PI6JKHG4.css.map} +1 -1
- package/dist/Prebuilt/components/VirtualBackground/VBCollection.d.ts +1 -0
- package/dist/Prebuilt/components/VirtualBackground/util.d.ts +1 -0
- package/dist/{chunk-X5BOIOM4.js → chunk-IVULXQJ2.js} +47 -24
- package/dist/{chunk-X5BOIOM4.js.map → chunk-IVULXQJ2.js.map} +4 -4
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +408 -377
- 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 +50 -16
- package/dist/meta.esbuild.json +59 -25
- package/package.json +7 -7
- package/src/Prebuilt/components/VirtualBackground/VBCollection.tsx +16 -11
- package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +8 -1
- package/src/Prebuilt/components/VirtualBackground/util.tsx +13 -0
- /package/dist/{HLSView-34MM4BU3.js.map → HLSView-KOIDBUHC.js.map} +0 -0
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_cb5a8b19-7347-4e3a-b2d2-abfac0876603", 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.7-alpha.17", 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.17-alpha.17", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_cb5a8b19-7347-4e3a-b2d2-abfac0876603", 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.17-alpha.17", 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.11", 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.9", 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: "587", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240804.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.5/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:20534", 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.17-alpha.17", 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: "10350152303", 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: "5098e38ba75de268c5bf943f11cc7832a959fefc", 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: "aa58add3aff5e39ee70ffd4c9b7f792f84a767a9d5bf11a05df1159e71fee7f5", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1723458453202-0.46606703825040263:/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--1723458452967-0.025984614407135176:/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--1723458427294-0.674711520310525:/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--1723458427103-0.6963283716289648:/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_c36c80f5-35df-4509-a3d8-9d92e73e9640", INVOCATION_ID: "6a586f4d90e64e60a7f8d85282f15a81", 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: "634", 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 47", 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.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.17-alpha.17", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.17", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "5098e38ba75de268c5bf943f11cc7832a959fefc", 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_cb5a8b19-7347-4e3a-b2d2-abfac0876603", 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_cb5a8b19-7347-4e3a-b2d2-abfac0876603", 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_cb5a8b19-7347-4e3a-b2d2-abfac0876603" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_df492210-0435-451b-9100-5f2d502d7c25", 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.7-alpha.19", 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.17-alpha.19", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_df492210-0435-451b-9100-5f2d502d7c25", 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.17-alpha.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.11", 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.9", 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: "590", 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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240804.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.5/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:19182", 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.17-alpha.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: "10371379604", 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: "2fbdfe8caf300c22658c998b2c549ebc8988af7b", 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: "373a619dbc9edc960ffbd389a579b69a50e8309e3d0b0e5d3e485bb272d4fa31", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1723558328247-0.08757258639383014:/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--1723558328050-0.6750938993315867:/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--1723558302682-0.9502555231778724:/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--1723558302488-0.8137050399987731:/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_e9b67d55-5897-473c-afcc-4058719d086c", INVOCATION_ID: "adc65a1ea8bc49c5b6bd9f89a0eab3b6", 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: "636", 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 150", 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.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.17-alpha.19", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.19", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "2fbdfe8caf300c22658c998b2c549ebc8988af7b", 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_df492210-0435-451b-9100-5f2d502d7c25", 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_df492210-0435-451b-9100-5f2d502d7c25", 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_df492210-0435-451b-9100-5f2d502d7c25" };
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -21410,7 +21410,7 @@ var init_dist = __esm({
|
|
|
21410
21410
|
};
|
|
21411
21411
|
Za = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
21412
21412
|
vr = Za((Hc, co) => {
|
|
21413
|
-
co.exports = { version: "0.12.17-alpha.
|
|
21413
|
+
co.exports = { version: "0.12.17-alpha.19", 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"] };
|
|
21414
21414
|
});
|
|
21415
21415
|
Sr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Sr || {});
|
|
21416
21416
|
eo = ((e) => (e.CHAT = "chat", e))(eo || {});
|
|
@@ -29083,6 +29083,28 @@ var init_VideoTile2 = __esm({
|
|
|
29083
29083
|
}
|
|
29084
29084
|
});
|
|
29085
29085
|
|
|
29086
|
+
// src/Prebuilt/components/VirtualBackground/util.tsx
|
|
29087
|
+
var import_react_sdk82, doesBrowserSupportEffectsSDK;
|
|
29088
|
+
var init_util = __esm({
|
|
29089
|
+
"src/Prebuilt/components/VirtualBackground/util.tsx"() {
|
|
29090
|
+
"use strict";
|
|
29091
|
+
init_define_process_env();
|
|
29092
|
+
import_react_sdk82 = require("@100mslive/react-sdk");
|
|
29093
|
+
init_constants();
|
|
29094
|
+
doesBrowserSupportEffectsSDK = () => {
|
|
29095
|
+
var _a7, _b7;
|
|
29096
|
+
if (!isSafari) {
|
|
29097
|
+
return true;
|
|
29098
|
+
}
|
|
29099
|
+
const browserVersion = ((_b7 = (_a7 = import_react_sdk82.parsedUserAgent) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
|
|
29100
|
+
if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
|
|
29101
|
+
return false;
|
|
29102
|
+
}
|
|
29103
|
+
return true;
|
|
29104
|
+
};
|
|
29105
|
+
}
|
|
29106
|
+
});
|
|
29107
|
+
|
|
29086
29108
|
// src/Prebuilt/components/VirtualBackground/VBOption.tsx
|
|
29087
29109
|
var import_react161, Root25, Title4, Icon3, VBOption;
|
|
29088
29110
|
var init_VBOption = __esm({
|
|
@@ -29151,17 +29173,19 @@ var init_VBCollection = __esm({
|
|
|
29151
29173
|
if (options.length === 0) {
|
|
29152
29174
|
return null;
|
|
29153
29175
|
}
|
|
29154
|
-
return /* @__PURE__ */ import_react162.default.createElement(Box, { css: { mt: "$10" } }, /* @__PURE__ */ import_react162.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react162.default.createElement(Box, { css: { py: "$4", display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: "$8" } }, options.map(
|
|
29155
|
-
|
|
29156
|
-
|
|
29157
|
-
|
|
29158
|
-
|
|
29159
|
-
|
|
29160
|
-
|
|
29161
|
-
|
|
29162
|
-
|
|
29163
|
-
|
|
29164
|
-
|
|
29176
|
+
return /* @__PURE__ */ import_react162.default.createElement(Box, { css: { mt: "$10" } }, /* @__PURE__ */ import_react162.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react162.default.createElement(Box, { css: { py: "$4", display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: "$8" } }, options.map(
|
|
29177
|
+
(option, index) => option.supported ? /* @__PURE__ */ import_react162.default.createElement(
|
|
29178
|
+
VBOption.Root,
|
|
29179
|
+
__spreadProps(__spreadValues({
|
|
29180
|
+
key: option.value,
|
|
29181
|
+
testid: option.value === import_hms_virtual_background.HMSVirtualBackgroundTypes.IMAGE ? `virtual_bg_option-${index}` : option.value
|
|
29182
|
+
}, option), {
|
|
29183
|
+
isActive: activeBackground === option.value
|
|
29184
|
+
}),
|
|
29185
|
+
/* @__PURE__ */ import_react162.default.createElement(VBOption.Icon, null, option == null ? void 0 : option.icon),
|
|
29186
|
+
/* @__PURE__ */ import_react162.default.createElement(VBOption.Title, null, option == null ? void 0 : option.title)
|
|
29187
|
+
) : ""
|
|
29188
|
+
)));
|
|
29165
29189
|
};
|
|
29166
29190
|
}
|
|
29167
29191
|
});
|
|
@@ -29265,7 +29289,7 @@ var init_VBHandler = __esm({
|
|
|
29265
29289
|
});
|
|
29266
29290
|
|
|
29267
29291
|
// src/Prebuilt/components/VirtualBackground/VBPicker.tsx
|
|
29268
|
-
var import_react163, import_react_use31, import_hms_virtual_background3,
|
|
29292
|
+
var import_react163, import_react_use31, import_hms_virtual_background3, import_react_sdk83, import_react_icons80, iconDims, VBPicker;
|
|
29269
29293
|
var init_VBPicker = __esm({
|
|
29270
29294
|
"src/Prebuilt/components/VirtualBackground/VBPicker.tsx"() {
|
|
29271
29295
|
"use strict";
|
|
@@ -29274,10 +29298,11 @@ var init_VBPicker = __esm({
|
|
|
29274
29298
|
import_react_use31 = require("react-use");
|
|
29275
29299
|
init_dist();
|
|
29276
29300
|
import_hms_virtual_background3 = require("@100mslive/hms-virtual-background");
|
|
29277
|
-
|
|
29301
|
+
import_react_sdk83 = require("@100mslive/react-sdk");
|
|
29278
29302
|
import_react_icons80 = require("@100mslive/react-icons");
|
|
29279
29303
|
init_src();
|
|
29280
29304
|
init_Text2();
|
|
29305
|
+
init_util();
|
|
29281
29306
|
init_VBCollection();
|
|
29282
29307
|
init_VBHandler();
|
|
29283
29308
|
init_useSidepane();
|
|
@@ -29288,29 +29313,32 @@ var init_VBPicker = __esm({
|
|
|
29288
29313
|
VBPicker = ({ backgroundMedia = [] }) => {
|
|
29289
29314
|
var _a7;
|
|
29290
29315
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
29291
|
-
const hmsActions = (0,
|
|
29292
|
-
const localPeer = (0,
|
|
29293
|
-
const role = (0,
|
|
29294
|
-
const isVideoOn = (0,
|
|
29316
|
+
const hmsActions = (0, import_react_sdk83.useHMSActions)();
|
|
29317
|
+
const localPeer = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectLocalPeer);
|
|
29318
|
+
const role = (0, import_react_sdk83.useHMSStore)(at);
|
|
29319
|
+
const isVideoOn = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectIsLocalVideoEnabled);
|
|
29295
29320
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
29296
|
-
const trackSelector = (0,
|
|
29297
|
-
const track = (0,
|
|
29321
|
+
const trackSelector = (0, import_react_sdk83.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
29322
|
+
const track = (0, import_react_sdk83.useHMSStore)(trackSelector);
|
|
29298
29323
|
const [blurAmount, setBlurAmount] = (0, import_react163.useState)(VBHandler.getBlurAmount() || 0.5);
|
|
29299
|
-
const roomState = (0,
|
|
29300
|
-
const isLargeRoom = (0,
|
|
29301
|
-
const
|
|
29302
|
-
const
|
|
29324
|
+
const roomState = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectRoomState);
|
|
29325
|
+
const isLargeRoom = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectIsLargeRoom);
|
|
29326
|
+
const [isBlurSupported, setIsBlurSupported] = (0, import_react163.useState)(false);
|
|
29327
|
+
const isEffectsEnabled = (0, import_react_sdk83.useHMSStore)(km);
|
|
29328
|
+
const effectsKey = (0, import_react_sdk83.useHMSStore)(Em);
|
|
29303
29329
|
const isMobile = (0, import_react_use31.useMedia)(config.media.md);
|
|
29304
29330
|
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
29305
|
-
const isPluginAdded = (0,
|
|
29306
|
-
const background = (0,
|
|
29331
|
+
const isPluginAdded = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
|
|
29332
|
+
const background = (0, import_react_sdk83.useHMSStore)(Vm(APP_DATA.background));
|
|
29307
29333
|
const mediaList = backgroundMedia.map((media) => media.url || "");
|
|
29308
|
-
const inPreview = roomState ===
|
|
29334
|
+
const inPreview = roomState === import_react_sdk83.HMSRoomState.Preview;
|
|
29309
29335
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
29310
29336
|
(0, import_react163.useEffect)(() => {
|
|
29311
29337
|
if (!(track == null ? void 0 : track.id)) {
|
|
29312
29338
|
return;
|
|
29313
29339
|
}
|
|
29340
|
+
const isEffectsSupported = doesBrowserSupportEffectsSDK();
|
|
29341
|
+
setIsBlurSupported(isEffectsSupported);
|
|
29314
29342
|
const vbObject = VBHandler.getVBObject();
|
|
29315
29343
|
if (!isPluginAdded && !vbObject) {
|
|
29316
29344
|
setLoadingEffects(true);
|
|
@@ -29318,7 +29346,7 @@ var init_VBPicker = __esm({
|
|
|
29318
29346
|
if (!vbObject2) {
|
|
29319
29347
|
VBHandler.initialisePlugin(isEffectsEnabled && effectsKey ? effectsKey : "", () => setLoadingEffects(false));
|
|
29320
29348
|
vbObject2 = VBHandler.getVBObject();
|
|
29321
|
-
if (isEffectsEnabled && effectsKey) {
|
|
29349
|
+
if (isEffectsEnabled && isEffectsSupported && effectsKey) {
|
|
29322
29350
|
hmsActions.addPluginsToVideoStream([vbObject2]);
|
|
29323
29351
|
} else {
|
|
29324
29352
|
setLoadingEffects(false);
|
|
@@ -29399,7 +29427,8 @@ var init_VBPicker = __esm({
|
|
|
29399
29427
|
onClick: () => __async(void 0, null, function* () {
|
|
29400
29428
|
yield VBHandler.removeEffects();
|
|
29401
29429
|
hmsActions.setAppData(APP_DATA.background, import_hms_virtual_background3.HMSVirtualBackgroundTypes.NONE);
|
|
29402
|
-
})
|
|
29430
|
+
}),
|
|
29431
|
+
supported: true
|
|
29403
29432
|
},
|
|
29404
29433
|
{
|
|
29405
29434
|
title: "Blur",
|
|
@@ -29409,7 +29438,8 @@ var init_VBPicker = __esm({
|
|
|
29409
29438
|
var _a8;
|
|
29410
29439
|
yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
|
|
29411
29440
|
hmsActions.setAppData(APP_DATA.background, import_hms_virtual_background3.HMSVirtualBackgroundTypes.BLUR);
|
|
29412
|
-
})
|
|
29441
|
+
}),
|
|
29442
|
+
supported: isBlurSupported
|
|
29413
29443
|
}
|
|
29414
29444
|
],
|
|
29415
29445
|
activeBackground: background
|
|
@@ -29440,7 +29470,8 @@ var init_VBPicker = __esm({
|
|
|
29440
29470
|
var _a8;
|
|
29441
29471
|
yield (_a8 = VBHandler) == null ? void 0 : _a8.setBackground(mediaURL);
|
|
29442
29472
|
hmsActions.setAppData(APP_DATA.background, mediaURL);
|
|
29443
|
-
})
|
|
29473
|
+
}),
|
|
29474
|
+
supported: true
|
|
29444
29475
|
})),
|
|
29445
29476
|
activeBackground: background
|
|
29446
29477
|
}
|
|
@@ -29451,7 +29482,7 @@ var init_VBPicker = __esm({
|
|
|
29451
29482
|
});
|
|
29452
29483
|
|
|
29453
29484
|
// src/Prebuilt/layouts/SidePane.tsx
|
|
29454
|
-
var import_react164, import_react_use32, import_ts_pattern11,
|
|
29485
|
+
var import_react164, import_react_use32, import_ts_pattern11, import_react_sdk84, Wrapper3, SidePane, SidePane_default;
|
|
29455
29486
|
var init_SidePane = __esm({
|
|
29456
29487
|
"src/Prebuilt/layouts/SidePane.tsx"() {
|
|
29457
29488
|
"use strict";
|
|
@@ -29459,7 +29490,7 @@ var init_SidePane = __esm({
|
|
|
29459
29490
|
import_react164 = __toESM(require("react"));
|
|
29460
29491
|
import_react_use32 = require("react-use");
|
|
29461
29492
|
import_ts_pattern11 = require("ts-pattern");
|
|
29462
|
-
|
|
29493
|
+
import_react_sdk84 = require("@100mslive/react-sdk");
|
|
29463
29494
|
init_Polls();
|
|
29464
29495
|
init_RoomDetailsPane();
|
|
29465
29496
|
init_LayoutSettings();
|
|
@@ -29575,9 +29606,9 @@ var init_SidePane = __esm({
|
|
|
29575
29606
|
}) => {
|
|
29576
29607
|
var _a7, _b7, _c, _d, _e, _f, _g;
|
|
29577
29608
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
29578
|
-
const sidepane = (0,
|
|
29579
|
-
const activeScreensharePeerId = (0,
|
|
29580
|
-
const trackId = (_a7 = (0,
|
|
29609
|
+
const sidepane = (0, import_react_sdk84.useHMSStore)((0, import_react_sdk84.selectAppData)(APP_DATA.sidePane));
|
|
29610
|
+
const activeScreensharePeerId = (0, import_react_sdk84.useHMSStore)((0, import_react_sdk84.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
29611
|
+
const trackId = (_a7 = (0, import_react_sdk84.useHMSStore)((0, import_react_sdk84.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a7.id;
|
|
29581
29612
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
29582
29613
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
|
29583
29614
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
@@ -29714,7 +29745,7 @@ var init_FullPageProgress = __esm({
|
|
|
29714
29745
|
});
|
|
29715
29746
|
|
|
29716
29747
|
// src/Prebuilt/components/Preview/PreviewForm.tsx
|
|
29717
|
-
var import_react167, import_react_use33, import_join_form3,
|
|
29748
|
+
var import_react167, import_react_use33, import_join_form3, import_react_sdk85, import_react_icons81, PreviewForm, Form, PreviewForm_default;
|
|
29718
29749
|
var init_PreviewForm = __esm({
|
|
29719
29750
|
"src/Prebuilt/components/Preview/PreviewForm.tsx"() {
|
|
29720
29751
|
"use strict";
|
|
@@ -29722,7 +29753,7 @@ var init_PreviewForm = __esm({
|
|
|
29722
29753
|
import_react167 = __toESM(require("react"));
|
|
29723
29754
|
import_react_use33 = require("react-use");
|
|
29724
29755
|
import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
29725
|
-
|
|
29756
|
+
import_react_sdk85 = require("@100mslive/react-sdk");
|
|
29726
29757
|
import_react_icons81 = require("@100mslive/react-icons");
|
|
29727
29758
|
init_src();
|
|
29728
29759
|
init_roomLayoutProvider();
|
|
@@ -29741,7 +29772,7 @@ var init_PreviewForm = __esm({
|
|
|
29741
29772
|
e.preventDefault();
|
|
29742
29773
|
};
|
|
29743
29774
|
const isMobile = (0, import_react_use33.useMedia)(config.media.md);
|
|
29744
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
29775
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk85.useRecordingStreaming)();
|
|
29745
29776
|
const layout = useRoomLayout();
|
|
29746
29777
|
const { join_form: joinForm = {} } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
|
|
29747
29778
|
const showGoLive = (joinForm == null ? void 0 : joinForm.join_btn_type) === import_join_form3.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE && !isHLSRunning && !isRTMPRunning && !isHLSRecordingOn && !isBrowserRecordingOn;
|
|
@@ -29793,14 +29824,14 @@ var init_PreviewForm = __esm({
|
|
|
29793
29824
|
});
|
|
29794
29825
|
|
|
29795
29826
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
29796
|
-
var import_react168, import_react_use34,
|
|
29827
|
+
var import_react168, import_react_use34, import_react_sdk86, import_react_icons82, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
|
|
29797
29828
|
var init_PreviewJoin = __esm({
|
|
29798
29829
|
"src/Prebuilt/components/Preview/PreviewJoin.tsx"() {
|
|
29799
29830
|
"use strict";
|
|
29800
29831
|
init_define_process_env();
|
|
29801
29832
|
import_react168 = __toESM(require("react"));
|
|
29802
29833
|
import_react_use34 = require("react-use");
|
|
29803
|
-
|
|
29834
|
+
import_react_sdk86 = require("@100mslive/react-sdk");
|
|
29804
29835
|
import_react_icons82 = require("@100mslive/react-icons");
|
|
29805
29836
|
init_src();
|
|
29806
29837
|
init_AudioLevel2();
|
|
@@ -29828,8 +29859,8 @@ var init_PreviewJoin = __esm({
|
|
|
29828
29859
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
|
29829
29860
|
};
|
|
29830
29861
|
useLocalTileAspectRatio = () => {
|
|
29831
|
-
const localPeer = (0,
|
|
29832
|
-
const videoTrack = (0,
|
|
29862
|
+
const localPeer = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeer);
|
|
29863
|
+
const videoTrack = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
29833
29864
|
const isMobile = (0, import_react_use34.useMedia)(config.media.md);
|
|
29834
29865
|
let aspectRatio = 0;
|
|
29835
29866
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
@@ -29848,15 +29879,15 @@ var init_PreviewJoin = __esm({
|
|
|
29848
29879
|
UserPreferencesKeys.PREVIEW,
|
|
29849
29880
|
defaultPreviewPreference
|
|
29850
29881
|
);
|
|
29851
|
-
const { isStreamingOn } = (0,
|
|
29882
|
+
const { isStreamingOn } = (0, import_react_sdk86.useRecordingStreaming)();
|
|
29852
29883
|
const authToken = useAuthToken();
|
|
29853
29884
|
const [name, setName] = (0, import_react168.useState)(initialName || previewPreference.name);
|
|
29854
|
-
const { toggleAudio, toggleVideo } = (0,
|
|
29885
|
+
const { toggleAudio, toggleVideo } = (0, import_react_sdk86.useAVToggle)();
|
|
29855
29886
|
const [previewError, setPreviewError] = (0, import_react168.useState)(false);
|
|
29856
29887
|
const { endpoints } = useHMSPrebuiltContext();
|
|
29857
|
-
const { peerCount } = (0,
|
|
29858
|
-
const loadingEffects = (0,
|
|
29859
|
-
const { enableJoin, preview, join } = (0,
|
|
29888
|
+
const { peerCount } = (0, import_react_sdk86.useParticipants)();
|
|
29889
|
+
const loadingEffects = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectAppData)(APP_DATA.loadingEffects));
|
|
29890
|
+
const { enableJoin, preview, join } = (0, import_react_sdk86.usePreviewJoin)({
|
|
29860
29891
|
name,
|
|
29861
29892
|
token: authToken,
|
|
29862
29893
|
initEndpoint: endpoints == null ? void 0 : endpoints.init,
|
|
@@ -29873,8 +29904,8 @@ var init_PreviewJoin = __esm({
|
|
|
29873
29904
|
},
|
|
29874
29905
|
asRole
|
|
29875
29906
|
});
|
|
29876
|
-
const { requestPermission } = (0,
|
|
29877
|
-
const roomState = (0,
|
|
29907
|
+
const { requestPermission } = (0, import_react_sdk86.useAwayNotifications)();
|
|
29908
|
+
const roomState = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectRoomState);
|
|
29878
29909
|
const savePreferenceAndJoin = (0, import_react168.useCallback)(() => {
|
|
29879
29910
|
setPreviewPreference({
|
|
29880
29911
|
name
|
|
@@ -29898,7 +29929,7 @@ var init_PreviewJoin = __esm({
|
|
|
29898
29929
|
setName(initialName);
|
|
29899
29930
|
}
|
|
29900
29931
|
}, [initialName]);
|
|
29901
|
-
return roomState ===
|
|
29932
|
+
return roomState === import_react_sdk86.HMSRoomState.Preview ? /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react168.default.createElement(Container4, { css: { h: "100%", pt: "$6", "@md": { justifyContent: "space-between", pt: "$10" } } }, toggleVideo ? null : /* @__PURE__ */ import_react168.default.createElement(Box, null), /* @__PURE__ */ import_react168.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "600px", gap: "$8" } }, /* @__PURE__ */ import_react168.default.createElement(Logo, null), /* @__PURE__ */ import_react168.default.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center" } }, previewHeader.title), /* @__PURE__ */ import_react168.default.createElement(
|
|
29902
29933
|
Text,
|
|
29903
29934
|
{
|
|
29904
29935
|
css: { c: "$on_surface_medium", textAlign: "center", maxWidth: "100%", wordWrap: "break-word" },
|
|
@@ -29933,12 +29964,12 @@ var init_PreviewJoin = __esm({
|
|
|
29933
29964
|
px: "$10"
|
|
29934
29965
|
}));
|
|
29935
29966
|
PreviewTile = ({ name, error }) => {
|
|
29936
|
-
const localPeer = (0,
|
|
29937
|
-
const { isLocalAudioEnabled, toggleAudio } = (0,
|
|
29938
|
-
const isVideoOn = (0,
|
|
29967
|
+
const localPeer = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeer);
|
|
29968
|
+
const { isLocalAudioEnabled, toggleAudio } = (0, import_react_sdk86.useAVToggle)();
|
|
29969
|
+
const isVideoOn = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectIsLocalVideoEnabled);
|
|
29939
29970
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
29940
|
-
const trackSelector = (0,
|
|
29941
|
-
const track = (0,
|
|
29971
|
+
const trackSelector = (0, import_react_sdk86.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
29972
|
+
const track = (0, import_react_sdk86.useHMSStore)(trackSelector);
|
|
29942
29973
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
29943
29974
|
const aspectRatio = useLocalTileAspectRatio();
|
|
29944
29975
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use34.useMeasure)();
|
|
@@ -29980,7 +30011,7 @@ var init_PreviewJoin = __esm({
|
|
|
29980
30011
|
};
|
|
29981
30012
|
PreviewControls = ({ hideSettings, vbEnabled }) => {
|
|
29982
30013
|
const isMobile = (0, import_react_use34.useMedia)(config.media.md);
|
|
29983
|
-
const isVBEnabledForUser = (0,
|
|
30014
|
+
const isVBEnabledForUser = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectIsVBEnabled);
|
|
29984
30015
|
return /* @__PURE__ */ import_react168.default.createElement(
|
|
29985
30016
|
Flex,
|
|
29986
30017
|
{
|
|
@@ -30036,13 +30067,13 @@ var init_RequestPrompt = __esm({
|
|
|
30036
30067
|
});
|
|
30037
30068
|
|
|
30038
30069
|
// src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
|
|
30039
|
-
var import_react170,
|
|
30070
|
+
var import_react170, import_react_sdk87, RoleChangeRequestModal;
|
|
30040
30071
|
var init_RoleChangeRequestModal = __esm({
|
|
30041
30072
|
"src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx"() {
|
|
30042
30073
|
"use strict";
|
|
30043
30074
|
init_define_process_env();
|
|
30044
30075
|
import_react170 = __toESM(require("react"));
|
|
30045
|
-
|
|
30076
|
+
import_react_sdk87 = require("@100mslive/react-sdk");
|
|
30046
30077
|
init_src();
|
|
30047
30078
|
init_PreviewJoin();
|
|
30048
30079
|
init_RequestPrompt();
|
|
@@ -30050,13 +30081,13 @@ var init_RoleChangeRequestModal = __esm({
|
|
|
30050
30081
|
init_useMetadata();
|
|
30051
30082
|
init_constants();
|
|
30052
30083
|
RoleChangeRequestModal = () => {
|
|
30053
|
-
const hmsActions = (0,
|
|
30084
|
+
const hmsActions = (0, import_react_sdk87.useHMSActions)();
|
|
30054
30085
|
const { updateMetaData } = useMyMetadata();
|
|
30055
|
-
const isPreview = (0,
|
|
30056
|
-
const currentRole = (0,
|
|
30057
|
-
const roleChangeRequest = (0,
|
|
30058
|
-
const name = (0,
|
|
30059
|
-
const { sendEvent } = (0,
|
|
30086
|
+
const isPreview = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectIsInPreview);
|
|
30087
|
+
const currentRole = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectLocalPeerRoleName);
|
|
30088
|
+
const roleChangeRequest = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectRoleChangeRequest);
|
|
30089
|
+
const name = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectLocalPeerName);
|
|
30090
|
+
const { sendEvent } = (0, import_react_sdk87.useCustomEvent)({ type: ROLE_CHANGE_DECLINED });
|
|
30060
30091
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
|
30061
30092
|
const { virtual_background } = elements || {};
|
|
30062
30093
|
(0, import_react170.useEffect)(() => {
|
|
@@ -30211,7 +30242,7 @@ var init_useVideoTileLayout = __esm({
|
|
|
30211
30242
|
});
|
|
30212
30243
|
|
|
30213
30244
|
// src/Prebuilt/components/InsetTile.tsx
|
|
30214
|
-
var import_react173, import_react_draggable, import_react_use36,
|
|
30245
|
+
var import_react173, import_react_draggable, import_react_use36, import_react_sdk88, import_react_icons83, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
|
|
30215
30246
|
var init_InsetTile = __esm({
|
|
30216
30247
|
"src/Prebuilt/components/InsetTile.tsx"() {
|
|
30217
30248
|
"use strict";
|
|
@@ -30219,7 +30250,7 @@ var init_InsetTile = __esm({
|
|
|
30219
30250
|
import_react173 = __toESM(require("react"));
|
|
30220
30251
|
import_react_draggable = __toESM(require("react-draggable"));
|
|
30221
30252
|
import_react_use36 = require("react-use");
|
|
30222
|
-
|
|
30253
|
+
import_react_sdk88 = require("@100mslive/react-sdk");
|
|
30223
30254
|
import_react_icons83 = require("@100mslive/react-icons");
|
|
30224
30255
|
init_Layout();
|
|
30225
30256
|
init_Text2();
|
|
@@ -30248,11 +30279,11 @@ var init_InsetTile = __esm({
|
|
|
30248
30279
|
InsetTile = ({ peerId }) => {
|
|
30249
30280
|
const isMobile = (0, import_react_use36.useMedia)(config.media.md);
|
|
30250
30281
|
const isLandscape = (0, import_react_use36.useMedia)(config.media.ls);
|
|
30251
|
-
const selector = peerId ? (0,
|
|
30252
|
-
const peer = (0,
|
|
30282
|
+
const selector = peerId ? (0, import_react_sdk88.selectPeerByID)(peerId) : import_react_sdk88.selectLocalPeer;
|
|
30283
|
+
const peer = (0, import_react_sdk88.useHMSStore)(selector);
|
|
30253
30284
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
30254
|
-
const videoTrack = (0,
|
|
30255
|
-
const isAllowedToPublish = (0,
|
|
30285
|
+
const videoTrack = (0, import_react_sdk88.useHMSStore)((0, import_react_sdk88.selectVideoTrackByID)(peer == null ? void 0 : peer.videoTrack));
|
|
30286
|
+
const isAllowedToPublish = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectIsAllowedToPublish);
|
|
30256
30287
|
const videoTileProps = useVideoTileContext();
|
|
30257
30288
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
|
30258
30289
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
|
@@ -30423,21 +30454,21 @@ var init_Grid = __esm({
|
|
|
30423
30454
|
});
|
|
30424
30455
|
|
|
30425
30456
|
// src/Prebuilt/components/hooks/useTileLayout.tsx
|
|
30426
|
-
var import_react176, import_react_use37,
|
|
30457
|
+
var import_react176, import_react_use37, import_react_sdk89, aspectRatioConfig, usePagesWithTiles, useTileLayout;
|
|
30427
30458
|
var init_useTileLayout = __esm({
|
|
30428
30459
|
"src/Prebuilt/components/hooks/useTileLayout.tsx"() {
|
|
30429
30460
|
"use strict";
|
|
30430
30461
|
init_define_process_env();
|
|
30431
30462
|
import_react176 = require("react");
|
|
30432
30463
|
import_react_use37 = require("react-use");
|
|
30433
|
-
|
|
30464
|
+
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
30434
30465
|
init_Theme();
|
|
30435
30466
|
aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
|
|
30436
30467
|
usePagesWithTiles = ({ peers, maxTileCount }) => {
|
|
30437
|
-
const vanillaStore = (0,
|
|
30438
|
-
const tracksMap = vanillaStore.getState(
|
|
30468
|
+
const vanillaStore = (0, import_react_sdk89.useHMSVanillaStore)();
|
|
30469
|
+
const tracksMap = vanillaStore.getState(import_react_sdk89.selectTracksMap);
|
|
30439
30470
|
const peersWithTiles = (0, import_react176.useMemo)(
|
|
30440
|
-
() => (0,
|
|
30471
|
+
() => (0, import_react_sdk89.getPeersWithTiles)(peers, tracksMap, () => false),
|
|
30441
30472
|
[peers, tracksMap]
|
|
30442
30473
|
);
|
|
30443
30474
|
const noOfPages = Math.ceil(peersWithTiles.length / maxTileCount);
|
|
@@ -30460,7 +30491,7 @@ var init_useTileLayout = __esm({
|
|
|
30460
30491
|
maxTileCount,
|
|
30461
30492
|
edgeToEdge = false
|
|
30462
30493
|
}) => {
|
|
30463
|
-
const vanillaStore = (0,
|
|
30494
|
+
const vanillaStore = (0, import_react_sdk89.useHMSVanillaStore)();
|
|
30464
30495
|
const [ref, { width, height }] = (0, import_react_use37.useMeasure)();
|
|
30465
30496
|
const isMobile = (0, import_react_use37.useMedia)(config.media.lg);
|
|
30466
30497
|
const [pagesWithTiles, setPagesWithTiles] = (0, import_react176.useState)([]);
|
|
@@ -30680,14 +30711,14 @@ var init_ProminenceLayout = __esm({
|
|
|
30680
30711
|
});
|
|
30681
30712
|
|
|
30682
30713
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
30683
|
-
var import_react179, import_react_use39,
|
|
30714
|
+
var import_react179, import_react_use39, import_react_sdk90, SecondaryTiles;
|
|
30684
30715
|
var init_SecondaryTiles = __esm({
|
|
30685
30716
|
"src/Prebuilt/components/SecondaryTiles.tsx"() {
|
|
30686
30717
|
"use strict";
|
|
30687
30718
|
init_define_process_env();
|
|
30688
30719
|
import_react179 = __toESM(require("react"));
|
|
30689
30720
|
import_react_use39 = require("react-use");
|
|
30690
|
-
|
|
30721
|
+
import_react_sdk90 = require("@100mslive/react-sdk");
|
|
30691
30722
|
init_ProminenceLayout();
|
|
30692
30723
|
init_Theme();
|
|
30693
30724
|
init_Pagination2();
|
|
@@ -30698,10 +30729,10 @@ var init_SecondaryTiles = __esm({
|
|
|
30698
30729
|
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
30699
30730
|
const maxTileCount = isMobile ? 2 : 4;
|
|
30700
30731
|
const [page, setPage] = (0, import_react179.useState)(0);
|
|
30701
|
-
const pinnedTrackId = (0,
|
|
30702
|
-
const spotlightPeerId = (0,
|
|
30703
|
-
const activeScreensharePeerId = (0,
|
|
30704
|
-
const pinnedPeer = (_a7 = (0,
|
|
30732
|
+
const pinnedTrackId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.pinnedTrackId));
|
|
30733
|
+
const spotlightPeerId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectSessionStore)("spotlight" /* SPOTLIGHT */));
|
|
30734
|
+
const activeScreensharePeerId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
30735
|
+
const pinnedPeer = (_a7 = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
|
|
30705
30736
|
const pageChangedAfterPinning = (0, import_react179.useRef)(false);
|
|
30706
30737
|
const pagesWithTiles = usePagesWithTiles({
|
|
30707
30738
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
|
@@ -30810,7 +30841,7 @@ function RoleProminence({
|
|
|
30810
30841
|
}) {
|
|
30811
30842
|
var _a7;
|
|
30812
30843
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
30813
|
-
const localPeer = (0,
|
|
30844
|
+
const localPeer = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectLocalPeer);
|
|
30814
30845
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
30815
30846
|
const isMobile = (0, import_react_use40.useMedia)(config.media.md);
|
|
30816
30847
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
@@ -30850,14 +30881,14 @@ function RoleProminence({
|
|
|
30850
30881
|
}
|
|
30851
30882
|
), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react181.default.createElement(InsetTile, null));
|
|
30852
30883
|
}
|
|
30853
|
-
var import_react181, import_react_use40,
|
|
30884
|
+
var import_react181, import_react_use40, import_react_sdk91;
|
|
30854
30885
|
var init_RoleProminence = __esm({
|
|
30855
30886
|
"src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
|
|
30856
30887
|
"use strict";
|
|
30857
30888
|
init_define_process_env();
|
|
30858
30889
|
import_react181 = __toESM(require("react"));
|
|
30859
30890
|
import_react_use40 = require("react-use");
|
|
30860
|
-
|
|
30891
|
+
import_react_sdk91 = require("@100mslive/react-sdk");
|
|
30861
30892
|
init_Theme();
|
|
30862
30893
|
init_InsetTile();
|
|
30863
30894
|
init_Pagination2();
|
|
@@ -30989,19 +31020,19 @@ var init_LayoutModeSelector = __esm({
|
|
|
30989
31020
|
});
|
|
30990
31021
|
|
|
30991
31022
|
// src/Prebuilt/components/ScreenshareDisplay.tsx
|
|
30992
|
-
var import_react183,
|
|
31023
|
+
var import_react183, import_react_sdk92, import_react_icons87, ScreenshareDisplay;
|
|
30993
31024
|
var init_ScreenshareDisplay = __esm({
|
|
30994
31025
|
"src/Prebuilt/components/ScreenshareDisplay.tsx"() {
|
|
30995
31026
|
"use strict";
|
|
30996
31027
|
init_define_process_env();
|
|
30997
31028
|
import_react183 = __toESM(require("react"));
|
|
30998
|
-
|
|
31029
|
+
import_react_sdk92 = require("@100mslive/react-sdk");
|
|
30999
31030
|
import_react_icons87 = require("@100mslive/react-icons");
|
|
31000
31031
|
init_Button2();
|
|
31001
31032
|
init_Layout();
|
|
31002
31033
|
init_Text2();
|
|
31003
31034
|
ScreenshareDisplay = () => {
|
|
31004
|
-
const hmsActions = (0,
|
|
31035
|
+
const hmsActions = (0, import_react_sdk92.useHMSActions)();
|
|
31005
31036
|
return /* @__PURE__ */ import_react183.default.createElement(
|
|
31006
31037
|
Flex,
|
|
31007
31038
|
{
|
|
@@ -31035,7 +31066,7 @@ var init_ScreenshareDisplay = __esm({
|
|
|
31035
31066
|
});
|
|
31036
31067
|
|
|
31037
31068
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
31038
|
-
var import_react184, import_react_use41, import_screenfull2,
|
|
31069
|
+
var import_react184, import_react_use41, import_screenfull2, import_react_sdk93, import_react_icons88, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
|
|
31039
31070
|
var init_ScreenshareTile = __esm({
|
|
31040
31071
|
"src/Prebuilt/components/ScreenshareTile.tsx"() {
|
|
31041
31072
|
"use strict";
|
|
@@ -31043,7 +31074,7 @@ var init_ScreenshareTile = __esm({
|
|
|
31043
31074
|
import_react184 = __toESM(require("react"));
|
|
31044
31075
|
import_react_use41 = require("react-use");
|
|
31045
31076
|
import_screenfull2 = __toESM(require("screenfull"));
|
|
31046
|
-
|
|
31077
|
+
import_react_sdk93 = require("@100mslive/react-sdk");
|
|
31047
31078
|
import_react_icons88 = require("@100mslive/react-icons");
|
|
31048
31079
|
init_TileMenu2();
|
|
31049
31080
|
init_Layout();
|
|
@@ -31065,10 +31096,10 @@ var init_ScreenshareTile = __esm({
|
|
|
31065
31096
|
flexShrink: 0
|
|
31066
31097
|
};
|
|
31067
31098
|
Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
31068
|
-
const isLocal = (0,
|
|
31069
|
-
const track = (0,
|
|
31099
|
+
const isLocal = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectLocalPeerID) === peerId;
|
|
31100
|
+
const track = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectScreenShareByPeerID)(peerId));
|
|
31070
31101
|
const { theme: theme2 } = useTheme();
|
|
31071
|
-
const peer = (0,
|
|
31102
|
+
const peer = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectPeerByID)(peerId));
|
|
31072
31103
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
31073
31104
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react184.useState)(false);
|
|
31074
31105
|
const isMobile = (0, import_react_use41.useMedia)(config.media.md);
|
|
@@ -31079,7 +31110,7 @@ var init_ScreenshareTile = __esm({
|
|
|
31079
31110
|
onClose: () => setFullscreen(false)
|
|
31080
31111
|
});
|
|
31081
31112
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
|
31082
|
-
const audioTrack = (0,
|
|
31113
|
+
const audioTrack = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
|
|
31083
31114
|
if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
|
|
31084
31115
|
return /* @__PURE__ */ import_react184.default.createElement(ScreenshareDisplay, null);
|
|
31085
31116
|
}
|
|
@@ -31158,14 +31189,14 @@ var init_ScreenshareTile = __esm({
|
|
|
31158
31189
|
});
|
|
31159
31190
|
|
|
31160
31191
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
31161
|
-
var import_react185, import_react_use42,
|
|
31192
|
+
var import_react185, import_react_use42, import_react_sdk94, ScreenshareLayout;
|
|
31162
31193
|
var init_ScreenshareLayout = __esm({
|
|
31163
31194
|
"src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
|
|
31164
31195
|
"use strict";
|
|
31165
31196
|
init_define_process_env();
|
|
31166
31197
|
import_react185 = __toESM(require("react"));
|
|
31167
31198
|
import_react_use42 = require("react-use");
|
|
31168
|
-
|
|
31199
|
+
import_react_sdk94 = require("@100mslive/react-sdk");
|
|
31169
31200
|
init_Theme();
|
|
31170
31201
|
init_InsetTile();
|
|
31171
31202
|
init_Pagination2();
|
|
@@ -31177,7 +31208,7 @@ var init_ScreenshareLayout = __esm({
|
|
|
31177
31208
|
init_constants();
|
|
31178
31209
|
ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
31179
31210
|
var _a7;
|
|
31180
|
-
const peersSharing = (0,
|
|
31211
|
+
const peersSharing = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectPeersScreenSharing);
|
|
31181
31212
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31182
31213
|
const [page, setPage] = (0, import_react185.useState)(0);
|
|
31183
31214
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
@@ -31226,14 +31257,14 @@ var init_ScreenshareLayout = __esm({
|
|
|
31226
31257
|
}
|
|
31227
31258
|
});
|
|
31228
31259
|
|
|
31229
|
-
// ../../../../../../../tmp/tmp-
|
|
31230
|
-
var
|
|
31231
|
-
"../../../../../../../tmp/tmp-
|
|
31260
|
+
// ../../../../../../../tmp/tmp-2889-k8ptlDasHYFt/1914c14f9ab0/index.css
|
|
31261
|
+
var init_c14f9ab0 = __esm({
|
|
31262
|
+
"../../../../../../../tmp/tmp-2889-k8ptlDasHYFt/1914c14f9ab0/index.css"() {
|
|
31232
31263
|
}
|
|
31233
31264
|
});
|
|
31234
31265
|
|
|
31235
31266
|
// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
|
|
31236
|
-
var import_react186, import_react_use43, import_hms_whiteboard,
|
|
31267
|
+
var import_react186, import_react_use43, import_hms_whiteboard, import_react_sdk95, WhiteboardEmbed, WhiteboardLayout;
|
|
31237
31268
|
var init_WhiteboardLayout = __esm({
|
|
31238
31269
|
"src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
|
|
31239
31270
|
"use strict";
|
|
@@ -31241,7 +31272,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
31241
31272
|
import_react186 = __toESM(require("react"));
|
|
31242
31273
|
import_react_use43 = require("react-use");
|
|
31243
31274
|
import_hms_whiteboard = require("@100mslive/hms-whiteboard");
|
|
31244
|
-
|
|
31275
|
+
import_react_sdk95 = require("@100mslive/react-sdk");
|
|
31245
31276
|
init_Layout();
|
|
31246
31277
|
init_Theme();
|
|
31247
31278
|
init_InsetTile();
|
|
@@ -31250,10 +31281,10 @@ var init_WhiteboardLayout = __esm({
|
|
|
31250
31281
|
init_ProminenceLayout();
|
|
31251
31282
|
init_useUISettings();
|
|
31252
31283
|
init_constants();
|
|
31253
|
-
|
|
31284
|
+
init_c14f9ab0();
|
|
31254
31285
|
WhiteboardEmbed = () => {
|
|
31255
31286
|
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
|
31256
|
-
const { token, endpoint, zoomToContent } = (0,
|
|
31287
|
+
const { token, endpoint, zoomToContent } = (0, import_react_sdk95.useWhiteboard)(isMobile);
|
|
31257
31288
|
if (!token) {
|
|
31258
31289
|
return null;
|
|
31259
31290
|
}
|
|
@@ -31274,8 +31305,8 @@ var init_WhiteboardLayout = __esm({
|
|
|
31274
31305
|
);
|
|
31275
31306
|
};
|
|
31276
31307
|
WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
31277
|
-
const whiteboard = (0,
|
|
31278
|
-
const whiteboardOwner = (0,
|
|
31308
|
+
const whiteboard = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectWhiteboard);
|
|
31309
|
+
const whiteboardOwner = (0, import_react_sdk95.useHMSStore)((0, import_react_sdk95.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
|
|
31279
31310
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
31280
31311
|
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
|
31281
31312
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
|
@@ -31316,12 +31347,12 @@ var init_WhiteboardLayout = __esm({
|
|
|
31316
31347
|
});
|
|
31317
31348
|
|
|
31318
31349
|
// src/Prebuilt/common/PeersSorter.ts
|
|
31319
|
-
var
|
|
31350
|
+
var import_react_sdk96, PeersSorter, PeersSorter_default;
|
|
31320
31351
|
var init_PeersSorter = __esm({
|
|
31321
31352
|
"src/Prebuilt/common/PeersSorter.ts"() {
|
|
31322
31353
|
"use strict";
|
|
31323
31354
|
init_define_process_env();
|
|
31324
|
-
|
|
31355
|
+
import_react_sdk96 = require("@100mslive/react-sdk");
|
|
31325
31356
|
PeersSorter = class {
|
|
31326
31357
|
constructor(store) {
|
|
31327
31358
|
this.storeUnsubscribe = void 0;
|
|
@@ -31343,7 +31374,7 @@ var init_PeersSorter = __esm({
|
|
|
31343
31374
|
}
|
|
31344
31375
|
});
|
|
31345
31376
|
if (!this.storeUnsubscribe) {
|
|
31346
|
-
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange,
|
|
31377
|
+
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk96.selectDominantSpeaker);
|
|
31347
31378
|
}
|
|
31348
31379
|
this.moveSpeakerToFront(this.speaker);
|
|
31349
31380
|
};
|
|
@@ -31417,13 +31448,13 @@ var init_PeersSorter = __esm({
|
|
|
31417
31448
|
});
|
|
31418
31449
|
|
|
31419
31450
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
|
31420
|
-
var import_react187,
|
|
31451
|
+
var import_react187, import_react_sdk97, GridLayout;
|
|
31421
31452
|
var init_GridLayout = __esm({
|
|
31422
31453
|
"src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
|
|
31423
31454
|
"use strict";
|
|
31424
31455
|
init_define_process_env();
|
|
31425
31456
|
import_react187 = __toESM(require("react"));
|
|
31426
|
-
|
|
31457
|
+
import_react_sdk97 = require("@100mslive/react-sdk");
|
|
31427
31458
|
init_EqualProminence();
|
|
31428
31459
|
init_RoleProminence();
|
|
31429
31460
|
init_ScreenshareLayout();
|
|
@@ -31443,12 +31474,12 @@ var init_GridLayout = __esm({
|
|
|
31443
31474
|
edge_to_edge = false,
|
|
31444
31475
|
hide_metadata_on_tile = false
|
|
31445
31476
|
}) => {
|
|
31446
|
-
const peerSharing = (0,
|
|
31447
|
-
const whiteboard = (0,
|
|
31477
|
+
const peerSharing = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
|
|
31478
|
+
const whiteboard = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectWhiteboard);
|
|
31448
31479
|
const pinnedTrack = usePinnedTrack();
|
|
31449
|
-
const peers = (0,
|
|
31450
|
-
const localPeerRole = (0,
|
|
31451
|
-
const localPeerID = (0,
|
|
31480
|
+
const peers = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
|
|
31481
|
+
const localPeerRole = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectLocalPeerRoleName);
|
|
31482
|
+
const localPeerID = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectLocalPeerID);
|
|
31452
31483
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31453
31484
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
31454
31485
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -31476,7 +31507,7 @@ var init_GridLayout = __esm({
|
|
|
31476
31507
|
peers,
|
|
31477
31508
|
pinnedTrack
|
|
31478
31509
|
]);
|
|
31479
|
-
const vanillaStore = (0,
|
|
31510
|
+
const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
|
|
31480
31511
|
const [sortedPeers, setSortedPeers] = (0, import_react187.useState)(updatedPeers);
|
|
31481
31512
|
const peersSorter = (0, import_react187.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
|
|
31482
31513
|
const [pageSize, setPageSize] = (0, import_react187.useState)(0);
|
|
@@ -31547,13 +31578,13 @@ var init_GridLayout = __esm({
|
|
|
31547
31578
|
});
|
|
31548
31579
|
|
|
31549
31580
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
31550
|
-
var import_react188,
|
|
31581
|
+
var import_react188, import_react_sdk98, EmbedView, EmbedScreenShareView, EmbedComponent;
|
|
31551
31582
|
var init_EmbedView = __esm({
|
|
31552
31583
|
"src/Prebuilt/layouts/EmbedView.jsx"() {
|
|
31553
31584
|
"use strict";
|
|
31554
31585
|
init_define_process_env();
|
|
31555
31586
|
import_react188 = __toESM(require("react"));
|
|
31556
|
-
|
|
31587
|
+
import_react_sdk98 = require("@100mslive/react-sdk");
|
|
31557
31588
|
init_SecondaryTiles();
|
|
31558
31589
|
init_ToastManager();
|
|
31559
31590
|
init_ProminenceLayout();
|
|
@@ -31564,8 +31595,8 @@ var init_EmbedView = __esm({
|
|
|
31564
31595
|
return /* @__PURE__ */ import_react188.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react188.default.createElement(EmbedComponent, null));
|
|
31565
31596
|
};
|
|
31566
31597
|
EmbedScreenShareView = ({ children }) => {
|
|
31567
|
-
const peers = (0,
|
|
31568
|
-
const peerPresenting = (0,
|
|
31598
|
+
const peers = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeers);
|
|
31599
|
+
const peerPresenting = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeerScreenSharing);
|
|
31569
31600
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31570
31601
|
const smallTilePeers = (0, import_react188.useMemo)(() => {
|
|
31571
31602
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
@@ -31580,9 +31611,9 @@ var init_EmbedView = __esm({
|
|
|
31580
31611
|
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 }));
|
|
31581
31612
|
};
|
|
31582
31613
|
EmbedComponent = () => {
|
|
31583
|
-
const embedConfig = (0,
|
|
31614
|
+
const embedConfig = (0, import_react_sdk98.useHMSStore)((0, import_react_sdk98.selectAppData)(APP_DATA.embedConfig));
|
|
31584
31615
|
const resetConfig = useResetEmbedConfig();
|
|
31585
|
-
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0,
|
|
31616
|
+
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk98.useEmbedShare)(resetConfig);
|
|
31586
31617
|
(0, import_react188.useEffect)(() => {
|
|
31587
31618
|
(() => __async(void 0, null, function* () {
|
|
31588
31619
|
if (embedConfig && !isEmbedShareInProgress) {
|
|
@@ -31632,13 +31663,13 @@ var init_EmbedView = __esm({
|
|
|
31632
31663
|
});
|
|
31633
31664
|
|
|
31634
31665
|
// src/Prebuilt/layouts/PDFView.jsx
|
|
31635
|
-
var import_react189,
|
|
31666
|
+
var import_react189, import_react_sdk99, PDFView;
|
|
31636
31667
|
var init_PDFView = __esm({
|
|
31637
31668
|
"src/Prebuilt/layouts/PDFView.jsx"() {
|
|
31638
31669
|
"use strict";
|
|
31639
31670
|
init_define_process_env();
|
|
31640
31671
|
import_react189 = __toESM(require("react"));
|
|
31641
|
-
|
|
31672
|
+
import_react_sdk99 = require("@100mslive/react-sdk");
|
|
31642
31673
|
init_ToastManager();
|
|
31643
31674
|
init_Layout();
|
|
31644
31675
|
init_EmbedView();
|
|
@@ -31646,7 +31677,7 @@ var init_PDFView = __esm({
|
|
|
31646
31677
|
PDFView = () => {
|
|
31647
31678
|
const pdfConfig = usePDFConfig();
|
|
31648
31679
|
const resetConfig = useResetPDFConfig();
|
|
31649
|
-
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0,
|
|
31680
|
+
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk99.usePDFShare)(resetConfig);
|
|
31650
31681
|
(0, import_react189.useEffect)(() => {
|
|
31651
31682
|
return () => {
|
|
31652
31683
|
resetConfig();
|
|
@@ -31701,7 +31732,7 @@ var init_PDFView = __esm({
|
|
|
31701
31732
|
});
|
|
31702
31733
|
|
|
31703
31734
|
// src/Prebuilt/plugins/CaptionsViewer.tsx
|
|
31704
|
-
var import_react190, import_react_draggable2, import_react_use44,
|
|
31735
|
+
var import_react190, import_react_draggable2, import_react_use44, import_react_sdk100, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
|
|
31705
31736
|
var init_CaptionsViewer = __esm({
|
|
31706
31737
|
"src/Prebuilt/plugins/CaptionsViewer.tsx"() {
|
|
31707
31738
|
"use strict";
|
|
@@ -31709,7 +31740,7 @@ var init_CaptionsViewer = __esm({
|
|
|
31709
31740
|
import_react190 = __toESM(require("react"));
|
|
31710
31741
|
import_react_draggable2 = __toESM(require("react-draggable"));
|
|
31711
31742
|
import_react_use44 = require("react-use");
|
|
31712
|
-
|
|
31743
|
+
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
31713
31744
|
init_Layout();
|
|
31714
31745
|
init_Text2();
|
|
31715
31746
|
init_Theme();
|
|
@@ -31850,7 +31881,7 @@ var init_CaptionsViewer = __esm({
|
|
|
31850
31881
|
}
|
|
31851
31882
|
};
|
|
31852
31883
|
TranscriptView = ({ peer_id, data: data3 }) => {
|
|
31853
|
-
const peerName = (0,
|
|
31884
|
+
const peerName = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectPeerNameByID)(peer_id)) || "Participant";
|
|
31854
31885
|
data3 = data3.trim();
|
|
31855
31886
|
if (!data3)
|
|
31856
31887
|
return null;
|
|
@@ -31878,7 +31909,7 @@ var init_CaptionsViewer = __esm({
|
|
|
31878
31909
|
const [captionQueue] = (0, import_react190.useState)(new CaptionMaintainerQueue());
|
|
31879
31910
|
const [currentData, setCurrentData] = (0, import_react190.useState)([]);
|
|
31880
31911
|
const isCaptionEnabled = useIsCaptionEnabled();
|
|
31881
|
-
const isTranscriptionEnabled = (0,
|
|
31912
|
+
const isTranscriptionEnabled = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsTranscriptionEnabled);
|
|
31882
31913
|
const nodeRef = (0, import_react190.useRef)(null);
|
|
31883
31914
|
(0, import_react190.useEffect)(() => {
|
|
31884
31915
|
const timeInterval = setInterval(() => {
|
|
@@ -31891,7 +31922,7 @@ var init_CaptionsViewer = __esm({
|
|
|
31891
31922
|
}, 1e3);
|
|
31892
31923
|
return () => clearInterval(timeInterval);
|
|
31893
31924
|
}, [captionQueue]);
|
|
31894
|
-
(0,
|
|
31925
|
+
(0, import_react_sdk100.useTranscript)({
|
|
31895
31926
|
onTranscript: (data3) => {
|
|
31896
31927
|
captionQueue && captionQueue.push(data3);
|
|
31897
31928
|
}
|
|
@@ -31948,16 +31979,16 @@ var init_CaptionsViewer = __esm({
|
|
|
31948
31979
|
});
|
|
31949
31980
|
|
|
31950
31981
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
|
31951
|
-
var import_react191,
|
|
31982
|
+
var import_react191, import_react_sdk101, useCloseScreenshareWhiteboard;
|
|
31952
31983
|
var init_useCloseScreenshareWhiteboard = __esm({
|
|
31953
31984
|
"src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
|
|
31954
31985
|
"use strict";
|
|
31955
31986
|
init_define_process_env();
|
|
31956
31987
|
import_react191 = require("react");
|
|
31957
|
-
|
|
31988
|
+
import_react_sdk101 = require("@100mslive/react-sdk");
|
|
31958
31989
|
useCloseScreenshareWhiteboard = () => {
|
|
31959
|
-
const peerSharing = (0,
|
|
31960
|
-
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0,
|
|
31990
|
+
const peerSharing = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectPeerScreenSharing);
|
|
31991
|
+
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk101.useWhiteboard)();
|
|
31961
31992
|
(0, import_react191.useEffect)(() => {
|
|
31962
31993
|
if (isWhiteboardOwner && peerSharing) {
|
|
31963
31994
|
toggleWhiteboard == null ? void 0 : toggleWhiteboard();
|
|
@@ -33065,7 +33096,7 @@ var HLSView_exports = {};
|
|
|
33065
33096
|
__export(HLSView_exports, {
|
|
33066
33097
|
default: () => HLSView_default
|
|
33067
33098
|
});
|
|
33068
|
-
var import_react206, import_react_use48, import_hls_player3, import_screenfull3, import_ts_pattern12,
|
|
33099
|
+
var import_react206, import_react_use48, import_hls_player3, import_screenfull3, import_ts_pattern12, import_react_sdk102, import_react_icons98, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
|
|
33069
33100
|
var init_HLSView = __esm({
|
|
33070
33101
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
|
33071
33102
|
"use strict";
|
|
@@ -33075,7 +33106,7 @@ var init_HLSView = __esm({
|
|
|
33075
33106
|
import_hls_player3 = require("@100mslive/hls-player");
|
|
33076
33107
|
import_screenfull3 = __toESM(require("screenfull"));
|
|
33077
33108
|
import_ts_pattern12 = require("ts-pattern");
|
|
33078
|
-
|
|
33109
|
+
import_react_sdk102 = require("@100mslive/react-sdk");
|
|
33079
33110
|
import_react_icons98 = require("@100mslive/react-icons");
|
|
33080
33111
|
init_ChatToggle();
|
|
33081
33112
|
init_HlsStatsOverlay();
|
|
@@ -33103,11 +33134,11 @@ var init_HLSView = __esm({
|
|
|
33103
33134
|
toastMap = {};
|
|
33104
33135
|
ToggleChat = ({ isFullScreen = false }) => {
|
|
33105
33136
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
33106
|
-
const sidepane = (0,
|
|
33137
|
+
const sidepane = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.sidePane));
|
|
33107
33138
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
33108
33139
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
33109
33140
|
const isMobile = (0, import_react_use48.useMedia)(config.media.md);
|
|
33110
|
-
const hmsActions = (0,
|
|
33141
|
+
const hmsActions = (0, import_react_sdk102.useHMSActions)();
|
|
33111
33142
|
(0, import_react206.useEffect)(() => {
|
|
33112
33143
|
(0, import_ts_pattern12.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
|
|
33113
33144
|
hmsActions.setAppData(APP_DATA.sidePane, "");
|
|
@@ -33125,10 +33156,10 @@ var init_HLSView = __esm({
|
|
|
33125
33156
|
const videoRef = (0, import_react206.useRef)(null);
|
|
33126
33157
|
const hlsViewRef = (0, import_react206.useRef)();
|
|
33127
33158
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
33128
|
-
const hlsState = (0,
|
|
33129
|
-
const enablHlsStats = (0,
|
|
33130
|
-
const notification = (0,
|
|
33131
|
-
const hmsActions = (0,
|
|
33159
|
+
const hlsState = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectHLSState);
|
|
33160
|
+
const enablHlsStats = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.hlsStats));
|
|
33161
|
+
const notification = (0, import_react_sdk102.useHMSNotifications)(import_react_sdk102.HMSNotificationTypes.POLL_STOPPED);
|
|
33162
|
+
const hmsActions = (0, import_react_sdk102.useHMSActions)();
|
|
33132
33163
|
const { themeType } = useTheme();
|
|
33133
33164
|
const [streamEnded, setStreamEnded] = (0, import_react206.useState)(false);
|
|
33134
33165
|
let [hlsStatsState, setHlsStatsState] = (0, import_react206.useState)(null);
|
|
@@ -33147,7 +33178,7 @@ var init_HLSView = __esm({
|
|
|
33147
33178
|
const [isPaused, setIsPaused] = (0, import_react206.useState)(false);
|
|
33148
33179
|
const [show, toggle] = (0, import_react_use48.useToggle)(false);
|
|
33149
33180
|
const lastHlsUrl = (0, import_react_use48.usePrevious)(hlsUrl);
|
|
33150
|
-
const vanillaStore = (0,
|
|
33181
|
+
const vanillaStore = (0, import_react_sdk102.useHMSVanillaStore)();
|
|
33151
33182
|
const [controlsVisible, setControlsVisible] = (0, import_react206.useState)(true);
|
|
33152
33183
|
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react206.useState)(true);
|
|
33153
33184
|
const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react206.useState)(false);
|
|
@@ -33233,8 +33264,8 @@ var init_HLSView = __esm({
|
|
|
33233
33264
|
const parsedPayload = parsePayload(payload);
|
|
33234
33265
|
if (parsedPayload.startsWith("poll:")) {
|
|
33235
33266
|
const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
|
|
33236
|
-
const poll = vanillaStore.getState((0,
|
|
33237
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
33267
|
+
const poll = vanillaStore.getState((0, import_react_sdk102.selectPollByID)(pollId));
|
|
33268
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk102.selectPeerNameByID)(poll.startedBy)) || "Participant";
|
|
33238
33269
|
if (!toastMap[pollId]) {
|
|
33239
33270
|
const toastID = ToastManager.addToast({
|
|
33240
33271
|
title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
|
|
@@ -33390,7 +33421,7 @@ var init_HLSView = __esm({
|
|
|
33390
33421
|
const onDoubleClickHandler = (0, import_react206.useCallback)(
|
|
33391
33422
|
(event) => {
|
|
33392
33423
|
var _a8;
|
|
33393
|
-
if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !==
|
|
33424
|
+
if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk102.HLSPlaylistType.DVR) {
|
|
33394
33425
|
return;
|
|
33395
33426
|
}
|
|
33396
33427
|
const sidePercentage = event.screenX * 100 / event.target.clientWidth;
|
|
@@ -33416,7 +33447,7 @@ var init_HLSView = __esm({
|
|
|
33416
33447
|
);
|
|
33417
33448
|
const onClickHandler = (0, import_react206.useCallback)(() => __async(void 0, null, function* () {
|
|
33418
33449
|
var _a8;
|
|
33419
|
-
(0, import_ts_pattern12.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type:
|
|
33450
|
+
(0, import_ts_pattern12.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* () {
|
|
33420
33451
|
if (isPaused) {
|
|
33421
33452
|
yield hlsPlayer == null ? void 0 : hlsPlayer.play();
|
|
33422
33453
|
} else {
|
|
@@ -33519,7 +33550,7 @@ var init_HLSView = __esm({
|
|
|
33519
33550
|
},
|
|
33520
33551
|
onKeyDown: (event) => __async(void 0, null, function* () {
|
|
33521
33552
|
var _a8;
|
|
33522
|
-
if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) ===
|
|
33553
|
+
if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR) {
|
|
33523
33554
|
yield keyHandler(event);
|
|
33524
33555
|
}
|
|
33525
33556
|
}),
|
|
@@ -33563,7 +33594,7 @@ var init_HLSView = __esm({
|
|
|
33563
33594
|
size: "100%"
|
|
33564
33595
|
}
|
|
33565
33596
|
},
|
|
33566
|
-
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) ===
|
|
33597
|
+
!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(
|
|
33567
33598
|
HMSVideoPlayer.PlayPauseSeekControls.Overlay,
|
|
33568
33599
|
{
|
|
33569
33600
|
isPaused,
|
|
@@ -33571,7 +33602,7 @@ var init_HLSView = __esm({
|
|
|
33571
33602
|
hoverControlsVisible
|
|
33572
33603
|
}
|
|
33573
33604
|
)
|
|
33574
|
-
), 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) ===
|
|
33605
|
+
), 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(
|
|
33575
33606
|
HMSVideoPlayer.PlayPauseSeekControls.Overlay,
|
|
33576
33607
|
{
|
|
33577
33608
|
isPaused,
|
|
@@ -33638,7 +33669,7 @@ var init_HLSView = __esm({
|
|
|
33638
33669
|
align: "start",
|
|
33639
33670
|
css: {
|
|
33640
33671
|
position: "absolute",
|
|
33641
|
-
bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) ===
|
|
33672
|
+
bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? "$8" : "0",
|
|
33642
33673
|
left: "0",
|
|
33643
33674
|
zIndex: 1,
|
|
33644
33675
|
background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
|
|
@@ -33648,7 +33679,7 @@ var init_HLSView = __esm({
|
|
|
33648
33679
|
transition: "visibility 0s 0.5s, opacity 0.5s linear"
|
|
33649
33680
|
}
|
|
33650
33681
|
},
|
|
33651
|
-
((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) ===
|
|
33682
|
+
((_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,
|
|
33652
33683
|
/* @__PURE__ */ import_react206.default.createElement(
|
|
33653
33684
|
HMSVideoPlayer.Controls.Root,
|
|
33654
33685
|
{
|
|
@@ -33657,7 +33688,7 @@ var init_HLSView = __esm({
|
|
|
33657
33688
|
},
|
|
33658
33689
|
onClick: (e) => e.stopPropagation()
|
|
33659
33690
|
},
|
|
33660
|
-
/* @__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) ===
|
|
33691
|
+
/* @__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(
|
|
33661
33692
|
IconButton,
|
|
33662
33693
|
{
|
|
33663
33694
|
css: { px: "$2" },
|
|
@@ -33690,7 +33721,7 @@ var init_HLSView = __esm({
|
|
|
33690
33721
|
},
|
|
33691
33722
|
isVideoLive ? "LIVE" : "GO LIVE"
|
|
33692
33723
|
)))
|
|
33693
|
-
), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) ===
|
|
33724
|
+
), (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),
|
|
33694
33725
|
/* @__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(
|
|
33695
33726
|
HLSQualitySelector,
|
|
33696
33727
|
{
|
|
@@ -33715,7 +33746,7 @@ var init_HLSView = __esm({
|
|
|
33715
33746
|
});
|
|
33716
33747
|
|
|
33717
33748
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
33718
|
-
var import_react207, import_react_use49, import_ts_pattern13,
|
|
33749
|
+
var import_react207, import_react_use49, import_ts_pattern13, import_react_sdk103, import_react_icons99, HLSView2, VideoStreamingSection;
|
|
33719
33750
|
var init_VideoStreamingSection = __esm({
|
|
33720
33751
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
|
33721
33752
|
"use strict";
|
|
@@ -33723,7 +33754,7 @@ var init_VideoStreamingSection = __esm({
|
|
|
33723
33754
|
import_react207 = __toESM(require("react"));
|
|
33724
33755
|
import_react_use49 = require("react-use");
|
|
33725
33756
|
import_ts_pattern13 = require("ts-pattern");
|
|
33726
|
-
|
|
33757
|
+
import_react_sdk103 = require("@100mslive/react-sdk");
|
|
33727
33758
|
import_react_icons99 = require("@100mslive/react-icons");
|
|
33728
33759
|
init_FullPageProgress();
|
|
33729
33760
|
init_GridLayout();
|
|
@@ -33744,10 +33775,10 @@ var init_VideoStreamingSection = __esm({
|
|
|
33744
33775
|
hideControls = false
|
|
33745
33776
|
}) => {
|
|
33746
33777
|
var _a7;
|
|
33747
|
-
const localPeerRoleName = (0,
|
|
33748
|
-
const isConnected = (0,
|
|
33749
|
-
const isSharingScreen = (0,
|
|
33750
|
-
const hmsActions = (0,
|
|
33778
|
+
const localPeerRoleName = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectLocalPeerRoleName);
|
|
33779
|
+
const isConnected = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsConnectedToRoom);
|
|
33780
|
+
const isSharingScreen = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsLocalScreenShared);
|
|
33781
|
+
const hmsActions = (0, import_react_sdk103.useHMSActions)();
|
|
33751
33782
|
const urlToIframe = useUrlToEmbed();
|
|
33752
33783
|
const pdfAnnotatorActive = usePDFConfig();
|
|
33753
33784
|
const isMobileHLSStream = useMobileHLSStream();
|
|
@@ -33889,13 +33920,13 @@ var init_RoomDetailsHeader = __esm({
|
|
|
33889
33920
|
});
|
|
33890
33921
|
|
|
33891
33922
|
// src/Prebuilt/components/Header/common.jsx
|
|
33892
|
-
var import_react209,
|
|
33923
|
+
var import_react209, import_react_sdk104, import_react_icons101, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
|
33893
33924
|
var init_common2 = __esm({
|
|
33894
33925
|
"src/Prebuilt/components/Header/common.jsx"() {
|
|
33895
33926
|
"use strict";
|
|
33896
33927
|
init_define_process_env();
|
|
33897
33928
|
import_react209 = __toESM(require("react"));
|
|
33898
|
-
|
|
33929
|
+
import_react_sdk104 = require("@100mslive/react-sdk");
|
|
33899
33930
|
import_react_icons101 = require("@100mslive/react-icons");
|
|
33900
33931
|
init_Divider2();
|
|
33901
33932
|
init_Label2();
|
|
@@ -33905,12 +33936,12 @@ var init_common2 = __esm({
|
|
|
33905
33936
|
init_IconButton3();
|
|
33906
33937
|
init_ToastManager();
|
|
33907
33938
|
CamaraFlipActions = () => {
|
|
33908
|
-
const actions = (0,
|
|
33909
|
-
const { allDevices } = (0,
|
|
33939
|
+
const actions = (0, import_react_sdk104.useHMSActions)();
|
|
33940
|
+
const { allDevices } = (0, import_react_sdk104.useDevices)();
|
|
33910
33941
|
const { videoInput } = allDevices;
|
|
33911
|
-
const isVideoOn = (0,
|
|
33912
|
-
const videoTrackId = (0,
|
|
33913
|
-
const localVideoTrack = (0,
|
|
33942
|
+
const isVideoOn = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectIsLocalVideoEnabled);
|
|
33943
|
+
const videoTrackId = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectLocalVideoTrackID);
|
|
33944
|
+
const localVideoTrack = (0, import_react_sdk104.useHMSStore)((0, import_react_sdk104.selectVideoTrackByID)(videoTrackId));
|
|
33914
33945
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
33915
33946
|
return null;
|
|
33916
33947
|
}
|
|
@@ -33933,7 +33964,7 @@ var init_common2 = __esm({
|
|
|
33933
33964
|
));
|
|
33934
33965
|
};
|
|
33935
33966
|
AudioActions = () => {
|
|
33936
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
|
33967
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk104.useDevices)();
|
|
33937
33968
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
|
33938
33969
|
const { audioInput, audioOutput } = allDevices;
|
|
33939
33970
|
let availableAudioDevices = audioInput;
|
|
@@ -33942,7 +33973,7 @@ var init_common2 = __esm({
|
|
|
33942
33973
|
availableAudioDevices = audioOutput;
|
|
33943
33974
|
selectedAudio = selectedDeviceIDs.audioOutput;
|
|
33944
33975
|
}
|
|
33945
|
-
const hmsActions = (0,
|
|
33976
|
+
const hmsActions = (0, import_react_sdk104.useHMSActions)();
|
|
33946
33977
|
const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
|
|
33947
33978
|
const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
|
|
33948
33979
|
if (!audioFiltered) {
|
|
@@ -33965,7 +33996,7 @@ var init_common2 = __esm({
|
|
|
33965
33996
|
try {
|
|
33966
33997
|
yield updateDevice({
|
|
33967
33998
|
deviceId,
|
|
33968
|
-
deviceType: shouldShowAudioOutput ?
|
|
33999
|
+
deviceType: shouldShowAudioOutput ? import_react_sdk104.DeviceType.audioOutput : import_react_sdk104.DeviceType.audioInput
|
|
33969
34000
|
});
|
|
33970
34001
|
} catch (e) {
|
|
33971
34002
|
ToastManager.addToast({
|
|
@@ -34049,23 +34080,23 @@ var init_common2 = __esm({
|
|
|
34049
34080
|
});
|
|
34050
34081
|
|
|
34051
34082
|
// src/Prebuilt/components/Header/Header.tsx
|
|
34052
|
-
var import_react210, import_react_use51,
|
|
34083
|
+
var import_react210, import_react_use51, import_react_sdk105, Header2;
|
|
34053
34084
|
var init_Header = __esm({
|
|
34054
34085
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
34055
34086
|
"use strict";
|
|
34056
34087
|
init_define_process_env();
|
|
34057
34088
|
import_react210 = __toESM(require("react"));
|
|
34058
34089
|
import_react_use51 = require("react-use");
|
|
34059
|
-
|
|
34090
|
+
import_react_sdk105 = require("@100mslive/react-sdk");
|
|
34060
34091
|
init_src();
|
|
34061
34092
|
init_HeaderComponents();
|
|
34062
34093
|
init_RoomDetailsHeader();
|
|
34063
34094
|
init_StreamActions();
|
|
34064
34095
|
init_common2();
|
|
34065
34096
|
Header2 = () => {
|
|
34066
|
-
const roomState = (0,
|
|
34097
|
+
const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
|
|
34067
34098
|
const isMobile = (0, import_react_use51.useMedia)(config.media.md);
|
|
34068
|
-
if (roomState !==
|
|
34099
|
+
if (roomState !== import_react_sdk105.HMSRoomState.Connected) {
|
|
34069
34100
|
return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
|
|
34070
34101
|
}
|
|
34071
34102
|
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(
|
|
@@ -34095,25 +34126,25 @@ var init_Header2 = __esm({
|
|
|
34095
34126
|
});
|
|
34096
34127
|
|
|
34097
34128
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
|
34098
|
-
var import_react211,
|
|
34129
|
+
var import_react211, import_react_sdk106, PreviousRoleInMetadata;
|
|
34099
34130
|
var init_PreviousRoleInMetadata = __esm({
|
|
34100
34131
|
"src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
|
|
34101
34132
|
"use strict";
|
|
34102
34133
|
init_define_process_env();
|
|
34103
34134
|
import_react211 = require("react");
|
|
34104
|
-
|
|
34135
|
+
import_react_sdk106 = require("@100mslive/react-sdk");
|
|
34105
34136
|
init_useMetadata();
|
|
34106
34137
|
PreviousRoleInMetadata = () => {
|
|
34107
|
-
const vanillaStore = (0,
|
|
34138
|
+
const vanillaStore = (0, import_react_sdk106.useHMSVanillaStore)();
|
|
34108
34139
|
const { updateMetaData } = useMyMetadata();
|
|
34109
34140
|
(0, import_react211.useEffect)(() => {
|
|
34110
|
-
let previousRole = vanillaStore.getState(
|
|
34141
|
+
let previousRole = vanillaStore.getState(import_react_sdk106.selectLocalPeerRoleName);
|
|
34111
34142
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
|
34112
34143
|
if (previousRole !== currentRole && currentRole) {
|
|
34113
34144
|
updateMetaData({ prevRole: previousRole });
|
|
34114
34145
|
previousRole = currentRole;
|
|
34115
34146
|
}
|
|
34116
|
-
},
|
|
34147
|
+
}, import_react_sdk106.selectLocalPeerRoleName);
|
|
34117
34148
|
return unsubscribe;
|
|
34118
34149
|
}, [vanillaStore]);
|
|
34119
34150
|
return null;
|
|
@@ -34122,14 +34153,14 @@ var init_PreviousRoleInMetadata = __esm({
|
|
|
34122
34153
|
});
|
|
34123
34154
|
|
|
34124
34155
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
34125
|
-
var import_react212, import_uuid12,
|
|
34156
|
+
var import_react212, import_uuid12, import_react_sdk107, ConferenceScreen;
|
|
34126
34157
|
var init_ConferenceScreen = __esm({
|
|
34127
34158
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
|
34128
34159
|
"use strict";
|
|
34129
34160
|
init_define_process_env();
|
|
34130
34161
|
import_react212 = __toESM(require("react"));
|
|
34131
34162
|
import_uuid12 = require("uuid");
|
|
34132
|
-
|
|
34163
|
+
import_react_sdk107 = require("@100mslive/react-sdk");
|
|
34133
34164
|
init_Footer3();
|
|
34134
34165
|
init_MoreSettings();
|
|
34135
34166
|
init_HLSFailureModal();
|
|
@@ -34153,18 +34184,18 @@ var init_ConferenceScreen = __esm({
|
|
|
34153
34184
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
34154
34185
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
34155
34186
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
34156
|
-
const roomState = (0,
|
|
34157
|
-
const isConnectedToRoom = (0,
|
|
34158
|
-
const hmsActions = (0,
|
|
34187
|
+
const roomState = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomState);
|
|
34188
|
+
const isConnectedToRoom = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectIsConnectedToRoom);
|
|
34189
|
+
const hmsActions = (0, import_react_sdk107.useHMSActions)();
|
|
34159
34190
|
const [hideControls, setHideControls] = (0, import_react212.useState)(false);
|
|
34160
|
-
const dropdownList = (0,
|
|
34191
|
+
const dropdownList = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.selectAppData)(APP_DATA.dropdownList));
|
|
34161
34192
|
const authTokenInAppData = useAuthToken();
|
|
34162
34193
|
const headerRef = (0, import_react212.useRef)(null);
|
|
34163
34194
|
const footerRef = (0, import_react212.useRef)(null);
|
|
34164
34195
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
|
34165
34196
|
const dropdownListRef = (0, import_react212.useRef)();
|
|
34166
34197
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
34167
|
-
const { requestPermission } = (0,
|
|
34198
|
+
const { requestPermission } = (0, import_react_sdk107.useAwayNotifications)();
|
|
34168
34199
|
const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
|
|
34169
34200
|
const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
|
|
34170
34201
|
const isMobileHLSStream = useMobileHLSStream();
|
|
@@ -34192,7 +34223,7 @@ var init_ConferenceScreen = __esm({
|
|
|
34192
34223
|
};
|
|
34193
34224
|
}, [dropdownList, hideControls, isMobileDevice]);
|
|
34194
34225
|
(0, import_react212.useEffect)(() => {
|
|
34195
|
-
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !==
|
|
34226
|
+
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk107.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
|
34196
34227
|
hmsActions.join({
|
|
34197
34228
|
userName: userName || (0, import_uuid12.v4)(),
|
|
34198
34229
|
authToken: authTokenInAppData,
|
|
@@ -34221,8 +34252,8 @@ var init_ConferenceScreen = __esm({
|
|
|
34221
34252
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
|
34222
34253
|
};
|
|
34223
34254
|
}, [onJoinFunc]);
|
|
34224
|
-
if (!isConnectedToRoom && ![
|
|
34225
|
-
return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState ===
|
|
34255
|
+
if (!isConnectedToRoom && ![import_react_sdk107.HMSRoomState.Reconnecting, import_react_sdk107.HMSRoomState.Disconnected].includes(roomState)) {
|
|
34256
|
+
return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk107.HMSRoomState.Connecting ? "Joining..." : "" });
|
|
34226
34257
|
}
|
|
34227
34258
|
const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
|
|
34228
34259
|
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(
|
|
@@ -34408,7 +34439,7 @@ var init_ErrorBoundary = __esm({
|
|
|
34408
34439
|
|
|
34409
34440
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
34410
34441
|
function FeatureFlagsInit() {
|
|
34411
|
-
const roomId = (0,
|
|
34442
|
+
const roomId = (0, import_react_sdk108.useHMSStore)(import_react_sdk108.selectRoomID);
|
|
34412
34443
|
(0, import_react214.useEffect)(() => {
|
|
34413
34444
|
if (roomId) {
|
|
34414
34445
|
FeatureFlags.init(roomId);
|
|
@@ -34416,13 +34447,13 @@ function FeatureFlagsInit() {
|
|
|
34416
34447
|
}, [roomId]);
|
|
34417
34448
|
return null;
|
|
34418
34449
|
}
|
|
34419
|
-
var import_react214,
|
|
34450
|
+
var import_react214, import_react_sdk108, FeatureFlags;
|
|
34420
34451
|
var init_FeatureFlags = __esm({
|
|
34421
34452
|
"src/Prebuilt/services/FeatureFlags.jsx"() {
|
|
34422
34453
|
"use strict";
|
|
34423
34454
|
init_define_process_env();
|
|
34424
34455
|
import_react214 = require("react");
|
|
34425
|
-
|
|
34456
|
+
import_react_sdk108 = require("@100mslive/react-sdk");
|
|
34426
34457
|
FeatureFlags = class {
|
|
34427
34458
|
static init(roomId) {
|
|
34428
34459
|
if (!window.HMS) {
|
|
@@ -34480,13 +34511,13 @@ var init_Init = __esm({
|
|
|
34480
34511
|
});
|
|
34481
34512
|
|
|
34482
34513
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
|
34483
|
-
var import_react216,
|
|
34514
|
+
var import_react216, import_react_sdk109, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
|
|
34484
34515
|
var init_KeyboardInputManager = __esm({
|
|
34485
34516
|
"src/Prebuilt/components/Input/KeyboardInputManager.js"() {
|
|
34486
34517
|
"use strict";
|
|
34487
34518
|
init_define_process_env();
|
|
34488
34519
|
import_react216 = require("react");
|
|
34489
|
-
|
|
34520
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
|
34490
34521
|
init_constants();
|
|
34491
34522
|
isEvenListenersAttached = false;
|
|
34492
34523
|
KeyboardInputManager = class {
|
|
@@ -34494,27 +34525,27 @@ var init_KeyboardInputManager = __esm({
|
|
|
34494
34525
|
__privateAdd(this, _actions, void 0);
|
|
34495
34526
|
__privateAdd(this, _store, void 0);
|
|
34496
34527
|
__privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
|
|
34497
|
-
const enabled = __privateGet(this, _store).getState(
|
|
34528
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalAudioEnabled);
|
|
34498
34529
|
yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
|
|
34499
34530
|
}));
|
|
34500
34531
|
__privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
|
|
34501
|
-
const enabled = __privateGet(this, _store).getState(
|
|
34532
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalVideoEnabled);
|
|
34502
34533
|
yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
|
|
34503
34534
|
}));
|
|
34504
34535
|
__privateAdd(this, _hideSidepane, () => {
|
|
34505
|
-
if (__privateGet(this, _store).getState((0,
|
|
34536
|
+
if (__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.sidePane))) {
|
|
34506
34537
|
__privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
|
|
34507
34538
|
}
|
|
34508
34539
|
});
|
|
34509
34540
|
__privateAdd(this, _toggleStatsForNerds, () => {
|
|
34510
|
-
const uiSettings = __privateGet(this, _store).getState((0,
|
|
34541
|
+
const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.uiSettings));
|
|
34511
34542
|
const statsEnabled = uiSettings.showStatsOnTiles;
|
|
34512
34543
|
__privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
|
|
34513
34544
|
showStatsOnTiles: !statsEnabled
|
|
34514
34545
|
}));
|
|
34515
34546
|
});
|
|
34516
34547
|
__privateAdd(this, _toggleHlsStats, () => {
|
|
34517
|
-
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0,
|
|
34548
|
+
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.hlsStats)));
|
|
34518
34549
|
});
|
|
34519
34550
|
// eslint-disable-next-line complexity
|
|
34520
34551
|
__privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
|
|
@@ -34572,8 +34603,8 @@ var init_KeyboardInputManager = __esm({
|
|
|
34572
34603
|
_bind = new WeakMap();
|
|
34573
34604
|
_unbind = new WeakMap();
|
|
34574
34605
|
KeyboardHandler = () => {
|
|
34575
|
-
const store = (0,
|
|
34576
|
-
const actions = (0,
|
|
34606
|
+
const store = (0, import_react_sdk109.useHMSVanillaStore)();
|
|
34607
|
+
const actions = (0, import_react_sdk109.useHMSActions)();
|
|
34577
34608
|
(0, import_react216.useEffect)(() => {
|
|
34578
34609
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
|
34579
34610
|
keyboardManager.bindAllShortcuts();
|
|
@@ -34612,7 +34643,7 @@ var init_useRedirectToLeave = __esm({
|
|
|
34612
34643
|
});
|
|
34613
34644
|
|
|
34614
34645
|
// src/Prebuilt/AppStateContext.tsx
|
|
34615
|
-
var import_react218, import_react_use52, import_ts_pattern14,
|
|
34646
|
+
var import_react218, import_react_use52, import_ts_pattern14, import_react_sdk110, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
|
34616
34647
|
var init_AppStateContext = __esm({
|
|
34617
34648
|
"src/Prebuilt/AppStateContext.tsx"() {
|
|
34618
34649
|
"use strict";
|
|
@@ -34620,7 +34651,7 @@ var init_AppStateContext = __esm({
|
|
|
34620
34651
|
import_react218 = __toESM(require("react"));
|
|
34621
34652
|
import_react_use52 = require("react-use");
|
|
34622
34653
|
import_ts_pattern14 = require("ts-pattern");
|
|
34623
|
-
|
|
34654
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
|
34624
34655
|
init_VBHandler();
|
|
34625
34656
|
init_roomLayoutProvider();
|
|
34626
34657
|
init_useRedirectToLeave();
|
|
@@ -34642,7 +34673,7 @@ var init_AppStateContext = __esm({
|
|
|
34642
34673
|
const roomLayout = useRoomLayout();
|
|
34643
34674
|
const setOriginalLayout = useSetOriginalLayout();
|
|
34644
34675
|
const [activeState, setActiveState] = import_react218.default.useState();
|
|
34645
|
-
const roomState = (0,
|
|
34676
|
+
const roomState = (0, import_react_sdk110.useHMSStore)(import_react_sdk110.selectRoomState);
|
|
34646
34677
|
const prevRoomState = (0, import_react_use52.usePreviousDistinct)(roomState);
|
|
34647
34678
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
34648
34679
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
@@ -34655,13 +34686,13 @@ var init_AppStateContext = __esm({
|
|
|
34655
34686
|
if (!roomLayout) {
|
|
34656
34687
|
return;
|
|
34657
34688
|
}
|
|
34658
|
-
(0, import_ts_pattern14.match)([roomState, prevRoomState]).with([
|
|
34659
|
-
[
|
|
34660
|
-
[
|
|
34661
|
-
[
|
|
34662
|
-
[
|
|
34663
|
-
[
|
|
34664
|
-
[
|
|
34689
|
+
(0, import_ts_pattern14.match)([roomState, prevRoomState]).with([import_react_sdk110.HMSRoomState.Connected, import_ts_pattern14.P.any], () => setActiveState("meeting" /* MEETING */)).with(
|
|
34690
|
+
[import_react_sdk110.HMSRoomState.Disconnecting, import_react_sdk110.HMSRoomState.Connected],
|
|
34691
|
+
[import_react_sdk110.HMSRoomState.Disconnecting, import_react_sdk110.HMSRoomState.Connecting],
|
|
34692
|
+
[import_react_sdk110.HMSRoomState.Disconnecting, import_react_sdk110.HMSRoomState.Reconnecting],
|
|
34693
|
+
[import_react_sdk110.HMSRoomState.Disconnected, import_react_sdk110.HMSRoomState.Connected],
|
|
34694
|
+
[import_react_sdk110.HMSRoomState.Disconnected, import_react_sdk110.HMSRoomState.Connecting],
|
|
34695
|
+
[import_react_sdk110.HMSRoomState.Disconnected, import_react_sdk110.HMSRoomState.Reconnecting],
|
|
34665
34696
|
() => {
|
|
34666
34697
|
setActiveState(
|
|
34667
34698
|
(0, import_ts_pattern14.match)({ isLeaveScreenEnabled, isPreviewScreenEnabled }).with({ isLeaveScreenEnabled: true }, () => "leave" /* LEAVE */).with({ isPreviewScreenEnabled: true }, () => "preview" /* PREVIEW */).otherwise(() => "meeting" /* MEETING */)
|
|
@@ -34669,7 +34700,7 @@ var init_AppStateContext = __esm({
|
|
|
34669
34700
|
VBHandler.reset();
|
|
34670
34701
|
redirectToLeave(1e3);
|
|
34671
34702
|
}
|
|
34672
|
-
).with([
|
|
34703
|
+
).with([import_react_sdk110.HMSRoomState.Disconnected, import_ts_pattern14.P.nullish], () => {
|
|
34673
34704
|
setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
|
|
34674
34705
|
}).otherwise(() => {
|
|
34675
34706
|
});
|
|
@@ -34805,7 +34836,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
34805
34836
|
|
|
34806
34837
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
34807
34838
|
function AutoplayBlockedModal() {
|
|
34808
|
-
const { error, resetError, unblockAudio } = (0,
|
|
34839
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk111.useAutoplayError)();
|
|
34809
34840
|
return /* @__PURE__ */ import_react221.default.createElement(
|
|
34810
34841
|
Dialog.Root,
|
|
34811
34842
|
{
|
|
@@ -34830,33 +34861,33 @@ function AutoplayBlockedModal() {
|
|
|
34830
34861
|
)))
|
|
34831
34862
|
);
|
|
34832
34863
|
}
|
|
34833
|
-
var import_react221,
|
|
34864
|
+
var import_react221, import_react_sdk111;
|
|
34834
34865
|
var init_AutoplayBlockedModal = __esm({
|
|
34835
34866
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
|
34836
34867
|
"use strict";
|
|
34837
34868
|
init_define_process_env();
|
|
34838
34869
|
import_react221 = __toESM(require("react"));
|
|
34839
|
-
|
|
34870
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
|
34840
34871
|
init_src();
|
|
34841
34872
|
init_DialogContent2();
|
|
34842
34873
|
}
|
|
34843
34874
|
});
|
|
34844
34875
|
|
|
34845
34876
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
34846
|
-
var import_react222, import_uuid13,
|
|
34877
|
+
var import_react222, import_uuid13, import_react_sdk112, import_react_icons105, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
34847
34878
|
var init_ChatNotifications = __esm({
|
|
34848
34879
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
34849
34880
|
"use strict";
|
|
34850
34881
|
init_define_process_env();
|
|
34851
34882
|
import_react222 = __toESM(require("react"));
|
|
34852
34883
|
import_uuid13 = require("uuid");
|
|
34853
|
-
|
|
34884
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
34854
34885
|
import_react_icons105 = require("@100mslive/react-icons");
|
|
34855
34886
|
init_ToastManager();
|
|
34856
34887
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
34857
34888
|
ChatNotifications = () => {
|
|
34858
|
-
const chatState = (0,
|
|
34859
|
-
const localPeerId = (0,
|
|
34889
|
+
const chatState = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectSessionStore)("chatState" /* CHAT_STATE */));
|
|
34890
|
+
const localPeerId = (0, import_react_sdk112.useHMSStore)(import_react_sdk112.selectLocalPeerID);
|
|
34860
34891
|
(0, import_react222.useEffect)(() => {
|
|
34861
34892
|
var _a7, _b7;
|
|
34862
34893
|
if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
|
|
@@ -34879,13 +34910,13 @@ var init_ChatNotifications = __esm({
|
|
|
34879
34910
|
});
|
|
34880
34911
|
|
|
34881
34912
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
34882
|
-
var import_react223,
|
|
34913
|
+
var import_react223, import_react_sdk113, import_react_icons106, ChatAction, HandRaiseAction, ToastConfig;
|
|
34883
34914
|
var init_ToastConfig = __esm({
|
|
34884
34915
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
|
34885
34916
|
"use strict";
|
|
34886
34917
|
init_define_process_env();
|
|
34887
34918
|
import_react223 = __toESM(require("react"));
|
|
34888
|
-
|
|
34919
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
|
34889
34920
|
import_react_icons106 = require("@100mslive/react-icons");
|
|
34890
34921
|
init_Button2();
|
|
34891
34922
|
init_roomLayoutProvider();
|
|
@@ -34901,10 +34932,10 @@ var init_ToastConfig = __esm({
|
|
|
34901
34932
|
});
|
|
34902
34933
|
HandRaiseAction = import_react223.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
34903
34934
|
var _a7, _b7, _c;
|
|
34904
|
-
const hmsActions = (0,
|
|
34935
|
+
const hmsActions = (0, import_react_sdk113.useHMSActions)();
|
|
34905
34936
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
34906
34937
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
34907
|
-
const peer = (0,
|
|
34938
|
+
const peer = (0, import_react_sdk113.useHMSStore)((0, import_react_sdk113.selectPeerByID)(id));
|
|
34908
34939
|
const layout = useRoomLayout();
|
|
34909
34940
|
const {
|
|
34910
34941
|
bring_to_stage_label,
|
|
@@ -35121,14 +35152,14 @@ var init_ToastBatcher = __esm({
|
|
|
35121
35152
|
});
|
|
35122
35153
|
|
|
35123
35154
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
35124
|
-
var import_react224, import_react_use54,
|
|
35155
|
+
var import_react224, import_react_use54, import_react_sdk114, HandRaisedNotifications;
|
|
35125
35156
|
var init_HandRaisedNotifications = __esm({
|
|
35126
35157
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
|
35127
35158
|
"use strict";
|
|
35128
35159
|
init_define_process_env();
|
|
35129
35160
|
import_react224 = require("react");
|
|
35130
35161
|
import_react_use54 = require("react-use");
|
|
35131
|
-
|
|
35162
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
|
35132
35163
|
init_roomLayoutProvider();
|
|
35133
35164
|
init_ToastBatcher();
|
|
35134
35165
|
init_useRoomLayoutScreen();
|
|
@@ -35136,24 +35167,24 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35136
35167
|
init_constants();
|
|
35137
35168
|
HandRaisedNotifications = () => {
|
|
35138
35169
|
var _a7, _b7;
|
|
35139
|
-
const notification = (0,
|
|
35140
|
-
const roomState = (0,
|
|
35141
|
-
const vanillaStore = (0,
|
|
35170
|
+
const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.HAND_RAISE_CHANGED);
|
|
35171
|
+
const roomState = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectRoomState);
|
|
35172
|
+
const vanillaStore = (0, import_react_sdk114.useHMSVanillaStore)();
|
|
35142
35173
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
35143
35174
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
35144
|
-
const amIScreenSharing = (0,
|
|
35145
|
-
const { showNotification } = (0,
|
|
35175
|
+
const amIScreenSharing = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectIsLocalScreenShared);
|
|
35176
|
+
const { showNotification } = (0, import_react_sdk114.useAwayNotifications)();
|
|
35146
35177
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
35147
35178
|
(0, import_react224.useEffect)(() => {
|
|
35148
35179
|
var _a8;
|
|
35149
35180
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35150
35181
|
return;
|
|
35151
35182
|
}
|
|
35152
|
-
if (roomState !==
|
|
35183
|
+
if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35153
35184
|
return;
|
|
35154
35185
|
}
|
|
35155
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35156
|
-
const peer = vanillaStore.getState((0,
|
|
35186
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
|
|
35187
|
+
const peer = vanillaStore.getState((0, import_react_sdk114.selectPeerByID)(notification.data.id));
|
|
35157
35188
|
if (hasPeerHandRaised) {
|
|
35158
35189
|
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));
|
|
35159
35190
|
ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
|
|
@@ -35165,12 +35196,12 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35165
35196
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35166
35197
|
return;
|
|
35167
35198
|
}
|
|
35168
|
-
if (roomState !==
|
|
35199
|
+
if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35169
35200
|
return;
|
|
35170
35201
|
}
|
|
35171
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35172
|
-
const peer = vanillaStore.getState((0,
|
|
35173
|
-
const handRaisedPeers = vanillaStore.getState(
|
|
35202
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
|
|
35203
|
+
const peer = vanillaStore.getState((0, import_react_sdk114.selectPeerByID)(notification.data.id));
|
|
35204
|
+
const handRaisedPeers = vanillaStore.getState(import_react_sdk114.selectHandRaisedPeers);
|
|
35174
35205
|
if (amIScreenSharing && hasPeerHandRaised) {
|
|
35175
35206
|
const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
|
|
35176
35207
|
showNotification(title, { icon: logoURL });
|
|
@@ -35185,17 +35216,17 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35185
35216
|
});
|
|
35186
35217
|
|
|
35187
35218
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
35188
|
-
var import_react225,
|
|
35219
|
+
var import_react225, import_react_sdk115, InitErrorModal;
|
|
35189
35220
|
var init_InitErrorModal = __esm({
|
|
35190
35221
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
|
35191
35222
|
"use strict";
|
|
35192
35223
|
init_define_process_env();
|
|
35193
35224
|
import_react225 = __toESM(require("react"));
|
|
35194
|
-
|
|
35225
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
35195
35226
|
init_src();
|
|
35196
35227
|
init_DialogContent2();
|
|
35197
35228
|
InitErrorModal = () => {
|
|
35198
|
-
const notification = (0,
|
|
35229
|
+
const notification = (0, import_react_sdk115.useHMSNotifications)(import_react_sdk115.HMSNotificationTypes.ERROR);
|
|
35199
35230
|
const [showModal, setShowModal] = (0, import_react225.useState)(false);
|
|
35200
35231
|
const [info, setInfo] = (0, import_react225.useState)({ title: "Init Error", description: "" });
|
|
35201
35232
|
(0, import_react225.useEffect)(() => {
|
|
@@ -35224,19 +35255,19 @@ var init_InitErrorModal = __esm({
|
|
|
35224
35255
|
});
|
|
35225
35256
|
|
|
35226
35257
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
|
35227
|
-
var import_react226,
|
|
35258
|
+
var import_react226, import_react_sdk116, notificationTypes, PeerNotifications;
|
|
35228
35259
|
var init_PeerNotifications = __esm({
|
|
35229
35260
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
|
35230
35261
|
"use strict";
|
|
35231
35262
|
init_define_process_env();
|
|
35232
35263
|
import_react226 = require("react");
|
|
35233
|
-
|
|
35264
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
|
35234
35265
|
init_ToastBatcher();
|
|
35235
35266
|
init_useUISettings();
|
|
35236
35267
|
init_constants();
|
|
35237
|
-
notificationTypes = [
|
|
35268
|
+
notificationTypes = [import_react_sdk116.HMSNotificationTypes.PEER_JOINED, import_react_sdk116.HMSNotificationTypes.PEER_LEFT];
|
|
35238
35269
|
PeerNotifications = () => {
|
|
35239
|
-
const notification = (0,
|
|
35270
|
+
const notification = (0, import_react_sdk116.useHMSNotifications)(notificationTypes);
|
|
35240
35271
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
35241
35272
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
|
35242
35273
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -35246,12 +35277,12 @@ var init_PeerNotifications = __esm({
|
|
|
35246
35277
|
}
|
|
35247
35278
|
console.debug(`[${notification.type}]`, notification);
|
|
35248
35279
|
switch (notification.type) {
|
|
35249
|
-
case
|
|
35280
|
+
case import_react_sdk116.HMSNotificationTypes.PEER_JOINED:
|
|
35250
35281
|
if (!isPeerJoinSubscribed) {
|
|
35251
35282
|
return;
|
|
35252
35283
|
}
|
|
35253
35284
|
break;
|
|
35254
|
-
case
|
|
35285
|
+
case import_react_sdk116.HMSNotificationTypes.PEER_LEFT:
|
|
35255
35286
|
if (selectedPeer.id === notification.data.id) {
|
|
35256
35287
|
setPeerSelector({});
|
|
35257
35288
|
}
|
|
@@ -35287,17 +35318,17 @@ var init_ios_perm_0 = __esm({
|
|
|
35287
35318
|
|
|
35288
35319
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
35289
35320
|
function PermissionErrorNotificationModal() {
|
|
35290
|
-
const notification = (0,
|
|
35321
|
+
const notification = (0, import_react_sdk117.useHMSNotifications)(import_react_sdk117.HMSNotificationTypes.ERROR);
|
|
35291
35322
|
return /* @__PURE__ */ import_react227.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
|
|
35292
35323
|
}
|
|
35293
|
-
var import_react227, import_react_use55,
|
|
35324
|
+
var import_react227, import_react_use55, import_react_sdk117, PermissionErrorModal;
|
|
35294
35325
|
var init_PermissionErrorModal = __esm({
|
|
35295
35326
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
35296
35327
|
"use strict";
|
|
35297
35328
|
init_define_process_env();
|
|
35298
35329
|
import_react227 = __toESM(require("react"));
|
|
35299
35330
|
import_react_use55 = require("react-use");
|
|
35300
|
-
|
|
35331
|
+
import_react_sdk117 = require("@100mslive/react-sdk");
|
|
35301
35332
|
init_src();
|
|
35302
35333
|
init_android_perm_1();
|
|
35303
35334
|
init_ios_perm_0();
|
|
@@ -35363,35 +35394,35 @@ var init_PermissionErrorModal = __esm({
|
|
|
35363
35394
|
});
|
|
35364
35395
|
|
|
35365
35396
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
|
35366
|
-
var import_react228,
|
|
35397
|
+
var import_react228, import_react_sdk118, notificationTypes2, notificationId, ReconnectNotifications;
|
|
35367
35398
|
var init_ReconnectNotifications = __esm({
|
|
35368
35399
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
|
35369
35400
|
"use strict";
|
|
35370
35401
|
init_define_process_env();
|
|
35371
35402
|
import_react228 = require("react");
|
|
35372
|
-
|
|
35403
|
+
import_react_sdk118 = require("@100mslive/react-sdk");
|
|
35373
35404
|
init_ToastConfig();
|
|
35374
35405
|
init_ToastManager();
|
|
35375
35406
|
notificationTypes2 = [
|
|
35376
|
-
|
|
35377
|
-
|
|
35378
|
-
|
|
35407
|
+
import_react_sdk118.HMSNotificationTypes.RECONNECTED,
|
|
35408
|
+
import_react_sdk118.HMSNotificationTypes.RECONNECTING,
|
|
35409
|
+
import_react_sdk118.HMSNotificationTypes.ERROR
|
|
35379
35410
|
];
|
|
35380
35411
|
notificationId = null;
|
|
35381
35412
|
ReconnectNotifications = () => {
|
|
35382
|
-
const notification = (0,
|
|
35413
|
+
const notification = (0, import_react_sdk118.useHMSNotifications)(notificationTypes2);
|
|
35383
35414
|
const prevErrorCode = (0, import_react228.useRef)(0);
|
|
35384
35415
|
(0, import_react228.useEffect)(() => {
|
|
35385
35416
|
var _a7, _b7;
|
|
35386
35417
|
if (!notification) {
|
|
35387
35418
|
return;
|
|
35388
35419
|
}
|
|
35389
|
-
if (notification.type ===
|
|
35420
|
+
if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTED) {
|
|
35390
35421
|
notificationId = ToastManager.replaceToast(
|
|
35391
35422
|
notificationId,
|
|
35392
35423
|
ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
|
|
35393
35424
|
);
|
|
35394
|
-
} else if (notification.type ===
|
|
35425
|
+
} else if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTING) {
|
|
35395
35426
|
prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
|
|
35396
35427
|
notificationId = ToastManager.replaceToast(
|
|
35397
35428
|
notificationId,
|
|
@@ -35405,30 +35436,30 @@ var init_ReconnectNotifications = __esm({
|
|
|
35405
35436
|
});
|
|
35406
35437
|
|
|
35407
35438
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
35408
|
-
var import_react229,
|
|
35439
|
+
var import_react229, import_react_sdk119, import_react_icons107, TrackBulkUnmuteModal;
|
|
35409
35440
|
var init_TrackBulkUnmuteModal = __esm({
|
|
35410
35441
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
|
35411
35442
|
"use strict";
|
|
35412
35443
|
init_define_process_env();
|
|
35413
35444
|
import_react229 = __toESM(require("react"));
|
|
35414
|
-
|
|
35445
|
+
import_react_sdk119 = require("@100mslive/react-sdk");
|
|
35415
35446
|
import_react_icons107 = require("@100mslive/react-icons");
|
|
35416
35447
|
init_DialogContent2();
|
|
35417
35448
|
TrackBulkUnmuteModal = () => {
|
|
35418
|
-
const hmsActions = (0,
|
|
35449
|
+
const hmsActions = (0, import_react_sdk119.useHMSActions)();
|
|
35419
35450
|
const [muteNotification, setMuteNotification] = (0, import_react229.useState)(null);
|
|
35420
|
-
const notification = (0,
|
|
35421
|
-
|
|
35422
|
-
|
|
35423
|
-
|
|
35451
|
+
const notification = (0, import_react_sdk119.useHMSNotifications)([
|
|
35452
|
+
import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
|
35453
|
+
import_react_sdk119.HMSNotificationTypes.ROOM_ENDED,
|
|
35454
|
+
import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
35424
35455
|
]);
|
|
35425
35456
|
(0, import_react229.useEffect)(() => {
|
|
35426
35457
|
switch (notification == null ? void 0 : notification.type) {
|
|
35427
|
-
case
|
|
35428
|
-
case
|
|
35458
|
+
case import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
35459
|
+
case import_react_sdk119.HMSNotificationTypes.ROOM_ENDED:
|
|
35429
35460
|
setMuteNotification(null);
|
|
35430
35461
|
break;
|
|
35431
|
-
case
|
|
35462
|
+
case import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
|
35432
35463
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
35433
35464
|
setMuteNotification(notification.data);
|
|
35434
35465
|
}
|
|
@@ -35462,21 +35493,21 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
35462
35493
|
});
|
|
35463
35494
|
|
|
35464
35495
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
35465
|
-
var import_react230,
|
|
35496
|
+
var import_react230, import_react_sdk120, notificationTypes3, TrackNotifications;
|
|
35466
35497
|
var init_TrackNotifications = __esm({
|
|
35467
35498
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
|
35468
35499
|
"use strict";
|
|
35469
35500
|
init_define_process_env();
|
|
35470
35501
|
import_react230 = require("react");
|
|
35471
|
-
|
|
35502
|
+
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
35472
35503
|
notificationTypes3 = [
|
|
35473
|
-
|
|
35474
|
-
|
|
35475
|
-
|
|
35476
|
-
|
|
35504
|
+
import_react_sdk120.HMSNotificationTypes.TRACK_ADDED,
|
|
35505
|
+
import_react_sdk120.HMSNotificationTypes.TRACK_REMOVED,
|
|
35506
|
+
import_react_sdk120.HMSNotificationTypes.TRACK_MUTED,
|
|
35507
|
+
import_react_sdk120.HMSNotificationTypes.TRACK_UNMUTED
|
|
35477
35508
|
];
|
|
35478
35509
|
TrackNotifications = () => {
|
|
35479
|
-
const notification = (0,
|
|
35510
|
+
const notification = (0, import_react_sdk120.useHMSNotifications)(notificationTypes3);
|
|
35480
35511
|
(0, import_react230.useEffect)(() => {
|
|
35481
35512
|
if (notification) {
|
|
35482
35513
|
console.debug(`[${notification.type}]`, notification);
|
|
@@ -35488,30 +35519,30 @@ var init_TrackNotifications = __esm({
|
|
|
35488
35519
|
});
|
|
35489
35520
|
|
|
35490
35521
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
35491
|
-
var import_react231,
|
|
35522
|
+
var import_react231, import_react_sdk121, import_react_icons108, TrackUnmuteModal;
|
|
35492
35523
|
var init_TrackUnmuteModal = __esm({
|
|
35493
35524
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
|
35494
35525
|
"use strict";
|
|
35495
35526
|
init_define_process_env();
|
|
35496
35527
|
import_react231 = __toESM(require("react"));
|
|
35497
|
-
|
|
35528
|
+
import_react_sdk121 = require("@100mslive/react-sdk");
|
|
35498
35529
|
import_react_icons108 = require("@100mslive/react-icons");
|
|
35499
35530
|
init_DialogContent2();
|
|
35500
35531
|
TrackUnmuteModal = () => {
|
|
35501
|
-
const hmsActions = (0,
|
|
35502
|
-
const notification = (0,
|
|
35503
|
-
|
|
35504
|
-
|
|
35505
|
-
|
|
35532
|
+
const hmsActions = (0, import_react_sdk121.useHMSActions)();
|
|
35533
|
+
const notification = (0, import_react_sdk121.useHMSNotifications)([
|
|
35534
|
+
import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
|
35535
|
+
import_react_sdk121.HMSNotificationTypes.ROOM_ENDED,
|
|
35536
|
+
import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
35506
35537
|
]);
|
|
35507
35538
|
const [muteNotification, setMuteNotification] = (0, import_react231.useState)(null);
|
|
35508
35539
|
(0, import_react231.useEffect)(() => {
|
|
35509
35540
|
switch (notification == null ? void 0 : notification.type) {
|
|
35510
|
-
case
|
|
35511
|
-
case
|
|
35541
|
+
case import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
35542
|
+
case import_react_sdk121.HMSNotificationTypes.ROOM_ENDED:
|
|
35512
35543
|
setMuteNotification(null);
|
|
35513
35544
|
break;
|
|
35514
|
-
case
|
|
35545
|
+
case import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
35515
35546
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
35516
35547
|
setMuteNotification(notification.data);
|
|
35517
35548
|
}
|
|
@@ -35542,20 +35573,20 @@ var init_TrackUnmuteModal = __esm({
|
|
|
35542
35573
|
});
|
|
35543
35574
|
|
|
35544
35575
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
35545
|
-
var import_react232, import_ts_pattern16,
|
|
35576
|
+
var import_react232, import_ts_pattern16, import_react_sdk122, import_react_icons109, TranscriptionNotifications;
|
|
35546
35577
|
var init_TranscriptionNotifications = __esm({
|
|
35547
35578
|
"src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
|
|
35548
35579
|
"use strict";
|
|
35549
35580
|
init_define_process_env();
|
|
35550
35581
|
import_react232 = __toESM(require("react"));
|
|
35551
35582
|
import_ts_pattern16 = require("ts-pattern");
|
|
35552
|
-
|
|
35583
|
+
import_react_sdk122 = require("@100mslive/react-sdk");
|
|
35553
35584
|
import_react_icons109 = require("@100mslive/react-icons");
|
|
35554
35585
|
init_ToastManager();
|
|
35555
35586
|
init_useUISettings();
|
|
35556
35587
|
init_constants();
|
|
35557
35588
|
TranscriptionNotifications = () => {
|
|
35558
|
-
const notification = (0,
|
|
35589
|
+
const notification = (0, import_react_sdk122.useHMSNotifications)(import_react_sdk122.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
|
|
35559
35590
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
35560
35591
|
(0, import_react232.useEffect)(() => {
|
|
35561
35592
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
@@ -35574,14 +35605,14 @@ var init_TranscriptionNotifications = __esm({
|
|
|
35574
35605
|
icon: /* @__PURE__ */ import_react232.default.createElement(import_react_icons109.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
35575
35606
|
});
|
|
35576
35607
|
}
|
|
35577
|
-
).with({ state:
|
|
35608
|
+
).with({ state: import_react_sdk122.HMSTranscriptionState.STARTED }, () => {
|
|
35578
35609
|
id = ToastManager.replaceToast(toastId, {
|
|
35579
35610
|
title: `Closed Captioning enabled for everyone`,
|
|
35580
35611
|
variant: "standard",
|
|
35581
35612
|
duration: 2e3,
|
|
35582
35613
|
icon: /* @__PURE__ */ import_react232.default.createElement(import_react_icons109.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
35583
35614
|
});
|
|
35584
|
-
}).with({ state:
|
|
35615
|
+
}).with({ state: import_react_sdk122.HMSTranscriptionState.STOPPED }, () => {
|
|
35585
35616
|
id = ToastManager.replaceToast(toastId, {
|
|
35586
35617
|
title: `Closed Captioning disabled for everyone`,
|
|
35587
35618
|
variant: "standard",
|
|
@@ -35600,17 +35631,17 @@ var init_TranscriptionNotifications = __esm({
|
|
|
35600
35631
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
35601
35632
|
function Notifications() {
|
|
35602
35633
|
var _a7, _b7;
|
|
35603
|
-
const localPeerID = (0,
|
|
35604
|
-
const notification = (0,
|
|
35634
|
+
const localPeerID = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectLocalPeerID);
|
|
35635
|
+
const notification = (0, import_react_sdk123.useHMSNotifications)();
|
|
35605
35636
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
35606
|
-
const roomState = (0,
|
|
35637
|
+
const roomState = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectRoomState);
|
|
35607
35638
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
35608
35639
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
35609
35640
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
35610
|
-
const vanillaStore = (0,
|
|
35641
|
+
const vanillaStore = (0, import_react_sdk123.useHMSVanillaStore)();
|
|
35611
35642
|
const togglePollView = usePollViewToggle();
|
|
35612
|
-
const { showNotification } = (0,
|
|
35613
|
-
const amIScreenSharing = (0,
|
|
35643
|
+
const { showNotification } = (0, import_react_sdk123.useAwayNotifications)();
|
|
35644
|
+
const amIScreenSharing = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsLocalScreenShared);
|
|
35614
35645
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
35615
35646
|
const { pipWindow } = usePIPWindow();
|
|
35616
35647
|
const handleRoleChangeDenied = (0, import_react233.useCallback)((request) => {
|
|
@@ -35619,17 +35650,17 @@ function Notifications() {
|
|
|
35619
35650
|
variant: "error"
|
|
35620
35651
|
});
|
|
35621
35652
|
}, []);
|
|
35622
|
-
(0,
|
|
35653
|
+
(0, import_react_sdk123.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
35623
35654
|
(0, import_react233.useEffect)(() => {
|
|
35624
35655
|
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
|
|
35625
35656
|
if (!notification || isNotificationDisabled) {
|
|
35626
35657
|
return;
|
|
35627
35658
|
}
|
|
35628
35659
|
switch (notification.type) {
|
|
35629
|
-
case
|
|
35660
|
+
case import_react_sdk123.HMSNotificationTypes.NAME_UPDATED:
|
|
35630
35661
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
35631
35662
|
break;
|
|
35632
|
-
case
|
|
35663
|
+
case import_react_sdk123.HMSNotificationTypes.ERROR:
|
|
35633
35664
|
if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
|
|
35634
35665
|
if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
|
|
35635
35666
|
ToastManager.addToast({
|
|
@@ -35661,7 +35692,7 @@ function Notifications() {
|
|
|
35661
35692
|
title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
|
|
35662
35693
|
});
|
|
35663
35694
|
break;
|
|
35664
|
-
case
|
|
35695
|
+
case import_react_sdk123.HMSNotificationTypes.ROLE_UPDATED: {
|
|
35665
35696
|
if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
|
|
35666
35697
|
ToastManager.addToast({
|
|
35667
35698
|
title: `You are now a ${notification.data.roleName}`
|
|
@@ -35670,7 +35701,7 @@ function Notifications() {
|
|
|
35670
35701
|
}
|
|
35671
35702
|
break;
|
|
35672
35703
|
}
|
|
35673
|
-
case
|
|
35704
|
+
case import_react_sdk123.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
35674
35705
|
const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
|
|
35675
35706
|
if (!notification.data.enabled) {
|
|
35676
35707
|
ToastManager.addToast({
|
|
@@ -35679,21 +35710,21 @@ function Notifications() {
|
|
|
35679
35710
|
});
|
|
35680
35711
|
}
|
|
35681
35712
|
break;
|
|
35682
|
-
case
|
|
35683
|
-
case
|
|
35713
|
+
case import_react_sdk123.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
35714
|
+
case import_react_sdk123.HMSNotificationTypes.ROOM_ENDED:
|
|
35684
35715
|
ToastManager.addToast({
|
|
35685
35716
|
title: `${notification.message}.
|
|
35686
35717
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
35687
35718
|
});
|
|
35688
35719
|
break;
|
|
35689
|
-
case
|
|
35720
|
+
case import_react_sdk123.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
35690
35721
|
ToastManager.addToast({
|
|
35691
35722
|
title: notification.message
|
|
35692
35723
|
});
|
|
35693
35724
|
break;
|
|
35694
|
-
case
|
|
35725
|
+
case import_react_sdk123.HMSNotificationTypes.POLL_STARTED:
|
|
35695
35726
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
35696
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
35727
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk123.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
35697
35728
|
const pollToastID = ToastManager.addToast({
|
|
35698
35729
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
35699
35730
|
action: /* @__PURE__ */ import_react233.default.createElement(
|
|
@@ -35715,14 +35746,14 @@ function Notifications() {
|
|
|
35715
35746
|
pollToastKey[notification.data.id] = pollToastID;
|
|
35716
35747
|
}
|
|
35717
35748
|
break;
|
|
35718
|
-
case
|
|
35749
|
+
case import_react_sdk123.HMSNotificationTypes.POLL_STOPPED:
|
|
35719
35750
|
const pollID = notification == null ? void 0 : notification.data.id;
|
|
35720
35751
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
|
35721
35752
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
|
35722
35753
|
delete pollToastKey[notification == null ? void 0 : notification.data.id];
|
|
35723
35754
|
}
|
|
35724
35755
|
break;
|
|
35725
|
-
case
|
|
35756
|
+
case import_react_sdk123.HMSNotificationTypes.NEW_MESSAGE:
|
|
35726
35757
|
if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
|
|
35727
35758
|
showNotification(`New message from ${notification.data.senderName}`, {
|
|
35728
35759
|
body: notification.data.message,
|
|
@@ -35737,15 +35768,15 @@ function Notifications() {
|
|
|
35737
35768
|
if (isNotificationDisabled) {
|
|
35738
35769
|
return null;
|
|
35739
35770
|
}
|
|
35740
|
-
return /* @__PURE__ */ import_react233.default.createElement(import_react233.default.Fragment, null, /* @__PURE__ */ import_react233.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react233.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react233.default.createElement(TrackNotifications, null), roomState ===
|
|
35771
|
+
return /* @__PURE__ */ import_react233.default.createElement(import_react233.default.Fragment, null, /* @__PURE__ */ import_react233.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react233.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react233.default.createElement(TrackNotifications, null), roomState === import_react_sdk123.HMSRoomState.Connected ? /* @__PURE__ */ import_react233.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react233.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react233.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react233.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react233.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react233.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react233.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react233.default.createElement(TranscriptionNotifications, null));
|
|
35741
35772
|
}
|
|
35742
|
-
var import_react233,
|
|
35773
|
+
var import_react233, import_react_sdk123, import_react_icons110, pollToastKey;
|
|
35743
35774
|
var init_Notifications = __esm({
|
|
35744
35775
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
35745
35776
|
"use strict";
|
|
35746
35777
|
init_define_process_env();
|
|
35747
35778
|
import_react233 = __toESM(require("react"));
|
|
35748
|
-
|
|
35779
|
+
import_react_sdk123 = require("@100mslive/react-sdk");
|
|
35749
35780
|
import_react_icons110 = require("@100mslive/react-icons");
|
|
35750
35781
|
init_src();
|
|
35751
35782
|
init_roomLayoutProvider();
|
|
@@ -35891,19 +35922,19 @@ var init_Toast3 = __esm({
|
|
|
35891
35922
|
});
|
|
35892
35923
|
|
|
35893
35924
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35894
|
-
var import_react237,
|
|
35925
|
+
var import_react237, import_react_sdk124, ToastContainer;
|
|
35895
35926
|
var init_ToastContainer = __esm({
|
|
35896
35927
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
35897
35928
|
"use strict";
|
|
35898
35929
|
init_define_process_env();
|
|
35899
35930
|
import_react237 = __toESM(require("react"));
|
|
35900
|
-
|
|
35931
|
+
import_react_sdk124 = require("@100mslive/react-sdk");
|
|
35901
35932
|
init_Toast2();
|
|
35902
35933
|
init_Toast3();
|
|
35903
35934
|
init_ToastManager();
|
|
35904
35935
|
init_constants();
|
|
35905
35936
|
ToastContainer = () => {
|
|
35906
|
-
const isConnected = (0,
|
|
35937
|
+
const isConnected = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectIsConnectedToRoom);
|
|
35907
35938
|
const [toasts, setToast] = (0, import_react237.useState)([]);
|
|
35908
35939
|
(0, import_react237.useEffect)(() => {
|
|
35909
35940
|
ToastManager.addListener(setToast);
|
|
@@ -35960,18 +35991,18 @@ var init_RoomDetailsSheet = __esm({
|
|
|
35960
35991
|
});
|
|
35961
35992
|
|
|
35962
35993
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35963
|
-
var import_react239,
|
|
35994
|
+
var import_react239, import_react_sdk125, Sheet2;
|
|
35964
35995
|
var init_Sheet3 = __esm({
|
|
35965
35996
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
|
35966
35997
|
"use strict";
|
|
35967
35998
|
init_define_process_env();
|
|
35968
35999
|
import_react239 = __toESM(require("react"));
|
|
35969
|
-
|
|
36000
|
+
import_react_sdk125 = require("@100mslive/react-sdk");
|
|
35970
36001
|
init_RoomDetailsSheet();
|
|
35971
36002
|
init_Layout();
|
|
35972
36003
|
init_constants();
|
|
35973
36004
|
Sheet2 = () => {
|
|
35974
|
-
const sheet = (0,
|
|
36005
|
+
const sheet = (0, import_react_sdk125.useHMSStore)((0, import_react_sdk125.selectAppData)(APP_DATA.sheet));
|
|
35975
36006
|
let ViewComponent;
|
|
35976
36007
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
35977
36008
|
ViewComponent = /* @__PURE__ */ import_react239.default.createElement(RoomDetailsSheet, null);
|
|
@@ -35983,19 +36014,19 @@ var init_Sheet3 = __esm({
|
|
|
35983
36014
|
|
|
35984
36015
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
35985
36016
|
function FlyingEmoji() {
|
|
35986
|
-
const localPeerId = (0,
|
|
35987
|
-
const vanillaStore = (0,
|
|
35988
|
-
const hmsActions = (0,
|
|
36017
|
+
const localPeerId = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectLocalPeerID);
|
|
36018
|
+
const vanillaStore = (0, import_react_sdk126.useHMSVanillaStore)();
|
|
36019
|
+
const hmsActions = (0, import_react_sdk126.useHMSActions)();
|
|
35989
36020
|
const [emojis, setEmojis] = (0, import_react240.useState)([]);
|
|
35990
36021
|
const isMobile = (0, import_react_use57.useMedia)(config.media.md);
|
|
35991
|
-
const isLargeRoom = (0,
|
|
36022
|
+
const isLargeRoom = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectIsLargeRoom);
|
|
35992
36023
|
const startingPoints = (0, import_react240.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
35993
36024
|
const showFlyingEmoji = (0, import_react240.useCallback)(
|
|
35994
36025
|
(_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
|
|
35995
36026
|
if (!emojiId || !senderId || document.hidden) {
|
|
35996
36027
|
return;
|
|
35997
36028
|
}
|
|
35998
|
-
let senderPeerName = vanillaStore.getState((0,
|
|
36029
|
+
let senderPeerName = vanillaStore.getState((0, import_react_sdk126.selectPeerNameByID)(senderId));
|
|
35999
36030
|
if (!senderPeerName && isLargeRoom) {
|
|
36000
36031
|
const sender = yield hmsActions.getPeer(senderId);
|
|
36001
36032
|
senderPeerName = sender == null ? void 0 : sender.name;
|
|
@@ -36018,7 +36049,7 @@ function FlyingEmoji() {
|
|
|
36018
36049
|
}),
|
|
36019
36050
|
[vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
|
|
36020
36051
|
);
|
|
36021
|
-
(0,
|
|
36052
|
+
(0, import_react_sdk126.useCustomEvent)({
|
|
36022
36053
|
type: EMOJI_REACTION_TYPE,
|
|
36023
36054
|
onEvent: showFlyingEmoji
|
|
36024
36055
|
});
|
|
@@ -36082,14 +36113,14 @@ function FlyingEmoji() {
|
|
|
36082
36113
|
})
|
|
36083
36114
|
);
|
|
36084
36115
|
}
|
|
36085
|
-
var import_react240, import_react_use57,
|
|
36116
|
+
var import_react240, import_react_use57, import_react_sdk126, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
36086
36117
|
var init_FlyingEmoji = __esm({
|
|
36087
36118
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
36088
36119
|
"use strict";
|
|
36089
36120
|
init_define_process_env();
|
|
36090
36121
|
import_react240 = __toESM(require("react"));
|
|
36091
36122
|
import_react_use57 = require("react-use");
|
|
36092
|
-
|
|
36123
|
+
import_react_sdk126 = require("@100mslive/react-sdk");
|
|
36093
36124
|
init_Layout();
|
|
36094
36125
|
init_Text2();
|
|
36095
36126
|
init_Theme();
|
|
@@ -36122,45 +36153,45 @@ var init_FlyingEmoji = __esm({
|
|
|
36122
36153
|
|
|
36123
36154
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
36124
36155
|
function RemoteStopScreenshare() {
|
|
36125
|
-
const actions = (0,
|
|
36156
|
+
const actions = (0, import_react_sdk127.useHMSActions)();
|
|
36126
36157
|
const onRemoteStopScreenshare = (0, import_react241.useCallback)(() => __async(this, null, function* () {
|
|
36127
36158
|
yield actions.setScreenShareEnabled(false);
|
|
36128
36159
|
}), [actions]);
|
|
36129
|
-
(0,
|
|
36160
|
+
(0, import_react_sdk127.useCustomEvent)({
|
|
36130
36161
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
36131
36162
|
onEvent: onRemoteStopScreenshare
|
|
36132
36163
|
});
|
|
36133
36164
|
return /* @__PURE__ */ import_react241.default.createElement(import_react241.default.Fragment, null);
|
|
36134
36165
|
}
|
|
36135
|
-
var import_react241,
|
|
36166
|
+
var import_react241, import_react_sdk127;
|
|
36136
36167
|
var init_RemoteStopScreenshare = __esm({
|
|
36137
36168
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
36138
36169
|
"use strict";
|
|
36139
36170
|
init_define_process_env();
|
|
36140
36171
|
import_react241 = __toESM(require("react"));
|
|
36141
|
-
|
|
36172
|
+
import_react_sdk127 = require("@100mslive/react-sdk");
|
|
36142
36173
|
init_constants();
|
|
36143
36174
|
}
|
|
36144
36175
|
});
|
|
36145
36176
|
|
|
36146
36177
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
36147
|
-
var import_react242,
|
|
36178
|
+
var import_react242, import_react_sdk128, useAutoStartStreaming;
|
|
36148
36179
|
var init_useAutoStartStreaming = __esm({
|
|
36149
36180
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
36150
36181
|
"use strict";
|
|
36151
36182
|
init_define_process_env();
|
|
36152
36183
|
import_react242 = require("react");
|
|
36153
|
-
|
|
36184
|
+
import_react_sdk128 = require("@100mslive/react-sdk");
|
|
36154
36185
|
init_useUISettings();
|
|
36155
36186
|
init_hooks();
|
|
36156
36187
|
init_constants();
|
|
36157
36188
|
useAutoStartStreaming = () => {
|
|
36158
36189
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
36159
|
-
const permissions = (0,
|
|
36190
|
+
const permissions = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectPermissions);
|
|
36160
36191
|
const showStreamingUI = useShowStreamingUI();
|
|
36161
|
-
const hmsActions = (0,
|
|
36162
|
-
const isConnected = (0,
|
|
36163
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
36192
|
+
const hmsActions = (0, import_react_sdk128.useHMSActions)();
|
|
36193
|
+
const isConnected = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
|
|
36194
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk128.useRecordingStreaming)();
|
|
36164
36195
|
const streamStartedRef = (0, import_react242.useRef)(false);
|
|
36165
36196
|
const startHLS = (0, import_react242.useCallback)(() => __async(void 0, null, function* () {
|
|
36166
36197
|
try {
|
|
@@ -36210,14 +36241,14 @@ function AppRoutes({
|
|
|
36210
36241
|
const { activeState, rejoin } = useAppStateManager();
|
|
36211
36242
|
return /* @__PURE__ */ import_react243.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react243.default.createElement(import_react243.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react243.default.createElement(AppData, null), /* @__PURE__ */ import_react243.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react243.default.createElement(Notifications, null), /* @__PURE__ */ import_react243.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react243.default.createElement(Sheet2, null), /* @__PURE__ */ import_react243.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react243.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react243.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react243.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react243.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ import_react243.default.createElement(AppStates, { activeState })));
|
|
36212
36243
|
}
|
|
36213
|
-
var import_react243, import_ts_pattern17,
|
|
36244
|
+
var import_react243, import_ts_pattern17, import_react_sdk129, HMSPrebuilt, AppStates, BackSwipe;
|
|
36214
36245
|
var init_App = __esm({
|
|
36215
36246
|
"src/Prebuilt/App.tsx"() {
|
|
36216
36247
|
"use strict";
|
|
36217
36248
|
init_define_process_env();
|
|
36218
36249
|
import_react243 = __toESM(require("react"));
|
|
36219
36250
|
import_ts_pattern17 = require("ts-pattern");
|
|
36220
|
-
|
|
36251
|
+
import_react_sdk129 = require("@100mslive/react-sdk");
|
|
36221
36252
|
init_AppData();
|
|
36222
36253
|
init_AuthToken();
|
|
36223
36254
|
init_ConferenceScreen();
|
|
@@ -36264,7 +36295,7 @@ var init_App = __esm({
|
|
|
36264
36295
|
const [hydrated, setHydrated] = import_react243.default.useState(false);
|
|
36265
36296
|
(0, import_react243.useEffect)(() => {
|
|
36266
36297
|
setHydrated(true);
|
|
36267
|
-
const hms = new
|
|
36298
|
+
const hms = new import_react_sdk129.HMSReactiveStore();
|
|
36268
36299
|
const hmsStore = hms.getStore();
|
|
36269
36300
|
const hmsActions = hms.getActions();
|
|
36270
36301
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -36330,7 +36361,7 @@ var init_App = __esm({
|
|
|
36330
36361
|
}
|
|
36331
36362
|
},
|
|
36332
36363
|
/* @__PURE__ */ import_react243.default.createElement(
|
|
36333
|
-
|
|
36364
|
+
import_react_sdk129.HMSRoomProvider,
|
|
36334
36365
|
{
|
|
36335
36366
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
36336
36367
|
actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
|
|
@@ -36395,8 +36426,8 @@ var init_App = __esm({
|
|
|
36395
36426
|
return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react243.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react243.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react243.default.createElement(ConferenceScreen, null));
|
|
36396
36427
|
};
|
|
36397
36428
|
BackSwipe = () => {
|
|
36398
|
-
const isConnectedToRoom = (0,
|
|
36399
|
-
const hmsActions = (0,
|
|
36429
|
+
const isConnectedToRoom = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectIsConnectedToRoom);
|
|
36430
|
+
const hmsActions = (0, import_react_sdk129.useHMSActions)();
|
|
36400
36431
|
(0, import_react243.useEffect)(() => {
|
|
36401
36432
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
36402
36433
|
if (isConnectedToRoom) {
|
|
@@ -37572,13 +37603,13 @@ var init_DeviceSelector = __esm({
|
|
|
37572
37603
|
});
|
|
37573
37604
|
|
|
37574
37605
|
// src/Diagnostics/AudioTest.tsx
|
|
37575
|
-
var import_react247,
|
|
37606
|
+
var import_react247, import_react_sdk130, import_react_icons112, SelectContainer, MicTest, SpeakerTest, AudioTest;
|
|
37576
37607
|
var init_AudioTest = __esm({
|
|
37577
37608
|
"src/Diagnostics/AudioTest.tsx"() {
|
|
37578
37609
|
"use strict";
|
|
37579
37610
|
init_define_process_env();
|
|
37580
37611
|
import_react247 = __toESM(require("react"));
|
|
37581
|
-
|
|
37612
|
+
import_react_sdk130 = require("@100mslive/react-sdk");
|
|
37582
37613
|
import_react_icons112 = require("@100mslive/react-icons");
|
|
37583
37614
|
init_PermissionErrorModal();
|
|
37584
37615
|
init_components();
|
|
@@ -37594,12 +37625,12 @@ var init_AudioTest = __esm({
|
|
|
37594
37625
|
MicTest = ({ setError }) => {
|
|
37595
37626
|
var _a7, _b7;
|
|
37596
37627
|
const { hmsDiagnostics } = useDiagnostics();
|
|
37597
|
-
const devices = (0,
|
|
37628
|
+
const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
|
|
37598
37629
|
const [isRecording, setIsRecording] = (0, import_react247.useState)(false);
|
|
37599
37630
|
const [selectedMic, setSelectedMic] = (0, import_react247.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
|
37600
|
-
const trackID = (0,
|
|
37601
|
-
const audioLevel = (0,
|
|
37602
|
-
const { audioOutputDeviceId } = (0,
|
|
37631
|
+
const trackID = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalAudioTrackID);
|
|
37632
|
+
const audioLevel = (0, import_react_sdk130.useHMSStore)((0, import_react_sdk130.selectTrackAudioByID)(trackID));
|
|
37633
|
+
const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
|
|
37603
37634
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
37604
37635
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
37605
37636
|
});
|
|
@@ -37674,9 +37705,9 @@ var init_AudioTest = __esm({
|
|
|
37674
37705
|
};
|
|
37675
37706
|
SpeakerTest = () => {
|
|
37676
37707
|
var _a7;
|
|
37677
|
-
const actions = (0,
|
|
37678
|
-
const devices = (0,
|
|
37679
|
-
const { audioOutputDeviceId } = (0,
|
|
37708
|
+
const actions = (0, import_react_sdk130.useHMSActions)();
|
|
37709
|
+
const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
|
|
37710
|
+
const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
|
|
37680
37711
|
if (devices.audioOutput.length === 0) {
|
|
37681
37712
|
return /* @__PURE__ */ import_react247.default.createElement(import_react247.default.Fragment, null);
|
|
37682
37713
|
}
|
|
@@ -37726,13 +37757,13 @@ var init_AudioTest = __esm({
|
|
|
37726
37757
|
});
|
|
37727
37758
|
|
|
37728
37759
|
// src/Diagnostics/BrowserTest.tsx
|
|
37729
|
-
var import_react248,
|
|
37760
|
+
var import_react248, import_react_sdk131, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
|
|
37730
37761
|
var init_BrowserTest = __esm({
|
|
37731
37762
|
"src/Diagnostics/BrowserTest.tsx"() {
|
|
37732
37763
|
"use strict";
|
|
37733
37764
|
init_define_process_env();
|
|
37734
37765
|
import_react248 = __toESM(require("react"));
|
|
37735
|
-
|
|
37766
|
+
import_react_sdk131 = require("@100mslive/react-sdk");
|
|
37736
37767
|
init_components();
|
|
37737
37768
|
init_Layout();
|
|
37738
37769
|
init_Text2();
|
|
@@ -37834,15 +37865,15 @@ var init_BrowserTest = __esm({
|
|
|
37834
37865
|
CheckDetails,
|
|
37835
37866
|
{
|
|
37836
37867
|
title: "Browser",
|
|
37837
|
-
iconURL:
|
|
37838
|
-
value: `${
|
|
37868
|
+
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),
|
|
37869
|
+
value: `${import_react_sdk131.parsedUserAgent.getBrowser().name} ${import_react_sdk131.parsedUserAgent.getBrowser().version}`
|
|
37839
37870
|
}
|
|
37840
37871
|
), /* @__PURE__ */ import_react248.default.createElement(
|
|
37841
37872
|
CheckDetails,
|
|
37842
37873
|
{
|
|
37843
37874
|
title: "Operating system",
|
|
37844
|
-
iconURL:
|
|
37845
|
-
value: `${
|
|
37875
|
+
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),
|
|
37876
|
+
value: `${import_react_sdk131.parsedUserAgent.getOS().name} ${import_react_sdk131.parsedUserAgent.getOS().version}`
|
|
37846
37877
|
}
|
|
37847
37878
|
)), /* @__PURE__ */ import_react248.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
37848
37879
|
};
|
|
@@ -37850,13 +37881,13 @@ var init_BrowserTest = __esm({
|
|
|
37850
37881
|
});
|
|
37851
37882
|
|
|
37852
37883
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
37853
|
-
var import_react249,
|
|
37884
|
+
var import_react249, import_react_sdk132, import_react_icons113, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
|
|
37854
37885
|
var init_ConnectivityTest = __esm({
|
|
37855
37886
|
"src/Diagnostics/ConnectivityTest.tsx"() {
|
|
37856
37887
|
"use strict";
|
|
37857
37888
|
init_define_process_env();
|
|
37858
37889
|
import_react249 = __toESM(require("react"));
|
|
37859
|
-
|
|
37890
|
+
import_react_sdk132 = require("@100mslive/react-sdk");
|
|
37860
37891
|
import_react_icons113 = require("@100mslive/react-icons");
|
|
37861
37892
|
init_components();
|
|
37862
37893
|
init_Button2();
|
|
@@ -37871,13 +37902,13 @@ var init_ConnectivityTest = __esm({
|
|
|
37871
37902
|
us: "United States"
|
|
37872
37903
|
};
|
|
37873
37904
|
ConnectivityStateMessage = {
|
|
37874
|
-
[
|
|
37875
|
-
[
|
|
37876
|
-
[
|
|
37877
|
-
[
|
|
37878
|
-
[
|
|
37879
|
-
[
|
|
37880
|
-
[
|
|
37905
|
+
[import_react_sdk132.ConnectivityState.STARTING]: "Fetching Init",
|
|
37906
|
+
[import_react_sdk132.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
|
|
37907
|
+
[import_react_sdk132.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
|
|
37908
|
+
[import_react_sdk132.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
|
|
37909
|
+
[import_react_sdk132.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
|
|
37910
|
+
[import_react_sdk132.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
|
|
37911
|
+
[import_react_sdk132.ConnectivityState.COMPLETED]: "Completed"
|
|
37881
37912
|
};
|
|
37882
37913
|
ConnectivityTestStepResult = ({
|
|
37883
37914
|
title,
|
|
@@ -38068,7 +38099,7 @@ var init_ConnectivityTest = __esm({
|
|
|
38068
38099
|
{
|
|
38069
38100
|
region,
|
|
38070
38101
|
setRegion,
|
|
38071
|
-
startTest: progress === void 0 || progress ===
|
|
38102
|
+
startTest: progress === void 0 || progress === import_react_sdk132.ConnectivityState.COMPLETED ? startTest : void 0
|
|
38072
38103
|
}
|
|
38073
38104
|
), /* @__PURE__ */ import_react249.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
38074
38105
|
};
|
|
@@ -38085,13 +38116,13 @@ var init_ConnectivityTest = __esm({
|
|
|
38085
38116
|
});
|
|
38086
38117
|
|
|
38087
38118
|
// src/Diagnostics/VideoTest.tsx
|
|
38088
|
-
var import_react250,
|
|
38119
|
+
var import_react250, import_react_sdk133, import_react_icons114, VideoTest;
|
|
38089
38120
|
var init_VideoTest = __esm({
|
|
38090
38121
|
"src/Diagnostics/VideoTest.tsx"() {
|
|
38091
38122
|
"use strict";
|
|
38092
38123
|
init_define_process_env();
|
|
38093
38124
|
import_react250 = __toESM(require("react"));
|
|
38094
|
-
|
|
38125
|
+
import_react_sdk133 = require("@100mslive/react-sdk");
|
|
38095
38126
|
import_react_icons114 = require("@100mslive/react-icons");
|
|
38096
38127
|
init_PermissionErrorModal();
|
|
38097
38128
|
init_components();
|
|
@@ -38103,10 +38134,10 @@ var init_VideoTest = __esm({
|
|
|
38103
38134
|
init_DiagnosticsContext();
|
|
38104
38135
|
VideoTest = () => {
|
|
38105
38136
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
38106
|
-
const allDevices = (0,
|
|
38137
|
+
const allDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectDevices);
|
|
38107
38138
|
const { videoInput } = allDevices;
|
|
38108
|
-
const trackID = (0,
|
|
38109
|
-
const sdkSelectedDevices = (0,
|
|
38139
|
+
const trackID = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalVideoTrackID);
|
|
38140
|
+
const sdkSelectedDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalMediaSettings);
|
|
38110
38141
|
const [error, setError] = (0, import_react250.useState)();
|
|
38111
38142
|
(0, import_react250.useEffect)(() => {
|
|
38112
38143
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
@@ -38143,13 +38174,13 @@ var init_VideoTest = __esm({
|
|
|
38143
38174
|
});
|
|
38144
38175
|
|
|
38145
38176
|
// src/Diagnostics/Diagnostics.tsx
|
|
38146
|
-
var import_react251,
|
|
38177
|
+
var import_react251, import_react_sdk134, import_react_icons115, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
|
|
38147
38178
|
var init_Diagnostics = __esm({
|
|
38148
38179
|
"src/Diagnostics/Diagnostics.tsx"() {
|
|
38149
38180
|
"use strict";
|
|
38150
38181
|
init_define_process_env();
|
|
38151
38182
|
import_react251 = __toESM(require("react"));
|
|
38152
|
-
|
|
38183
|
+
import_react_sdk134 = require("@100mslive/react-sdk");
|
|
38153
38184
|
import_react_icons115 = require("@100mslive/react-icons");
|
|
38154
38185
|
init_Layout();
|
|
38155
38186
|
init_Text2();
|
|
@@ -38248,7 +38279,7 @@ var init_Diagnostics = __esm({
|
|
|
38248
38279
|
}));
|
|
38249
38280
|
};
|
|
38250
38281
|
DiagnosticsProvider = () => {
|
|
38251
|
-
const actions = (0,
|
|
38282
|
+
const actions = (0, import_react_sdk134.useHMSActions)();
|
|
38252
38283
|
const [activeStep, setActiveStep] = (0, import_react251.useState)(0);
|
|
38253
38284
|
const [steps, setSteps] = (0, import_react251.useState)(initialSteps);
|
|
38254
38285
|
const diagnosticsRef = (0, import_react251.useRef)(actions.initDiagnostics());
|
|
@@ -38270,7 +38301,7 @@ var init_Diagnostics = __esm({
|
|
|
38270
38301
|
);
|
|
38271
38302
|
};
|
|
38272
38303
|
Diagnostics = () => {
|
|
38273
|
-
return /* @__PURE__ */ import_react251.default.createElement(
|
|
38304
|
+
return /* @__PURE__ */ import_react251.default.createElement(import_react_sdk134.HMSRoomProvider, null, /* @__PURE__ */ import_react251.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react251.default.createElement(DiagnosticsProvider, null)));
|
|
38274
38305
|
};
|
|
38275
38306
|
}
|
|
38276
38307
|
});
|