@100mslive/roomkit-react 0.3.21-alpha.0 → 0.3.21-alpha.2
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +6 -6
- package/dist/{HLSView-ZKLIDQML.js → HLSView-DGDWG7V5.js} +2 -2
- package/dist/{HLSView-OGAGRBO5.css → HLSView-ZWYXQX6E.css} +3 -3
- package/dist/{HLSView-OGAGRBO5.css.map → HLSView-ZWYXQX6E.css.map} +1 -1
- package/dist/{chunk-3TFNJ7FA.js → chunk-BRVEA35D.js} +89 -91
- package/dist/{chunk-3TFNJ7FA.js.map → chunk-BRVEA35D.js.map} +3 -3
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +297 -299
- 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 +16 -26
- package/dist/meta.esbuild.json +25 -35
- package/package.json +7 -7
- package/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +2 -4
- /package/dist/{HLSView-ZKLIDQML.js.map → HLSView-DGDWG7V5.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_98f5c820-1414-4ac9-b43f-89c533ad1591", 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.11-alpha.0", 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.21-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_98f5c820-1414-4ac9-b43f-89c533ad1591", 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.21-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "613", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240915.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.7/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:4632", 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.21-alpha.0", 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: "10940020265", 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: "5b08acb39d9c077ca4c28c4bef65e0f7190a13d9", 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: "150a2e9fdb2a7b52086dab8d0b3cf6651af4ae423f12eee0d9cf3ae852924904", 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--1726745278854-0.6814709156799361:/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--1726745278657-0.541700425910588:/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--1726745252037-0.5636949433640481:/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--1726745251857-0.4153002150833318:/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_276986e7-ad4a-49d7-87ed-d658b334b32f", INVOCATION_ID: "f7f975e885eb4f709194652ccafe0c0c", 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: "675", 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 189", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.21-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.21-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "5b08acb39d9c077ca4c28c4bef65e0f7190a13d9", 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_98f5c820-1414-4ac9-b43f-89c533ad1591", 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_98f5c820-1414-4ac9-b43f-89c533ad1591", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.1.12297006", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_98f5c820-1414-4ac9-b43f-89c533ad1591" };
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_d3828dc1-7b6a-463e-b0ab-c0dad7cf759a", 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.11-alpha.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.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.21-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_d3828dc1-7b6a-463e-b0ab-c0dad7cf759a", 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.21-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "616", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240915.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.7/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:4408", 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.21-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "11031418226", 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: "e0cb9db14277a5335a89b8c71f7fc3212018bc68", 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: "91e9898327a79b835ee4bed1bacf9cbc9b3fc857b26e0fe51a4f08252f24c893", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1727261151103-0.23025663037765032:/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--1727261150907-0.5223822869537762:/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--1727261124201-0.1203937082818658:/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--1727261124023-0.5951403803497486:/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_5e18eb59-ee1d-40e7-bb51-aa96853da107", INVOCATION_ID: "2a790fe37e0640538825fe5d47f61f86", 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: "677", 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 36", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.21-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.21-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "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: "e0cb9db14277a5335a89b8c71f7fc3212018bc68", 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_d3828dc1-7b6a-463e-b0ab-c0dad7cf759a", 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_d3828dc1-7b6a-463e-b0ab-c0dad7cf759a", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.1.12297006", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.189/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_d3828dc1-7b6a-463e-b0ab-c0dad7cf759a" };
|
113
113
|
}
|
114
114
|
});
|
115
115
|
|
@@ -21693,7 +21693,7 @@ var init_dist = __esm({
|
|
21693
21693
|
n((t = t.apply(a2, e)).next());
|
21694
21694
|
});
|
21695
21695
|
yr = so((Nc, mo) => {
|
21696
|
-
mo.exports = { version: "0.12.21-alpha.
|
21696
|
+
mo.exports = { version: "0.12.21-alpha.2", 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"] };
|
21697
21697
|
});
|
21698
21698
|
Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
|
21699
21699
|
ao = ((e) => (e.CHAT = "chat", e))(ao || {});
|
@@ -30713,7 +30713,6 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
30713
30713
|
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
30714
30714
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
30715
30715
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
30716
|
-
const peerCount = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectPeerCount);
|
30717
30716
|
const pageList = usePagesWithTiles({
|
30718
30717
|
peers,
|
30719
30718
|
maxTileCount
|
@@ -30743,20 +30742,19 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
30743
30742
|
), pageList.length === 0 ? /* @__PURE__ */ import_react177.default.createElement(
|
30744
30743
|
WaitingView,
|
30745
30744
|
{
|
30746
|
-
title:
|
30747
|
-
subtitle:
|
30745
|
+
title: "You're the only one here",
|
30746
|
+
subtitle: "Sit back and relax till others join",
|
30748
30747
|
icon: /* @__PURE__ */ import_react177.default.createElement(import_react_icons84.PeopleAddIcon, { width: "56px", height: "56px", style: { color: "white" } })
|
30749
30748
|
}
|
30750
30749
|
) : null, isInsetEnabled && /* @__PURE__ */ import_react177.default.createElement(InsetTile, null));
|
30751
30750
|
}
|
30752
|
-
var import_react177, import_react_use39,
|
30751
|
+
var import_react177, import_react_use39, import_react_icons84;
|
30753
30752
|
var init_EqualProminence = __esm({
|
30754
30753
|
"src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
|
30755
30754
|
"use strict";
|
30756
30755
|
init_define_process_env();
|
30757
30756
|
import_react177 = __toESM(require("react"));
|
30758
30757
|
import_react_use39 = require("react-use");
|
30759
|
-
import_react_sdk89 = require("@100mslive/react-sdk");
|
30760
30758
|
import_react_icons84 = require("@100mslive/react-icons");
|
30761
30759
|
init_Layout();
|
30762
30760
|
init_Theme();
|
@@ -30859,14 +30857,14 @@ var init_ProminenceLayout = __esm({
|
|
30859
30857
|
});
|
30860
30858
|
|
30861
30859
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
30862
|
-
var import_react179, import_react_use40,
|
30860
|
+
var import_react179, import_react_use40, import_react_sdk89, SecondaryTiles;
|
30863
30861
|
var init_SecondaryTiles = __esm({
|
30864
30862
|
"src/Prebuilt/components/SecondaryTiles.tsx"() {
|
30865
30863
|
"use strict";
|
30866
30864
|
init_define_process_env();
|
30867
30865
|
import_react179 = __toESM(require("react"));
|
30868
30866
|
import_react_use40 = require("react-use");
|
30869
|
-
|
30867
|
+
import_react_sdk89 = require("@100mslive/react-sdk");
|
30870
30868
|
init_ProminenceLayout();
|
30871
30869
|
init_Theme();
|
30872
30870
|
init_Pagination2();
|
@@ -30877,10 +30875,10 @@ var init_SecondaryTiles = __esm({
|
|
30877
30875
|
const isMobile = (0, import_react_use40.useMedia)(config.media.md);
|
30878
30876
|
const maxTileCount = isMobile ? 2 : 4;
|
30879
30877
|
const [page, setPage] = (0, import_react179.useState)(0);
|
30880
|
-
const pinnedTrackId = (0,
|
30881
|
-
const spotlightPeerId = (0,
|
30882
|
-
const activeScreensharePeerId = (0,
|
30883
|
-
const pinnedPeer = (_a7 = (0,
|
30878
|
+
const pinnedTrackId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.pinnedTrackId));
|
30879
|
+
const spotlightPeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectSessionStore)("spotlight" /* SPOTLIGHT */));
|
30880
|
+
const activeScreensharePeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.activeScreensharePeerId));
|
30881
|
+
const pinnedPeer = (_a7 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
|
30884
30882
|
const pageChangedAfterPinning = (0, import_react179.useRef)(false);
|
30885
30883
|
const pagesWithTiles = usePagesWithTiles({
|
30886
30884
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
@@ -30989,7 +30987,7 @@ function RoleProminence({
|
|
30989
30987
|
}) {
|
30990
30988
|
var _a7;
|
30991
30989
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
30992
|
-
const localPeer = (0,
|
30990
|
+
const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
|
30993
30991
|
const isMobile = (0, import_react_use41.useMedia)(config.media.md);
|
30994
30992
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
30995
30993
|
maxTileCount = isMobile ? 4 : maxTileCount;
|
@@ -31020,14 +31018,14 @@ function RoleProminence({
|
|
31020
31018
|
}
|
31021
31019
|
), /* @__PURE__ */ import_react181.default.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react181.default.createElement(InsetTile, null));
|
31022
31020
|
}
|
31023
|
-
var import_react181, import_react_use41,
|
31021
|
+
var import_react181, import_react_use41, import_react_sdk90;
|
31024
31022
|
var init_RoleProminence = __esm({
|
31025
31023
|
"src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
|
31026
31024
|
"use strict";
|
31027
31025
|
init_define_process_env();
|
31028
31026
|
import_react181 = __toESM(require("react"));
|
31029
31027
|
import_react_use41 = require("react-use");
|
31030
|
-
|
31028
|
+
import_react_sdk90 = require("@100mslive/react-sdk");
|
31031
31029
|
init_Theme();
|
31032
31030
|
init_InsetTile();
|
31033
31031
|
init_Pagination2();
|
@@ -31158,19 +31156,19 @@ var init_LayoutModeSelector = __esm({
|
|
31158
31156
|
});
|
31159
31157
|
|
31160
31158
|
// src/Prebuilt/components/ScreenshareDisplay.tsx
|
31161
|
-
var import_react183,
|
31159
|
+
var import_react183, import_react_sdk91, import_react_icons86, ScreenshareDisplay;
|
31162
31160
|
var init_ScreenshareDisplay = __esm({
|
31163
31161
|
"src/Prebuilt/components/ScreenshareDisplay.tsx"() {
|
31164
31162
|
"use strict";
|
31165
31163
|
init_define_process_env();
|
31166
31164
|
import_react183 = __toESM(require("react"));
|
31167
|
-
|
31165
|
+
import_react_sdk91 = require("@100mslive/react-sdk");
|
31168
31166
|
import_react_icons86 = require("@100mslive/react-icons");
|
31169
31167
|
init_Button2();
|
31170
31168
|
init_Layout();
|
31171
31169
|
init_Text2();
|
31172
31170
|
ScreenshareDisplay = () => {
|
31173
|
-
const hmsActions = (0,
|
31171
|
+
const hmsActions = (0, import_react_sdk91.useHMSActions)();
|
31174
31172
|
return /* @__PURE__ */ import_react183.default.createElement(
|
31175
31173
|
Flex,
|
31176
31174
|
{
|
@@ -31204,7 +31202,7 @@ var init_ScreenshareDisplay = __esm({
|
|
31204
31202
|
});
|
31205
31203
|
|
31206
31204
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
31207
|
-
var import_react184, import_react_use42, import_screenfull2,
|
31205
|
+
var import_react184, import_react_use42, import_screenfull2, import_react_sdk92, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
|
31208
31206
|
var init_ScreenshareTile = __esm({
|
31209
31207
|
"src/Prebuilt/components/ScreenshareTile.tsx"() {
|
31210
31208
|
"use strict";
|
@@ -31212,7 +31210,7 @@ var init_ScreenshareTile = __esm({
|
|
31212
31210
|
import_react184 = __toESM(require("react"));
|
31213
31211
|
import_react_use42 = require("react-use");
|
31214
31212
|
import_screenfull2 = __toESM(require("screenfull"));
|
31215
|
-
|
31213
|
+
import_react_sdk92 = require("@100mslive/react-sdk");
|
31216
31214
|
import_react_icons87 = require("@100mslive/react-icons");
|
31217
31215
|
init_TileMenu2();
|
31218
31216
|
init_Layout();
|
@@ -31234,10 +31232,10 @@ var init_ScreenshareTile = __esm({
|
|
31234
31232
|
flexShrink: 0
|
31235
31233
|
};
|
31236
31234
|
Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
31237
|
-
const isLocal = (0,
|
31238
|
-
const track = (0,
|
31235
|
+
const isLocal = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerID) === peerId;
|
31236
|
+
const track = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareByPeerID)(peerId));
|
31239
31237
|
const { theme: theme2 } = useTheme();
|
31240
|
-
const peer = (0,
|
31238
|
+
const peer = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectPeerByID)(peerId));
|
31241
31239
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
31242
31240
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react184.useState)(false);
|
31243
31241
|
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
@@ -31248,7 +31246,7 @@ var init_ScreenshareTile = __esm({
|
|
31248
31246
|
onClose: () => setFullscreen(false)
|
31249
31247
|
});
|
31250
31248
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
31251
|
-
const audioTrack = (0,
|
31249
|
+
const audioTrack = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
|
31252
31250
|
if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
|
31253
31251
|
return /* @__PURE__ */ import_react184.default.createElement(ScreenshareDisplay, null);
|
31254
31252
|
}
|
@@ -31328,14 +31326,14 @@ var init_ScreenshareTile = __esm({
|
|
31328
31326
|
});
|
31329
31327
|
|
31330
31328
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
31331
|
-
var import_react185, import_react_use43,
|
31329
|
+
var import_react185, import_react_use43, import_react_sdk93, ScreenshareLayout;
|
31332
31330
|
var init_ScreenshareLayout = __esm({
|
31333
31331
|
"src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
|
31334
31332
|
"use strict";
|
31335
31333
|
init_define_process_env();
|
31336
31334
|
import_react185 = __toESM(require("react"));
|
31337
31335
|
import_react_use43 = require("react-use");
|
31338
|
-
|
31336
|
+
import_react_sdk93 = require("@100mslive/react-sdk");
|
31339
31337
|
init_Theme();
|
31340
31338
|
init_InsetTile();
|
31341
31339
|
init_Pagination2();
|
@@ -31347,7 +31345,7 @@ var init_ScreenshareLayout = __esm({
|
|
31347
31345
|
init_constants();
|
31348
31346
|
ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
31349
31347
|
var _a7;
|
31350
|
-
const peersSharing = (0,
|
31348
|
+
const peersSharing = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeersScreenSharing);
|
31351
31349
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
31352
31350
|
const [page, setPage] = (0, import_react185.useState)(0);
|
31353
31351
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
@@ -31396,14 +31394,14 @@ var init_ScreenshareLayout = __esm({
|
|
31396
31394
|
}
|
31397
31395
|
});
|
31398
31396
|
|
31399
|
-
// ../../../../../../../tmp/tmp-
|
31400
|
-
var
|
31401
|
-
"../../../../../../../tmp/tmp-
|
31397
|
+
// ../../../../../../../tmp/tmp-2800-pVcsBM20BjfV/19228c9918f2/index.css
|
31398
|
+
var init_c9918f2 = __esm({
|
31399
|
+
"../../../../../../../tmp/tmp-2800-pVcsBM20BjfV/19228c9918f2/index.css"() {
|
31402
31400
|
}
|
31403
31401
|
});
|
31404
31402
|
|
31405
31403
|
// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
|
31406
|
-
var import_react186, import_react_use44, import_hms_whiteboard,
|
31404
|
+
var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk94, WhiteboardEmbed, WhiteboardLayout;
|
31407
31405
|
var init_WhiteboardLayout = __esm({
|
31408
31406
|
"src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
|
31409
31407
|
"use strict";
|
@@ -31411,7 +31409,7 @@ var init_WhiteboardLayout = __esm({
|
|
31411
31409
|
import_react186 = __toESM(require("react"));
|
31412
31410
|
import_react_use44 = require("react-use");
|
31413
31411
|
import_hms_whiteboard = require("@100mslive/hms-whiteboard");
|
31414
|
-
|
31412
|
+
import_react_sdk94 = require("@100mslive/react-sdk");
|
31415
31413
|
init_Layout();
|
31416
31414
|
init_Theme();
|
31417
31415
|
init_InsetTile();
|
@@ -31420,10 +31418,10 @@ var init_WhiteboardLayout = __esm({
|
|
31420
31418
|
init_ProminenceLayout();
|
31421
31419
|
init_useUISettings();
|
31422
31420
|
init_constants();
|
31423
|
-
|
31421
|
+
init_c9918f2();
|
31424
31422
|
WhiteboardEmbed = () => {
|
31425
31423
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
31426
|
-
const { token, endpoint, zoomToContent } = (0,
|
31424
|
+
const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
|
31427
31425
|
if (!token) {
|
31428
31426
|
return null;
|
31429
31427
|
}
|
@@ -31444,8 +31442,8 @@ var init_WhiteboardLayout = __esm({
|
|
31444
31442
|
);
|
31445
31443
|
};
|
31446
31444
|
WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
31447
|
-
const whiteboard = (0,
|
31448
|
-
const whiteboardOwner = (0,
|
31445
|
+
const whiteboard = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectWhiteboard);
|
31446
|
+
const whiteboardOwner = (0, import_react_sdk94.useHMSStore)((0, import_react_sdk94.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
|
31449
31447
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
31450
31448
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
31451
31449
|
const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
|
@@ -31486,12 +31484,12 @@ var init_WhiteboardLayout = __esm({
|
|
31486
31484
|
});
|
31487
31485
|
|
31488
31486
|
// src/Prebuilt/common/PeersSorter.ts
|
31489
|
-
var
|
31487
|
+
var import_react_sdk95, PeersSorter, PeersSorter_default;
|
31490
31488
|
var init_PeersSorter = __esm({
|
31491
31489
|
"src/Prebuilt/common/PeersSorter.ts"() {
|
31492
31490
|
"use strict";
|
31493
31491
|
init_define_process_env();
|
31494
|
-
|
31492
|
+
import_react_sdk95 = require("@100mslive/react-sdk");
|
31495
31493
|
PeersSorter = class {
|
31496
31494
|
constructor(store) {
|
31497
31495
|
this.storeUnsubscribe = void 0;
|
@@ -31512,7 +31510,7 @@ var init_PeersSorter = __esm({
|
|
31512
31510
|
}
|
31513
31511
|
});
|
31514
31512
|
if (!this.storeUnsubscribe) {
|
31515
|
-
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange,
|
31513
|
+
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk95.selectDominantSpeaker);
|
31516
31514
|
}
|
31517
31515
|
this.moveSpeakerToFront(this.speaker);
|
31518
31516
|
};
|
@@ -31587,13 +31585,13 @@ var init_PeersSorter = __esm({
|
|
31587
31585
|
});
|
31588
31586
|
|
31589
31587
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
31590
|
-
var import_react187,
|
31588
|
+
var import_react187, import_react_sdk96, GridLayout;
|
31591
31589
|
var init_GridLayout = __esm({
|
31592
31590
|
"src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
|
31593
31591
|
"use strict";
|
31594
31592
|
init_define_process_env();
|
31595
31593
|
import_react187 = __toESM(require("react"));
|
31596
|
-
|
31594
|
+
import_react_sdk96 = require("@100mslive/react-sdk");
|
31597
31595
|
init_EqualProminence();
|
31598
31596
|
init_RoleProminence();
|
31599
31597
|
init_ScreenshareLayout();
|
@@ -31613,12 +31611,12 @@ var init_GridLayout = __esm({
|
|
31613
31611
|
edge_to_edge = false,
|
31614
31612
|
hide_metadata_on_tile = false
|
31615
31613
|
}) => {
|
31616
|
-
const peerSharing = (0,
|
31617
|
-
const whiteboard = (0,
|
31614
|
+
const peerSharing = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeerScreenSharing);
|
31615
|
+
const whiteboard = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectWhiteboard);
|
31618
31616
|
const pinnedTrack = usePinnedTrack();
|
31619
|
-
const peers = (0,
|
31620
|
-
const localPeerRole = (0,
|
31621
|
-
const localPeerID = (0,
|
31617
|
+
const peers = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeers);
|
31618
|
+
const localPeerRole = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectLocalPeerRoleName);
|
31619
|
+
const localPeerID = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectLocalPeerID);
|
31622
31620
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
31623
31621
|
const isRoleProminence = prominentRoles.length && peers.some(
|
31624
31622
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
@@ -31646,7 +31644,7 @@ var init_GridLayout = __esm({
|
|
31646
31644
|
peers,
|
31647
31645
|
pinnedTrack
|
31648
31646
|
]);
|
31649
|
-
const vanillaStore = (0,
|
31647
|
+
const vanillaStore = (0, import_react_sdk96.useHMSVanillaStore)();
|
31650
31648
|
const [sortedPeers, setSortedPeers] = (0, import_react187.useState)(updatedPeers);
|
31651
31649
|
const peersSorter = (0, import_react187.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
|
31652
31650
|
const [pageSize, setPageSize] = (0, import_react187.useState)(0);
|
@@ -31717,13 +31715,13 @@ var init_GridLayout = __esm({
|
|
31717
31715
|
});
|
31718
31716
|
|
31719
31717
|
// src/Prebuilt/layouts/EmbedView.jsx
|
31720
|
-
var import_react188,
|
31718
|
+
var import_react188, import_react_sdk97, EmbedView, EmbedScreenShareView, EmbedComponent;
|
31721
31719
|
var init_EmbedView = __esm({
|
31722
31720
|
"src/Prebuilt/layouts/EmbedView.jsx"() {
|
31723
31721
|
"use strict";
|
31724
31722
|
init_define_process_env();
|
31725
31723
|
import_react188 = __toESM(require("react"));
|
31726
|
-
|
31724
|
+
import_react_sdk97 = require("@100mslive/react-sdk");
|
31727
31725
|
init_SecondaryTiles();
|
31728
31726
|
init_ToastManager();
|
31729
31727
|
init_ProminenceLayout();
|
@@ -31734,8 +31732,8 @@ var init_EmbedView = __esm({
|
|
31734
31732
|
return /* @__PURE__ */ import_react188.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react188.default.createElement(EmbedComponent, null));
|
31735
31733
|
};
|
31736
31734
|
EmbedScreenShareView = ({ children }) => {
|
31737
|
-
const peers = (0,
|
31738
|
-
const peerPresenting = (0,
|
31735
|
+
const peers = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
|
31736
|
+
const peerPresenting = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
|
31739
31737
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
31740
31738
|
const smallTilePeers = (0, import_react188.useMemo)(() => {
|
31741
31739
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
@@ -31750,9 +31748,9 @@ var init_EmbedView = __esm({
|
|
31750
31748
|
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 }));
|
31751
31749
|
};
|
31752
31750
|
EmbedComponent = () => {
|
31753
|
-
const embedConfig = (0,
|
31751
|
+
const embedConfig = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.embedConfig));
|
31754
31752
|
const resetConfig = useResetEmbedConfig();
|
31755
|
-
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0,
|
31753
|
+
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk97.useEmbedShare)(resetConfig);
|
31756
31754
|
(0, import_react188.useEffect)(() => {
|
31757
31755
|
(() => __async(void 0, null, function* () {
|
31758
31756
|
if (embedConfig && !isEmbedShareInProgress) {
|
@@ -31802,13 +31800,13 @@ var init_EmbedView = __esm({
|
|
31802
31800
|
});
|
31803
31801
|
|
31804
31802
|
// src/Prebuilt/layouts/PDFView.jsx
|
31805
|
-
var import_react189,
|
31803
|
+
var import_react189, import_react_sdk98, PDFView;
|
31806
31804
|
var init_PDFView = __esm({
|
31807
31805
|
"src/Prebuilt/layouts/PDFView.jsx"() {
|
31808
31806
|
"use strict";
|
31809
31807
|
init_define_process_env();
|
31810
31808
|
import_react189 = __toESM(require("react"));
|
31811
|
-
|
31809
|
+
import_react_sdk98 = require("@100mslive/react-sdk");
|
31812
31810
|
init_ToastManager();
|
31813
31811
|
init_Layout();
|
31814
31812
|
init_EmbedView();
|
@@ -31816,7 +31814,7 @@ var init_PDFView = __esm({
|
|
31816
31814
|
PDFView = () => {
|
31817
31815
|
const pdfConfig = usePDFConfig();
|
31818
31816
|
const resetConfig = useResetPDFConfig();
|
31819
|
-
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0,
|
31817
|
+
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk98.usePDFShare)(resetConfig);
|
31820
31818
|
(0, import_react189.useEffect)(() => {
|
31821
31819
|
return () => {
|
31822
31820
|
resetConfig();
|
@@ -31871,7 +31869,7 @@ var init_PDFView = __esm({
|
|
31871
31869
|
});
|
31872
31870
|
|
31873
31871
|
// src/Prebuilt/plugins/CaptionsViewer.tsx
|
31874
|
-
var import_react190, import_react_draggable2, import_react_use45,
|
31872
|
+
var import_react190, import_react_draggable2, import_react_use45, import_react_sdk99, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
|
31875
31873
|
var init_CaptionsViewer = __esm({
|
31876
31874
|
"src/Prebuilt/plugins/CaptionsViewer.tsx"() {
|
31877
31875
|
"use strict";
|
@@ -31879,7 +31877,7 @@ var init_CaptionsViewer = __esm({
|
|
31879
31877
|
import_react190 = __toESM(require("react"));
|
31880
31878
|
import_react_draggable2 = __toESM(require("react-draggable"));
|
31881
31879
|
import_react_use45 = require("react-use");
|
31882
|
-
|
31880
|
+
import_react_sdk99 = require("@100mslive/react-sdk");
|
31883
31881
|
init_Layout();
|
31884
31882
|
init_Text2();
|
31885
31883
|
init_Theme();
|
@@ -32020,7 +32018,7 @@ var init_CaptionsViewer = __esm({
|
|
32020
32018
|
}
|
32021
32019
|
};
|
32022
32020
|
TranscriptView = ({ peer_id, data: data3 }) => {
|
32023
|
-
const peerName = (0,
|
32021
|
+
const peerName = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectPeerNameByID)(peer_id)) || "Participant";
|
32024
32022
|
data3 = data3.trim();
|
32025
32023
|
if (!data3)
|
32026
32024
|
return null;
|
@@ -32048,7 +32046,7 @@ var init_CaptionsViewer = __esm({
|
|
32048
32046
|
const [captionQueue] = (0, import_react190.useState)(new CaptionMaintainerQueue());
|
32049
32047
|
const [currentData, setCurrentData] = (0, import_react190.useState)([]);
|
32050
32048
|
const isCaptionEnabled = useIsCaptionEnabled();
|
32051
|
-
const isTranscriptionEnabled = (0,
|
32049
|
+
const isTranscriptionEnabled = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsTranscriptionEnabled);
|
32052
32050
|
const nodeRef = (0, import_react190.useRef)(null);
|
32053
32051
|
(0, import_react190.useEffect)(() => {
|
32054
32052
|
const timeInterval = setInterval(() => {
|
@@ -32061,7 +32059,7 @@ var init_CaptionsViewer = __esm({
|
|
32061
32059
|
}, 1e3);
|
32062
32060
|
return () => clearInterval(timeInterval);
|
32063
32061
|
}, [captionQueue]);
|
32064
|
-
(0,
|
32062
|
+
(0, import_react_sdk99.useTranscript)({
|
32065
32063
|
onTranscript: (data3) => {
|
32066
32064
|
captionQueue && captionQueue.push(data3);
|
32067
32065
|
}
|
@@ -32118,16 +32116,16 @@ var init_CaptionsViewer = __esm({
|
|
32118
32116
|
});
|
32119
32117
|
|
32120
32118
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
32121
|
-
var import_react191,
|
32119
|
+
var import_react191, import_react_sdk100, useCloseScreenshareWhiteboard;
|
32122
32120
|
var init_useCloseScreenshareWhiteboard = __esm({
|
32123
32121
|
"src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
|
32124
32122
|
"use strict";
|
32125
32123
|
init_define_process_env();
|
32126
32124
|
import_react191 = require("react");
|
32127
|
-
|
32125
|
+
import_react_sdk100 = require("@100mslive/react-sdk");
|
32128
32126
|
useCloseScreenshareWhiteboard = () => {
|
32129
|
-
const peerSharing = (0,
|
32130
|
-
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0,
|
32127
|
+
const peerSharing = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectPeerScreenSharing);
|
32128
|
+
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk100.useWhiteboard)();
|
32131
32129
|
(0, import_react191.useEffect)(() => {
|
32132
32130
|
if (isWhiteboardOwner && peerSharing) {
|
32133
32131
|
toggleWhiteboard == null ? void 0 : toggleWhiteboard();
|
@@ -33254,7 +33252,7 @@ var HLSView_exports = {};
|
|
33254
33252
|
__export(HLSView_exports, {
|
33255
33253
|
default: () => HLSView_default
|
33256
33254
|
});
|
33257
|
-
var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13,
|
33255
|
+
var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13, import_react_sdk101, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
|
33258
33256
|
var init_HLSView = __esm({
|
33259
33257
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
33260
33258
|
"use strict";
|
@@ -33264,7 +33262,7 @@ var init_HLSView = __esm({
|
|
33264
33262
|
import_hls_player3 = require("@100mslive/hls-player");
|
33265
33263
|
import_screenfull3 = __toESM(require("screenfull"));
|
33266
33264
|
import_ts_pattern13 = require("ts-pattern");
|
33267
|
-
|
33265
|
+
import_react_sdk101 = require("@100mslive/react-sdk");
|
33268
33266
|
import_react_icons97 = require("@100mslive/react-icons");
|
33269
33267
|
init_ChatToggle();
|
33270
33268
|
init_HlsStatsOverlay();
|
@@ -33292,11 +33290,11 @@ var init_HLSView = __esm({
|
|
33292
33290
|
toastMap = {};
|
33293
33291
|
ToggleChat = ({ isFullScreen = false }) => {
|
33294
33292
|
const { elements } = useRoomLayoutConferencingScreen();
|
33295
|
-
const sidepane = (0,
|
33293
|
+
const sidepane = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.sidePane));
|
33296
33294
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
33297
33295
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
33298
33296
|
const isMobile = (0, import_react_use49.useMedia)(config.media.md);
|
33299
|
-
const hmsActions = (0,
|
33297
|
+
const hmsActions = (0, import_react_sdk101.useHMSActions)();
|
33300
33298
|
(0, import_react206.useEffect)(() => {
|
33301
33299
|
(0, import_ts_pattern13.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
|
33302
33300
|
hmsActions.setAppData(APP_DATA.sidePane, "");
|
@@ -33314,10 +33312,10 @@ var init_HLSView = __esm({
|
|
33314
33312
|
const videoRef = (0, import_react206.useRef)(null);
|
33315
33313
|
const hlsViewRef = (0, import_react206.useRef)();
|
33316
33314
|
const { elements } = useRoomLayoutConferencingScreen();
|
33317
|
-
const hlsState = (0,
|
33318
|
-
const enablHlsStats = (0,
|
33319
|
-
const notification = (0,
|
33320
|
-
const hmsActions = (0,
|
33315
|
+
const hlsState = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectHLSState);
|
33316
|
+
const enablHlsStats = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.hlsStats));
|
33317
|
+
const notification = (0, import_react_sdk101.useHMSNotifications)(import_react_sdk101.HMSNotificationTypes.POLL_STOPPED);
|
33318
|
+
const hmsActions = (0, import_react_sdk101.useHMSActions)();
|
33321
33319
|
const { themeType } = useTheme();
|
33322
33320
|
const [streamEnded, setStreamEnded] = (0, import_react206.useState)(false);
|
33323
33321
|
let [hlsStatsState, setHlsStatsState] = (0, import_react206.useState)(null);
|
@@ -33336,7 +33334,7 @@ var init_HLSView = __esm({
|
|
33336
33334
|
const [isPaused, setIsPaused] = (0, import_react206.useState)(false);
|
33337
33335
|
const [show, toggle] = (0, import_react_use49.useToggle)(false);
|
33338
33336
|
const lastHlsUrl = (0, import_react_use49.usePrevious)(hlsUrl);
|
33339
|
-
const vanillaStore = (0,
|
33337
|
+
const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
|
33340
33338
|
const [controlsVisible, setControlsVisible] = (0, import_react206.useState)(true);
|
33341
33339
|
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react206.useState)(true);
|
33342
33340
|
const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react206.useState)(false);
|
@@ -33422,8 +33420,8 @@ var init_HLSView = __esm({
|
|
33422
33420
|
const parsedPayload = parsePayload(payload);
|
33423
33421
|
if (parsedPayload.startsWith("poll:")) {
|
33424
33422
|
const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
|
33425
|
-
const poll = vanillaStore.getState((0,
|
33426
|
-
const pollStartedBy = vanillaStore.getState((0,
|
33423
|
+
const poll = vanillaStore.getState((0, import_react_sdk101.selectPollByID)(pollId));
|
33424
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk101.selectPeerNameByID)(poll.startedBy)) || "Participant";
|
33427
33425
|
if (!toastMap[pollId]) {
|
33428
33426
|
const toastID = ToastManager.addToast({
|
33429
33427
|
title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
|
@@ -33579,7 +33577,7 @@ var init_HLSView = __esm({
|
|
33579
33577
|
const onDoubleClickHandler = (0, import_react206.useCallback)(
|
33580
33578
|
(event) => {
|
33581
33579
|
var _a8;
|
33582
|
-
if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !==
|
33580
|
+
if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk101.HLSPlaylistType.DVR) {
|
33583
33581
|
return;
|
33584
33582
|
}
|
33585
33583
|
const sidePercentage = event.screenX * 100 / event.target.clientWidth;
|
@@ -33605,7 +33603,7 @@ var init_HLSView = __esm({
|
|
33605
33603
|
);
|
33606
33604
|
const onClickHandler = (0, import_react206.useCallback)(() => __async(void 0, null, function* () {
|
33607
33605
|
var _a8;
|
33608
|
-
(0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type:
|
33606
|
+
(0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk101.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
|
33609
33607
|
if (isPaused) {
|
33610
33608
|
yield hlsPlayer == null ? void 0 : hlsPlayer.play();
|
33611
33609
|
} else {
|
@@ -33703,7 +33701,7 @@ var init_HLSView = __esm({
|
|
33703
33701
|
},
|
33704
33702
|
onKeyDown: (event) => __async(void 0, null, function* () {
|
33705
33703
|
var _a8;
|
33706
|
-
if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) ===
|
33704
|
+
if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR) {
|
33707
33705
|
yield keyHandler(event);
|
33708
33706
|
}
|
33709
33707
|
}),
|
@@ -33748,7 +33746,7 @@ var init_HLSView = __esm({
|
|
33748
33746
|
size: "100%"
|
33749
33747
|
}
|
33750
33748
|
},
|
33751
|
-
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) ===
|
33749
|
+
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
|
33752
33750
|
HMSVideoPlayer.PlayPauseSeekControls.Overlay,
|
33753
33751
|
{
|
33754
33752
|
isPaused,
|
@@ -33756,7 +33754,7 @@ var init_HLSView = __esm({
|
|
33756
33754
|
hoverControlsVisible
|
33757
33755
|
}
|
33758
33756
|
)
|
33759
|
-
), 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) ===
|
33757
|
+
), 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_sdk101.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
|
33760
33758
|
HMSVideoPlayer.PlayPauseSeekControls.Overlay,
|
33761
33759
|
{
|
33762
33760
|
isPaused,
|
@@ -33823,7 +33821,7 @@ var init_HLSView = __esm({
|
|
33823
33821
|
align: "start",
|
33824
33822
|
css: {
|
33825
33823
|
position: "absolute",
|
33826
|
-
bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) ===
|
33824
|
+
bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? "$8" : "0",
|
33827
33825
|
left: "0",
|
33828
33826
|
zIndex: 1,
|
33829
33827
|
background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
|
@@ -33833,7 +33831,7 @@ var init_HLSView = __esm({
|
|
33833
33831
|
transition: "visibility 0s 0.5s, opacity 0.5s linear"
|
33834
33832
|
}
|
33835
33833
|
},
|
33836
|
-
((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) ===
|
33834
|
+
((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
|
33837
33835
|
/* @__PURE__ */ import_react206.default.createElement(
|
33838
33836
|
HMSVideoPlayer.Controls.Root,
|
33839
33837
|
{
|
@@ -33842,7 +33840,7 @@ var init_HLSView = __esm({
|
|
33842
33840
|
},
|
33843
33841
|
onClick: (e) => e.stopPropagation()
|
33844
33842
|
},
|
33845
|
-
/* @__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) ===
|
33843
|
+
/* @__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_sdk101.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(
|
33846
33844
|
IconButton,
|
33847
33845
|
{
|
33848
33846
|
css: { px: "$2" },
|
@@ -33875,7 +33873,7 @@ var init_HLSView = __esm({
|
|
33875
33873
|
},
|
33876
33874
|
isVideoLive ? "LIVE" : "GO LIVE"
|
33877
33875
|
)))
|
33878
|
-
), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) ===
|
33876
|
+
), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null),
|
33879
33877
|
/* @__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(
|
33880
33878
|
HLSQualitySelector,
|
33881
33879
|
{
|
@@ -33901,7 +33899,7 @@ var init_HLSView = __esm({
|
|
33901
33899
|
});
|
33902
33900
|
|
33903
33901
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
33904
|
-
var import_react207, import_react_use50, import_ts_pattern14,
|
33902
|
+
var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk102, import_react_icons98, HLSView2, VideoStreamingSection;
|
33905
33903
|
var init_VideoStreamingSection = __esm({
|
33906
33904
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
33907
33905
|
"use strict";
|
@@ -33909,7 +33907,7 @@ var init_VideoStreamingSection = __esm({
|
|
33909
33907
|
import_react207 = __toESM(require("react"));
|
33910
33908
|
import_react_use50 = require("react-use");
|
33911
33909
|
import_ts_pattern14 = require("ts-pattern");
|
33912
|
-
|
33910
|
+
import_react_sdk102 = require("@100mslive/react-sdk");
|
33913
33911
|
import_react_icons98 = require("@100mslive/react-icons");
|
33914
33912
|
init_FullPageProgress();
|
33915
33913
|
init_GridLayout();
|
@@ -33930,10 +33928,10 @@ var init_VideoStreamingSection = __esm({
|
|
33930
33928
|
hideControls = false
|
33931
33929
|
}) => {
|
33932
33930
|
var _a7;
|
33933
|
-
const localPeerRoleName = (0,
|
33934
|
-
const isConnected = (0,
|
33935
|
-
const isSharingScreen = (0,
|
33936
|
-
const hmsActions = (0,
|
33931
|
+
const localPeerRoleName = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectLocalPeerRoleName);
|
33932
|
+
const isConnected = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
|
33933
|
+
const isSharingScreen = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsLocalScreenShared);
|
33934
|
+
const hmsActions = (0, import_react_sdk102.useHMSActions)();
|
33937
33935
|
const urlToIframe = useUrlToEmbed();
|
33938
33936
|
const pdfAnnotatorActive = usePDFConfig();
|
33939
33937
|
const isMobileHLSStream = useMobileHLSStream();
|
@@ -34075,13 +34073,13 @@ var init_RoomDetailsHeader = __esm({
|
|
34075
34073
|
});
|
34076
34074
|
|
34077
34075
|
// src/Prebuilt/components/Header/common.jsx
|
34078
|
-
var import_react209,
|
34076
|
+
var import_react209, import_react_sdk103, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
34079
34077
|
var init_common2 = __esm({
|
34080
34078
|
"src/Prebuilt/components/Header/common.jsx"() {
|
34081
34079
|
"use strict";
|
34082
34080
|
init_define_process_env();
|
34083
34081
|
import_react209 = __toESM(require("react"));
|
34084
|
-
|
34082
|
+
import_react_sdk103 = require("@100mslive/react-sdk");
|
34085
34083
|
import_react_icons100 = require("@100mslive/react-icons");
|
34086
34084
|
init_Divider2();
|
34087
34085
|
init_Label2();
|
@@ -34091,12 +34089,12 @@ var init_common2 = __esm({
|
|
34091
34089
|
init_IconButton3();
|
34092
34090
|
init_ToastManager();
|
34093
34091
|
CamaraFlipActions = () => {
|
34094
|
-
const actions = (0,
|
34095
|
-
const { allDevices } = (0,
|
34092
|
+
const actions = (0, import_react_sdk103.useHMSActions)();
|
34093
|
+
const { allDevices } = (0, import_react_sdk103.useDevices)();
|
34096
34094
|
const { videoInput } = allDevices;
|
34097
|
-
const isVideoOn = (0,
|
34098
|
-
const videoTrackId = (0,
|
34099
|
-
const localVideoTrack = (0,
|
34095
|
+
const isVideoOn = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsLocalVideoEnabled);
|
34096
|
+
const videoTrackId = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectLocalVideoTrackID);
|
34097
|
+
const localVideoTrack = (0, import_react_sdk103.useHMSStore)((0, import_react_sdk103.selectVideoTrackByID)(videoTrackId));
|
34100
34098
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
34101
34099
|
return null;
|
34102
34100
|
}
|
@@ -34119,7 +34117,7 @@ var init_common2 = __esm({
|
|
34119
34117
|
));
|
34120
34118
|
};
|
34121
34119
|
AudioActions = () => {
|
34122
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
34120
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk103.useDevices)();
|
34123
34121
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
34124
34122
|
const { audioInput, audioOutput } = allDevices;
|
34125
34123
|
let availableAudioDevices = audioInput;
|
@@ -34128,13 +34126,13 @@ var init_common2 = __esm({
|
|
34128
34126
|
availableAudioDevices = audioOutput;
|
34129
34127
|
selectedAudio = selectedDeviceIDs.audioOutput;
|
34130
34128
|
}
|
34131
|
-
const hmsActions = (0,
|
34129
|
+
const hmsActions = (0, import_react_sdk103.useHMSActions)();
|
34132
34130
|
const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
|
34133
34131
|
const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
|
34134
34132
|
if (!audioFiltered) {
|
34135
34133
|
return null;
|
34136
34134
|
}
|
34137
|
-
const deviceCategory = (0,
|
34135
|
+
const deviceCategory = (0, import_react_sdk103.getAudioDeviceCategory)(currentSelection.label);
|
34138
34136
|
let AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.SpeakerIcon, null);
|
34139
34137
|
if (deviceCategory === "bluetooth") {
|
34140
34138
|
AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.BluetoothIcon, null);
|
@@ -34152,7 +34150,7 @@ var init_common2 = __esm({
|
|
34152
34150
|
try {
|
34153
34151
|
yield updateDevice({
|
34154
34152
|
deviceId,
|
34155
|
-
deviceType: shouldShowAudioOutput ?
|
34153
|
+
deviceType: shouldShowAudioOutput ? import_react_sdk103.DeviceType.audioOutput : import_react_sdk103.DeviceType.audioInput
|
34156
34154
|
});
|
34157
34155
|
} catch (e) {
|
34158
34156
|
ToastManager.addToast({
|
@@ -34236,23 +34234,23 @@ var init_common2 = __esm({
|
|
34236
34234
|
});
|
34237
34235
|
|
34238
34236
|
// src/Prebuilt/components/Header/Header.tsx
|
34239
|
-
var import_react210, import_react_use52,
|
34237
|
+
var import_react210, import_react_use52, import_react_sdk104, Header2;
|
34240
34238
|
var init_Header = __esm({
|
34241
34239
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
34242
34240
|
"use strict";
|
34243
34241
|
init_define_process_env();
|
34244
34242
|
import_react210 = __toESM(require("react"));
|
34245
34243
|
import_react_use52 = require("react-use");
|
34246
|
-
|
34244
|
+
import_react_sdk104 = require("@100mslive/react-sdk");
|
34247
34245
|
init_src();
|
34248
34246
|
init_HeaderComponents();
|
34249
34247
|
init_RoomDetailsHeader();
|
34250
34248
|
init_StreamActions();
|
34251
34249
|
init_common2();
|
34252
34250
|
Header2 = () => {
|
34253
|
-
const roomState = (0,
|
34251
|
+
const roomState = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectRoomState);
|
34254
34252
|
const isMobile = (0, import_react_use52.useMedia)(config.media.md);
|
34255
|
-
if (roomState !==
|
34253
|
+
if (roomState !== import_react_sdk104.HMSRoomState.Connected) {
|
34256
34254
|
return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
|
34257
34255
|
}
|
34258
34256
|
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(
|
@@ -34282,25 +34280,25 @@ var init_Header2 = __esm({
|
|
34282
34280
|
});
|
34283
34281
|
|
34284
34282
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
34285
|
-
var import_react211,
|
34283
|
+
var import_react211, import_react_sdk105, PreviousRoleInMetadata;
|
34286
34284
|
var init_PreviousRoleInMetadata = __esm({
|
34287
34285
|
"src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
|
34288
34286
|
"use strict";
|
34289
34287
|
init_define_process_env();
|
34290
34288
|
import_react211 = require("react");
|
34291
|
-
|
34289
|
+
import_react_sdk105 = require("@100mslive/react-sdk");
|
34292
34290
|
init_useMetadata();
|
34293
34291
|
PreviousRoleInMetadata = () => {
|
34294
|
-
const vanillaStore = (0,
|
34292
|
+
const vanillaStore = (0, import_react_sdk105.useHMSVanillaStore)();
|
34295
34293
|
const { updateMetaData } = useMyMetadata();
|
34296
34294
|
(0, import_react211.useEffect)(() => {
|
34297
|
-
let previousRole = vanillaStore.getState(
|
34295
|
+
let previousRole = vanillaStore.getState(import_react_sdk105.selectLocalPeerRoleName);
|
34298
34296
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
34299
34297
|
if (previousRole !== currentRole && currentRole) {
|
34300
34298
|
updateMetaData({ prevRole: previousRole });
|
34301
34299
|
previousRole = currentRole;
|
34302
34300
|
}
|
34303
|
-
},
|
34301
|
+
}, import_react_sdk105.selectLocalPeerRoleName);
|
34304
34302
|
return unsubscribe;
|
34305
34303
|
}, [vanillaStore]);
|
34306
34304
|
return null;
|
@@ -34309,14 +34307,14 @@ var init_PreviousRoleInMetadata = __esm({
|
|
34309
34307
|
});
|
34310
34308
|
|
34311
34309
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
34312
|
-
var import_react212, import_uuid12,
|
34310
|
+
var import_react212, import_uuid12, import_react_sdk106, ConferenceScreen;
|
34313
34311
|
var init_ConferenceScreen = __esm({
|
34314
34312
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
34315
34313
|
"use strict";
|
34316
34314
|
init_define_process_env();
|
34317
34315
|
import_react212 = __toESM(require("react"));
|
34318
34316
|
import_uuid12 = require("uuid");
|
34319
|
-
|
34317
|
+
import_react_sdk106 = require("@100mslive/react-sdk");
|
34320
34318
|
init_Footer3();
|
34321
34319
|
init_MoreSettings();
|
34322
34320
|
init_HLSFailureModal();
|
@@ -34340,18 +34338,18 @@ var init_ConferenceScreen = __esm({
|
|
34340
34338
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
34341
34339
|
const screenProps = useRoomLayoutConferencingScreen();
|
34342
34340
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
34343
|
-
const roomState = (0,
|
34344
|
-
const isConnectedToRoom = (0,
|
34345
|
-
const hmsActions = (0,
|
34341
|
+
const roomState = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectRoomState);
|
34342
|
+
const isConnectedToRoom = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectIsConnectedToRoom);
|
34343
|
+
const hmsActions = (0, import_react_sdk106.useHMSActions)();
|
34346
34344
|
const [hideControls, setHideControls] = (0, import_react212.useState)(false);
|
34347
|
-
const dropdownList = (0,
|
34345
|
+
const dropdownList = (0, import_react_sdk106.useHMSStore)((0, import_react_sdk106.selectAppData)(APP_DATA.dropdownList));
|
34348
34346
|
const authTokenInAppData = useAuthToken();
|
34349
34347
|
const headerRef = (0, import_react212.useRef)(null);
|
34350
34348
|
const footerRef = (0, import_react212.useRef)(null);
|
34351
34349
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
34352
34350
|
const dropdownListRef = (0, import_react212.useRef)();
|
34353
34351
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
34354
|
-
const { requestPermission } = (0,
|
34352
|
+
const { requestPermission } = (0, import_react_sdk106.useAwayNotifications)();
|
34355
34353
|
const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
|
34356
34354
|
const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
|
34357
34355
|
const isMobileHLSStream = useMobileHLSStream();
|
@@ -34379,7 +34377,7 @@ var init_ConferenceScreen = __esm({
|
|
34379
34377
|
};
|
34380
34378
|
}, [dropdownList, hideControls, isMobileDevice]);
|
34381
34379
|
(0, import_react212.useEffect)(() => {
|
34382
|
-
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !==
|
34380
|
+
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk106.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
34383
34381
|
hmsActions.join({
|
34384
34382
|
userName: userName || (0, import_uuid12.v4)(),
|
34385
34383
|
authToken: authTokenInAppData,
|
@@ -34408,8 +34406,8 @@ var init_ConferenceScreen = __esm({
|
|
34408
34406
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
34409
34407
|
};
|
34410
34408
|
}, [onJoinFunc]);
|
34411
|
-
if (!isConnectedToRoom && ![
|
34412
|
-
return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState ===
|
34409
|
+
if (!isConnectedToRoom && ![import_react_sdk106.HMSRoomState.Reconnecting, import_react_sdk106.HMSRoomState.Disconnected].includes(roomState)) {
|
34410
|
+
return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk106.HMSRoomState.Connecting ? "Joining..." : "" });
|
34413
34411
|
}
|
34414
34412
|
const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
|
34415
34413
|
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(
|
@@ -34595,7 +34593,7 @@ var init_ErrorBoundary = __esm({
|
|
34595
34593
|
|
34596
34594
|
// src/Prebuilt/services/FeatureFlags.jsx
|
34597
34595
|
function FeatureFlagsInit() {
|
34598
|
-
const roomId = (0,
|
34596
|
+
const roomId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomID);
|
34599
34597
|
(0, import_react214.useEffect)(() => {
|
34600
34598
|
if (roomId) {
|
34601
34599
|
FeatureFlags.init(roomId);
|
@@ -34603,13 +34601,13 @@ function FeatureFlagsInit() {
|
|
34603
34601
|
}, [roomId]);
|
34604
34602
|
return null;
|
34605
34603
|
}
|
34606
|
-
var import_react214,
|
34604
|
+
var import_react214, import_react_sdk107, FeatureFlags;
|
34607
34605
|
var init_FeatureFlags = __esm({
|
34608
34606
|
"src/Prebuilt/services/FeatureFlags.jsx"() {
|
34609
34607
|
"use strict";
|
34610
34608
|
init_define_process_env();
|
34611
34609
|
import_react214 = require("react");
|
34612
|
-
|
34610
|
+
import_react_sdk107 = require("@100mslive/react-sdk");
|
34613
34611
|
FeatureFlags = class {
|
34614
34612
|
static init(roomId) {
|
34615
34613
|
if (!window.HMS) {
|
@@ -34667,13 +34665,13 @@ var init_Init = __esm({
|
|
34667
34665
|
});
|
34668
34666
|
|
34669
34667
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
34670
|
-
var import_react216,
|
34668
|
+
var import_react216, import_react_sdk108, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
|
34671
34669
|
var init_KeyboardInputManager = __esm({
|
34672
34670
|
"src/Prebuilt/components/Input/KeyboardInputManager.js"() {
|
34673
34671
|
"use strict";
|
34674
34672
|
init_define_process_env();
|
34675
34673
|
import_react216 = require("react");
|
34676
|
-
|
34674
|
+
import_react_sdk108 = require("@100mslive/react-sdk");
|
34677
34675
|
init_constants();
|
34678
34676
|
isEvenListenersAttached = false;
|
34679
34677
|
KeyboardInputManager = class {
|
@@ -34681,27 +34679,27 @@ var init_KeyboardInputManager = __esm({
|
|
34681
34679
|
__privateAdd(this, _actions, void 0);
|
34682
34680
|
__privateAdd(this, _store, void 0);
|
34683
34681
|
__privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
|
34684
|
-
const enabled = __privateGet(this, _store).getState(
|
34682
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalAudioEnabled);
|
34685
34683
|
yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
|
34686
34684
|
}));
|
34687
34685
|
__privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
|
34688
|
-
const enabled = __privateGet(this, _store).getState(
|
34686
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalVideoEnabled);
|
34689
34687
|
yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
|
34690
34688
|
}));
|
34691
34689
|
__privateAdd(this, _hideSidepane, () => {
|
34692
|
-
if (__privateGet(this, _store).getState((0,
|
34690
|
+
if (__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.sidePane))) {
|
34693
34691
|
__privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
|
34694
34692
|
}
|
34695
34693
|
});
|
34696
34694
|
__privateAdd(this, _toggleStatsForNerds, () => {
|
34697
|
-
const uiSettings = __privateGet(this, _store).getState((0,
|
34695
|
+
const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.uiSettings));
|
34698
34696
|
const statsEnabled = uiSettings.showStatsOnTiles;
|
34699
34697
|
__privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
|
34700
34698
|
showStatsOnTiles: !statsEnabled
|
34701
34699
|
}));
|
34702
34700
|
});
|
34703
34701
|
__privateAdd(this, _toggleHlsStats, () => {
|
34704
|
-
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0,
|
34702
|
+
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.hlsStats)));
|
34705
34703
|
});
|
34706
34704
|
// eslint-disable-next-line complexity
|
34707
34705
|
__privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
|
@@ -34759,8 +34757,8 @@ var init_KeyboardInputManager = __esm({
|
|
34759
34757
|
_bind = new WeakMap();
|
34760
34758
|
_unbind = new WeakMap();
|
34761
34759
|
KeyboardHandler = () => {
|
34762
|
-
const store = (0,
|
34763
|
-
const actions = (0,
|
34760
|
+
const store = (0, import_react_sdk108.useHMSVanillaStore)();
|
34761
|
+
const actions = (0, import_react_sdk108.useHMSActions)();
|
34764
34762
|
(0, import_react216.useEffect)(() => {
|
34765
34763
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
34766
34764
|
keyboardManager.bindAllShortcuts();
|
@@ -34772,14 +34770,14 @@ var init_KeyboardInputManager = __esm({
|
|
34772
34770
|
});
|
34773
34771
|
|
34774
34772
|
// src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
|
34775
|
-
var import_react217, import_react_use53,
|
34773
|
+
var import_react217, import_react_use53, import_react_sdk109, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
|
34776
34774
|
var init_FeedbackForm = __esm({
|
34777
34775
|
"src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx"() {
|
34778
34776
|
"use strict";
|
34779
34777
|
init_define_process_env();
|
34780
34778
|
import_react217 = __toESM(require("react"));
|
34781
34779
|
import_react_use53 = require("react-use");
|
34782
|
-
|
34780
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
34783
34781
|
import_react_icons102 = require("@100mslive/react-icons");
|
34784
34782
|
init_Button2();
|
34785
34783
|
init_Checkbox2();
|
@@ -34837,7 +34835,7 @@ var init_FeedbackForm = __esm({
|
|
34837
34835
|
const { feedback } = useRoomLayoutLeaveScreen();
|
34838
34836
|
const { endpoints } = useHMSPrebuiltContext();
|
34839
34837
|
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
34840
|
-
const hmsActions = (0,
|
34838
|
+
const hmsActions = (0, import_react_sdk109.useHMSActions)();
|
34841
34839
|
const [comment, setComment] = (0, import_react217.useState)("");
|
34842
34840
|
const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
|
34843
34841
|
const handleCheckedChange = (checked, index) => {
|
@@ -35399,7 +35397,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
35399
35397
|
|
35400
35398
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
35401
35399
|
function AutoplayBlockedModal() {
|
35402
|
-
const { error, resetError, unblockAudio } = (0,
|
35400
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk110.useAutoplayError)();
|
35403
35401
|
return /* @__PURE__ */ import_react222.default.createElement(
|
35404
35402
|
Dialog.Root,
|
35405
35403
|
{
|
@@ -35424,33 +35422,33 @@ function AutoplayBlockedModal() {
|
|
35424
35422
|
)))
|
35425
35423
|
);
|
35426
35424
|
}
|
35427
|
-
var import_react222,
|
35425
|
+
var import_react222, import_react_sdk110;
|
35428
35426
|
var init_AutoplayBlockedModal = __esm({
|
35429
35427
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
35430
35428
|
"use strict";
|
35431
35429
|
init_define_process_env();
|
35432
35430
|
import_react222 = __toESM(require("react"));
|
35433
|
-
|
35431
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
35434
35432
|
init_src();
|
35435
35433
|
init_DialogContent2();
|
35436
35434
|
}
|
35437
35435
|
});
|
35438
35436
|
|
35439
35437
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
35440
|
-
var import_react223, import_uuid13,
|
35438
|
+
var import_react223, import_uuid13, import_react_sdk111, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
35441
35439
|
var init_ChatNotifications = __esm({
|
35442
35440
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
35443
35441
|
"use strict";
|
35444
35442
|
init_define_process_env();
|
35445
35443
|
import_react223 = __toESM(require("react"));
|
35446
35444
|
import_uuid13 = require("uuid");
|
35447
|
-
|
35445
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
35448
35446
|
import_react_icons106 = require("@100mslive/react-icons");
|
35449
35447
|
init_ToastManager();
|
35450
35448
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
35451
35449
|
ChatNotifications = () => {
|
35452
|
-
const chatState = (0,
|
35453
|
-
const localPeerId = (0,
|
35450
|
+
const chatState = (0, import_react_sdk111.useHMSStore)((0, import_react_sdk111.selectSessionStore)("chatState" /* CHAT_STATE */));
|
35451
|
+
const localPeerId = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
|
35454
35452
|
(0, import_react223.useEffect)(() => {
|
35455
35453
|
var _a7, _b7;
|
35456
35454
|
if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
|
@@ -35473,13 +35471,13 @@ var init_ChatNotifications = __esm({
|
|
35473
35471
|
});
|
35474
35472
|
|
35475
35473
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
35476
|
-
var import_react224,
|
35474
|
+
var import_react224, import_react_sdk112, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
|
35477
35475
|
var init_ToastConfig = __esm({
|
35478
35476
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
35479
35477
|
"use strict";
|
35480
35478
|
init_define_process_env();
|
35481
35479
|
import_react224 = __toESM(require("react"));
|
35482
|
-
|
35480
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
35483
35481
|
import_react_icons107 = require("@100mslive/react-icons");
|
35484
35482
|
init_Button2();
|
35485
35483
|
init_roomLayoutProvider();
|
@@ -35495,10 +35493,10 @@ var init_ToastConfig = __esm({
|
|
35495
35493
|
});
|
35496
35494
|
HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
35497
35495
|
var _a7, _b7, _c;
|
35498
|
-
const hmsActions = (0,
|
35496
|
+
const hmsActions = (0, import_react_sdk112.useHMSActions)();
|
35499
35497
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
35500
35498
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
35501
|
-
const peer = (0,
|
35499
|
+
const peer = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectPeerByID)(id));
|
35502
35500
|
const layout = useRoomLayout();
|
35503
35501
|
const {
|
35504
35502
|
bring_to_stage_label,
|
@@ -35715,14 +35713,14 @@ var init_ToastBatcher = __esm({
|
|
35715
35713
|
});
|
35716
35714
|
|
35717
35715
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
35718
|
-
var import_react225, import_react_use57,
|
35716
|
+
var import_react225, import_react_use57, import_react_sdk113, HandRaisedNotifications;
|
35719
35717
|
var init_HandRaisedNotifications = __esm({
|
35720
35718
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
35721
35719
|
"use strict";
|
35722
35720
|
init_define_process_env();
|
35723
35721
|
import_react225 = require("react");
|
35724
35722
|
import_react_use57 = require("react-use");
|
35725
|
-
|
35723
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
35726
35724
|
init_roomLayoutProvider();
|
35727
35725
|
init_ToastBatcher();
|
35728
35726
|
init_useRoomLayoutScreen();
|
@@ -35730,24 +35728,24 @@ var init_HandRaisedNotifications = __esm({
|
|
35730
35728
|
init_constants();
|
35731
35729
|
HandRaisedNotifications = () => {
|
35732
35730
|
var _a7, _b7;
|
35733
|
-
const notification = (0,
|
35734
|
-
const roomState = (0,
|
35735
|
-
const vanillaStore = (0,
|
35731
|
+
const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.HAND_RAISE_CHANGED);
|
35732
|
+
const roomState = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectRoomState);
|
35733
|
+
const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
|
35736
35734
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
35737
35735
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
35738
|
-
const amIScreenSharing = (0,
|
35739
|
-
const { showNotification } = (0,
|
35736
|
+
const amIScreenSharing = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectIsLocalScreenShared);
|
35737
|
+
const { showNotification } = (0, import_react_sdk113.useAwayNotifications)();
|
35740
35738
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
35741
35739
|
(0, import_react225.useEffect)(() => {
|
35742
35740
|
var _a8;
|
35743
35741
|
if (!(notification == null ? void 0 : notification.data)) {
|
35744
35742
|
return;
|
35745
35743
|
}
|
35746
|
-
if (roomState !==
|
35744
|
+
if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
35747
35745
|
return;
|
35748
35746
|
}
|
35749
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
35750
|
-
const peer = vanillaStore.getState((0,
|
35747
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
|
35748
|
+
const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
|
35751
35749
|
if (hasPeerHandRaised) {
|
35752
35750
|
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));
|
35753
35751
|
ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
|
@@ -35759,12 +35757,12 @@ var init_HandRaisedNotifications = __esm({
|
|
35759
35757
|
if (!(notification == null ? void 0 : notification.data)) {
|
35760
35758
|
return;
|
35761
35759
|
}
|
35762
|
-
if (roomState !==
|
35760
|
+
if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
35763
35761
|
return;
|
35764
35762
|
}
|
35765
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
35766
|
-
const peer = vanillaStore.getState((0,
|
35767
|
-
const handRaisedPeers = vanillaStore.getState(
|
35763
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
|
35764
|
+
const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
|
35765
|
+
const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
|
35768
35766
|
if (amIScreenSharing && hasPeerHandRaised) {
|
35769
35767
|
const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
|
35770
35768
|
showNotification(title, { icon: logoURL });
|
@@ -35779,17 +35777,17 @@ var init_HandRaisedNotifications = __esm({
|
|
35779
35777
|
});
|
35780
35778
|
|
35781
35779
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
35782
|
-
var import_react226,
|
35780
|
+
var import_react226, import_react_sdk114, InitErrorModal;
|
35783
35781
|
var init_InitErrorModal = __esm({
|
35784
35782
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
35785
35783
|
"use strict";
|
35786
35784
|
init_define_process_env();
|
35787
35785
|
import_react226 = __toESM(require("react"));
|
35788
|
-
|
35786
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
35789
35787
|
init_src();
|
35790
35788
|
init_DialogContent2();
|
35791
35789
|
InitErrorModal = () => {
|
35792
|
-
const notification = (0,
|
35790
|
+
const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
|
35793
35791
|
const [showModal, setShowModal] = (0, import_react226.useState)(false);
|
35794
35792
|
const [info, setInfo] = (0, import_react226.useState)({ title: "Init Error", description: "" });
|
35795
35793
|
(0, import_react226.useEffect)(() => {
|
@@ -35818,19 +35816,19 @@ var init_InitErrorModal = __esm({
|
|
35818
35816
|
});
|
35819
35817
|
|
35820
35818
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
35821
|
-
var import_react227,
|
35819
|
+
var import_react227, import_react_sdk115, notificationTypes, PeerNotifications;
|
35822
35820
|
var init_PeerNotifications = __esm({
|
35823
35821
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
35824
35822
|
"use strict";
|
35825
35823
|
init_define_process_env();
|
35826
35824
|
import_react227 = require("react");
|
35827
|
-
|
35825
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
35828
35826
|
init_ToastBatcher();
|
35829
35827
|
init_useUISettings();
|
35830
35828
|
init_constants();
|
35831
|
-
notificationTypes = [
|
35829
|
+
notificationTypes = [import_react_sdk115.HMSNotificationTypes.PEER_JOINED, import_react_sdk115.HMSNotificationTypes.PEER_LEFT];
|
35832
35830
|
PeerNotifications = () => {
|
35833
|
-
const notification = (0,
|
35831
|
+
const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes);
|
35834
35832
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
35835
35833
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
35836
35834
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
@@ -35840,12 +35838,12 @@ var init_PeerNotifications = __esm({
|
|
35840
35838
|
}
|
35841
35839
|
console.debug(`[${notification.type}]`, notification);
|
35842
35840
|
switch (notification.type) {
|
35843
|
-
case
|
35841
|
+
case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
|
35844
35842
|
if (!isPeerJoinSubscribed) {
|
35845
35843
|
return;
|
35846
35844
|
}
|
35847
35845
|
break;
|
35848
|
-
case
|
35846
|
+
case import_react_sdk115.HMSNotificationTypes.PEER_LEFT:
|
35849
35847
|
if (selectedPeer.id === notification.data.id) {
|
35850
35848
|
setPeerSelector({});
|
35851
35849
|
}
|
@@ -35881,17 +35879,17 @@ var init_ios_perm_0 = __esm({
|
|
35881
35879
|
|
35882
35880
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
35883
35881
|
function PermissionErrorNotificationModal() {
|
35884
|
-
const notification = (0,
|
35882
|
+
const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
|
35885
35883
|
return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
|
35886
35884
|
}
|
35887
|
-
var import_react228, import_react_use58,
|
35885
|
+
var import_react228, import_react_use58, import_react_sdk116, PermissionErrorModal;
|
35888
35886
|
var init_PermissionErrorModal = __esm({
|
35889
35887
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
35890
35888
|
"use strict";
|
35891
35889
|
init_define_process_env();
|
35892
35890
|
import_react228 = __toESM(require("react"));
|
35893
35891
|
import_react_use58 = require("react-use");
|
35894
|
-
|
35892
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
35895
35893
|
init_src();
|
35896
35894
|
init_android_perm_1();
|
35897
35895
|
init_ios_perm_0();
|
@@ -35957,35 +35955,35 @@ var init_PermissionErrorModal = __esm({
|
|
35957
35955
|
});
|
35958
35956
|
|
35959
35957
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
35960
|
-
var import_react229,
|
35958
|
+
var import_react229, import_react_sdk117, notificationTypes2, notificationId, ReconnectNotifications;
|
35961
35959
|
var init_ReconnectNotifications = __esm({
|
35962
35960
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
35963
35961
|
"use strict";
|
35964
35962
|
init_define_process_env();
|
35965
35963
|
import_react229 = require("react");
|
35966
|
-
|
35964
|
+
import_react_sdk117 = require("@100mslive/react-sdk");
|
35967
35965
|
init_ToastConfig();
|
35968
35966
|
init_ToastManager();
|
35969
35967
|
notificationTypes2 = [
|
35970
|
-
|
35971
|
-
|
35972
|
-
|
35968
|
+
import_react_sdk117.HMSNotificationTypes.RECONNECTED,
|
35969
|
+
import_react_sdk117.HMSNotificationTypes.RECONNECTING,
|
35970
|
+
import_react_sdk117.HMSNotificationTypes.ERROR
|
35973
35971
|
];
|
35974
35972
|
notificationId = null;
|
35975
35973
|
ReconnectNotifications = () => {
|
35976
|
-
const notification = (0,
|
35974
|
+
const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
|
35977
35975
|
const prevErrorCode = (0, import_react229.useRef)(0);
|
35978
35976
|
(0, import_react229.useEffect)(() => {
|
35979
35977
|
var _a7, _b7;
|
35980
35978
|
if (!notification) {
|
35981
35979
|
return;
|
35982
35980
|
}
|
35983
|
-
if (notification.type ===
|
35981
|
+
if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
|
35984
35982
|
notificationId = ToastManager.replaceToast(
|
35985
35983
|
notificationId,
|
35986
35984
|
ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
|
35987
35985
|
);
|
35988
|
-
} else if (notification.type ===
|
35986
|
+
} else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
|
35989
35987
|
prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
|
35990
35988
|
notificationId = ToastManager.replaceToast(
|
35991
35989
|
notificationId,
|
@@ -35999,30 +35997,30 @@ var init_ReconnectNotifications = __esm({
|
|
35999
35997
|
});
|
36000
35998
|
|
36001
35999
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
36002
|
-
var import_react230,
|
36000
|
+
var import_react230, import_react_sdk118, import_react_icons108, TrackBulkUnmuteModal;
|
36003
36001
|
var init_TrackBulkUnmuteModal = __esm({
|
36004
36002
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
36005
36003
|
"use strict";
|
36006
36004
|
init_define_process_env();
|
36007
36005
|
import_react230 = __toESM(require("react"));
|
36008
|
-
|
36006
|
+
import_react_sdk118 = require("@100mslive/react-sdk");
|
36009
36007
|
import_react_icons108 = require("@100mslive/react-icons");
|
36010
36008
|
init_DialogContent2();
|
36011
36009
|
TrackBulkUnmuteModal = () => {
|
36012
|
-
const hmsActions = (0,
|
36010
|
+
const hmsActions = (0, import_react_sdk118.useHMSActions)();
|
36013
36011
|
const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
|
36014
|
-
const notification = (0,
|
36015
|
-
|
36016
|
-
|
36017
|
-
|
36012
|
+
const notification = (0, import_react_sdk118.useHMSNotifications)([
|
36013
|
+
import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
36014
|
+
import_react_sdk118.HMSNotificationTypes.ROOM_ENDED,
|
36015
|
+
import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM
|
36018
36016
|
]);
|
36019
36017
|
(0, import_react230.useEffect)(() => {
|
36020
36018
|
switch (notification == null ? void 0 : notification.type) {
|
36021
|
-
case
|
36022
|
-
case
|
36019
|
+
case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
36020
|
+
case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
|
36023
36021
|
setMuteNotification(null);
|
36024
36022
|
break;
|
36025
|
-
case
|
36023
|
+
case import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
36026
36024
|
if (notification == null ? void 0 : notification.data.enabled) {
|
36027
36025
|
setMuteNotification(notification.data);
|
36028
36026
|
}
|
@@ -36056,21 +36054,21 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
36056
36054
|
});
|
36057
36055
|
|
36058
36056
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
36059
|
-
var import_react231,
|
36057
|
+
var import_react231, import_react_sdk119, notificationTypes3, TrackNotifications;
|
36060
36058
|
var init_TrackNotifications = __esm({
|
36061
36059
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
36062
36060
|
"use strict";
|
36063
36061
|
init_define_process_env();
|
36064
36062
|
import_react231 = require("react");
|
36065
|
-
|
36063
|
+
import_react_sdk119 = require("@100mslive/react-sdk");
|
36066
36064
|
notificationTypes3 = [
|
36067
|
-
|
36068
|
-
|
36069
|
-
|
36070
|
-
|
36065
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_ADDED,
|
36066
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_REMOVED,
|
36067
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_MUTED,
|
36068
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_UNMUTED
|
36071
36069
|
];
|
36072
36070
|
TrackNotifications = () => {
|
36073
|
-
const notification = (0,
|
36071
|
+
const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
|
36074
36072
|
(0, import_react231.useEffect)(() => {
|
36075
36073
|
if (notification) {
|
36076
36074
|
console.debug(`[${notification.type}]`, notification);
|
@@ -36082,30 +36080,30 @@ var init_TrackNotifications = __esm({
|
|
36082
36080
|
});
|
36083
36081
|
|
36084
36082
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
36085
|
-
var import_react232,
|
36083
|
+
var import_react232, import_react_sdk120, import_react_icons109, TrackUnmuteModal;
|
36086
36084
|
var init_TrackUnmuteModal = __esm({
|
36087
36085
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
36088
36086
|
"use strict";
|
36089
36087
|
init_define_process_env();
|
36090
36088
|
import_react232 = __toESM(require("react"));
|
36091
|
-
|
36089
|
+
import_react_sdk120 = require("@100mslive/react-sdk");
|
36092
36090
|
import_react_icons109 = require("@100mslive/react-icons");
|
36093
36091
|
init_DialogContent2();
|
36094
36092
|
TrackUnmuteModal = () => {
|
36095
|
-
const hmsActions = (0,
|
36096
|
-
const notification = (0,
|
36097
|
-
|
36098
|
-
|
36099
|
-
|
36093
|
+
const hmsActions = (0, import_react_sdk120.useHMSActions)();
|
36094
|
+
const notification = (0, import_react_sdk120.useHMSNotifications)([
|
36095
|
+
import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
36096
|
+
import_react_sdk120.HMSNotificationTypes.ROOM_ENDED,
|
36097
|
+
import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM
|
36100
36098
|
]);
|
36101
36099
|
const [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
|
36102
36100
|
(0, import_react232.useEffect)(() => {
|
36103
36101
|
switch (notification == null ? void 0 : notification.type) {
|
36104
|
-
case
|
36105
|
-
case
|
36102
|
+
case import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
36103
|
+
case import_react_sdk120.HMSNotificationTypes.ROOM_ENDED:
|
36106
36104
|
setMuteNotification(null);
|
36107
36105
|
break;
|
36108
|
-
case
|
36106
|
+
case import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
36109
36107
|
if (notification == null ? void 0 : notification.data.enabled) {
|
36110
36108
|
setMuteNotification(notification.data);
|
36111
36109
|
}
|
@@ -36136,20 +36134,20 @@ var init_TrackUnmuteModal = __esm({
|
|
36136
36134
|
});
|
36137
36135
|
|
36138
36136
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
36139
|
-
var import_react233, import_ts_pattern16,
|
36137
|
+
var import_react233, import_ts_pattern16, import_react_sdk121, import_react_icons110, TranscriptionNotifications;
|
36140
36138
|
var init_TranscriptionNotifications = __esm({
|
36141
36139
|
"src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
|
36142
36140
|
"use strict";
|
36143
36141
|
init_define_process_env();
|
36144
36142
|
import_react233 = __toESM(require("react"));
|
36145
36143
|
import_ts_pattern16 = require("ts-pattern");
|
36146
|
-
|
36144
|
+
import_react_sdk121 = require("@100mslive/react-sdk");
|
36147
36145
|
import_react_icons110 = require("@100mslive/react-icons");
|
36148
36146
|
init_ToastManager();
|
36149
36147
|
init_useUISettings();
|
36150
36148
|
init_constants();
|
36151
36149
|
TranscriptionNotifications = () => {
|
36152
|
-
const notification = (0,
|
36150
|
+
const notification = (0, import_react_sdk121.useHMSNotifications)(import_react_sdk121.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
|
36153
36151
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
36154
36152
|
(0, import_react233.useEffect)(() => {
|
36155
36153
|
if (!(notification == null ? void 0 : notification.data)) {
|
@@ -36168,14 +36166,14 @@ var init_TranscriptionNotifications = __esm({
|
|
36168
36166
|
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
36169
36167
|
});
|
36170
36168
|
}
|
36171
|
-
).with({ state:
|
36169
|
+
).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
|
36172
36170
|
id = ToastManager.replaceToast(toastId, {
|
36173
36171
|
title: `Closed Captioning enabled for everyone`,
|
36174
36172
|
variant: "standard",
|
36175
36173
|
duration: 2e3,
|
36176
36174
|
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
36177
36175
|
});
|
36178
|
-
}).with({ state:
|
36176
|
+
}).with({ state: import_react_sdk121.HMSTranscriptionState.STOPPED }, () => {
|
36179
36177
|
id = ToastManager.replaceToast(toastId, {
|
36180
36178
|
title: `Closed Captioning disabled for everyone`,
|
36181
36179
|
variant: "standard",
|
@@ -36194,17 +36192,17 @@ var init_TranscriptionNotifications = __esm({
|
|
36194
36192
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
36195
36193
|
function Notifications() {
|
36196
36194
|
var _a7, _b7;
|
36197
|
-
const localPeerID = (0,
|
36198
|
-
const notification = (0,
|
36195
|
+
const localPeerID = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectLocalPeerID);
|
36196
|
+
const notification = (0, import_react_sdk122.useHMSNotifications)();
|
36199
36197
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
36200
|
-
const roomState = (0,
|
36198
|
+
const roomState = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectRoomState);
|
36201
36199
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
36202
36200
|
const isNotificationDisabled = useIsNotificationDisabled();
|
36203
36201
|
const screenProps = useRoomLayoutConferencingScreen();
|
36204
|
-
const vanillaStore = (0,
|
36202
|
+
const vanillaStore = (0, import_react_sdk122.useHMSVanillaStore)();
|
36205
36203
|
const togglePollView = usePollViewToggle();
|
36206
|
-
const { showNotification } = (0,
|
36207
|
-
const amIScreenSharing = (0,
|
36204
|
+
const { showNotification } = (0, import_react_sdk122.useAwayNotifications)();
|
36205
|
+
const amIScreenSharing = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsLocalScreenShared);
|
36208
36206
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
36209
36207
|
const { pipWindow } = usePIPWindow();
|
36210
36208
|
const handleRoleChangeDenied = (0, import_react234.useCallback)((request) => {
|
@@ -36213,17 +36211,17 @@ function Notifications() {
|
|
36213
36211
|
variant: "error"
|
36214
36212
|
});
|
36215
36213
|
}, []);
|
36216
|
-
(0,
|
36214
|
+
(0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
36217
36215
|
(0, import_react234.useEffect)(() => {
|
36218
36216
|
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
|
36219
36217
|
if (!notification || isNotificationDisabled) {
|
36220
36218
|
return;
|
36221
36219
|
}
|
36222
36220
|
switch (notification.type) {
|
36223
|
-
case
|
36221
|
+
case import_react_sdk122.HMSNotificationTypes.NAME_UPDATED:
|
36224
36222
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
36225
36223
|
break;
|
36226
|
-
case
|
36224
|
+
case import_react_sdk122.HMSNotificationTypes.ERROR:
|
36227
36225
|
if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
|
36228
36226
|
if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
|
36229
36227
|
ToastManager.addToast({
|
@@ -36255,7 +36253,7 @@ function Notifications() {
|
|
36255
36253
|
title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
|
36256
36254
|
});
|
36257
36255
|
break;
|
36258
|
-
case
|
36256
|
+
case import_react_sdk122.HMSNotificationTypes.ROLE_UPDATED: {
|
36259
36257
|
if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
|
36260
36258
|
ToastManager.addToast({
|
36261
36259
|
title: `You are now a ${notification.data.roleName}`
|
@@ -36264,7 +36262,7 @@ function Notifications() {
|
|
36264
36262
|
}
|
36265
36263
|
break;
|
36266
36264
|
}
|
36267
|
-
case
|
36265
|
+
case import_react_sdk122.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
36268
36266
|
const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
|
36269
36267
|
if (!notification.data.enabled) {
|
36270
36268
|
ToastManager.addToast({
|
@@ -36273,21 +36271,21 @@ function Notifications() {
|
|
36273
36271
|
});
|
36274
36272
|
}
|
36275
36273
|
break;
|
36276
|
-
case
|
36277
|
-
case
|
36274
|
+
case import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
36275
|
+
case import_react_sdk122.HMSNotificationTypes.ROOM_ENDED:
|
36278
36276
|
ToastManager.addToast({
|
36279
36277
|
title: `${notification.message}.
|
36280
36278
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
36281
36279
|
});
|
36282
36280
|
break;
|
36283
|
-
case
|
36281
|
+
case import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
36284
36282
|
ToastManager.addToast({
|
36285
36283
|
title: notification.message
|
36286
36284
|
});
|
36287
36285
|
break;
|
36288
|
-
case
|
36286
|
+
case import_react_sdk122.HMSNotificationTypes.POLL_STARTED:
|
36289
36287
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
36290
|
-
const pollStartedBy = vanillaStore.getState((0,
|
36288
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
36291
36289
|
const pollToastID = ToastManager.addToast({
|
36292
36290
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
36293
36291
|
action: /* @__PURE__ */ import_react234.default.createElement(
|
@@ -36309,14 +36307,14 @@ function Notifications() {
|
|
36309
36307
|
pollToastKey[notification.data.id] = pollToastID;
|
36310
36308
|
}
|
36311
36309
|
break;
|
36312
|
-
case
|
36310
|
+
case import_react_sdk122.HMSNotificationTypes.POLL_STOPPED:
|
36313
36311
|
const pollID = notification == null ? void 0 : notification.data.id;
|
36314
36312
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
36315
36313
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
36316
36314
|
delete pollToastKey[notification == null ? void 0 : notification.data.id];
|
36317
36315
|
}
|
36318
36316
|
break;
|
36319
|
-
case
|
36317
|
+
case import_react_sdk122.HMSNotificationTypes.NEW_MESSAGE:
|
36320
36318
|
if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
|
36321
36319
|
showNotification(`New message from ${notification.data.senderName}`, {
|
36322
36320
|
body: notification.data.message,
|
@@ -36331,15 +36329,15 @@ function Notifications() {
|
|
36331
36329
|
if (isNotificationDisabled) {
|
36332
36330
|
return null;
|
36333
36331
|
}
|
36334
|
-
return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState ===
|
36332
|
+
return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState === import_react_sdk122.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
|
36335
36333
|
}
|
36336
|
-
var import_react234,
|
36334
|
+
var import_react234, import_react_sdk122, import_react_icons111, pollToastKey;
|
36337
36335
|
var init_Notifications = __esm({
|
36338
36336
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
36339
36337
|
"use strict";
|
36340
36338
|
init_define_process_env();
|
36341
36339
|
import_react234 = __toESM(require("react"));
|
36342
|
-
|
36340
|
+
import_react_sdk122 = require("@100mslive/react-sdk");
|
36343
36341
|
import_react_icons111 = require("@100mslive/react-icons");
|
36344
36342
|
init_src();
|
36345
36343
|
init_roomLayoutProvider();
|
@@ -36485,19 +36483,19 @@ var init_Toast3 = __esm({
|
|
36485
36483
|
});
|
36486
36484
|
|
36487
36485
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
36488
|
-
var import_react238,
|
36486
|
+
var import_react238, import_react_sdk123, ToastContainer;
|
36489
36487
|
var init_ToastContainer = __esm({
|
36490
36488
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
36491
36489
|
"use strict";
|
36492
36490
|
init_define_process_env();
|
36493
36491
|
import_react238 = __toESM(require("react"));
|
36494
|
-
|
36492
|
+
import_react_sdk123 = require("@100mslive/react-sdk");
|
36495
36493
|
init_Toast2();
|
36496
36494
|
init_Toast3();
|
36497
36495
|
init_ToastManager();
|
36498
36496
|
init_constants();
|
36499
36497
|
ToastContainer = () => {
|
36500
|
-
const isConnected = (0,
|
36498
|
+
const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
|
36501
36499
|
const [toasts, setToast] = (0, import_react238.useState)([]);
|
36502
36500
|
(0, import_react238.useEffect)(() => {
|
36503
36501
|
ToastManager.addListener(setToast);
|
@@ -36554,18 +36552,18 @@ var init_RoomDetailsSheet = __esm({
|
|
36554
36552
|
});
|
36555
36553
|
|
36556
36554
|
// src/Prebuilt/layouts/Sheet.tsx
|
36557
|
-
var import_react240,
|
36555
|
+
var import_react240, import_react_sdk124, Sheet2;
|
36558
36556
|
var init_Sheet3 = __esm({
|
36559
36557
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
36560
36558
|
"use strict";
|
36561
36559
|
init_define_process_env();
|
36562
36560
|
import_react240 = __toESM(require("react"));
|
36563
|
-
|
36561
|
+
import_react_sdk124 = require("@100mslive/react-sdk");
|
36564
36562
|
init_RoomDetailsSheet();
|
36565
36563
|
init_Layout();
|
36566
36564
|
init_constants();
|
36567
36565
|
Sheet2 = () => {
|
36568
|
-
const sheet = (0,
|
36566
|
+
const sheet = (0, import_react_sdk124.useHMSStore)((0, import_react_sdk124.selectAppData)(APP_DATA.sheet));
|
36569
36567
|
let ViewComponent;
|
36570
36568
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
36571
36569
|
ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
|
@@ -36577,19 +36575,19 @@ var init_Sheet3 = __esm({
|
|
36577
36575
|
|
36578
36576
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
36579
36577
|
function FlyingEmoji() {
|
36580
|
-
const localPeerId = (0,
|
36581
|
-
const vanillaStore = (0,
|
36582
|
-
const hmsActions = (0,
|
36578
|
+
const localPeerId = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectLocalPeerID);
|
36579
|
+
const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
|
36580
|
+
const hmsActions = (0, import_react_sdk125.useHMSActions)();
|
36583
36581
|
const [emojis, setEmojis] = (0, import_react241.useState)([]);
|
36584
36582
|
const isMobile = (0, import_react_use60.useMedia)(config.media.md);
|
36585
|
-
const isLargeRoom = (0,
|
36583
|
+
const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
|
36586
36584
|
const startingPoints = (0, import_react241.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
36587
36585
|
const showFlyingEmoji = (0, import_react241.useCallback)(
|
36588
36586
|
(_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
|
36589
36587
|
if (!emojiId || !senderId || document.hidden) {
|
36590
36588
|
return;
|
36591
36589
|
}
|
36592
|
-
let senderPeerName = vanillaStore.getState((0,
|
36590
|
+
let senderPeerName = vanillaStore.getState((0, import_react_sdk125.selectPeerNameByID)(senderId));
|
36593
36591
|
if (!senderPeerName && isLargeRoom) {
|
36594
36592
|
const sender = yield hmsActions.getPeer(senderId);
|
36595
36593
|
senderPeerName = sender == null ? void 0 : sender.name;
|
@@ -36612,7 +36610,7 @@ function FlyingEmoji() {
|
|
36612
36610
|
}),
|
36613
36611
|
[vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
|
36614
36612
|
);
|
36615
|
-
(0,
|
36613
|
+
(0, import_react_sdk125.useCustomEvent)({
|
36616
36614
|
type: EMOJI_REACTION_TYPE,
|
36617
36615
|
onEvent: showFlyingEmoji
|
36618
36616
|
});
|
@@ -36676,14 +36674,14 @@ function FlyingEmoji() {
|
|
36676
36674
|
})
|
36677
36675
|
);
|
36678
36676
|
}
|
36679
|
-
var import_react241, import_react_use60,
|
36677
|
+
var import_react241, import_react_use60, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
36680
36678
|
var init_FlyingEmoji = __esm({
|
36681
36679
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
36682
36680
|
"use strict";
|
36683
36681
|
init_define_process_env();
|
36684
36682
|
import_react241 = __toESM(require("react"));
|
36685
36683
|
import_react_use60 = require("react-use");
|
36686
|
-
|
36684
|
+
import_react_sdk125 = require("@100mslive/react-sdk");
|
36687
36685
|
init_Layout();
|
36688
36686
|
init_Text2();
|
36689
36687
|
init_Theme();
|
@@ -36716,45 +36714,45 @@ var init_FlyingEmoji = __esm({
|
|
36716
36714
|
|
36717
36715
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
36718
36716
|
function RemoteStopScreenshare() {
|
36719
|
-
const actions = (0,
|
36717
|
+
const actions = (0, import_react_sdk126.useHMSActions)();
|
36720
36718
|
const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
|
36721
36719
|
yield actions.setScreenShareEnabled(false);
|
36722
36720
|
}), [actions]);
|
36723
|
-
(0,
|
36721
|
+
(0, import_react_sdk126.useCustomEvent)({
|
36724
36722
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
36725
36723
|
onEvent: onRemoteStopScreenshare
|
36726
36724
|
});
|
36727
36725
|
return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
|
36728
36726
|
}
|
36729
|
-
var import_react242,
|
36727
|
+
var import_react242, import_react_sdk126;
|
36730
36728
|
var init_RemoteStopScreenshare = __esm({
|
36731
36729
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
36732
36730
|
"use strict";
|
36733
36731
|
init_define_process_env();
|
36734
36732
|
import_react242 = __toESM(require("react"));
|
36735
|
-
|
36733
|
+
import_react_sdk126 = require("@100mslive/react-sdk");
|
36736
36734
|
init_constants();
|
36737
36735
|
}
|
36738
36736
|
});
|
36739
36737
|
|
36740
36738
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
36741
|
-
var import_react243,
|
36739
|
+
var import_react243, import_react_sdk127, useAutoStartStreaming;
|
36742
36740
|
var init_useAutoStartStreaming = __esm({
|
36743
36741
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
36744
36742
|
"use strict";
|
36745
36743
|
init_define_process_env();
|
36746
36744
|
import_react243 = require("react");
|
36747
|
-
|
36745
|
+
import_react_sdk127 = require("@100mslive/react-sdk");
|
36748
36746
|
init_useUISettings();
|
36749
36747
|
init_hooks();
|
36750
36748
|
init_constants();
|
36751
36749
|
useAutoStartStreaming = () => {
|
36752
36750
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
36753
|
-
const permissions = (0,
|
36751
|
+
const permissions = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectPermissions);
|
36754
36752
|
const showStreamingUI = useShowStreamingUI();
|
36755
|
-
const hmsActions = (0,
|
36756
|
-
const isConnected = (0,
|
36757
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
36753
|
+
const hmsActions = (0, import_react_sdk127.useHMSActions)();
|
36754
|
+
const isConnected = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
|
36755
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk127.useRecordingStreaming)();
|
36758
36756
|
const streamStartedRef = (0, import_react243.useRef)(false);
|
36759
36757
|
const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
|
36760
36758
|
try {
|
@@ -36811,14 +36809,14 @@ function AppRoutes({
|
|
36811
36809
|
}
|
36812
36810
|
), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
|
36813
36811
|
}
|
36814
|
-
var import_react244, import_ts_pattern17,
|
36812
|
+
var import_react244, import_ts_pattern17, import_react_sdk128, HMSPrebuilt, AppStates, BackSwipe;
|
36815
36813
|
var init_App = __esm({
|
36816
36814
|
"src/Prebuilt/App.tsx"() {
|
36817
36815
|
"use strict";
|
36818
36816
|
init_define_process_env();
|
36819
36817
|
import_react244 = __toESM(require("react"));
|
36820
36818
|
import_ts_pattern17 = require("ts-pattern");
|
36821
|
-
|
36819
|
+
import_react_sdk128 = require("@100mslive/react-sdk");
|
36822
36820
|
init_AppData();
|
36823
36821
|
init_AuthToken();
|
36824
36822
|
init_ConferenceScreen();
|
@@ -36865,7 +36863,7 @@ var init_App = __esm({
|
|
36865
36863
|
const [hydrated, setHydrated] = import_react244.default.useState(false);
|
36866
36864
|
(0, import_react244.useEffect)(() => {
|
36867
36865
|
setHydrated(true);
|
36868
|
-
const hms = new
|
36866
|
+
const hms = new import_react_sdk128.HMSReactiveStore();
|
36869
36867
|
const hmsStore = hms.getStore();
|
36870
36868
|
const hmsActions = hms.getActions();
|
36871
36869
|
const hmsNotifications = hms.getNotifications();
|
@@ -36933,7 +36931,7 @@ var init_App = __esm({
|
|
36933
36931
|
}
|
36934
36932
|
},
|
36935
36933
|
/* @__PURE__ */ import_react244.default.createElement(
|
36936
|
-
|
36934
|
+
import_react_sdk128.HMSRoomProvider,
|
36937
36935
|
{
|
36938
36936
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
36939
36937
|
actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
|
@@ -36998,8 +36996,8 @@ var init_App = __esm({
|
|
36998
36996
|
return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react244.default.createElement(ConferenceScreen, null));
|
36999
36997
|
};
|
37000
36998
|
BackSwipe = () => {
|
37001
|
-
const isConnectedToRoom = (0,
|
37002
|
-
const hmsActions = (0,
|
36999
|
+
const isConnectedToRoom = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
|
37000
|
+
const hmsActions = (0, import_react_sdk128.useHMSActions)();
|
37003
37001
|
(0, import_react244.useEffect)(() => {
|
37004
37002
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
37005
37003
|
if (isConnectedToRoom) {
|
@@ -38175,13 +38173,13 @@ var init_DeviceSelector = __esm({
|
|
38175
38173
|
});
|
38176
38174
|
|
38177
38175
|
// src/Diagnostics/AudioTest.tsx
|
38178
|
-
var import_react248,
|
38176
|
+
var import_react248, import_react_sdk129, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
|
38179
38177
|
var init_AudioTest = __esm({
|
38180
38178
|
"src/Diagnostics/AudioTest.tsx"() {
|
38181
38179
|
"use strict";
|
38182
38180
|
init_define_process_env();
|
38183
38181
|
import_react248 = __toESM(require("react"));
|
38184
|
-
|
38182
|
+
import_react_sdk129 = require("@100mslive/react-sdk");
|
38185
38183
|
import_react_icons113 = require("@100mslive/react-icons");
|
38186
38184
|
init_PermissionErrorModal();
|
38187
38185
|
init_components();
|
@@ -38197,12 +38195,12 @@ var init_AudioTest = __esm({
|
|
38197
38195
|
MicTest = ({ setError }) => {
|
38198
38196
|
var _a7, _b7;
|
38199
38197
|
const { hmsDiagnostics } = useDiagnostics();
|
38200
|
-
const devices = (0,
|
38198
|
+
const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
|
38201
38199
|
const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
|
38202
38200
|
const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
38203
|
-
const trackID = (0,
|
38204
|
-
const audioLevel = (0,
|
38205
|
-
const { audioOutputDeviceId } = (0,
|
38201
|
+
const trackID = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalAudioTrackID);
|
38202
|
+
const audioLevel = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectTrackAudioByID)(trackID));
|
38203
|
+
const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
|
38206
38204
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
38207
38205
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
38208
38206
|
});
|
@@ -38277,9 +38275,9 @@ var init_AudioTest = __esm({
|
|
38277
38275
|
};
|
38278
38276
|
SpeakerTest = () => {
|
38279
38277
|
var _a7;
|
38280
|
-
const actions = (0,
|
38281
|
-
const devices = (0,
|
38282
|
-
const { audioOutputDeviceId } = (0,
|
38278
|
+
const actions = (0, import_react_sdk129.useHMSActions)();
|
38279
|
+
const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
|
38280
|
+
const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
|
38283
38281
|
if (devices.audioOutput.length === 0) {
|
38284
38282
|
return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
|
38285
38283
|
}
|
@@ -38329,13 +38327,13 @@ var init_AudioTest = __esm({
|
|
38329
38327
|
});
|
38330
38328
|
|
38331
38329
|
// src/Diagnostics/BrowserTest.tsx
|
38332
|
-
var import_react249,
|
38330
|
+
var import_react249, import_react_sdk130, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
|
38333
38331
|
var init_BrowserTest = __esm({
|
38334
38332
|
"src/Diagnostics/BrowserTest.tsx"() {
|
38335
38333
|
"use strict";
|
38336
38334
|
init_define_process_env();
|
38337
38335
|
import_react249 = __toESM(require("react"));
|
38338
|
-
|
38336
|
+
import_react_sdk130 = require("@100mslive/react-sdk");
|
38339
38337
|
init_components();
|
38340
38338
|
init_Layout();
|
38341
38339
|
init_Text2();
|
@@ -38437,15 +38435,15 @@ var init_BrowserTest = __esm({
|
|
38437
38435
|
CheckDetails,
|
38438
38436
|
{
|
38439
38437
|
title: "Browser",
|
38440
|
-
iconURL:
|
38441
|
-
value: `${
|
38438
|
+
iconURL: import_react_sdk130.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk130.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
|
38439
|
+
value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
|
38442
38440
|
}
|
38443
38441
|
), /* @__PURE__ */ import_react249.default.createElement(
|
38444
38442
|
CheckDetails,
|
38445
38443
|
{
|
38446
38444
|
title: "Operating system",
|
38447
|
-
iconURL:
|
38448
|
-
value: `${
|
38445
|
+
iconURL: import_react_sdk130.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk130.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
|
38446
|
+
value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
|
38449
38447
|
}
|
38450
38448
|
)), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
38451
38449
|
};
|
@@ -38453,13 +38451,13 @@ var init_BrowserTest = __esm({
|
|
38453
38451
|
});
|
38454
38452
|
|
38455
38453
|
// src/Diagnostics/ConnectivityTest.tsx
|
38456
|
-
var import_react250,
|
38454
|
+
var import_react250, import_react_sdk131, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
|
38457
38455
|
var init_ConnectivityTest = __esm({
|
38458
38456
|
"src/Diagnostics/ConnectivityTest.tsx"() {
|
38459
38457
|
"use strict";
|
38460
38458
|
init_define_process_env();
|
38461
38459
|
import_react250 = __toESM(require("react"));
|
38462
|
-
|
38460
|
+
import_react_sdk131 = require("@100mslive/react-sdk");
|
38463
38461
|
import_react_icons114 = require("@100mslive/react-icons");
|
38464
38462
|
init_components();
|
38465
38463
|
init_Button2();
|
@@ -38474,13 +38472,13 @@ var init_ConnectivityTest = __esm({
|
|
38474
38472
|
us: "United States"
|
38475
38473
|
};
|
38476
38474
|
ConnectivityStateMessage = {
|
38477
|
-
[
|
38478
|
-
[
|
38479
|
-
[
|
38480
|
-
[
|
38481
|
-
[
|
38482
|
-
[
|
38483
|
-
[
|
38475
|
+
[import_react_sdk131.ConnectivityState.STARTING]: "Fetching Init",
|
38476
|
+
[import_react_sdk131.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
|
38477
|
+
[import_react_sdk131.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
|
38478
|
+
[import_react_sdk131.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
|
38479
|
+
[import_react_sdk131.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
|
38480
|
+
[import_react_sdk131.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
|
38481
|
+
[import_react_sdk131.ConnectivityState.COMPLETED]: "Completed"
|
38484
38482
|
};
|
38485
38483
|
ConnectivityTestStepResult = ({
|
38486
38484
|
title,
|
@@ -38671,7 +38669,7 @@ var init_ConnectivityTest = __esm({
|
|
38671
38669
|
{
|
38672
38670
|
region,
|
38673
38671
|
setRegion,
|
38674
|
-
startTest: progress === void 0 || progress ===
|
38672
|
+
startTest: progress === void 0 || progress === import_react_sdk131.ConnectivityState.COMPLETED ? startTest : void 0
|
38675
38673
|
}
|
38676
38674
|
), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
38677
38675
|
};
|
@@ -38688,13 +38686,13 @@ var init_ConnectivityTest = __esm({
|
|
38688
38686
|
});
|
38689
38687
|
|
38690
38688
|
// src/Diagnostics/VideoTest.tsx
|
38691
|
-
var import_react251,
|
38689
|
+
var import_react251, import_react_sdk132, import_react_icons115, VideoTest;
|
38692
38690
|
var init_VideoTest = __esm({
|
38693
38691
|
"src/Diagnostics/VideoTest.tsx"() {
|
38694
38692
|
"use strict";
|
38695
38693
|
init_define_process_env();
|
38696
38694
|
import_react251 = __toESM(require("react"));
|
38697
|
-
|
38695
|
+
import_react_sdk132 = require("@100mslive/react-sdk");
|
38698
38696
|
import_react_icons115 = require("@100mslive/react-icons");
|
38699
38697
|
init_PermissionErrorModal();
|
38700
38698
|
init_components();
|
@@ -38706,10 +38704,10 @@ var init_VideoTest = __esm({
|
|
38706
38704
|
init_DiagnosticsContext();
|
38707
38705
|
VideoTest = () => {
|
38708
38706
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
38709
|
-
const allDevices = (0,
|
38707
|
+
const allDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectDevices);
|
38710
38708
|
const { videoInput } = allDevices;
|
38711
|
-
const trackID = (0,
|
38712
|
-
const sdkSelectedDevices = (0,
|
38709
|
+
const trackID = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalVideoTrackID);
|
38710
|
+
const sdkSelectedDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalMediaSettings);
|
38713
38711
|
const [error, setError] = (0, import_react251.useState)();
|
38714
38712
|
(0, import_react251.useEffect)(() => {
|
38715
38713
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
@@ -38746,13 +38744,13 @@ var init_VideoTest = __esm({
|
|
38746
38744
|
});
|
38747
38745
|
|
38748
38746
|
// src/Diagnostics/Diagnostics.tsx
|
38749
|
-
var import_react252,
|
38747
|
+
var import_react252, import_react_sdk133, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
|
38750
38748
|
var init_Diagnostics = __esm({
|
38751
38749
|
"src/Diagnostics/Diagnostics.tsx"() {
|
38752
38750
|
"use strict";
|
38753
38751
|
init_define_process_env();
|
38754
38752
|
import_react252 = __toESM(require("react"));
|
38755
|
-
|
38753
|
+
import_react_sdk133 = require("@100mslive/react-sdk");
|
38756
38754
|
import_react_icons116 = require("@100mslive/react-icons");
|
38757
38755
|
init_Layout();
|
38758
38756
|
init_Text2();
|
@@ -38851,7 +38849,7 @@ var init_Diagnostics = __esm({
|
|
38851
38849
|
}));
|
38852
38850
|
};
|
38853
38851
|
DiagnosticsProvider = () => {
|
38854
|
-
const actions = (0,
|
38852
|
+
const actions = (0, import_react_sdk133.useHMSActions)();
|
38855
38853
|
const [activeStep, setActiveStep] = (0, import_react252.useState)(0);
|
38856
38854
|
const [steps, setSteps] = (0, import_react252.useState)(initialSteps);
|
38857
38855
|
const diagnosticsRef = (0, import_react252.useRef)(actions.initDiagnostics());
|
@@ -38873,7 +38871,7 @@ var init_Diagnostics = __esm({
|
|
38873
38871
|
);
|
38874
38872
|
};
|
38875
38873
|
Diagnostics = () => {
|
38876
|
-
return /* @__PURE__ */ import_react252.default.createElement(
|
38874
|
+
return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk133.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
|
38877
38875
|
};
|
38878
38876
|
}
|
38879
38877
|
});
|