@100mslive/roomkit-react 0.3.17-alpha.16 → 0.3.17-alpha.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HLSView-DBGJFTBH.css → HLSView-JLT2FIVT.css} +3 -3
- package/dist/{HLSView-DBGJFTBH.css.map → HLSView-JLT2FIVT.css.map} +1 -1
- package/dist/{HLSView-4BRVWYBO.js → HLSView-TGKNWZ4F.js} +2 -2
- package/dist/Prebuilt/components/VirtualBackground/VBCollection.d.ts +1 -0
- package/dist/Prebuilt/components/VirtualBackground/util.d.ts +1 -0
- package/dist/{chunk-YYL6ON5H.js → chunk-5PGZVXOM.js} +47 -24
- package/dist/{chunk-YYL6ON5H.js.map → chunk-5PGZVXOM.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 +51 -17
- package/dist/meta.esbuild.json +60 -26
- 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-4BRVWYBO.js.map → HLSView-TGKNWZ4F.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_38a8401d-27e7-4891-8aac-bd0b8e2bb6a2", 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.16", 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.16", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_38a8401d-27e7-4891-8aac-bd0b8e2bb6a2", 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.16", 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: "588", 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:20649", 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.16", 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: "10339917117", 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: "6b9bec2f5b82629807bd10d46cba98fa43f3babc", 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: "a9d49495d8f4131fd6a6e326c052155c4dfa750640d26206b25bc64885cb7725", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1723380985036-0.37167349139620254:/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--1723380984840-0.5073878076951772:/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--1723380959520-0.637522480103317:/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--1723380959342-0.9731292094620598:/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_7b9e13a6-903d-4f15-b71a-b9e1e8f05d18", INVOCATION_ID: "65cfe94f1a884f6db8e5a3afd1606408", 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: "633", 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 11", 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.16", 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.16", 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: "6b9bec2f5b82629807bd10d46cba98fa43f3babc", 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_38a8401d-27e7-4891-8aac-bd0b8e2bb6a2", 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_38a8401d-27e7-4891-8aac-bd0b8e2bb6a2", 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_38a8401d-27e7-4891-8aac-bd0b8e2bb6a2" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_a09650a4-a169-4c75-9012-8dcc73e4085d", 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.18", 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.18", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a09650a4-a169-4c75-9012-8dcc73e4085d", 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.18", 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: "599", 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:19451", 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.18", 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: "10369979613", 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: "e1735243c4f74ff028a5ac81cf1524db1edfd86b", 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: "be5a02ef23e406fefc14d09b9ceb0a2185e07ee15854ba3462a656069c751f88", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1723553150412-0.596568821889097:/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--1723553150218-0.21005802408213814:/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--1723553124335-0.38904116081954476:/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--1723553124154-0.621225436468247:/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_6d8eead8-6ddf-4c07-beec-5c472921e481", INVOCATION_ID: "2bbf2ec4d0914d888be52646831c3de2", 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: "635", 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 114", 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.18", 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.18", 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: "e1735243c4f74ff028a5ac81cf1524db1edfd86b", 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_a09650a4-a169-4c75-9012-8dcc73e4085d", 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_a09650a4-a169-4c75-9012-8dcc73e4085d", 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_a09650a4-a169-4c75-9012-8dcc73e4085d" };
|
|
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.18", 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-2900-iR23ecGmH2SX/1914bc5f7840/index.css
|
|
31261
|
+
var init_bc5f7840 = __esm({
|
|
31262
|
+
"../../../../../../../tmp/tmp-2900-iR23ecGmH2SX/1914bc5f7840/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_bc5f7840();
|
|
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
|
});
|