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