@100mslive/roomkit-react 0.3.19-alpha.2 → 0.3.19-alpha.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-UXA322ED.css → HLSView-IQOQUTLY.css} +3 -3
- package/dist/{HLSView-UXA322ED.css.map → HLSView-IQOQUTLY.css.map} +1 -1
- package/dist/{HLSView-BRZ2FW7O.js → HLSView-LMQPPX5V.js} +2 -2
- package/dist/Prebuilt/components/EndCallFeedback/Feedback.d.ts +2 -0
- package/dist/Prebuilt/components/EndCallFeedback/FeedbackForm.d.ts +28 -0
- package/dist/Prebuilt/components/EndCallFeedback/ThankyouView.d.ts +2 -0
- package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.d.ts +1 -0
- package/dist/{chunk-KR2DZJO5.js → chunk-FZNVIKYB.js} +1063 -559
- package/dist/chunk-FZNVIKYB.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +1302 -764
- 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 +269 -27
- package/dist/meta.esbuild.json +279 -37
- package/package.json +8 -8
- package/src/Prebuilt/App.tsx +3 -0
- package/src/Prebuilt/AppStateContext.tsx +1 -2
- package/src/Prebuilt/Prebuilt.stories.tsx +1 -0
- package/src/Prebuilt/components/EndCallFeedback/Feedback.tsx +70 -0
- package/src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx +371 -0
- package/src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx +44 -0
- package/src/Prebuilt/components/LeaveScreen.tsx +2 -0
- package/src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts +1 -0
- package/dist/chunk-KR2DZJO5.js.map +0 -7
- /package/dist/{HLSView-BRZ2FW7O.js.map → HLSView-LMQPPX5V.js.map} +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -35,8 +35,8 @@ var __objRest = (source, exclude) => {
|
|
|
35
35
|
}
|
|
36
36
|
return target;
|
|
37
37
|
};
|
|
38
|
-
var __esm = (
|
|
39
|
-
return
|
|
38
|
+
var __esm = (fn2, res) => function __init() {
|
|
39
|
+
return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
|
|
40
40
|
};
|
|
41
41
|
var __commonJS = (cb, mod) => function __require() {
|
|
42
42
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
@@ -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_8e80bbea-1ccb-4925-b28b-fa461606c676", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9-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.19-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_8e80bbea-1ccb-4925-b28b-fa461606c676", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19-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.11", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "601", 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: "20240825.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17225", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.19-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: "10592524676", 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: "88c8ac68235961d5352322c7be3efedad27f6d92", 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: "a2abe29da55815a39e288ff49ea5cd8828252bca80913f4baf1e0a3db3791b87", 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--1724831759242-0.1595028060328194:/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--1724831759048-0.21877242189553248:/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--1724831733657-0.21061851403670917:/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--1724831733475-0.416211556167259:/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_67d6c53f-3cdd-439a-80c8-c2c4c7b862ae", INVOCATION_ID: "ef7e228817de496190ba8acc4bdd30f3", 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: "645", 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 347", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19-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.19-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: "88c8ac68235961d5352322c7be3efedad27f6d92", 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_8e80bbea-1ccb-4925-b28b-fa461606c676", 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_8e80bbea-1ccb-4925-b28b-fa461606c676", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_8e80bbea-1ccb-4925-b28b-fa461606c676" };
|
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_bac17dac-f4fd-48e8-9d89-38e548d1f300", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9-alpha.4", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.19-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_bac17dac-f4fd-48e8-9d89-38e548d1f300", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19-alpha.4", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "596", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18160", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.19-alpha.4", 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: "10627362599", 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: "9e4ed31790cb83d42e38f70aaa79aaeb0b9faa05", 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: "17347ffc4a9c3d3a85c9a10fc4dd4849cfe6e901a1f72e952b264e58d054095f", 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--1724995797884-0.2935429640133991:/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--1724995797664-0.1253934803464225:/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--1724995772186-0.8015111910950496:/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--1724995772006-0.33628275444566813:/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_eb80b599-2fd2-49be-8322-9bfa7e211aa3", INVOCATION_ID: "7479958812014e92b947a762d9e95ddb", 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: "647", 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 224", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.4", 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: "9e4ed31790cb83d42e38f70aaa79aaeb0b9faa05", 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_bac17dac-f4fd-48e8-9d89-38e548d1f300", 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_bac17dac-f4fd-48e8-9d89-38e548d1f300", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_bac17dac-f4fd-48e8-9d89-38e548d1f300" };
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
|
|
@@ -6302,8 +6302,8 @@ var require_lodash = __commonJS({
|
|
|
6302
6302
|
function createBind(func, bitmask, thisArg) {
|
|
6303
6303
|
var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
|
|
6304
6304
|
function wrapper() {
|
|
6305
|
-
var
|
|
6306
|
-
return
|
|
6305
|
+
var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6306
|
+
return fn2.apply(isBind ? thisArg : this, arguments);
|
|
6307
6307
|
}
|
|
6308
6308
|
return wrapper;
|
|
6309
6309
|
}
|
|
@@ -6369,8 +6369,8 @@ var require_lodash = __commonJS({
|
|
|
6369
6369
|
arity - length
|
|
6370
6370
|
);
|
|
6371
6371
|
}
|
|
6372
|
-
var
|
|
6373
|
-
return apply(
|
|
6372
|
+
var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6373
|
+
return apply(fn2, this, args);
|
|
6374
6374
|
}
|
|
6375
6375
|
return wrapper;
|
|
6376
6376
|
}
|
|
@@ -6458,7 +6458,7 @@ var require_lodash = __commonJS({
|
|
|
6458
6458
|
arity - length
|
|
6459
6459
|
);
|
|
6460
6460
|
}
|
|
6461
|
-
var thisBinding = isBind ? thisArg : this,
|
|
6461
|
+
var thisBinding = isBind ? thisArg : this, fn2 = isBindKey ? thisBinding[func] : func;
|
|
6462
6462
|
length = args.length;
|
|
6463
6463
|
if (argPos) {
|
|
6464
6464
|
args = reorder(args, argPos);
|
|
@@ -6469,9 +6469,9 @@ var require_lodash = __commonJS({
|
|
|
6469
6469
|
args.length = ary2;
|
|
6470
6470
|
}
|
|
6471
6471
|
if (this && this !== root && this instanceof wrapper) {
|
|
6472
|
-
|
|
6472
|
+
fn2 = Ctor || createCtor(fn2);
|
|
6473
6473
|
}
|
|
6474
|
-
return
|
|
6474
|
+
return fn2.apply(thisBinding, args);
|
|
6475
6475
|
}
|
|
6476
6476
|
return wrapper;
|
|
6477
6477
|
}
|
|
@@ -6528,14 +6528,14 @@ var require_lodash = __commonJS({
|
|
|
6528
6528
|
function createPartial(func, bitmask, thisArg, partials) {
|
|
6529
6529
|
var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
|
|
6530
6530
|
function wrapper() {
|
|
6531
|
-
var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength),
|
|
6531
|
+
var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
|
|
6532
6532
|
while (++leftIndex < leftLength) {
|
|
6533
6533
|
args[leftIndex] = partials[leftIndex];
|
|
6534
6534
|
}
|
|
6535
6535
|
while (argsLength--) {
|
|
6536
6536
|
args[leftIndex++] = arguments[++argsIndex];
|
|
6537
6537
|
}
|
|
6538
|
-
return apply(
|
|
6538
|
+
return apply(fn2, isBind ? thisArg : this, args);
|
|
6539
6539
|
}
|
|
6540
6540
|
return wrapper;
|
|
6541
6541
|
}
|
|
@@ -9932,10 +9932,12 @@ function useRoomLayoutConferencingScreen() {
|
|
|
9932
9932
|
};
|
|
9933
9933
|
}
|
|
9934
9934
|
function useRoomLayoutLeaveScreen() {
|
|
9935
|
+
var _a7, _b7;
|
|
9935
9936
|
const screenProps = useRoomLayoutScreen({ screen: "leave" });
|
|
9936
9937
|
const isLeaveScreenEnabled = !!screenProps;
|
|
9937
9938
|
return {
|
|
9938
|
-
isLeaveScreenEnabled
|
|
9939
|
+
isLeaveScreenEnabled,
|
|
9940
|
+
feedback: (_b7 = (_a7 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a7.elements) == null ? void 0 : _b7.feedback
|
|
9939
9941
|
};
|
|
9940
9942
|
}
|
|
9941
9943
|
function useRoomLayoutHeader() {
|
|
@@ -10944,7 +10946,7 @@ var init_AppStateContext = __esm({
|
|
|
10944
10946
|
setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
|
|
10945
10947
|
}).otherwise(() => {
|
|
10946
10948
|
});
|
|
10947
|
-
}, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave
|
|
10949
|
+
}, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave]);
|
|
10948
10950
|
return { activeState, rejoin };
|
|
10949
10951
|
};
|
|
10950
10952
|
}
|
|
@@ -18245,16 +18247,16 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18245
18247
|
if (!navigator2.mediaDevices) {
|
|
18246
18248
|
return;
|
|
18247
18249
|
}
|
|
18248
|
-
const constraintsToChrome_ = function(
|
|
18249
|
-
if (typeof
|
|
18250
|
-
return
|
|
18250
|
+
const constraintsToChrome_ = function(c2) {
|
|
18251
|
+
if (typeof c2 !== "object" || c2.mandatory || c2.optional) {
|
|
18252
|
+
return c2;
|
|
18251
18253
|
}
|
|
18252
18254
|
const cc = {};
|
|
18253
|
-
Object.keys(
|
|
18255
|
+
Object.keys(c2).forEach((key) => {
|
|
18254
18256
|
if (key === "require" || key === "advanced" || key === "mediaSource") {
|
|
18255
18257
|
return;
|
|
18256
18258
|
}
|
|
18257
|
-
const r = typeof
|
|
18259
|
+
const r = typeof c2[key] === "object" ? c2[key] : { ideal: c2[key] };
|
|
18258
18260
|
if (r.exact !== void 0 && typeof r.exact === "number") {
|
|
18259
18261
|
r.min = r.max = r.exact;
|
|
18260
18262
|
}
|
|
@@ -18266,16 +18268,16 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18266
18268
|
};
|
|
18267
18269
|
if (r.ideal !== void 0) {
|
|
18268
18270
|
cc.optional = cc.optional || [];
|
|
18269
|
-
let
|
|
18271
|
+
let oc = {};
|
|
18270
18272
|
if (typeof r.ideal === "number") {
|
|
18271
|
-
|
|
18272
|
-
cc.optional.push(
|
|
18273
|
-
|
|
18274
|
-
|
|
18275
|
-
cc.optional.push(
|
|
18273
|
+
oc[oldname_("min", key)] = r.ideal;
|
|
18274
|
+
cc.optional.push(oc);
|
|
18275
|
+
oc = {};
|
|
18276
|
+
oc[oldname_("max", key)] = r.ideal;
|
|
18277
|
+
cc.optional.push(oc);
|
|
18276
18278
|
} else {
|
|
18277
|
-
|
|
18278
|
-
cc.optional.push(
|
|
18279
|
+
oc[oldname_("", key)] = r.ideal;
|
|
18280
|
+
cc.optional.push(oc);
|
|
18279
18281
|
}
|
|
18280
18282
|
}
|
|
18281
18283
|
if (r.exact !== void 0 && typeof r.exact !== "number") {
|
|
@@ -18290,8 +18292,8 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18290
18292
|
});
|
|
18291
18293
|
}
|
|
18292
18294
|
});
|
|
18293
|
-
if (
|
|
18294
|
-
cc.optional = (cc.optional || []).concat(
|
|
18295
|
+
if (c2.advanced) {
|
|
18296
|
+
cc.optional = (cc.optional || []).concat(c2.advanced);
|
|
18295
18297
|
}
|
|
18296
18298
|
return cc;
|
|
18297
18299
|
};
|
|
@@ -18371,8 +18373,8 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18371
18373
|
};
|
|
18372
18374
|
};
|
|
18373
18375
|
const getUserMedia_ = function(constraints, onSuccess, onError) {
|
|
18374
|
-
shimConstraints_(constraints, (
|
|
18375
|
-
navigator2.webkitGetUserMedia(
|
|
18376
|
+
shimConstraints_(constraints, (c2) => {
|
|
18377
|
+
navigator2.webkitGetUserMedia(c2, onSuccess, (e) => {
|
|
18376
18378
|
if (onError) {
|
|
18377
18379
|
onError(shimError_(e));
|
|
18378
18380
|
}
|
|
@@ -18383,8 +18385,8 @@ function shimGetUserMedia(window2, browserDetails) {
|
|
|
18383
18385
|
if (navigator2.mediaDevices.getUserMedia) {
|
|
18384
18386
|
const origGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
|
|
18385
18387
|
navigator2.mediaDevices.getUserMedia = function(cs2) {
|
|
18386
|
-
return shimConstraints_(cs2, (
|
|
18387
|
-
if (
|
|
18388
|
+
return shimConstraints_(cs2, (c2) => origGetUserMedia(c2).then((stream) => {
|
|
18389
|
+
if (c2.audio && !stream.getAudioTracks().length || c2.video && !stream.getVideoTracks().length) {
|
|
18388
18390
|
stream.getTracks().forEach((track) => {
|
|
18389
18391
|
track.stop();
|
|
18390
18392
|
});
|
|
@@ -19070,13 +19072,13 @@ function shimGetUserMedia2(window2, browserDetails) {
|
|
|
19070
19072
|
}
|
|
19071
19073
|
};
|
|
19072
19074
|
const nativeGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
|
|
19073
|
-
navigator2.mediaDevices.getUserMedia = function(
|
|
19074
|
-
if (typeof
|
|
19075
|
-
|
|
19076
|
-
remap(
|
|
19077
|
-
remap(
|
|
19075
|
+
navigator2.mediaDevices.getUserMedia = function(c2) {
|
|
19076
|
+
if (typeof c2 === "object" && typeof c2.audio === "object") {
|
|
19077
|
+
c2 = JSON.parse(JSON.stringify(c2));
|
|
19078
|
+
remap(c2.audio, "autoGainControl", "mozAutoGainControl");
|
|
19079
|
+
remap(c2.audio, "noiseSuppression", "mozNoiseSuppression");
|
|
19078
19080
|
}
|
|
19079
|
-
return nativeGetUserMedia(
|
|
19081
|
+
return nativeGetUserMedia(c2);
|
|
19080
19082
|
};
|
|
19081
19083
|
if (MediaStreamTrack && MediaStreamTrack.prototype.getSettings) {
|
|
19082
19084
|
const nativeGetSettings = MediaStreamTrack.prototype.getSettings;
|
|
@@ -19089,13 +19091,13 @@ function shimGetUserMedia2(window2, browserDetails) {
|
|
|
19089
19091
|
}
|
|
19090
19092
|
if (MediaStreamTrack && MediaStreamTrack.prototype.applyConstraints) {
|
|
19091
19093
|
const nativeApplyConstraints = MediaStreamTrack.prototype.applyConstraints;
|
|
19092
|
-
MediaStreamTrack.prototype.applyConstraints = function(
|
|
19093
|
-
if (this.kind === "audio" && typeof
|
|
19094
|
-
|
|
19095
|
-
remap(
|
|
19096
|
-
remap(
|
|
19094
|
+
MediaStreamTrack.prototype.applyConstraints = function(c2) {
|
|
19095
|
+
if (this.kind === "audio" && typeof c2 === "object") {
|
|
19096
|
+
c2 = JSON.parse(JSON.stringify(c2));
|
|
19097
|
+
remap(c2, "autoGainControl", "mozAutoGainControl");
|
|
19098
|
+
remap(c2, "noiseSuppression", "mozNoiseSuppression");
|
|
19097
19099
|
}
|
|
19098
|
-
return nativeApplyConstraints.apply(this, [
|
|
19100
|
+
return nativeApplyConstraints.apply(this, [c2]);
|
|
19099
19101
|
};
|
|
19100
19102
|
}
|
|
19101
19103
|
}
|
|
@@ -21512,7 +21514,7 @@ function Ue(a2, e) {
|
|
|
21512
21514
|
if (e)
|
|
21513
21515
|
for (let r of e.auxiliaryTracks) {
|
|
21514
21516
|
let s = a2[r];
|
|
21515
|
-
|
|
21517
|
+
ao(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
|
|
21516
21518
|
}
|
|
21517
21519
|
return { video: t, audio: i };
|
|
21518
21520
|
}
|
|
@@ -21522,16 +21524,16 @@ function pt(a2) {
|
|
|
21522
21524
|
function ht(a2) {
|
|
21523
21525
|
return a2 && a2.type === "video";
|
|
21524
21526
|
}
|
|
21525
|
-
function
|
|
21527
|
+
function ao(a2) {
|
|
21526
21528
|
return a2 && a2.source === "screen";
|
|
21527
21529
|
}
|
|
21528
|
-
function
|
|
21530
|
+
function si(a2) {
|
|
21529
21531
|
return a2 && a2.source === "audioplaylist";
|
|
21530
21532
|
}
|
|
21531
21533
|
function mt(a2) {
|
|
21532
21534
|
return a2 && a2.source === "videoplaylist";
|
|
21533
21535
|
}
|
|
21534
|
-
function
|
|
21536
|
+
function us(a2) {
|
|
21535
21537
|
return a2 ? !!(a2 != null && a2.degraded) : false;
|
|
21536
21538
|
}
|
|
21537
21539
|
function je(a2, e) {
|
|
@@ -21542,7 +21544,7 @@ function St(a2) {
|
|
|
21542
21544
|
let e = false, t = false, i = false;
|
|
21543
21545
|
return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
|
|
21544
21546
|
}
|
|
21545
|
-
function
|
|
21547
|
+
function lo() {
|
|
21546
21548
|
if (B && window) {
|
|
21547
21549
|
let a2 = window.location.hostname;
|
|
21548
21550
|
return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
|
|
@@ -21555,14 +21557,14 @@ function ne(a2) {
|
|
|
21555
21557
|
function vt(a2 = "prod", e) {
|
|
21556
21558
|
let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
21557
21559
|
if (Be)
|
|
21558
|
-
return
|
|
21559
|
-
let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n =
|
|
21560
|
-
return s.type && (p = `${
|
|
21560
|
+
return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
21561
|
+
let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
|
|
21562
|
+
return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
21561
21563
|
}
|
|
21562
|
-
function
|
|
21564
|
+
function kr(a2) {
|
|
21563
21565
|
return a2.replace(/ /g, "_");
|
|
21564
21566
|
}
|
|
21565
|
-
function
|
|
21567
|
+
function ci(a2, e = 300) {
|
|
21566
21568
|
let t;
|
|
21567
21569
|
return function(...i) {
|
|
21568
21570
|
clearTimeout(t), t = void 0;
|
|
@@ -21572,16 +21574,16 @@ function oi(a2, e = 300) {
|
|
|
21572
21574
|
}, e);
|
|
21573
21575
|
};
|
|
21574
21576
|
}
|
|
21575
|
-
function
|
|
21577
|
+
function R(a2) {
|
|
21576
21578
|
return (e) => (t) => a2(t, e);
|
|
21577
21579
|
}
|
|
21578
|
-
function
|
|
21580
|
+
function jm(a2) {
|
|
21579
21581
|
return (e) => {
|
|
21580
21582
|
if (e.sessionStore)
|
|
21581
21583
|
return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
21582
21584
|
};
|
|
21583
21585
|
}
|
|
21584
|
-
var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23,
|
|
21586
|
+
var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Xa, Za, eo, ti, ns, cs, os, h, M, gr, ro, c, yr, Tr, so, ds, fr, ls, hs, oo, l, he, B, ms, Be, co, nc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, uo, S, Mr, Ps, me, ai, Is, As, H, y, Er, J, Pr, br, Rr, Ls, ws, Ds, _s, Ns, Hr, Os, Cr, Vs, Lr, Fs, wr, Dr, $s, Ks, Pt, rt, V, _o, Xh, Zh, K, Mi, ea, O, Gr, No, Oe, im, Oo, fe, xo, ie, Ee, rm, sm, oe, z, Uo, ia, am, om, $r, Bo, cm, dm, lm, um, pm, hm, mm, Sm, Rt, Vo, gm, re, sa, Tm, fm, ve, vm, at, Fo, aa, Mm, oa, ym, km, Em, Pm, bm, Im, Am, Rm, Hm, Cm, na, _m, Go, Nm, da, Kr, la, ua, pa, ha, ma, Sa, ga, Ta, Ht, b, qr, Ct, fa, Wo, $o, q, jr, Ko, qo, jo, Jo, Qo, Y, qm, Qm, zm, yi, va, Ym, Xm, Zm, zo, Yo, tS, Ma, iS, Xo, rS, sS, aS, oS, nS, cS, ya, ka, lS, uS, Ea, pS, hS, Pa, mS, SS, gS, ba, Ia, Zo, en, tn, TS, fS, vS, MS, yS, Aa, DS, rn, _S, NS, OS, an, on, dn, Xr, be, Vt, j, sr, lt, Rn, Hn, Cn, Ln, za, wn, Ya, rs, Ae, Dn, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, ss, Wn, $n, Kn, qn, jn, Jn;
|
|
21585
21587
|
var init_dist = __esm({
|
|
21586
21588
|
"../hms-video-store/dist/index.js"() {
|
|
21587
21589
|
"use strict";
|
|
@@ -21604,47 +21606,63 @@ var init_dist = __esm({
|
|
|
21604
21606
|
import_eventemitter22 = require("eventemitter2");
|
|
21605
21607
|
import_uuid8 = require("uuid");
|
|
21606
21608
|
import_eventemitter23 = require("eventemitter2");
|
|
21607
|
-
|
|
21609
|
+
jt = __toESM(require_lib());
|
|
21608
21610
|
import_eventemitter24 = __toESM(require("eventemitter2"));
|
|
21609
21611
|
import_uuid9 = require("uuid");
|
|
21610
21612
|
import_uuid10 = require("uuid");
|
|
21611
21613
|
init_es();
|
|
21612
|
-
|
|
21613
|
-
|
|
21614
|
-
|
|
21615
|
-
|
|
21616
|
-
|
|
21617
|
-
|
|
21618
|
-
|
|
21614
|
+
Xa = Object.defineProperty;
|
|
21615
|
+
Za = Object.defineProperties;
|
|
21616
|
+
eo = Object.getOwnPropertyDescriptors;
|
|
21617
|
+
ti = Object.getOwnPropertySymbols;
|
|
21618
|
+
ns = Object.prototype.hasOwnProperty;
|
|
21619
|
+
cs = Object.prototype.propertyIsEnumerable;
|
|
21620
|
+
os = (a2, e, t) => e in a2 ? Xa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
|
21619
21621
|
h = (a2, e) => {
|
|
21620
21622
|
for (var t in e || (e = {}))
|
|
21621
|
-
|
|
21622
|
-
if (
|
|
21623
|
-
for (var t of
|
|
21624
|
-
|
|
21623
|
+
ns.call(e, t) && os(a2, t, e[t]);
|
|
21624
|
+
if (ti)
|
|
21625
|
+
for (var t of ti(e))
|
|
21626
|
+
cs.call(e, t) && os(a2, t, e[t]);
|
|
21625
21627
|
return a2;
|
|
21626
21628
|
};
|
|
21627
|
-
M = (a2, e) =>
|
|
21628
|
-
|
|
21629
|
+
M = (a2, e) => Za(a2, eo(e));
|
|
21630
|
+
gr = (a2, e) => {
|
|
21629
21631
|
var t = {};
|
|
21630
21632
|
for (var i in a2)
|
|
21631
|
-
|
|
21632
|
-
if (a2 != null &&
|
|
21633
|
-
for (var i of
|
|
21634
|
-
e.indexOf(i) < 0 &&
|
|
21633
|
+
ns.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
|
|
21634
|
+
if (a2 != null && ti)
|
|
21635
|
+
for (var i of ti(a2))
|
|
21636
|
+
e.indexOf(i) < 0 && cs.call(a2, i) && (t[i] = a2[i]);
|
|
21635
21637
|
return t;
|
|
21636
21638
|
};
|
|
21637
|
-
|
|
21638
|
-
|
|
21639
|
-
|
|
21639
|
+
ro = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
21640
|
+
c = (a2, e, t) => new Promise((i, r) => {
|
|
21641
|
+
var s = (d) => {
|
|
21642
|
+
try {
|
|
21643
|
+
n(t.next(d));
|
|
21644
|
+
} catch (u) {
|
|
21645
|
+
r(u);
|
|
21646
|
+
}
|
|
21647
|
+
}, o = (d) => {
|
|
21648
|
+
try {
|
|
21649
|
+
n(t.throw(d));
|
|
21650
|
+
} catch (u) {
|
|
21651
|
+
r(u);
|
|
21652
|
+
}
|
|
21653
|
+
}, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
|
|
21654
|
+
n((t = t.apply(a2, e)).next());
|
|
21655
|
+
});
|
|
21656
|
+
yr = ro((Dc, ho) => {
|
|
21657
|
+
ho.exports = { version: "0.12.19-alpha.4", 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"] };
|
|
21640
21658
|
});
|
|
21641
|
-
|
|
21642
|
-
|
|
21643
|
-
|
|
21644
|
-
|
|
21645
|
-
|
|
21646
|
-
|
|
21647
|
-
|
|
21659
|
+
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 || {});
|
|
21660
|
+
so = ((e) => (e.CHAT = "chat", e))(so || {});
|
|
21661
|
+
ds = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ds || {});
|
|
21662
|
+
fr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(fr || {});
|
|
21663
|
+
ls = ((t) => (t.audio = "audio", t.video = "video", t))(ls || {});
|
|
21664
|
+
hs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(hs || {});
|
|
21665
|
+
oo = typeof window != "undefined" && typeof window.expect != "undefined";
|
|
21648
21666
|
l = class {
|
|
21649
21667
|
static v(e, ...t) {
|
|
21650
21668
|
this.log(0, e, ...t);
|
|
@@ -21710,16 +21728,16 @@ var init_dist = __esm({
|
|
|
21710
21728
|
}
|
|
21711
21729
|
}
|
|
21712
21730
|
};
|
|
21713
|
-
l.level =
|
|
21731
|
+
l.level = oo ? 7 : 0;
|
|
21714
21732
|
he = new import_ua_parser_js.UAParser();
|
|
21715
21733
|
B = typeof window != "undefined";
|
|
21716
|
-
Be = typeof window == "undefined" && !((
|
|
21717
|
-
|
|
21718
|
-
|
|
21719
|
-
|
|
21720
|
-
|
|
21721
|
-
|
|
21722
|
-
Qe =
|
|
21734
|
+
Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
|
|
21735
|
+
co = () => !Be;
|
|
21736
|
+
nc = co();
|
|
21737
|
+
ys = ((gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "safari";
|
|
21738
|
+
ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
|
|
21739
|
+
Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
|
|
21740
|
+
Qe = lo();
|
|
21723
21741
|
P4 = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
|
|
21724
21742
|
f = class a extends Error {
|
|
21725
21743
|
constructor(t, i, r, s, o, n = false) {
|
|
@@ -21750,7 +21768,7 @@ var init_dist = __esm({
|
|
|
21750
21768
|
}`;
|
|
21751
21769
|
}
|
|
21752
21770
|
};
|
|
21753
|
-
|
|
21771
|
+
uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
|
21754
21772
|
S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
|
21755
21773
|
return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
|
21756
21774
|
}, WebSocketConnectionLost(a2, e = "") {
|
|
@@ -21810,7 +21828,7 @@ var init_dist = __esm({
|
|
|
21810
21828
|
}, StatsFailed(a2, e = "") {
|
|
21811
21829
|
return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
|
21812
21830
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
|
21813
|
-
return new f(a2, "ServerErrors", e, t, t,
|
|
21831
|
+
return new f(a2, "ServerErrors", e, t, t, uo.includes(e));
|
|
21814
21832
|
}, AlreadyJoined(a2, e = "") {
|
|
21815
21833
|
return new f(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
|
21816
21834
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
|
@@ -21858,7 +21876,7 @@ var init_dist = __esm({
|
|
|
21858
21876
|
}, NoEntryPlaying(a2, e) {
|
|
21859
21877
|
return new f(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
|
|
21860
21878
|
} } };
|
|
21861
|
-
|
|
21879
|
+
Mr = class {
|
|
21862
21880
|
constructor() {
|
|
21863
21881
|
this.valuesMap = /* @__PURE__ */ new Map();
|
|
21864
21882
|
}
|
|
@@ -21883,9 +21901,9 @@ var init_dist = __esm({
|
|
|
21883
21901
|
return this.valuesMap.size;
|
|
21884
21902
|
}
|
|
21885
21903
|
};
|
|
21886
|
-
|
|
21904
|
+
Ps = () => {
|
|
21887
21905
|
try {
|
|
21888
|
-
B && !localStorage && (window.localStorage = new
|
|
21906
|
+
B && !localStorage && (window.localStorage = new Mr());
|
|
21889
21907
|
} catch (a2) {
|
|
21890
21908
|
l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
|
|
21891
21909
|
}
|
|
@@ -21897,7 +21915,7 @@ var init_dist = __esm({
|
|
|
21897
21915
|
}
|
|
21898
21916
|
getStorage() {
|
|
21899
21917
|
try {
|
|
21900
|
-
return B && !this.storage && (
|
|
21918
|
+
return B && !this.storage && (Ps(), this.storage = window.localStorage), this.storage;
|
|
21901
21919
|
} catch (e) {
|
|
21902
21920
|
return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
|
|
21903
21921
|
}
|
|
@@ -21917,16 +21935,16 @@ var init_dist = __esm({
|
|
|
21917
21935
|
(e = this.getStorage()) == null || e.removeItem(this.key);
|
|
21918
21936
|
}
|
|
21919
21937
|
};
|
|
21920
|
-
|
|
21938
|
+
ai = () => {
|
|
21921
21939
|
let a2, e = new me("hms-analytics-deviceId"), t = e.get();
|
|
21922
21940
|
return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
|
|
21923
21941
|
};
|
|
21924
|
-
|
|
21925
|
-
|
|
21942
|
+
Is = yr().version;
|
|
21943
|
+
As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
21926
21944
|
H = class {
|
|
21927
21945
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
21928
21946
|
this.metadata = { peer: {}, userAgent: vt() };
|
|
21929
|
-
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id =
|
|
21947
|
+
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = ai();
|
|
21930
21948
|
}
|
|
21931
21949
|
toSignalParams() {
|
|
21932
21950
|
return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
|
@@ -21942,12 +21960,12 @@ var init_dist = __esm({
|
|
|
21942
21960
|
return new H({ name: i, level: r, properties: s });
|
|
21943
21961
|
}
|
|
21944
21962
|
static preview(i) {
|
|
21945
|
-
var r = i, { error: e } = r, t =
|
|
21963
|
+
var r = i, { error: e } = r, t = gr(r, ["error"]);
|
|
21946
21964
|
let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
|
|
21947
21965
|
return new H({ name: s, level: o, properties: n });
|
|
21948
21966
|
}
|
|
21949
21967
|
static join(i) {
|
|
21950
|
-
var r = i, { error: e } = r, t =
|
|
21968
|
+
var r = i, { error: e } = r, t = gr(r, ["error"]);
|
|
21951
21969
|
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(h({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
|
21952
21970
|
return new H({ name: s, level: o, properties: n });
|
|
21953
21971
|
}
|
|
@@ -22032,7 +22050,7 @@ var init_dist = __esm({
|
|
|
22032
22050
|
}
|
|
22033
22051
|
};
|
|
22034
22052
|
y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
|
|
22035
|
-
|
|
22053
|
+
Er = class {
|
|
22036
22054
|
constructor() {
|
|
22037
22055
|
this.storage = new me("hms-device-selection");
|
|
22038
22056
|
this.remember = false;
|
|
@@ -22066,18 +22084,18 @@ var init_dist = __esm({
|
|
|
22066
22084
|
return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
|
|
22067
22085
|
}
|
|
22068
22086
|
};
|
|
22069
|
-
J = new
|
|
22070
|
-
|
|
22071
|
-
|
|
22072
|
-
|
|
22073
|
-
|
|
22074
|
-
|
|
22075
|
-
|
|
22076
|
-
|
|
22077
|
-
|
|
22078
|
-
|
|
22079
|
-
|
|
22080
|
-
|
|
22087
|
+
J = new Er();
|
|
22088
|
+
Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
|
|
22089
|
+
br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
|
|
22090
|
+
Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
|
|
22091
|
+
Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
|
|
22092
|
+
ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
|
|
22093
|
+
Ds = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ds || {});
|
|
22094
|
+
_s = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(_s || {});
|
|
22095
|
+
Ns = ((e) => (e.CAPTION = "caption", e))(Ns || {});
|
|
22096
|
+
Hr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Hr || {});
|
|
22097
|
+
Os = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Os || {});
|
|
22098
|
+
Cr = class {
|
|
22081
22099
|
constructor() {
|
|
22082
22100
|
this.TAG = "[HMSIntersectionObserverWrapper]";
|
|
22083
22101
|
this.listeners = /* @__PURE__ */ new WeakMap();
|
|
@@ -22104,8 +22122,8 @@ var init_dist = __esm({
|
|
|
22104
22122
|
return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
|
|
22105
22123
|
}
|
|
22106
22124
|
};
|
|
22107
|
-
|
|
22108
|
-
|
|
22125
|
+
Vs = new Cr();
|
|
22126
|
+
Lr = class {
|
|
22109
22127
|
constructor() {
|
|
22110
22128
|
this.TAG = "[HMSResizeObserverWrapper]";
|
|
22111
22129
|
this.listeners = /* @__PURE__ */ new WeakMap();
|
|
@@ -22118,7 +22136,7 @@ var init_dist = __esm({
|
|
|
22118
22136
|
(t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
|
|
22119
22137
|
};
|
|
22120
22138
|
this.createObserver = () => {
|
|
22121
|
-
this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(
|
|
22139
|
+
this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(ci(this.handleResize, 300)));
|
|
22122
22140
|
};
|
|
22123
22141
|
this.handleResize = (e) => {
|
|
22124
22142
|
var t;
|
|
@@ -22132,43 +22150,43 @@ var init_dist = __esm({
|
|
|
22132
22150
|
return e || l.w(this.TAG, "Resize Observer is not supported"), e;
|
|
22133
22151
|
}
|
|
22134
22152
|
};
|
|
22135
|
-
|
|
22136
|
-
|
|
22137
|
-
|
|
22138
|
-
|
|
22139
|
-
|
|
22153
|
+
Fs = new Lr();
|
|
22154
|
+
wr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(wr || {});
|
|
22155
|
+
Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
|
|
22156
|
+
$s = "https://event.100ms.live/v2/client/report";
|
|
22157
|
+
Ks = "https://event-nonprod.100ms.live/v2/client/report";
|
|
22140
22158
|
Pt = Math.pow(2, 31) - 1;
|
|
22141
22159
|
rt = class {
|
|
22142
22160
|
};
|
|
22143
22161
|
rt.makePeerId = () => (0, import_uuid7.v4)();
|
|
22144
22162
|
V = (a2) => a2.room;
|
|
22145
|
-
|
|
22146
|
-
|
|
22147
|
-
|
|
22163
|
+
_o = (a2) => a2.errors;
|
|
22164
|
+
Xh = createSelector(_o, (a2) => a2.length === 0 ? null : a2.at(-1));
|
|
22165
|
+
Zh = createSelector(V, (a2) => a2.id);
|
|
22148
22166
|
K = (a2) => a2.peers;
|
|
22149
|
-
|
|
22150
|
-
|
|
22167
|
+
Mi = (a2) => a2.messages.byID;
|
|
22168
|
+
ea = (a2) => a2.messages.allIDs;
|
|
22151
22169
|
O = (a2) => a2.tracks;
|
|
22152
|
-
|
|
22153
|
-
|
|
22170
|
+
Gr = (a2) => a2.appData;
|
|
22171
|
+
No = (a2) => a2.speakers;
|
|
22154
22172
|
Oe = createSelector([V], (a2) => a2 && a2.isConnected);
|
|
22155
|
-
|
|
22156
|
-
|
|
22157
|
-
fe = createSelector([V, K,
|
|
22158
|
-
|
|
22173
|
+
im = createSelector([Oe, V], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
|
|
22174
|
+
Oo = (a2) => a2.hideLocalPeer;
|
|
22175
|
+
fe = createSelector([V, K, Oo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
|
|
22176
|
+
xo = createSelector(O, (a2) => Object.values(a2));
|
|
22159
22177
|
ie = createSelector(V, K, (a2, e) => e[a2.localPeer]);
|
|
22160
22178
|
Ee = createSelector(V, (a2) => a2.localPeer);
|
|
22161
|
-
|
|
22162
|
-
|
|
22179
|
+
rm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
|
|
22180
|
+
sm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
|
|
22163
22181
|
oe = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
|
|
22164
22182
|
z = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
|
|
22165
|
-
|
|
22166
|
-
|
|
22183
|
+
Uo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
|
|
22184
|
+
ia = createSelector([oe, z, Uo], (a2, e, t) => {
|
|
22167
22185
|
let i = t ? [...t] : [];
|
|
22168
22186
|
return a2 && i.unshift(a2), e && i.unshift(e), i;
|
|
22169
22187
|
});
|
|
22170
|
-
|
|
22171
|
-
|
|
22188
|
+
am = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
|
|
22189
|
+
om = createSelector(K, No, (a2, e) => {
|
|
22172
22190
|
let t = Object.entries(e).sort((i, r) => {
|
|
22173
22191
|
var n, d;
|
|
22174
22192
|
let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
|
|
@@ -22181,11 +22199,11 @@ var init_dist = __esm({
|
|
|
22181
22199
|
}
|
|
22182
22200
|
return null;
|
|
22183
22201
|
});
|
|
22184
|
-
|
|
22202
|
+
$r = createSelector(ie, O, (a2, e) => {
|
|
22185
22203
|
let { video: t, audio: i } = Ue(e, a2);
|
|
22186
22204
|
return !!(t || i);
|
|
22187
22205
|
});
|
|
22188
|
-
|
|
22206
|
+
Bo = createSelector(K, O, (a2, e) => {
|
|
22189
22207
|
let t;
|
|
22190
22208
|
for (let i in a2) {
|
|
22191
22209
|
let r = a2[i], { video: s, audio: o } = Ue(e, r);
|
|
@@ -22195,15 +22213,15 @@ var init_dist = __esm({
|
|
|
22195
22213
|
}
|
|
22196
22214
|
return t;
|
|
22197
22215
|
});
|
|
22198
|
-
|
|
22199
|
-
|
|
22216
|
+
cm = createSelector(Bo, (a2) => !!a2);
|
|
22217
|
+
dm = createSelector(K, O, (a2, e) => {
|
|
22200
22218
|
for (let t in a2) {
|
|
22201
22219
|
let i = a2[t], { audio: r, video: s } = Ue(e, i);
|
|
22202
22220
|
if (!s && r)
|
|
22203
22221
|
return i;
|
|
22204
22222
|
}
|
|
22205
22223
|
});
|
|
22206
|
-
|
|
22224
|
+
lm = createSelector(K, O, (a2, e) => {
|
|
22207
22225
|
let t = [], i = [];
|
|
22208
22226
|
for (let r in a2) {
|
|
22209
22227
|
let s = a2[r], { video: o, audio: n } = Ue(e, s);
|
|
@@ -22211,78 +22229,78 @@ var init_dist = __esm({
|
|
|
22211
22229
|
}
|
|
22212
22230
|
return t.concat(i);
|
|
22213
22231
|
});
|
|
22214
|
-
|
|
22232
|
+
um = createSelector(K, O, (a2, e) => {
|
|
22215
22233
|
for (let t in e) {
|
|
22216
22234
|
let i = e[t];
|
|
22217
22235
|
if (mt(i) && ht(i) && i.peerId)
|
|
22218
22236
|
return a2[i.peerId];
|
|
22219
22237
|
}
|
|
22220
22238
|
});
|
|
22221
|
-
|
|
22239
|
+
pm = createSelector(K, O, (a2, e) => {
|
|
22222
22240
|
for (let t in e) {
|
|
22223
22241
|
let i = e[t];
|
|
22224
|
-
if (
|
|
22242
|
+
if (si(i) && i.peerId)
|
|
22225
22243
|
return a2[i.peerId];
|
|
22226
22244
|
}
|
|
22227
22245
|
});
|
|
22228
|
-
|
|
22229
|
-
|
|
22230
|
-
|
|
22231
|
-
|
|
22246
|
+
hm = createSelector(xo, (a2) => a2.filter(us));
|
|
22247
|
+
mm = createSelector(ea, (a2) => a2.length);
|
|
22248
|
+
Sm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
|
|
22249
|
+
Rt = createSelector(ea, Mi, (a2, e) => {
|
|
22232
22250
|
let t = [];
|
|
22233
22251
|
return a2.forEach((i) => {
|
|
22234
22252
|
t.push(e[i]);
|
|
22235
22253
|
}), t;
|
|
22236
22254
|
});
|
|
22237
|
-
|
|
22255
|
+
Vo = createSelector(Rt, (a2) => a2.filter((e) => {
|
|
22238
22256
|
var t;
|
|
22239
22257
|
return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
|
|
22240
22258
|
}));
|
|
22241
|
-
|
|
22259
|
+
gm = createSelector(Vo, (a2) => a2.filter((e) => !e.read).length);
|
|
22242
22260
|
re = createSelector([V], (a2) => a2 && a2.roomState);
|
|
22243
|
-
|
|
22244
|
-
|
|
22245
|
-
|
|
22261
|
+
sa = createSelector(re, (a2) => a2 === "Preview");
|
|
22262
|
+
Tm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
|
|
22263
|
+
fm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
|
|
22246
22264
|
ve = (a2) => a2.roles;
|
|
22247
|
-
|
|
22265
|
+
vm = createSelector([ve], (a2) => Object.keys(a2));
|
|
22248
22266
|
at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
|
|
22249
|
-
|
|
22267
|
+
Fo = (a2) => {
|
|
22250
22268
|
var e;
|
|
22251
22269
|
return (e = a2.preview) == null ? void 0 : e.asRole;
|
|
22252
22270
|
};
|
|
22253
|
-
|
|
22254
|
-
|
|
22271
|
+
aa = createSelector([Fo, ve], (a2, e) => a2 ? e[a2] : null);
|
|
22272
|
+
Mm = createSelector([at], (a2) => {
|
|
22255
22273
|
var e;
|
|
22256
22274
|
return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
|
|
22257
22275
|
});
|
|
22258
|
-
|
|
22259
|
-
|
|
22260
|
-
|
|
22261
|
-
|
|
22262
|
-
|
|
22263
|
-
|
|
22264
|
-
|
|
22265
|
-
|
|
22276
|
+
oa = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
|
|
22277
|
+
ym = createSelector(V, (a2) => a2.recording);
|
|
22278
|
+
km = createSelector(V, (a2) => a2.rtmp);
|
|
22279
|
+
Em = createSelector(V, (a2) => a2.hls);
|
|
22280
|
+
Pm = createSelector(V, (a2) => a2.transcriptions);
|
|
22281
|
+
bm = createSelector(V, (a2) => a2.sessionId);
|
|
22282
|
+
Im = createSelector(V, (a2) => a2.startedAt);
|
|
22283
|
+
Am = createSelector(V, (a2) => !!a2.isLargeRoom);
|
|
22266
22284
|
Rm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
|
|
22267
|
-
|
|
22268
|
-
|
|
22269
|
-
|
|
22270
|
-
|
|
22271
|
-
|
|
22272
|
-
|
|
22273
|
-
|
|
22274
|
-
|
|
22275
|
-
|
|
22276
|
-
|
|
22277
|
-
|
|
22278
|
-
|
|
22279
|
-
|
|
22280
|
-
|
|
22285
|
+
Hm = createSelector(V, (a2) => !!a2.isVBEnabled);
|
|
22286
|
+
Cm = createSelector(V, (a2) => a2.effectsKey);
|
|
22287
|
+
na = (a2) => a2.polls;
|
|
22288
|
+
_m = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
|
|
22289
|
+
Go = (a2) => a2.whiteboards;
|
|
22290
|
+
Nm = createSelector(Go, (a2) => Object.values(a2)[0]);
|
|
22291
|
+
da = (a2 = "audio") => (e) => e.playlist[a2].list;
|
|
22292
|
+
Kr = (a2 = "audio") => (e) => e.playlist[a2].selection;
|
|
22293
|
+
la = (a2 = "audio") => (e) => e.playlist[a2].progress;
|
|
22294
|
+
ua = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
|
|
22295
|
+
pa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
|
|
22296
|
+
ha = (a2 = "audio") => (e) => e.playlist[a2].volume;
|
|
22297
|
+
ma = (a2 = "audio") => createSelector(da(a2), (e) => Object.values(e));
|
|
22298
|
+
Sa = (a2 = "audio") => createSelector(da(a2), Kr(a2), (e, t) => {
|
|
22281
22299
|
if (t.id)
|
|
22282
22300
|
return e[t.id];
|
|
22283
22301
|
});
|
|
22284
|
-
|
|
22285
|
-
|
|
22302
|
+
ga = { selection: Kr("audio"), progress: la("audio"), currentTime: ua("audio"), playbackRate: pa("audio"), volume: ha("audio"), list: ma("audio"), selectedItem: Sa("audio") };
|
|
22303
|
+
Ta = { selection: Kr("video"), progress: la("video"), currentTime: ua("video"), playbackRate: pa("video"), volume: ha("video"), list: ma("video"), selectedItem: Sa("video") };
|
|
22286
22304
|
Ht = "HMS-Store:";
|
|
22287
22305
|
b = class {
|
|
22288
22306
|
static v(e, ...t) {
|
|
@@ -22350,127 +22368,127 @@ var init_dist = __esm({
|
|
|
22350
22368
|
}
|
|
22351
22369
|
};
|
|
22352
22370
|
b.level = 0;
|
|
22353
|
-
|
|
22371
|
+
qr = (a2, e) => e;
|
|
22354
22372
|
Ct = (a2, e) => e;
|
|
22355
|
-
|
|
22356
|
-
Go = (a2, e) => e;
|
|
22373
|
+
fa = (a2, e) => e;
|
|
22357
22374
|
Wo = (a2, e) => e;
|
|
22358
|
-
|
|
22359
|
-
|
|
22360
|
-
|
|
22375
|
+
$o = (a2, e) => e;
|
|
22376
|
+
q = createSelector([K, qr], (a2, e) => e ? a2[e] : null);
|
|
22377
|
+
jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
|
|
22378
|
+
Ko = createSelector([O, Ct], (a2, e) => {
|
|
22361
22379
|
if (!e)
|
|
22362
22380
|
return null;
|
|
22363
22381
|
let t = a2[e];
|
|
22364
22382
|
return (t == null ? void 0 : t.type) === "video" ? t : null;
|
|
22365
22383
|
});
|
|
22366
|
-
|
|
22384
|
+
qo = createSelector([O, Ct], (a2, e) => {
|
|
22367
22385
|
if (!e)
|
|
22368
22386
|
return null;
|
|
22369
22387
|
let t = a2[e];
|
|
22370
22388
|
return (t == null ? void 0 : t.type) === "audio" ? t : null;
|
|
22371
22389
|
});
|
|
22372
|
-
|
|
22390
|
+
jo = createSelector([O, Ct], (a2, e) => {
|
|
22373
22391
|
if (!e)
|
|
22374
22392
|
return null;
|
|
22375
22393
|
let t = a2[e];
|
|
22376
22394
|
return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
22377
22395
|
});
|
|
22378
|
-
|
|
22396
|
+
Jo = createSelector([O, Ct], (a2, e) => {
|
|
22379
22397
|
if (!e)
|
|
22380
22398
|
return null;
|
|
22381
22399
|
let t = a2[e];
|
|
22382
22400
|
return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
22383
22401
|
});
|
|
22384
|
-
|
|
22385
|
-
Y =
|
|
22386
|
-
|
|
22402
|
+
Qo = createSelector([na, $o], (a2, e) => e ? a2[e] : null);
|
|
22403
|
+
Y = R(q);
|
|
22404
|
+
qm = R(createSelector([Gr, Wo], (a2, e) => {
|
|
22387
22405
|
if (a2)
|
|
22388
22406
|
return e ? a2[e] : a2;
|
|
22389
22407
|
}));
|
|
22390
|
-
|
|
22391
|
-
|
|
22392
|
-
|
|
22393
|
-
|
|
22394
|
-
|
|
22395
|
-
|
|
22396
|
-
|
|
22397
|
-
|
|
22408
|
+
Qm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
|
|
22409
|
+
zm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
|
|
22410
|
+
yi = R(jr);
|
|
22411
|
+
va = R(Ko);
|
|
22412
|
+
Ym = R(qo);
|
|
22413
|
+
Xm = R(jo);
|
|
22414
|
+
Zm = R(Jo);
|
|
22415
|
+
zo = R((a2, e) => {
|
|
22398
22416
|
let t = q(a2, e);
|
|
22399
22417
|
if (t && t.videoTrack && t.videoTrack !== "")
|
|
22400
22418
|
return a2.tracks[t.videoTrack];
|
|
22401
22419
|
});
|
|
22402
|
-
|
|
22420
|
+
Yo = R((a2, e) => {
|
|
22403
22421
|
let t = q(a2, e);
|
|
22404
22422
|
if (t && t.audioTrack && t.audioTrack !== "")
|
|
22405
22423
|
return a2.tracks[t.audioTrack];
|
|
22406
22424
|
});
|
|
22407
|
-
|
|
22425
|
+
tS = R((a2, e) => {
|
|
22408
22426
|
let t = q(a2, e);
|
|
22409
22427
|
return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
|
|
22410
22428
|
});
|
|
22411
|
-
|
|
22412
|
-
|
|
22413
|
-
|
|
22414
|
-
let t =
|
|
22415
|
-
return
|
|
22416
|
-
};
|
|
22417
|
-
|
|
22418
|
-
|
|
22429
|
+
Ma = (a2, e) => e ? a2.speakers[e] : null;
|
|
22430
|
+
iS = R(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
22431
|
+
Xo = (a2, e) => {
|
|
22432
|
+
let t = Yo(e)(a2);
|
|
22433
|
+
return Ma(a2, t == null ? void 0 : t.id);
|
|
22434
|
+
};
|
|
22435
|
+
rS = R(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
22436
|
+
sS = R((a2, e) => {
|
|
22419
22437
|
if (e)
|
|
22420
22438
|
return a2.connectionQualities[e];
|
|
22421
22439
|
});
|
|
22422
|
-
|
|
22440
|
+
aS = R((a2, e) => {
|
|
22423
22441
|
let t = q(a2, e);
|
|
22424
22442
|
if (t) {
|
|
22425
22443
|
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
|
|
22426
22444
|
return i ? a2.tracks[i] : void 0;
|
|
22427
22445
|
}
|
|
22428
22446
|
});
|
|
22429
|
-
|
|
22447
|
+
oS = R(createSelector(O, q, (a2, e) => {
|
|
22430
22448
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22431
22449
|
let r = a2[i];
|
|
22432
22450
|
return mt(r) && ht(r);
|
|
22433
22451
|
});
|
|
22434
22452
|
return t ? a2[t] : void 0;
|
|
22435
22453
|
}));
|
|
22436
|
-
|
|
22454
|
+
nS = R(createSelector(O, q, (a2, e) => {
|
|
22437
22455
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22438
22456
|
let r = a2[i];
|
|
22439
22457
|
return mt(r) && pt(r);
|
|
22440
22458
|
});
|
|
22441
22459
|
return t ? a2[t] : void 0;
|
|
22442
22460
|
}));
|
|
22443
|
-
|
|
22461
|
+
cS = R(createSelector(O, q, (a2, e) => {
|
|
22444
22462
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
22445
22463
|
let r = a2[i];
|
|
22446
|
-
return
|
|
22464
|
+
return si(r) && pt(r);
|
|
22447
22465
|
});
|
|
22448
22466
|
return t ? a2[t] : void 0;
|
|
22449
22467
|
}));
|
|
22450
|
-
|
|
22451
|
-
|
|
22452
|
-
|
|
22468
|
+
ya = R(createSelector(O, q, (a2, e) => Ue(a2, e)));
|
|
22469
|
+
ka = (a2) => createSelector(ya(a2), (e) => e.audio);
|
|
22470
|
+
lS = R((a2, e) => {
|
|
22453
22471
|
let t = q(a2, e);
|
|
22454
22472
|
return je(a2, t == null ? void 0 : t.audioTrack);
|
|
22455
22473
|
});
|
|
22456
|
-
|
|
22474
|
+
uS = R((a2, e) => {
|
|
22457
22475
|
let t = q(a2, e);
|
|
22458
22476
|
return je(a2, t == null ? void 0 : t.videoTrack);
|
|
22459
22477
|
});
|
|
22460
|
-
|
|
22478
|
+
Ea = R((a2, e) => {
|
|
22461
22479
|
if (e && a2.tracks[e])
|
|
22462
22480
|
return a2.tracks[e].volume === 0;
|
|
22463
22481
|
});
|
|
22464
|
-
|
|
22482
|
+
pS = R((a2, e) => {
|
|
22465
22483
|
let t = q(a2, e);
|
|
22466
|
-
return
|
|
22484
|
+
return Ea(t == null ? void 0 : t.audioTrack)(a2);
|
|
22467
22485
|
});
|
|
22468
|
-
|
|
22469
|
-
let t =
|
|
22470
|
-
return
|
|
22486
|
+
hS = R((a2, e) => {
|
|
22487
|
+
let t = ka(e)(a2);
|
|
22488
|
+
return Ea(t == null ? void 0 : t.id)(a2);
|
|
22471
22489
|
});
|
|
22472
|
-
|
|
22473
|
-
let t =
|
|
22490
|
+
Pa = R((a2, e) => {
|
|
22491
|
+
let t = jr(a2, e);
|
|
22474
22492
|
if (t) {
|
|
22475
22493
|
if (t.type !== "audio") {
|
|
22476
22494
|
b.w("Please pass audio track here");
|
|
@@ -22479,16 +22497,16 @@ var init_dist = __esm({
|
|
|
22479
22497
|
return t.volume;
|
|
22480
22498
|
}
|
|
22481
22499
|
});
|
|
22482
|
-
|
|
22500
|
+
mS = R((a2, e) => {
|
|
22483
22501
|
let t = q(a2, e);
|
|
22484
|
-
return
|
|
22502
|
+
return Pa(t == null ? void 0 : t.audioTrack)(a2);
|
|
22485
22503
|
});
|
|
22486
|
-
|
|
22487
|
-
let t =
|
|
22488
|
-
return
|
|
22504
|
+
SS = R((a2, e) => {
|
|
22505
|
+
let t = ka(e)(a2);
|
|
22506
|
+
return Pa(t == null ? void 0 : t.id)(a2);
|
|
22489
22507
|
});
|
|
22490
|
-
|
|
22491
|
-
let t =
|
|
22508
|
+
gS = R((a2, e) => {
|
|
22509
|
+
let t = jr(a2, e);
|
|
22492
22510
|
if (t) {
|
|
22493
22511
|
if (t.type !== "video") {
|
|
22494
22512
|
b.w("Please pass video track here");
|
|
@@ -22497,50 +22515,50 @@ var init_dist = __esm({
|
|
|
22497
22515
|
return t.layer;
|
|
22498
22516
|
}
|
|
22499
22517
|
});
|
|
22500
|
-
|
|
22518
|
+
ba = createSelector([Rt, Ee, qr], (a2, e, t) => {
|
|
22501
22519
|
if (t)
|
|
22502
22520
|
return a2.filter((i) => {
|
|
22503
22521
|
var r;
|
|
22504
22522
|
return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
|
|
22505
22523
|
});
|
|
22506
22524
|
});
|
|
22507
|
-
|
|
22525
|
+
Ia = createSelector([Rt, fa], (a2, e) => {
|
|
22508
22526
|
if (e)
|
|
22509
22527
|
return a2.filter((t) => {
|
|
22510
22528
|
var i, r;
|
|
22511
22529
|
return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
|
|
22512
22530
|
});
|
|
22513
22531
|
});
|
|
22514
|
-
|
|
22532
|
+
Zo = createSelector(Rt, (a2) => a2.filter((e) => {
|
|
22515
22533
|
var t;
|
|
22516
22534
|
return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
|
|
22517
22535
|
}));
|
|
22518
|
-
|
|
22519
|
-
|
|
22520
|
-
|
|
22521
|
-
|
|
22522
|
-
|
|
22523
|
-
|
|
22524
|
-
|
|
22525
|
-
|
|
22526
|
-
|
|
22536
|
+
en = createSelector([Ia, fa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
22537
|
+
tn = createSelector([ba, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
22538
|
+
TS = createSelector(Zo, (a2) => a2.filter((e) => !e.read).length);
|
|
22539
|
+
fS = R(ba);
|
|
22540
|
+
vS = R(Ia);
|
|
22541
|
+
MS = R(en);
|
|
22542
|
+
yS = R(tn);
|
|
22543
|
+
Aa = R(Qo);
|
|
22544
|
+
DS = createSelector([K, O], (a2, e) => Object.values(a2).map((i) => {
|
|
22527
22545
|
var r;
|
|
22528
22546
|
return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
|
|
22529
22547
|
}));
|
|
22530
|
-
|
|
22531
|
-
|
|
22532
|
-
|
|
22533
|
-
|
|
22534
|
-
|
|
22548
|
+
rn = (a2) => a2.roleChangeRequests[0] || null;
|
|
22549
|
+
_S = createSelector([rn, K, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
|
|
22550
|
+
NS = createSelector([at], (a2) => St(a2));
|
|
22551
|
+
OS = createSelector([aa], (a2) => St(a2));
|
|
22552
|
+
an = createSelector([z, O], (a2, e) => {
|
|
22535
22553
|
let t = null;
|
|
22536
22554
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
22537
22555
|
});
|
|
22538
|
-
|
|
22556
|
+
on = createSelector([oe, O], (a2, e) => {
|
|
22539
22557
|
let t = null;
|
|
22540
22558
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
22541
22559
|
});
|
|
22542
|
-
|
|
22543
|
-
|
|
22560
|
+
dn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(dn || {});
|
|
22561
|
+
Xr = class {
|
|
22544
22562
|
constructor() {
|
|
22545
22563
|
this.TAG = "[HTTPAnalyticsTransport]";
|
|
22546
22564
|
this.failedEvents = new me("client-events");
|
|
@@ -22559,7 +22577,7 @@ var init_dist = __esm({
|
|
|
22559
22577
|
this.addEventToStorage(e);
|
|
22560
22578
|
return;
|
|
22561
22579
|
}
|
|
22562
|
-
let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ?
|
|
22580
|
+
let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? $s : Ks;
|
|
22563
22581
|
fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
|
|
22564
22582
|
if (r.status === 401) {
|
|
22565
22583
|
this.removeFromStorage(e);
|
|
@@ -22585,66 +22603,93 @@ var init_dist = __esm({
|
|
|
22585
22603
|
i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
|
|
22586
22604
|
}
|
|
22587
22605
|
};
|
|
22588
|
-
be = new
|
|
22606
|
+
be = new Xr();
|
|
22607
|
+
Vt = class {
|
|
22608
|
+
static handleError(e) {
|
|
22609
|
+
if (e.status === 404)
|
|
22610
|
+
throw S.APIErrors.EndpointUnreachable("FEEDBACK", e.statusText);
|
|
22611
|
+
if (e.status >= 400)
|
|
22612
|
+
throw S.APIErrors.ServerErrors(e.status, "FEEDBACK", e == null ? void 0 : e.statusText);
|
|
22613
|
+
}
|
|
22614
|
+
static sendFeedback(s) {
|
|
22615
|
+
return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
|
|
22616
|
+
l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
|
|
22617
|
+
let o = new URL("v2/client/feedback", t), n = M(h({}, i), { payload: r });
|
|
22618
|
+
try {
|
|
22619
|
+
let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
|
|
22620
|
+
try {
|
|
22621
|
+
this.handleError(d);
|
|
22622
|
+
return;
|
|
22623
|
+
} catch (u) {
|
|
22624
|
+
throw l.e(this.TAG, "error", u.message, d.status), u instanceof f ? u : S.APIErrors.ServerErrors(d.status, "FEEDBACK", u.message);
|
|
22625
|
+
}
|
|
22626
|
+
} catch (d) {
|
|
22627
|
+
let u = d;
|
|
22628
|
+
throw ["Failed to fetch", "NetworkError", "ECONNRESET"].some((p) => u.message.includes(p)) ? S.APIErrors.EndpointUnreachable("FEEDBACK", u.message) : u;
|
|
22629
|
+
}
|
|
22630
|
+
});
|
|
22631
|
+
}
|
|
22632
|
+
};
|
|
22633
|
+
Vt.TAG = "[FeedbackService]";
|
|
22589
22634
|
j = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(j || {});
|
|
22590
|
-
|
|
22635
|
+
sr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(sr || {});
|
|
22591
22636
|
lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
|
|
22592
22637
|
Rn = (a2) => a2.localPeer.id;
|
|
22593
|
-
|
|
22594
|
-
|
|
22595
|
-
|
|
22596
|
-
|
|
22597
|
-
|
|
22598
|
-
|
|
22599
|
-
|
|
22600
|
-
|
|
22601
|
-
|
|
22638
|
+
Hn = (a2) => a2.localPeer.audioTrack;
|
|
22639
|
+
Cn = (a2) => a2.localPeer.videoTrack;
|
|
22640
|
+
Ln = (a2, e) => e;
|
|
22641
|
+
za = (a2, e) => e;
|
|
22642
|
+
wn = (a2) => a2.remoteTrackStats;
|
|
22643
|
+
Ya = (a2) => a2.peerStats;
|
|
22644
|
+
rs = (a2) => a2.localTrackStats;
|
|
22645
|
+
Ae = createSelector([Ya, Rn], (a2, e) => a2[e]);
|
|
22646
|
+
Dn = createSelector(Ae, (a2) => {
|
|
22602
22647
|
var e;
|
|
22603
22648
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
22604
22649
|
});
|
|
22605
|
-
|
|
22650
|
+
_n = createSelector(Ae, (a2) => {
|
|
22606
22651
|
var e;
|
|
22607
22652
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
|
|
22608
22653
|
});
|
|
22609
|
-
|
|
22654
|
+
Nn = createSelector(Ae, (a2) => {
|
|
22610
22655
|
var e;
|
|
22611
22656
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
|
|
22612
22657
|
});
|
|
22613
|
-
|
|
22658
|
+
On = createSelector(Ae, (a2) => {
|
|
22614
22659
|
var e;
|
|
22615
22660
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
|
|
22616
22661
|
});
|
|
22617
|
-
|
|
22662
|
+
xn = createSelector(Ae, (a2) => {
|
|
22618
22663
|
var e;
|
|
22619
22664
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
|
|
22620
22665
|
});
|
|
22621
|
-
|
|
22666
|
+
Un = createSelector(Ae, (a2) => {
|
|
22622
22667
|
var e;
|
|
22623
22668
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
|
|
22624
22669
|
});
|
|
22625
|
-
|
|
22670
|
+
Bn = createSelector(Ae, (a2) => {
|
|
22626
22671
|
var e;
|
|
22627
22672
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
|
|
22628
22673
|
});
|
|
22629
|
-
|
|
22674
|
+
Vn = createSelector(Ae, (a2) => {
|
|
22630
22675
|
var e;
|
|
22631
22676
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
22632
22677
|
});
|
|
22633
|
-
|
|
22634
|
-
|
|
22635
|
-
|
|
22636
|
-
|
|
22637
|
-
|
|
22638
|
-
|
|
22678
|
+
Fn = createSelector([Ya, Ln], (a2, e) => e ? a2[e] : void 0);
|
|
22679
|
+
Gn = createSelector([wn, za], (a2, e) => e ? a2[e] : void 0);
|
|
22680
|
+
ss = createSelector([rs, za], (a2, e) => e ? a2[e] : void 0);
|
|
22681
|
+
Wn = R(Fn);
|
|
22682
|
+
$n = R(Gn);
|
|
22683
|
+
Kn = createSelector([rs, Hn], (a2, e) => {
|
|
22639
22684
|
var t;
|
|
22640
22685
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
22641
22686
|
});
|
|
22642
|
-
|
|
22643
|
-
|
|
22687
|
+
qn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
|
|
22688
|
+
jn = createSelector([rs, Cn], (a2, e) => {
|
|
22644
22689
|
var t;
|
|
22645
22690
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
22646
22691
|
});
|
|
22647
|
-
|
|
22692
|
+
Jn = R(createSelector(ss, (a2) => a2));
|
|
22648
22693
|
}
|
|
22649
22694
|
});
|
|
22650
22695
|
|
|
@@ -22769,7 +22814,7 @@ var init_StreamActions = __esm({
|
|
|
22769
22814
|
};
|
|
22770
22815
|
RecordingPauseStatus = () => {
|
|
22771
22816
|
const recording = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectRecordingState);
|
|
22772
|
-
if (recording.hls && recording.hls.state ===
|
|
22817
|
+
if (recording.hls && recording.hls.state === Ls.PAUSED) {
|
|
22773
22818
|
return /* @__PURE__ */ import_react88.default.createElement(
|
|
22774
22819
|
Tooltip,
|
|
22775
22820
|
{
|
|
@@ -28167,7 +28212,7 @@ var init_Chat = __esm({
|
|
|
28167
28212
|
const listRef = (0, import_react153.useRef)(null);
|
|
28168
28213
|
const hmsActions = (0, import_react_sdk73.useHMSActions)();
|
|
28169
28214
|
const vanillaStore = (0, import_react_sdk73.useHMSVanillaStore)();
|
|
28170
|
-
const { enabled: isChatEnabled = true } = (0, import_react_sdk73.useHMSStore)(
|
|
28215
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk73.useHMSStore)(jm("chatState" /* CHAT_STATE */)) || {};
|
|
28171
28216
|
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
28172
28217
|
const isMobileHLSStream = useMobileHLSStream();
|
|
28173
28218
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -28257,7 +28302,7 @@ var init_Chat = __esm({
|
|
|
28257
28302
|
scrollToBottom,
|
|
28258
28303
|
listRef
|
|
28259
28304
|
}) => {
|
|
28260
|
-
const unreadCount = (0, import_react_sdk73.useHMSStore)(
|
|
28305
|
+
const unreadCount = (0, import_react_sdk73.useHMSStore)(Sm);
|
|
28261
28306
|
if (!unreadCount || !listRef.current) {
|
|
28262
28307
|
return null;
|
|
28263
28308
|
}
|
|
@@ -29377,11 +29422,11 @@ var init_VBPicker = __esm({
|
|
|
29377
29422
|
const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
|
|
29378
29423
|
const [isBlurSupported, setIsBlurSupported] = (0, import_react163.useState)(false);
|
|
29379
29424
|
const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Rm);
|
|
29380
|
-
const effectsKey = (0, import_react_sdk82.useHMSStore)(
|
|
29425
|
+
const effectsKey = (0, import_react_sdk82.useHMSStore)(Cm);
|
|
29381
29426
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
29382
29427
|
const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
|
|
29383
29428
|
const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
|
|
29384
|
-
const background = (0, import_react_sdk82.useHMSStore)(
|
|
29429
|
+
const background = (0, import_react_sdk82.useHMSStore)(qm(APP_DATA.background));
|
|
29385
29430
|
const mediaList = backgroundMedia.map((media) => media.url || "");
|
|
29386
29431
|
const inPreview = roomState === import_react_sdk82.HMSRoomState.Preview;
|
|
29387
29432
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
@@ -31309,9 +31354,9 @@ var init_ScreenshareLayout = __esm({
|
|
|
31309
31354
|
}
|
|
31310
31355
|
});
|
|
31311
31356
|
|
|
31312
|
-
// ../../../../../../../tmp/tmp-
|
|
31313
|
-
var
|
|
31314
|
-
"../../../../../../../tmp/tmp-
|
|
31357
|
+
// ../../../../../../../tmp/tmp-2953-wwjRT6nJHx7p/191a1c305851/index.css
|
|
31358
|
+
var init_a1c305851 = __esm({
|
|
31359
|
+
"../../../../../../../tmp/tmp-2953-wwjRT6nJHx7p/191a1c305851/index.css"() {
|
|
31315
31360
|
}
|
|
31316
31361
|
});
|
|
31317
31362
|
|
|
@@ -31333,7 +31378,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
31333
31378
|
init_ProminenceLayout();
|
|
31334
31379
|
init_useUISettings();
|
|
31335
31380
|
init_constants();
|
|
31336
|
-
|
|
31381
|
+
init_a1c305851();
|
|
31337
31382
|
WhiteboardEmbed = () => {
|
|
31338
31383
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31339
31384
|
const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
|
|
@@ -34667,14 +34712,504 @@ var init_KeyboardInputManager = __esm({
|
|
|
34667
34712
|
}
|
|
34668
34713
|
});
|
|
34669
34714
|
|
|
34715
|
+
// src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
|
|
34716
|
+
var import_react217, import_react_use53, import_react_sdk109, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
|
|
34717
|
+
var init_FeedbackForm = __esm({
|
|
34718
|
+
"src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx"() {
|
|
34719
|
+
"use strict";
|
|
34720
|
+
init_define_process_env();
|
|
34721
|
+
import_react217 = __toESM(require("react"));
|
|
34722
|
+
import_react_use53 = require("react-use");
|
|
34723
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
|
34724
|
+
import_react_icons102 = require("@100mslive/react-icons");
|
|
34725
|
+
init_Button2();
|
|
34726
|
+
init_Checkbox2();
|
|
34727
|
+
init_Label2();
|
|
34728
|
+
init_Layout();
|
|
34729
|
+
init_Modal();
|
|
34730
|
+
init_Sheet2();
|
|
34731
|
+
init_Text2();
|
|
34732
|
+
init_TextArea2();
|
|
34733
|
+
init_Theme();
|
|
34734
|
+
init_AppContext();
|
|
34735
|
+
init_useRoomLayoutScreen();
|
|
34736
|
+
FEEBACK_INDEX = {
|
|
34737
|
+
THANK_YOU: -10,
|
|
34738
|
+
INIT: -1
|
|
34739
|
+
};
|
|
34740
|
+
FeedbackModal = ({
|
|
34741
|
+
ratings,
|
|
34742
|
+
index,
|
|
34743
|
+
setIndex
|
|
34744
|
+
}) => {
|
|
34745
|
+
const isMobile = (0, import_react_use53.useMedia)(config.media.md);
|
|
34746
|
+
const onOpenChange = () => {
|
|
34747
|
+
setIndex(FEEBACK_INDEX.INIT);
|
|
34748
|
+
};
|
|
34749
|
+
const avoidDefaultDomBehavior = (e) => {
|
|
34750
|
+
e.preventDefault();
|
|
34751
|
+
};
|
|
34752
|
+
if (isMobile) {
|
|
34753
|
+
return /* @__PURE__ */ import_react217.default.createElement(Sheet.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ import_react217.default.createElement(
|
|
34754
|
+
Sheet.Content,
|
|
34755
|
+
{
|
|
34756
|
+
css: { bg: "$surface_dim", p: "$12" },
|
|
34757
|
+
onPointerDownOutside: avoidDefaultDomBehavior,
|
|
34758
|
+
onInteractOutside: avoidDefaultDomBehavior
|
|
34759
|
+
},
|
|
34760
|
+
/* @__PURE__ */ import_react217.default.createElement(FeedbackContent, { ratings, indexSelected: index, setIndex })
|
|
34761
|
+
));
|
|
34762
|
+
}
|
|
34763
|
+
return /* @__PURE__ */ import_react217.default.createElement(Dialog.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ import_react217.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react217.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react217.default.createElement(
|
|
34764
|
+
Dialog.Content,
|
|
34765
|
+
{
|
|
34766
|
+
css: { bg: "$surface_dim", width: "528px", p: "$12" },
|
|
34767
|
+
onPointerDownOutside: avoidDefaultDomBehavior,
|
|
34768
|
+
onInteractOutside: avoidDefaultDomBehavior
|
|
34769
|
+
},
|
|
34770
|
+
/* @__PURE__ */ import_react217.default.createElement(FeedbackContent, { ratings, indexSelected: index, setIndex })
|
|
34771
|
+
)));
|
|
34772
|
+
};
|
|
34773
|
+
FeedbackContent = ({
|
|
34774
|
+
ratings,
|
|
34775
|
+
indexSelected,
|
|
34776
|
+
setIndex
|
|
34777
|
+
}) => {
|
|
34778
|
+
const { feedback } = useRoomLayoutLeaveScreen();
|
|
34779
|
+
const { endpoints } = useHMSPrebuiltContext();
|
|
34780
|
+
const hmsActions = (0, import_react_sdk109.useHMSActions)();
|
|
34781
|
+
const [comment, setComment] = (0, import_react217.useState)("");
|
|
34782
|
+
const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
|
|
34783
|
+
const handleCheckedChange = (checked, index) => {
|
|
34784
|
+
const newSelected = new Set(selectedReasons);
|
|
34785
|
+
if (checked) {
|
|
34786
|
+
newSelected.add(index);
|
|
34787
|
+
} else {
|
|
34788
|
+
newSelected.delete(index);
|
|
34789
|
+
}
|
|
34790
|
+
setSelectedReasons(newSelected);
|
|
34791
|
+
};
|
|
34792
|
+
const submitFeedback = () => __async(void 0, null, function* () {
|
|
34793
|
+
if (indexSelected < 0 || ratings.length <= indexSelected) {
|
|
34794
|
+
return;
|
|
34795
|
+
}
|
|
34796
|
+
try {
|
|
34797
|
+
const reasons = [...selectedReasons].map((value) => {
|
|
34798
|
+
var _a7, _b7;
|
|
34799
|
+
return ((_b7 = (_a7 = ratings[indexSelected]) == null ? void 0 : _a7.reasons) == null ? void 0 : _b7[value]) || "";
|
|
34800
|
+
});
|
|
34801
|
+
yield hmsActions.submitSessionFeedback(
|
|
34802
|
+
{
|
|
34803
|
+
question: ratings[indexSelected].question,
|
|
34804
|
+
rating: ratings[indexSelected].value || 1,
|
|
34805
|
+
min_rating: 1,
|
|
34806
|
+
max_rating: ratings.length,
|
|
34807
|
+
reasons: selectedReasons.size === 0 ? [] : reasons,
|
|
34808
|
+
comment
|
|
34809
|
+
},
|
|
34810
|
+
endpoints == null ? void 0 : endpoints.event
|
|
34811
|
+
);
|
|
34812
|
+
} catch (e) {
|
|
34813
|
+
console.error(e);
|
|
34814
|
+
}
|
|
34815
|
+
setIndex(FEEBACK_INDEX.THANK_YOU);
|
|
34816
|
+
});
|
|
34817
|
+
return /* @__PURE__ */ import_react217.default.createElement(
|
|
34818
|
+
Flex,
|
|
34819
|
+
{
|
|
34820
|
+
css: {
|
|
34821
|
+
p: indexSelected === FEEBACK_INDEX.INIT ? "$12 !important" : "0",
|
|
34822
|
+
bg: "$surface_dim",
|
|
34823
|
+
r: "$3",
|
|
34824
|
+
gap: "$10"
|
|
34825
|
+
},
|
|
34826
|
+
direction: "column"
|
|
34827
|
+
},
|
|
34828
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34829
|
+
FeedbackHeader,
|
|
34830
|
+
{
|
|
34831
|
+
ratings,
|
|
34832
|
+
indexSelected,
|
|
34833
|
+
onEmojiClicked: (value) => {
|
|
34834
|
+
setSelectedReasons(/* @__PURE__ */ new Set());
|
|
34835
|
+
setIndex(value);
|
|
34836
|
+
}
|
|
34837
|
+
}
|
|
34838
|
+
),
|
|
34839
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34840
|
+
FeedbackForm,
|
|
34841
|
+
{
|
|
34842
|
+
rating: ratings[indexSelected],
|
|
34843
|
+
comment,
|
|
34844
|
+
setComment,
|
|
34845
|
+
selectedReasons,
|
|
34846
|
+
handleCheckedChange
|
|
34847
|
+
}
|
|
34848
|
+
),
|
|
34849
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34850
|
+
Button,
|
|
34851
|
+
{
|
|
34852
|
+
type: "submit",
|
|
34853
|
+
icon: true,
|
|
34854
|
+
css: {
|
|
34855
|
+
alignSelf: "end"
|
|
34856
|
+
},
|
|
34857
|
+
onClick: submitFeedback
|
|
34858
|
+
},
|
|
34859
|
+
(feedback == null ? void 0 : feedback.submit_btn_label) || "Submit Feedback"
|
|
34860
|
+
)
|
|
34861
|
+
);
|
|
34862
|
+
};
|
|
34863
|
+
FeedbackHeader = ({
|
|
34864
|
+
onEmojiClicked,
|
|
34865
|
+
ratings,
|
|
34866
|
+
indexSelected = FEEBACK_INDEX.INIT
|
|
34867
|
+
}) => {
|
|
34868
|
+
const { feedback } = useRoomLayoutLeaveScreen();
|
|
34869
|
+
return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, /* @__PURE__ */ import_react217.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react217.default.createElement(
|
|
34870
|
+
Flex,
|
|
34871
|
+
{
|
|
34872
|
+
direction: "column",
|
|
34873
|
+
css: {
|
|
34874
|
+
flex: "1 1 0"
|
|
34875
|
+
}
|
|
34876
|
+
},
|
|
34877
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34878
|
+
Text,
|
|
34879
|
+
{
|
|
34880
|
+
variant: "h5",
|
|
34881
|
+
css: {
|
|
34882
|
+
c: "$on_surface_high",
|
|
34883
|
+
fontStyle: "normal"
|
|
34884
|
+
}
|
|
34885
|
+
},
|
|
34886
|
+
(feedback == null ? void 0 : feedback.title) || "How was your experience?"
|
|
34887
|
+
),
|
|
34888
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34889
|
+
Text,
|
|
34890
|
+
{
|
|
34891
|
+
variant: "body1",
|
|
34892
|
+
css: {
|
|
34893
|
+
c: "$on_surface_medium",
|
|
34894
|
+
opacity: 0.9,
|
|
34895
|
+
fontWeight: "$regular"
|
|
34896
|
+
}
|
|
34897
|
+
},
|
|
34898
|
+
(feedback == null ? void 0 : feedback.sub_title) || "Your answers help us improve the quality."
|
|
34899
|
+
)
|
|
34900
|
+
), indexSelected !== FEEBACK_INDEX.INIT ? /* @__PURE__ */ import_react217.default.createElement(import_react_icons102.CrossIcon, { width: "24px", height: "24px", color: "white", onClick: () => onEmojiClicked(FEEBACK_INDEX.INIT) }) : null), /* @__PURE__ */ import_react217.default.createElement(
|
|
34901
|
+
Flex,
|
|
34902
|
+
{
|
|
34903
|
+
css: {
|
|
34904
|
+
gap: "$17",
|
|
34905
|
+
c: "$on_surface_high"
|
|
34906
|
+
}
|
|
34907
|
+
},
|
|
34908
|
+
ratings.map((element, index) => {
|
|
34909
|
+
return /* @__PURE__ */ import_react217.default.createElement(
|
|
34910
|
+
Flex,
|
|
34911
|
+
{
|
|
34912
|
+
align: "center",
|
|
34913
|
+
direction: "column",
|
|
34914
|
+
css: {
|
|
34915
|
+
c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_high" : "$on_surface_default",
|
|
34916
|
+
gap: "$4"
|
|
34917
|
+
},
|
|
34918
|
+
onClick: () => onEmojiClicked(index),
|
|
34919
|
+
key: `${index}`
|
|
34920
|
+
},
|
|
34921
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34922
|
+
Text,
|
|
34923
|
+
{
|
|
34924
|
+
css: {
|
|
34925
|
+
fontWeight: "$semiBold",
|
|
34926
|
+
fontSize: "$h4",
|
|
34927
|
+
pb: "$1",
|
|
34928
|
+
cursor: "pointer",
|
|
34929
|
+
opacity: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? 1 : 0.2
|
|
34930
|
+
}
|
|
34931
|
+
},
|
|
34932
|
+
element.emoji
|
|
34933
|
+
),
|
|
34934
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34935
|
+
Text,
|
|
34936
|
+
{
|
|
34937
|
+
variant: "body1",
|
|
34938
|
+
css: {
|
|
34939
|
+
c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_medium" : "$on_surface_low",
|
|
34940
|
+
fontWeight: "$regular"
|
|
34941
|
+
}
|
|
34942
|
+
},
|
|
34943
|
+
element.label
|
|
34944
|
+
)
|
|
34945
|
+
);
|
|
34946
|
+
})
|
|
34947
|
+
));
|
|
34948
|
+
};
|
|
34949
|
+
FeedbackForm = ({
|
|
34950
|
+
rating,
|
|
34951
|
+
comment,
|
|
34952
|
+
setComment,
|
|
34953
|
+
selectedReasons,
|
|
34954
|
+
handleCheckedChange
|
|
34955
|
+
}) => {
|
|
34956
|
+
const { feedback } = useRoomLayoutLeaveScreen();
|
|
34957
|
+
return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, rating.reasons && rating.reasons.length > 0 && /* @__PURE__ */ import_react217.default.createElement(
|
|
34958
|
+
Flex,
|
|
34959
|
+
{
|
|
34960
|
+
direction: "column",
|
|
34961
|
+
css: {
|
|
34962
|
+
gap: "$4"
|
|
34963
|
+
}
|
|
34964
|
+
},
|
|
34965
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34966
|
+
Text,
|
|
34967
|
+
{
|
|
34968
|
+
variant: "sub2",
|
|
34969
|
+
css: {
|
|
34970
|
+
c: "$on_surface_high",
|
|
34971
|
+
fontWeight: "$semiBold",
|
|
34972
|
+
fontSize: "$sm",
|
|
34973
|
+
px: "$2"
|
|
34974
|
+
}
|
|
34975
|
+
},
|
|
34976
|
+
rating.question || "What do you like/dislike here?"
|
|
34977
|
+
),
|
|
34978
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
34979
|
+
Flex,
|
|
34980
|
+
{
|
|
34981
|
+
css: {
|
|
34982
|
+
alignItems: "flex-start",
|
|
34983
|
+
alignSelf: "stretch",
|
|
34984
|
+
flexWrap: "wrap",
|
|
34985
|
+
gap: "$6",
|
|
34986
|
+
flex: "1 1 calc(25% - 12px)",
|
|
34987
|
+
"@md": {
|
|
34988
|
+
flex: "1 1 calc(50% - 12px)"
|
|
34989
|
+
},
|
|
34990
|
+
"@sm": {
|
|
34991
|
+
flex: "1 1 100%"
|
|
34992
|
+
}
|
|
34993
|
+
}
|
|
34994
|
+
},
|
|
34995
|
+
rating.reasons.map((option, index) => {
|
|
34996
|
+
return /* @__PURE__ */ import_react217.default.createElement(
|
|
34997
|
+
Flex,
|
|
34998
|
+
{
|
|
34999
|
+
align: "center",
|
|
35000
|
+
gap: "2",
|
|
35001
|
+
key: index,
|
|
35002
|
+
css: {
|
|
35003
|
+
border: "1px solid $border_bright",
|
|
35004
|
+
r: "$1",
|
|
35005
|
+
p: "$6"
|
|
35006
|
+
}
|
|
35007
|
+
},
|
|
35008
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
35009
|
+
Checkbox.Root,
|
|
35010
|
+
{
|
|
35011
|
+
id: `${option}-${index}`,
|
|
35012
|
+
checked: selectedReasons.has(index),
|
|
35013
|
+
onCheckedChange: (checked) => handleCheckedChange(checked, index),
|
|
35014
|
+
css: {
|
|
35015
|
+
cursor: "pointer",
|
|
35016
|
+
flexShrink: 0,
|
|
35017
|
+
bg: "$on_secondary_low",
|
|
35018
|
+
border: "1px solid $border_bright"
|
|
35019
|
+
}
|
|
35020
|
+
},
|
|
35021
|
+
/* @__PURE__ */ import_react217.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react217.default.createElement(import_react_icons102.CheckIcon, { width: 12, height: 12 }))
|
|
35022
|
+
),
|
|
35023
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
35024
|
+
Label3,
|
|
35025
|
+
{
|
|
35026
|
+
css: {
|
|
35027
|
+
color: "$on_surface_high",
|
|
35028
|
+
fontSize: "$sm",
|
|
35029
|
+
fontWeight: "$regular",
|
|
35030
|
+
lineHeight: "20px"
|
|
35031
|
+
}
|
|
35032
|
+
},
|
|
35033
|
+
option
|
|
35034
|
+
)
|
|
35035
|
+
);
|
|
35036
|
+
})
|
|
35037
|
+
)
|
|
35038
|
+
), (feedback == null ? void 0 : feedback.comment) && /* @__PURE__ */ import_react217.default.createElement(
|
|
35039
|
+
Flex,
|
|
35040
|
+
{
|
|
35041
|
+
direction: "column",
|
|
35042
|
+
css: {
|
|
35043
|
+
gap: "$4"
|
|
35044
|
+
}
|
|
35045
|
+
},
|
|
35046
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
35047
|
+
Text,
|
|
35048
|
+
{
|
|
35049
|
+
variant: "body2",
|
|
35050
|
+
css: {
|
|
35051
|
+
c: "$on_surface_high",
|
|
35052
|
+
fontWeight: "$regular",
|
|
35053
|
+
fontSize: "$sm"
|
|
35054
|
+
}
|
|
35055
|
+
},
|
|
35056
|
+
(feedback == null ? void 0 : feedback.comment.label) || "Additional comments (optional)"
|
|
35057
|
+
),
|
|
35058
|
+
/* @__PURE__ */ import_react217.default.createElement(
|
|
35059
|
+
TextArea,
|
|
35060
|
+
{
|
|
35061
|
+
maxLength: 1024,
|
|
35062
|
+
placeholder: (feedback == null ? void 0 : feedback.comment.placeholder) || "Tell us more...",
|
|
35063
|
+
css: {
|
|
35064
|
+
backgroundColor: "$surface_bright",
|
|
35065
|
+
border: "1px solid $border_bright",
|
|
35066
|
+
resize: "none",
|
|
35067
|
+
height: "$36",
|
|
35068
|
+
display: "flex"
|
|
35069
|
+
},
|
|
35070
|
+
value: comment,
|
|
35071
|
+
onChange: (event) => setComment(event.target.value.trimStart())
|
|
35072
|
+
}
|
|
35073
|
+
)
|
|
35074
|
+
));
|
|
35075
|
+
};
|
|
35076
|
+
}
|
|
35077
|
+
});
|
|
35078
|
+
|
|
35079
|
+
// src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx
|
|
35080
|
+
var import_react218, import_react_use54, import_react_icons103, ThankyouView;
|
|
35081
|
+
var init_ThankyouView = __esm({
|
|
35082
|
+
"src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx"() {
|
|
35083
|
+
"use strict";
|
|
35084
|
+
init_define_process_env();
|
|
35085
|
+
import_react218 = __toESM(require("react"));
|
|
35086
|
+
import_react_use54 = require("react-use");
|
|
35087
|
+
import_react_icons103 = require("@100mslive/react-icons");
|
|
35088
|
+
init_Layout();
|
|
35089
|
+
init_Text2();
|
|
35090
|
+
init_Theme();
|
|
35091
|
+
ThankyouView = () => {
|
|
35092
|
+
const isMobile = (0, import_react_use54.useMedia)(config.media.md);
|
|
35093
|
+
return /* @__PURE__ */ import_react218.default.createElement(
|
|
35094
|
+
Flex,
|
|
35095
|
+
{
|
|
35096
|
+
direction: isMobile ? "column" : "row",
|
|
35097
|
+
align: "center",
|
|
35098
|
+
css: {
|
|
35099
|
+
gap: "$10",
|
|
35100
|
+
border: "1px solid $border_default",
|
|
35101
|
+
borderRadius: !isMobile ? "$3" : "$3 $3 0 0",
|
|
35102
|
+
bg: "$surface_dim",
|
|
35103
|
+
w: !isMobile ? "528px" : "410px",
|
|
35104
|
+
p: "$12",
|
|
35105
|
+
pb: isMobile ? "$16" : "$12",
|
|
35106
|
+
"@md": {
|
|
35107
|
+
position: "absolute",
|
|
35108
|
+
bottom: "0"
|
|
35109
|
+
}
|
|
35110
|
+
}
|
|
35111
|
+
},
|
|
35112
|
+
/* @__PURE__ */ import_react218.default.createElement(import_react_icons103.UserMusicIcon, { width: "64px", height: "64px" }),
|
|
35113
|
+
/* @__PURE__ */ import_react218.default.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ import_react218.default.createElement(Text, { variant: "h5" }, "Thank you for your feedback!"), /* @__PURE__ */ import_react218.default.createElement(
|
|
35114
|
+
Text,
|
|
35115
|
+
{
|
|
35116
|
+
variant: "body1",
|
|
35117
|
+
css: {
|
|
35118
|
+
fontWeight: "$regular",
|
|
35119
|
+
fontSize: "$md",
|
|
35120
|
+
opacity: "0.9"
|
|
35121
|
+
}
|
|
35122
|
+
},
|
|
35123
|
+
"Your answers help us improve."
|
|
35124
|
+
))
|
|
35125
|
+
);
|
|
35126
|
+
};
|
|
35127
|
+
}
|
|
35128
|
+
});
|
|
35129
|
+
|
|
35130
|
+
// src/Prebuilt/components/EndCallFeedback/Feedback.tsx
|
|
35131
|
+
var import_react219, import_react_use55, Feedback;
|
|
35132
|
+
var init_Feedback = __esm({
|
|
35133
|
+
"src/Prebuilt/components/EndCallFeedback/Feedback.tsx"() {
|
|
35134
|
+
"use strict";
|
|
35135
|
+
init_define_process_env();
|
|
35136
|
+
import_react219 = __toESM(require("react"));
|
|
35137
|
+
import_react_use55 = require("react-use");
|
|
35138
|
+
init_Layout();
|
|
35139
|
+
init_Theme();
|
|
35140
|
+
init_FeedbackForm();
|
|
35141
|
+
init_ThankyouView();
|
|
35142
|
+
init_useRoomLayoutScreen();
|
|
35143
|
+
Feedback = () => {
|
|
35144
|
+
const { feedback } = useRoomLayoutLeaveScreen();
|
|
35145
|
+
const [index, setIndex] = (0, import_react219.useState)(FEEBACK_INDEX.INIT);
|
|
35146
|
+
const isMobile = (0, import_react_use55.useMedia)(config.media.md);
|
|
35147
|
+
if (!feedback) {
|
|
35148
|
+
return null;
|
|
35149
|
+
}
|
|
35150
|
+
const { ratings } = feedback;
|
|
35151
|
+
if (!ratings) {
|
|
35152
|
+
return null;
|
|
35153
|
+
}
|
|
35154
|
+
ratings.sort((a2, b2) => {
|
|
35155
|
+
if (!a2.value || !b2.value) {
|
|
35156
|
+
return 0;
|
|
35157
|
+
}
|
|
35158
|
+
return a2.value - b2.value;
|
|
35159
|
+
});
|
|
35160
|
+
if (index === FEEBACK_INDEX.THANK_YOU) {
|
|
35161
|
+
return /* @__PURE__ */ import_react219.default.createElement(
|
|
35162
|
+
Flex,
|
|
35163
|
+
{
|
|
35164
|
+
justify: "center",
|
|
35165
|
+
css: {
|
|
35166
|
+
pt: "$16"
|
|
35167
|
+
}
|
|
35168
|
+
},
|
|
35169
|
+
/* @__PURE__ */ import_react219.default.createElement(ThankyouView, null)
|
|
35170
|
+
);
|
|
35171
|
+
}
|
|
35172
|
+
return /* @__PURE__ */ import_react219.default.createElement(
|
|
35173
|
+
Flex,
|
|
35174
|
+
{
|
|
35175
|
+
justify: "center",
|
|
35176
|
+
css: {
|
|
35177
|
+
pt: "$16",
|
|
35178
|
+
w: "528px"
|
|
35179
|
+
}
|
|
35180
|
+
},
|
|
35181
|
+
index === FEEBACK_INDEX.INIT ? /* @__PURE__ */ import_react219.default.createElement(
|
|
35182
|
+
Flex,
|
|
35183
|
+
{
|
|
35184
|
+
css: {
|
|
35185
|
+
p: "$12",
|
|
35186
|
+
border: "1px solid $border_default",
|
|
35187
|
+
bg: "$surface_dim",
|
|
35188
|
+
borderRadius: !isMobile ? "$3" : "$3 $3 0 0",
|
|
35189
|
+
gap: "$10",
|
|
35190
|
+
"@md": {
|
|
35191
|
+
position: "absolute",
|
|
35192
|
+
bottom: "0"
|
|
35193
|
+
}
|
|
35194
|
+
},
|
|
35195
|
+
direction: "column"
|
|
35196
|
+
},
|
|
35197
|
+
/* @__PURE__ */ import_react219.default.createElement(FeedbackHeader, { ratings, onEmojiClicked: setIndex })
|
|
35198
|
+
) : /* @__PURE__ */ import_react219.default.createElement(FeedbackModal, { ratings, index, setIndex })
|
|
35199
|
+
);
|
|
35200
|
+
};
|
|
35201
|
+
}
|
|
35202
|
+
});
|
|
35203
|
+
|
|
34670
35204
|
// src/Prebuilt/components/LeaveScreen.tsx
|
|
34671
|
-
var
|
|
35205
|
+
var import_react220, import_react_icons104, LeaveScreen;
|
|
34672
35206
|
var init_LeaveScreen = __esm({
|
|
34673
35207
|
"src/Prebuilt/components/LeaveScreen.tsx"() {
|
|
34674
35208
|
"use strict";
|
|
34675
35209
|
init_define_process_env();
|
|
34676
|
-
|
|
34677
|
-
|
|
35210
|
+
import_react220 = __toESM(require("react"));
|
|
35211
|
+
import_react_icons104 = require("@100mslive/react-icons");
|
|
35212
|
+
init_Feedback();
|
|
34678
35213
|
init_ToastManager();
|
|
34679
35214
|
init_Button2();
|
|
34680
35215
|
init_Layout();
|
|
@@ -34686,7 +35221,7 @@ var init_LeaveScreen = __esm({
|
|
|
34686
35221
|
LeaveScreen = () => {
|
|
34687
35222
|
const { rejoin } = useHMSAppStateContext();
|
|
34688
35223
|
const [previewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW, defaultPreviewPreference);
|
|
34689
|
-
return /* @__PURE__ */
|
|
35224
|
+
return /* @__PURE__ */ import_react220.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react220.default.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ import_react220.default.createElement(Header2, null)), /* @__PURE__ */ import_react220.default.createElement(
|
|
34690
35225
|
Flex,
|
|
34691
35226
|
{
|
|
34692
35227
|
justify: "center",
|
|
@@ -34694,9 +35229,9 @@ var init_LeaveScreen = __esm({
|
|
|
34694
35229
|
align: "center",
|
|
34695
35230
|
css: { bg: "$background_dim", flex: "1 1 0", position: "relative" }
|
|
34696
35231
|
},
|
|
34697
|
-
/* @__PURE__ */
|
|
34698
|
-
/* @__PURE__ */
|
|
34699
|
-
/* @__PURE__ */
|
|
35232
|
+
/* @__PURE__ */ import_react220.default.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
|
|
35233
|
+
/* @__PURE__ */ import_react220.default.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
|
|
35234
|
+
/* @__PURE__ */ import_react220.default.createElement(
|
|
34700
35235
|
Text,
|
|
34701
35236
|
{
|
|
34702
35237
|
variant: "body1",
|
|
@@ -34708,10 +35243,10 @@ var init_LeaveScreen = __esm({
|
|
|
34708
35243
|
}
|
|
34709
35244
|
},
|
|
34710
35245
|
"Have a nice day",
|
|
34711
|
-
previewPreference.name && /* @__PURE__ */
|
|
35246
|
+
previewPreference.name && /* @__PURE__ */ import_react220.default.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
|
|
34712
35247
|
"!"
|
|
34713
35248
|
),
|
|
34714
|
-
/* @__PURE__ */
|
|
35249
|
+
/* @__PURE__ */ import_react220.default.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ import_react220.default.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ import_react220.default.createElement(
|
|
34715
35250
|
Button,
|
|
34716
35251
|
{
|
|
34717
35252
|
onClick: () => {
|
|
@@ -34720,24 +35255,25 @@ var init_LeaveScreen = __esm({
|
|
|
34720
35255
|
},
|
|
34721
35256
|
"data-testid": "join_again_btn"
|
|
34722
35257
|
},
|
|
34723
|
-
/* @__PURE__ */
|
|
34724
|
-
/* @__PURE__ */
|
|
34725
|
-
))
|
|
35258
|
+
/* @__PURE__ */ import_react220.default.createElement(import_react_icons104.ExitIcon, null),
|
|
35259
|
+
/* @__PURE__ */ import_react220.default.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
|
|
35260
|
+
)),
|
|
35261
|
+
/* @__PURE__ */ import_react220.default.createElement(Feedback, null)
|
|
34726
35262
|
));
|
|
34727
35263
|
};
|
|
34728
35264
|
}
|
|
34729
35265
|
});
|
|
34730
35266
|
|
|
34731
35267
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
|
34732
|
-
var
|
|
35268
|
+
var import_react221, import_react_use56, import_ts_pattern15, import_react_icons105, MwebLandscapePrompt;
|
|
34733
35269
|
var init_MwebLandscapePrompt = __esm({
|
|
34734
35270
|
"src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
|
|
34735
35271
|
"use strict";
|
|
34736
35272
|
init_define_process_env();
|
|
34737
|
-
|
|
34738
|
-
|
|
35273
|
+
import_react221 = __toESM(require("react"));
|
|
35274
|
+
import_react_use56 = require("react-use");
|
|
34739
35275
|
import_ts_pattern15 = require("ts-pattern");
|
|
34740
|
-
|
|
35276
|
+
import_react_icons105 = require("@100mslive/react-icons");
|
|
34741
35277
|
init_Button2();
|
|
34742
35278
|
init_Layout();
|
|
34743
35279
|
init_Modal();
|
|
@@ -34746,10 +35282,10 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
34746
35282
|
init_hooks();
|
|
34747
35283
|
init_utils2();
|
|
34748
35284
|
MwebLandscapePrompt = () => {
|
|
34749
|
-
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0,
|
|
34750
|
-
const isLandscape = (0,
|
|
35285
|
+
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react221.useState)(false);
|
|
35286
|
+
const isLandscape = (0, import_react_use56.useMedia)(config.media.ls);
|
|
34751
35287
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
34752
|
-
(0,
|
|
35288
|
+
(0, import_react221.useEffect)(() => {
|
|
34753
35289
|
var _a7;
|
|
34754
35290
|
if (!isMobileUserAgent) {
|
|
34755
35291
|
setShowMwebLandscapePrompt(false);
|
|
@@ -34775,7 +35311,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
34775
35311
|
if (isLandscapeHLSStream) {
|
|
34776
35312
|
return null;
|
|
34777
35313
|
}
|
|
34778
|
-
return /* @__PURE__ */
|
|
35314
|
+
return /* @__PURE__ */ import_react221.default.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ import_react221.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react221.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react221.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react221.default.createElement(Box, null, /* @__PURE__ */ import_react221.default.createElement(
|
|
34779
35315
|
Flex,
|
|
34780
35316
|
{
|
|
34781
35317
|
css: {
|
|
@@ -34784,17 +35320,17 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
34784
35320
|
alignItems: "center"
|
|
34785
35321
|
}
|
|
34786
35322
|
},
|
|
34787
|
-
/* @__PURE__ */
|
|
34788
|
-
/* @__PURE__ */
|
|
34789
|
-
), /* @__PURE__ */
|
|
35323
|
+
/* @__PURE__ */ import_react221.default.createElement(import_react_icons105.RefreshIcon, { style: { marginRight: "0.5rem" } }),
|
|
35324
|
+
/* @__PURE__ */ import_react221.default.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
|
|
35325
|
+
), /* @__PURE__ */ import_react221.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ import_react221.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react221.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
|
|
34790
35326
|
};
|
|
34791
35327
|
}
|
|
34792
35328
|
});
|
|
34793
35329
|
|
|
34794
35330
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
34795
35331
|
function AutoplayBlockedModal() {
|
|
34796
|
-
const { error, resetError, unblockAudio } = (0,
|
|
34797
|
-
return /* @__PURE__ */
|
|
35332
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk110.useAutoplayError)();
|
|
35333
|
+
return /* @__PURE__ */ import_react222.default.createElement(
|
|
34798
35334
|
Dialog.Root,
|
|
34799
35335
|
{
|
|
34800
35336
|
open: !!error,
|
|
@@ -34805,7 +35341,7 @@ function AutoplayBlockedModal() {
|
|
|
34805
35341
|
resetError();
|
|
34806
35342
|
}
|
|
34807
35343
|
},
|
|
34808
|
-
/* @__PURE__ */
|
|
35344
|
+
/* @__PURE__ */ import_react222.default.createElement(DialogContent, { title: "Permission Error", closeable: false }, /* @__PURE__ */ import_react222.default.createElement(DialogRow, null, /* @__PURE__ */ import_react222.default.createElement(Text, { variant: "md" }, "The browser wants us to get a confirmation for playing the Audio. Please allow audio to proceed.")), /* @__PURE__ */ import_react222.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react222.default.createElement(
|
|
34809
35345
|
Button,
|
|
34810
35346
|
{
|
|
34811
35347
|
variant: "primary",
|
|
@@ -34818,34 +35354,34 @@ function AutoplayBlockedModal() {
|
|
|
34818
35354
|
)))
|
|
34819
35355
|
);
|
|
34820
35356
|
}
|
|
34821
|
-
var
|
|
35357
|
+
var import_react222, import_react_sdk110;
|
|
34822
35358
|
var init_AutoplayBlockedModal = __esm({
|
|
34823
35359
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
|
34824
35360
|
"use strict";
|
|
34825
35361
|
init_define_process_env();
|
|
34826
|
-
|
|
34827
|
-
|
|
35362
|
+
import_react222 = __toESM(require("react"));
|
|
35363
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
|
34828
35364
|
init_src();
|
|
34829
35365
|
init_DialogContent2();
|
|
34830
35366
|
}
|
|
34831
35367
|
});
|
|
34832
35368
|
|
|
34833
35369
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
34834
|
-
var
|
|
35370
|
+
var import_react223, import_uuid13, import_react_sdk111, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
34835
35371
|
var init_ChatNotifications = __esm({
|
|
34836
35372
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
34837
35373
|
"use strict";
|
|
34838
35374
|
init_define_process_env();
|
|
34839
|
-
|
|
35375
|
+
import_react223 = __toESM(require("react"));
|
|
34840
35376
|
import_uuid13 = require("uuid");
|
|
34841
|
-
|
|
34842
|
-
|
|
35377
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
|
35378
|
+
import_react_icons106 = require("@100mslive/react-icons");
|
|
34843
35379
|
init_ToastManager();
|
|
34844
35380
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
34845
35381
|
ChatNotifications = () => {
|
|
34846
|
-
const chatState = (0,
|
|
34847
|
-
const localPeerId = (0,
|
|
34848
|
-
(0,
|
|
35382
|
+
const chatState = (0, import_react_sdk111.useHMSStore)((0, import_react_sdk111.selectSessionStore)("chatState" /* CHAT_STATE */));
|
|
35383
|
+
const localPeerId = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
|
|
35384
|
+
(0, import_react223.useEffect)(() => {
|
|
34849
35385
|
var _a7, _b7;
|
|
34850
35386
|
if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
|
|
34851
35387
|
return;
|
|
@@ -34856,43 +35392,43 @@ var init_ChatNotifications = __esm({
|
|
|
34856
35392
|
}
|
|
34857
35393
|
const notification = {
|
|
34858
35394
|
id: (0, import_uuid13.v4)(),
|
|
34859
|
-
icon: chatState.enabled ? /* @__PURE__ */
|
|
35395
|
+
icon: chatState.enabled ? /* @__PURE__ */ import_react223.default.createElement(import_react_icons106.ChatUnreadIcon, null) : /* @__PURE__ */ import_react223.default.createElement(import_react_icons106.ChatIcon, null),
|
|
34860
35396
|
title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
|
|
34861
35397
|
};
|
|
34862
35398
|
ToastManager.addToast(notification);
|
|
34863
35399
|
}, [chatState, localPeerId]);
|
|
34864
|
-
return /* @__PURE__ */
|
|
35400
|
+
return /* @__PURE__ */ import_react223.default.createElement(import_react223.default.Fragment, null);
|
|
34865
35401
|
};
|
|
34866
35402
|
}
|
|
34867
35403
|
});
|
|
34868
35404
|
|
|
34869
35405
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
34870
|
-
var
|
|
35406
|
+
var import_react224, import_react_sdk112, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
|
|
34871
35407
|
var init_ToastConfig = __esm({
|
|
34872
35408
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
|
34873
35409
|
"use strict";
|
|
34874
35410
|
init_define_process_env();
|
|
34875
|
-
|
|
34876
|
-
|
|
34877
|
-
|
|
35411
|
+
import_react224 = __toESM(require("react"));
|
|
35412
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
35413
|
+
import_react_icons107 = require("@100mslive/react-icons");
|
|
34878
35414
|
init_Button2();
|
|
34879
35415
|
init_roomLayoutProvider();
|
|
34880
35416
|
init_useSidepane();
|
|
34881
35417
|
init_constants();
|
|
34882
|
-
ChatAction =
|
|
35418
|
+
ChatAction = import_react224.default.forwardRef((_, ref) => {
|
|
34883
35419
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
34884
35420
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
34885
35421
|
if (isChatOpen) {
|
|
34886
35422
|
return null;
|
|
34887
35423
|
}
|
|
34888
|
-
return /* @__PURE__ */
|
|
35424
|
+
return /* @__PURE__ */ import_react224.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
|
|
34889
35425
|
});
|
|
34890
|
-
HandRaiseAction =
|
|
35426
|
+
HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
34891
35427
|
var _a7, _b7, _c;
|
|
34892
|
-
const hmsActions = (0,
|
|
35428
|
+
const hmsActions = (0, import_react_sdk112.useHMSActions)();
|
|
34893
35429
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
34894
35430
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
34895
|
-
const peer = (0,
|
|
35431
|
+
const peer = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectPeerByID)(id));
|
|
34896
35432
|
const layout = useRoomLayout();
|
|
34897
35433
|
const {
|
|
34898
35434
|
bring_to_stage_label,
|
|
@@ -34900,7 +35436,7 @@ var init_ToastConfig = __esm({
|
|
|
34900
35436
|
off_stage_roles = [],
|
|
34901
35437
|
skip_preview_for_role_change = false
|
|
34902
35438
|
} = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
|
|
34903
|
-
const onClickHandler = (0,
|
|
35439
|
+
const onClickHandler = (0, import_react224.useCallback)(() => __async(void 0, null, function* () {
|
|
34904
35440
|
if (isSingleHandRaise) {
|
|
34905
35441
|
hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
|
|
34906
35442
|
if (skip_preview_for_role_change) {
|
|
@@ -34921,7 +35457,7 @@ var init_ToastConfig = __esm({
|
|
|
34921
35457
|
if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
|
|
34922
35458
|
return null;
|
|
34923
35459
|
}
|
|
34924
|
-
return /* @__PURE__ */
|
|
35460
|
+
return /* @__PURE__ */ import_react224.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
|
|
34925
35461
|
});
|
|
34926
35462
|
ToastConfig = {
|
|
34927
35463
|
PEER_JOINED: {
|
|
@@ -34929,13 +35465,13 @@ var init_ToastConfig = __esm({
|
|
|
34929
35465
|
var _a7;
|
|
34930
35466
|
return {
|
|
34931
35467
|
title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
|
|
34932
|
-
icon: /* @__PURE__ */
|
|
35468
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleAddIcon, null)
|
|
34933
35469
|
};
|
|
34934
35470
|
},
|
|
34935
35471
|
multiple: function(notifications) {
|
|
34936
35472
|
return {
|
|
34937
35473
|
title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
|
|
34938
|
-
icon: /* @__PURE__ */
|
|
35474
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleAddIcon, null)
|
|
34939
35475
|
};
|
|
34940
35476
|
}
|
|
34941
35477
|
},
|
|
@@ -34944,13 +35480,13 @@ var init_ToastConfig = __esm({
|
|
|
34944
35480
|
var _a7;
|
|
34945
35481
|
return {
|
|
34946
35482
|
title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
|
|
34947
|
-
icon: /* @__PURE__ */
|
|
35483
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleRemoveIcon, null)
|
|
34948
35484
|
};
|
|
34949
35485
|
},
|
|
34950
35486
|
multiple: function(notifications) {
|
|
34951
35487
|
return {
|
|
34952
35488
|
title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
|
|
34953
|
-
icon: /* @__PURE__ */
|
|
35489
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleRemoveIcon, null)
|
|
34954
35490
|
};
|
|
34955
35491
|
}
|
|
34956
35492
|
},
|
|
@@ -34959,7 +35495,7 @@ var init_ToastConfig = __esm({
|
|
|
34959
35495
|
var _a7;
|
|
34960
35496
|
return {
|
|
34961
35497
|
title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
|
|
34962
|
-
icon: /* @__PURE__ */
|
|
35498
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null)
|
|
34963
35499
|
};
|
|
34964
35500
|
},
|
|
34965
35501
|
multiple: (notifications) => {
|
|
@@ -34970,7 +35506,7 @@ var init_ToastConfig = __esm({
|
|
|
34970
35506
|
})).size;
|
|
34971
35507
|
return {
|
|
34972
35508
|
title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
|
|
34973
|
-
icon: /* @__PURE__ */
|
|
35509
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null)
|
|
34974
35510
|
};
|
|
34975
35511
|
}
|
|
34976
35512
|
},
|
|
@@ -34979,8 +35515,8 @@ var init_ToastConfig = __esm({
|
|
|
34979
35515
|
var _a7, _b7;
|
|
34980
35516
|
return {
|
|
34981
35517
|
title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
|
|
34982
|
-
icon: /* @__PURE__ */
|
|
34983
|
-
action: /* @__PURE__ */
|
|
35518
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null),
|
|
35519
|
+
action: /* @__PURE__ */ import_react224.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
|
|
34984
35520
|
};
|
|
34985
35521
|
},
|
|
34986
35522
|
multiple: (notifications) => {
|
|
@@ -34991,8 +35527,8 @@ var init_ToastConfig = __esm({
|
|
|
34991
35527
|
})).size;
|
|
34992
35528
|
return {
|
|
34993
35529
|
title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
|
|
34994
|
-
icon: /* @__PURE__ */
|
|
34995
|
-
action: /* @__PURE__ */
|
|
35530
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null),
|
|
35531
|
+
action: /* @__PURE__ */ import_react224.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
|
|
34996
35532
|
};
|
|
34997
35533
|
}
|
|
34998
35534
|
},
|
|
@@ -35001,15 +35537,15 @@ var init_ToastConfig = __esm({
|
|
|
35001
35537
|
var _a7;
|
|
35002
35538
|
return {
|
|
35003
35539
|
title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
|
|
35004
|
-
icon: /* @__PURE__ */
|
|
35005
|
-
action: /* @__PURE__ */
|
|
35540
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ChatUnreadIcon, null),
|
|
35541
|
+
action: /* @__PURE__ */ import_react224.default.createElement(ChatAction, null)
|
|
35006
35542
|
};
|
|
35007
35543
|
},
|
|
35008
35544
|
multiple: (notifications) => {
|
|
35009
35545
|
return {
|
|
35010
35546
|
title: `${notifications.length} new messages`,
|
|
35011
|
-
icon: /* @__PURE__ */
|
|
35012
|
-
action: /* @__PURE__ */
|
|
35547
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ChatUnreadIcon, null),
|
|
35548
|
+
action: /* @__PURE__ */ import_react224.default.createElement(ChatAction, null)
|
|
35013
35549
|
};
|
|
35014
35550
|
}
|
|
35015
35551
|
},
|
|
@@ -35017,7 +35553,7 @@ var init_ToastConfig = __esm({
|
|
|
35017
35553
|
single: (online) => {
|
|
35018
35554
|
return {
|
|
35019
35555
|
title: `You are now ${online ? "online" : "connected"}`,
|
|
35020
|
-
icon: /* @__PURE__ */
|
|
35556
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ConnectivityIcon, null),
|
|
35021
35557
|
variant: "success",
|
|
35022
35558
|
duration: 3e3
|
|
35023
35559
|
};
|
|
@@ -35029,7 +35565,7 @@ var init_ToastConfig = __esm({
|
|
|
35029
35565
|
title: `You are offline for now. while we try to reconnect, please check
|
|
35030
35566
|
your internet connection. ${message}.
|
|
35031
35567
|
`,
|
|
35032
|
-
icon: /* @__PURE__ */
|
|
35568
|
+
icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PoorConnectivityIcon, null),
|
|
35033
35569
|
variant: "warning",
|
|
35034
35570
|
duration: 3e4
|
|
35035
35571
|
};
|
|
@@ -35109,14 +35645,14 @@ var init_ToastBatcher = __esm({
|
|
|
35109
35645
|
});
|
|
35110
35646
|
|
|
35111
35647
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
35112
|
-
var
|
|
35648
|
+
var import_react225, import_react_use57, import_react_sdk113, HandRaisedNotifications;
|
|
35113
35649
|
var init_HandRaisedNotifications = __esm({
|
|
35114
35650
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
|
35115
35651
|
"use strict";
|
|
35116
35652
|
init_define_process_env();
|
|
35117
|
-
|
|
35118
|
-
|
|
35119
|
-
|
|
35653
|
+
import_react225 = require("react");
|
|
35654
|
+
import_react_use57 = require("react-use");
|
|
35655
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
|
35120
35656
|
init_roomLayoutProvider();
|
|
35121
35657
|
init_ToastBatcher();
|
|
35122
35658
|
init_useRoomLayoutScreen();
|
|
@@ -35124,41 +35660,41 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35124
35660
|
init_constants();
|
|
35125
35661
|
HandRaisedNotifications = () => {
|
|
35126
35662
|
var _a7, _b7;
|
|
35127
|
-
const notification = (0,
|
|
35128
|
-
const roomState = (0,
|
|
35129
|
-
const vanillaStore = (0,
|
|
35663
|
+
const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.HAND_RAISE_CHANGED);
|
|
35664
|
+
const roomState = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectRoomState);
|
|
35665
|
+
const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
|
|
35130
35666
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
35131
35667
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
35132
|
-
const amIScreenSharing = (0,
|
|
35133
|
-
const { showNotification } = (0,
|
|
35668
|
+
const amIScreenSharing = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectIsLocalScreenShared);
|
|
35669
|
+
const { showNotification } = (0, import_react_sdk113.useAwayNotifications)();
|
|
35134
35670
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
35135
|
-
(0,
|
|
35671
|
+
(0, import_react225.useEffect)(() => {
|
|
35136
35672
|
var _a8;
|
|
35137
35673
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35138
35674
|
return;
|
|
35139
35675
|
}
|
|
35140
|
-
if (roomState !==
|
|
35676
|
+
if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35141
35677
|
return;
|
|
35142
35678
|
}
|
|
35143
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35144
|
-
const peer = vanillaStore.getState((0,
|
|
35679
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
|
|
35680
|
+
const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
|
|
35145
35681
|
if (hasPeerHandRaised) {
|
|
35146
35682
|
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));
|
|
35147
35683
|
ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
|
|
35148
35684
|
console.debug("Metadata updated", notification.data);
|
|
35149
35685
|
}
|
|
35150
35686
|
}, [isSubscribing, notification, on_stage_exp, roomState, vanillaStore]);
|
|
35151
|
-
(0,
|
|
35687
|
+
(0, import_react_use57.useDebounce)(
|
|
35152
35688
|
() => {
|
|
35153
35689
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35154
35690
|
return;
|
|
35155
35691
|
}
|
|
35156
|
-
if (roomState !==
|
|
35692
|
+
if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
35157
35693
|
return;
|
|
35158
35694
|
}
|
|
35159
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
35160
|
-
const peer = vanillaStore.getState((0,
|
|
35161
|
-
const handRaisedPeers = vanillaStore.getState(
|
|
35695
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
|
|
35696
|
+
const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
|
|
35697
|
+
const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
|
|
35162
35698
|
if (amIScreenSharing && hasPeerHandRaised) {
|
|
35163
35699
|
const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
|
|
35164
35700
|
showNotification(title, { icon: logoURL });
|
|
@@ -35173,20 +35709,20 @@ var init_HandRaisedNotifications = __esm({
|
|
|
35173
35709
|
});
|
|
35174
35710
|
|
|
35175
35711
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
35176
|
-
var
|
|
35712
|
+
var import_react226, import_react_sdk114, InitErrorModal;
|
|
35177
35713
|
var init_InitErrorModal = __esm({
|
|
35178
35714
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
|
35179
35715
|
"use strict";
|
|
35180
35716
|
init_define_process_env();
|
|
35181
|
-
|
|
35182
|
-
|
|
35717
|
+
import_react226 = __toESM(require("react"));
|
|
35718
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
|
35183
35719
|
init_src();
|
|
35184
35720
|
init_DialogContent2();
|
|
35185
35721
|
InitErrorModal = () => {
|
|
35186
|
-
const notification = (0,
|
|
35187
|
-
const [showModal, setShowModal] = (0,
|
|
35188
|
-
const [info, setInfo] = (0,
|
|
35189
|
-
(0,
|
|
35722
|
+
const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
|
|
35723
|
+
const [showModal, setShowModal] = (0, import_react226.useState)(false);
|
|
35724
|
+
const [info, setInfo] = (0, import_react226.useState)({ title: "Init Error", description: "" });
|
|
35725
|
+
(0, import_react226.useEffect)(() => {
|
|
35190
35726
|
const data3 = notification == null ? void 0 : notification.data;
|
|
35191
35727
|
if (!data3 || data3.action !== "INIT") {
|
|
35192
35728
|
return;
|
|
@@ -35206,40 +35742,40 @@ var init_InitErrorModal = __esm({
|
|
|
35206
35742
|
setInfo({ title, description });
|
|
35207
35743
|
setShowModal(true);
|
|
35208
35744
|
}, [notification]);
|
|
35209
|
-
return /* @__PURE__ */
|
|
35745
|
+
return /* @__PURE__ */ import_react226.default.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ import_react226.default.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ import_react226.default.createElement("br", null), "Current URL - ", window.location.href));
|
|
35210
35746
|
};
|
|
35211
35747
|
}
|
|
35212
35748
|
});
|
|
35213
35749
|
|
|
35214
35750
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
|
35215
|
-
var
|
|
35751
|
+
var import_react227, import_react_sdk115, notificationTypes, PeerNotifications;
|
|
35216
35752
|
var init_PeerNotifications = __esm({
|
|
35217
35753
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
|
35218
35754
|
"use strict";
|
|
35219
35755
|
init_define_process_env();
|
|
35220
|
-
|
|
35221
|
-
|
|
35756
|
+
import_react227 = require("react");
|
|
35757
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
35222
35758
|
init_ToastBatcher();
|
|
35223
35759
|
init_useUISettings();
|
|
35224
35760
|
init_constants();
|
|
35225
|
-
notificationTypes = [
|
|
35761
|
+
notificationTypes = [import_react_sdk115.HMSNotificationTypes.PEER_JOINED, import_react_sdk115.HMSNotificationTypes.PEER_LEFT];
|
|
35226
35762
|
PeerNotifications = () => {
|
|
35227
|
-
const notification = (0,
|
|
35763
|
+
const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes);
|
|
35228
35764
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
35229
35765
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
|
35230
35766
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
35231
|
-
(0,
|
|
35767
|
+
(0, import_react227.useEffect)(() => {
|
|
35232
35768
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35233
35769
|
return;
|
|
35234
35770
|
}
|
|
35235
35771
|
console.debug(`[${notification.type}]`, notification);
|
|
35236
35772
|
switch (notification.type) {
|
|
35237
|
-
case
|
|
35773
|
+
case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
|
|
35238
35774
|
if (!isPeerJoinSubscribed) {
|
|
35239
35775
|
return;
|
|
35240
35776
|
}
|
|
35241
35777
|
break;
|
|
35242
|
-
case
|
|
35778
|
+
case import_react_sdk115.HMSNotificationTypes.PEER_LEFT:
|
|
35243
35779
|
if (selectedPeer.id === notification.data.id) {
|
|
35244
35780
|
setPeerSelector({});
|
|
35245
35781
|
}
|
|
@@ -35275,26 +35811,26 @@ var init_ios_perm_0 = __esm({
|
|
|
35275
35811
|
|
|
35276
35812
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
35277
35813
|
function PermissionErrorNotificationModal() {
|
|
35278
|
-
const notification = (0,
|
|
35279
|
-
return /* @__PURE__ */
|
|
35814
|
+
const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
|
|
35815
|
+
return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
|
|
35280
35816
|
}
|
|
35281
|
-
var
|
|
35817
|
+
var import_react228, import_react_use58, import_react_sdk116, PermissionErrorModal;
|
|
35282
35818
|
var init_PermissionErrorModal = __esm({
|
|
35283
35819
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
35284
35820
|
"use strict";
|
|
35285
35821
|
init_define_process_env();
|
|
35286
|
-
|
|
35287
|
-
|
|
35288
|
-
|
|
35822
|
+
import_react228 = __toESM(require("react"));
|
|
35823
|
+
import_react_use58 = require("react-use");
|
|
35824
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
|
35289
35825
|
init_src();
|
|
35290
35826
|
init_android_perm_1();
|
|
35291
35827
|
init_ios_perm_0();
|
|
35292
35828
|
init_constants();
|
|
35293
35829
|
PermissionErrorModal = ({ error }) => {
|
|
35294
|
-
const [deviceType, setDeviceType] = (0,
|
|
35295
|
-
const [isSystemError, setIsSystemError] = (0,
|
|
35296
|
-
const isMobile = (0,
|
|
35297
|
-
(0,
|
|
35830
|
+
const [deviceType, setDeviceType] = (0, import_react228.useState)("");
|
|
35831
|
+
const [isSystemError, setIsSystemError] = (0, import_react228.useState)(false);
|
|
35832
|
+
const isMobile = (0, import_react_use58.useMedia)(config.media.md);
|
|
35833
|
+
(0, import_react228.useEffect)(() => {
|
|
35298
35834
|
if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
|
|
35299
35835
|
return;
|
|
35300
35836
|
}
|
|
@@ -35313,7 +35849,7 @@ var init_PermissionErrorModal = __esm({
|
|
|
35313
35849
|
}
|
|
35314
35850
|
setIsSystemError(error.code === 3011);
|
|
35315
35851
|
}, [error]);
|
|
35316
|
-
return deviceType ? /* @__PURE__ */
|
|
35852
|
+
return deviceType ? /* @__PURE__ */ import_react228.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react228.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react228.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react228.default.createElement(
|
|
35317
35853
|
Dialog.Content,
|
|
35318
35854
|
{
|
|
35319
35855
|
css: {
|
|
@@ -35323,15 +35859,15 @@ var init_PermissionErrorModal = __esm({
|
|
|
35323
35859
|
zIndex: 23
|
|
35324
35860
|
}
|
|
35325
35861
|
},
|
|
35326
|
-
/* @__PURE__ */
|
|
35862
|
+
/* @__PURE__ */ import_react228.default.createElement(
|
|
35327
35863
|
Dialog.Title,
|
|
35328
35864
|
{
|
|
35329
35865
|
css: {
|
|
35330
35866
|
borderBottom: "1px solid $border_default"
|
|
35331
35867
|
}
|
|
35332
35868
|
},
|
|
35333
|
-
isMobile && isIOS ? /* @__PURE__ */
|
|
35334
|
-
isMobile && isAndroid ? /* @__PURE__ */
|
|
35869
|
+
isMobile && isIOS ? /* @__PURE__ */ import_react228.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
|
|
35870
|
+
isMobile && isAndroid ? /* @__PURE__ */ import_react228.default.createElement(
|
|
35335
35871
|
"img",
|
|
35336
35872
|
{
|
|
35337
35873
|
src: android_perm_1_default,
|
|
@@ -35339,47 +35875,47 @@ var init_PermissionErrorModal = __esm({
|
|
|
35339
35875
|
alt: "Android Permission flow "
|
|
35340
35876
|
}
|
|
35341
35877
|
) : null,
|
|
35342
|
-
/* @__PURE__ */
|
|
35878
|
+
/* @__PURE__ */ import_react228.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
|
|
35343
35879
|
),
|
|
35344
|
-
/* @__PURE__ */
|
|
35345
|
-
isMobile && isIOS ? /* @__PURE__ */
|
|
35346
|
-
isMobile && isAndroid ? /* @__PURE__ */
|
|
35347
|
-
!isMobile ? /* @__PURE__ */
|
|
35880
|
+
/* @__PURE__ */ import_react228.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
|
|
35881
|
+
isMobile && isIOS ? /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, /* @__PURE__ */ import_react228.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
|
|
35882
|
+
isMobile && isAndroid ? /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, /* @__PURE__ */ import_react228.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
|
|
35883
|
+
!isMobile ? /* @__PURE__ */ import_react228.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
|
|
35348
35884
|
))) : null;
|
|
35349
35885
|
};
|
|
35350
35886
|
}
|
|
35351
35887
|
});
|
|
35352
35888
|
|
|
35353
35889
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
|
35354
|
-
var
|
|
35890
|
+
var import_react229, import_react_sdk117, notificationTypes2, notificationId, ReconnectNotifications;
|
|
35355
35891
|
var init_ReconnectNotifications = __esm({
|
|
35356
35892
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
|
35357
35893
|
"use strict";
|
|
35358
35894
|
init_define_process_env();
|
|
35359
|
-
|
|
35360
|
-
|
|
35895
|
+
import_react229 = require("react");
|
|
35896
|
+
import_react_sdk117 = require("@100mslive/react-sdk");
|
|
35361
35897
|
init_ToastConfig();
|
|
35362
35898
|
init_ToastManager();
|
|
35363
35899
|
notificationTypes2 = [
|
|
35364
|
-
|
|
35365
|
-
|
|
35366
|
-
|
|
35900
|
+
import_react_sdk117.HMSNotificationTypes.RECONNECTED,
|
|
35901
|
+
import_react_sdk117.HMSNotificationTypes.RECONNECTING,
|
|
35902
|
+
import_react_sdk117.HMSNotificationTypes.ERROR
|
|
35367
35903
|
];
|
|
35368
35904
|
notificationId = null;
|
|
35369
35905
|
ReconnectNotifications = () => {
|
|
35370
|
-
const notification = (0,
|
|
35371
|
-
const prevErrorCode = (0,
|
|
35372
|
-
(0,
|
|
35906
|
+
const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
|
|
35907
|
+
const prevErrorCode = (0, import_react229.useRef)(0);
|
|
35908
|
+
(0, import_react229.useEffect)(() => {
|
|
35373
35909
|
var _a7, _b7;
|
|
35374
35910
|
if (!notification) {
|
|
35375
35911
|
return;
|
|
35376
35912
|
}
|
|
35377
|
-
if (notification.type ===
|
|
35913
|
+
if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
|
|
35378
35914
|
notificationId = ToastManager.replaceToast(
|
|
35379
35915
|
notificationId,
|
|
35380
35916
|
ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
|
|
35381
35917
|
);
|
|
35382
|
-
} else if (notification.type ===
|
|
35918
|
+
} else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
|
|
35383
35919
|
prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
|
|
35384
35920
|
notificationId = ToastManager.replaceToast(
|
|
35385
35921
|
notificationId,
|
|
@@ -35393,30 +35929,30 @@ var init_ReconnectNotifications = __esm({
|
|
|
35393
35929
|
});
|
|
35394
35930
|
|
|
35395
35931
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
35396
|
-
var
|
|
35932
|
+
var import_react230, import_react_sdk118, import_react_icons108, TrackBulkUnmuteModal;
|
|
35397
35933
|
var init_TrackBulkUnmuteModal = __esm({
|
|
35398
35934
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
|
35399
35935
|
"use strict";
|
|
35400
35936
|
init_define_process_env();
|
|
35401
|
-
|
|
35402
|
-
|
|
35403
|
-
|
|
35937
|
+
import_react230 = __toESM(require("react"));
|
|
35938
|
+
import_react_sdk118 = require("@100mslive/react-sdk");
|
|
35939
|
+
import_react_icons108 = require("@100mslive/react-icons");
|
|
35404
35940
|
init_DialogContent2();
|
|
35405
35941
|
TrackBulkUnmuteModal = () => {
|
|
35406
|
-
const hmsActions = (0,
|
|
35407
|
-
const [muteNotification, setMuteNotification] = (0,
|
|
35408
|
-
const notification = (0,
|
|
35409
|
-
|
|
35410
|
-
|
|
35411
|
-
|
|
35942
|
+
const hmsActions = (0, import_react_sdk118.useHMSActions)();
|
|
35943
|
+
const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
|
|
35944
|
+
const notification = (0, import_react_sdk118.useHMSNotifications)([
|
|
35945
|
+
import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
|
35946
|
+
import_react_sdk118.HMSNotificationTypes.ROOM_ENDED,
|
|
35947
|
+
import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
35412
35948
|
]);
|
|
35413
|
-
(0,
|
|
35949
|
+
(0, import_react230.useEffect)(() => {
|
|
35414
35950
|
switch (notification == null ? void 0 : notification.type) {
|
|
35415
|
-
case
|
|
35416
|
-
case
|
|
35951
|
+
case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
35952
|
+
case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
|
|
35417
35953
|
setMuteNotification(null);
|
|
35418
35954
|
break;
|
|
35419
|
-
case
|
|
35955
|
+
case import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
|
35420
35956
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
35421
35957
|
setMuteNotification(notification.data);
|
|
35422
35958
|
}
|
|
@@ -35430,7 +35966,7 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
35430
35966
|
}
|
|
35431
35967
|
const { requestedBy: peer, tracks, enabled } = muteNotification;
|
|
35432
35968
|
const types = new Set(tracks.map((track) => track.type));
|
|
35433
|
-
return /* @__PURE__ */
|
|
35969
|
+
return /* @__PURE__ */ import_react230.default.createElement(
|
|
35434
35970
|
RequestDialog,
|
|
35435
35971
|
{
|
|
35436
35972
|
title: "Unmute request",
|
|
@@ -35442,7 +35978,7 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
35442
35978
|
});
|
|
35443
35979
|
setMuteNotification(null);
|
|
35444
35980
|
},
|
|
35445
|
-
Icon:
|
|
35981
|
+
Icon: import_react_icons108.MicOnIcon
|
|
35446
35982
|
}
|
|
35447
35983
|
);
|
|
35448
35984
|
};
|
|
@@ -35450,22 +35986,22 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
35450
35986
|
});
|
|
35451
35987
|
|
|
35452
35988
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
35453
|
-
var
|
|
35989
|
+
var import_react231, import_react_sdk119, notificationTypes3, TrackNotifications;
|
|
35454
35990
|
var init_TrackNotifications = __esm({
|
|
35455
35991
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
|
35456
35992
|
"use strict";
|
|
35457
35993
|
init_define_process_env();
|
|
35458
|
-
|
|
35459
|
-
|
|
35994
|
+
import_react231 = require("react");
|
|
35995
|
+
import_react_sdk119 = require("@100mslive/react-sdk");
|
|
35460
35996
|
notificationTypes3 = [
|
|
35461
|
-
|
|
35462
|
-
|
|
35463
|
-
|
|
35464
|
-
|
|
35997
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_ADDED,
|
|
35998
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_REMOVED,
|
|
35999
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_MUTED,
|
|
36000
|
+
import_react_sdk119.HMSNotificationTypes.TRACK_UNMUTED
|
|
35465
36001
|
];
|
|
35466
36002
|
TrackNotifications = () => {
|
|
35467
|
-
const notification = (0,
|
|
35468
|
-
(0,
|
|
36003
|
+
const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
|
|
36004
|
+
(0, import_react231.useEffect)(() => {
|
|
35469
36005
|
if (notification) {
|
|
35470
36006
|
console.debug(`[${notification.type}]`, notification);
|
|
35471
36007
|
}
|
|
@@ -35476,30 +36012,30 @@ var init_TrackNotifications = __esm({
|
|
|
35476
36012
|
});
|
|
35477
36013
|
|
|
35478
36014
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
35479
|
-
var
|
|
36015
|
+
var import_react232, import_react_sdk120, import_react_icons109, TrackUnmuteModal;
|
|
35480
36016
|
var init_TrackUnmuteModal = __esm({
|
|
35481
36017
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
|
35482
36018
|
"use strict";
|
|
35483
36019
|
init_define_process_env();
|
|
35484
|
-
|
|
35485
|
-
|
|
35486
|
-
|
|
36020
|
+
import_react232 = __toESM(require("react"));
|
|
36021
|
+
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
36022
|
+
import_react_icons109 = require("@100mslive/react-icons");
|
|
35487
36023
|
init_DialogContent2();
|
|
35488
36024
|
TrackUnmuteModal = () => {
|
|
35489
|
-
const hmsActions = (0,
|
|
35490
|
-
const notification = (0,
|
|
35491
|
-
|
|
35492
|
-
|
|
35493
|
-
|
|
36025
|
+
const hmsActions = (0, import_react_sdk120.useHMSActions)();
|
|
36026
|
+
const notification = (0, import_react_sdk120.useHMSNotifications)([
|
|
36027
|
+
import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
|
36028
|
+
import_react_sdk120.HMSNotificationTypes.ROOM_ENDED,
|
|
36029
|
+
import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
35494
36030
|
]);
|
|
35495
|
-
const [muteNotification, setMuteNotification] = (0,
|
|
35496
|
-
(0,
|
|
36031
|
+
const [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
|
|
36032
|
+
(0, import_react232.useEffect)(() => {
|
|
35497
36033
|
switch (notification == null ? void 0 : notification.type) {
|
|
35498
|
-
case
|
|
35499
|
-
case
|
|
36034
|
+
case import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36035
|
+
case import_react_sdk120.HMSNotificationTypes.ROOM_ENDED:
|
|
35500
36036
|
setMuteNotification(null);
|
|
35501
36037
|
break;
|
|
35502
|
-
case
|
|
36038
|
+
case import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
35503
36039
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
35504
36040
|
setMuteNotification(notification.data);
|
|
35505
36041
|
}
|
|
@@ -35512,7 +36048,7 @@ var init_TrackUnmuteModal = __esm({
|
|
|
35512
36048
|
return null;
|
|
35513
36049
|
}
|
|
35514
36050
|
const { requestedBy: peer, track, enabled } = muteNotification;
|
|
35515
|
-
return /* @__PURE__ */
|
|
36051
|
+
return /* @__PURE__ */ import_react232.default.createElement(
|
|
35516
36052
|
RequestDialog,
|
|
35517
36053
|
{
|
|
35518
36054
|
title: `Unmute your ${track.type}?`,
|
|
@@ -35522,7 +36058,7 @@ var init_TrackUnmuteModal = __esm({
|
|
|
35522
36058
|
hmsActions.setEnabledTrack(track.id, enabled);
|
|
35523
36059
|
setMuteNotification(null);
|
|
35524
36060
|
},
|
|
35525
|
-
Icon:
|
|
36061
|
+
Icon: import_react_icons109.MicOnIcon
|
|
35526
36062
|
}
|
|
35527
36063
|
);
|
|
35528
36064
|
};
|
|
@@ -35530,22 +36066,22 @@ var init_TrackUnmuteModal = __esm({
|
|
|
35530
36066
|
});
|
|
35531
36067
|
|
|
35532
36068
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
35533
|
-
var
|
|
36069
|
+
var import_react233, import_ts_pattern16, import_react_sdk121, import_react_icons110, TranscriptionNotifications;
|
|
35534
36070
|
var init_TranscriptionNotifications = __esm({
|
|
35535
36071
|
"src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
|
|
35536
36072
|
"use strict";
|
|
35537
36073
|
init_define_process_env();
|
|
35538
|
-
|
|
36074
|
+
import_react233 = __toESM(require("react"));
|
|
35539
36075
|
import_ts_pattern16 = require("ts-pattern");
|
|
35540
|
-
|
|
35541
|
-
|
|
36076
|
+
import_react_sdk121 = require("@100mslive/react-sdk");
|
|
36077
|
+
import_react_icons110 = require("@100mslive/react-icons");
|
|
35542
36078
|
init_ToastManager();
|
|
35543
36079
|
init_useUISettings();
|
|
35544
36080
|
init_constants();
|
|
35545
36081
|
TranscriptionNotifications = () => {
|
|
35546
|
-
const notification = (0,
|
|
36082
|
+
const notification = (0, import_react_sdk121.useHMSNotifications)(import_react_sdk121.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
|
|
35547
36083
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
35548
|
-
(0,
|
|
36084
|
+
(0, import_react233.useEffect)(() => {
|
|
35549
36085
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
35550
36086
|
return;
|
|
35551
36087
|
}
|
|
@@ -35559,22 +36095,22 @@ var init_TranscriptionNotifications = __esm({
|
|
|
35559
36095
|
id = ToastManager.replaceToast(toastId, {
|
|
35560
36096
|
title: `Failed to enable Closed Caption`,
|
|
35561
36097
|
variant: "error",
|
|
35562
|
-
icon: /* @__PURE__ */
|
|
36098
|
+
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
35563
36099
|
});
|
|
35564
36100
|
}
|
|
35565
|
-
).with({ state:
|
|
36101
|
+
).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
|
|
35566
36102
|
id = ToastManager.replaceToast(toastId, {
|
|
35567
36103
|
title: `Closed Captioning enabled for everyone`,
|
|
35568
36104
|
variant: "standard",
|
|
35569
36105
|
duration: 2e3,
|
|
35570
|
-
icon: /* @__PURE__ */
|
|
36106
|
+
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
35571
36107
|
});
|
|
35572
|
-
}).with({ state:
|
|
36108
|
+
}).with({ state: import_react_sdk121.HMSTranscriptionState.STOPPED }, () => {
|
|
35573
36109
|
id = ToastManager.replaceToast(toastId, {
|
|
35574
36110
|
title: `Closed Captioning disabled for everyone`,
|
|
35575
36111
|
variant: "standard",
|
|
35576
36112
|
duration: 2e3,
|
|
35577
|
-
icon: /* @__PURE__ */
|
|
36113
|
+
icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
35578
36114
|
});
|
|
35579
36115
|
}).otherwise(() => null);
|
|
35580
36116
|
setToastId(id);
|
|
@@ -35588,36 +36124,36 @@ var init_TranscriptionNotifications = __esm({
|
|
|
35588
36124
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
35589
36125
|
function Notifications() {
|
|
35590
36126
|
var _a7, _b7;
|
|
35591
|
-
const localPeerID = (0,
|
|
35592
|
-
const notification = (0,
|
|
36127
|
+
const localPeerID = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectLocalPeerID);
|
|
36128
|
+
const notification = (0, import_react_sdk122.useHMSNotifications)();
|
|
35593
36129
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
35594
|
-
const roomState = (0,
|
|
36130
|
+
const roomState = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectRoomState);
|
|
35595
36131
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
35596
36132
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
35597
36133
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
35598
|
-
const vanillaStore = (0,
|
|
36134
|
+
const vanillaStore = (0, import_react_sdk122.useHMSVanillaStore)();
|
|
35599
36135
|
const togglePollView = usePollViewToggle();
|
|
35600
|
-
const { showNotification } = (0,
|
|
35601
|
-
const amIScreenSharing = (0,
|
|
36136
|
+
const { showNotification } = (0, import_react_sdk122.useAwayNotifications)();
|
|
36137
|
+
const amIScreenSharing = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsLocalScreenShared);
|
|
35602
36138
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
|
35603
36139
|
const { pipWindow } = usePIPWindow();
|
|
35604
|
-
const handleRoleChangeDenied = (0,
|
|
36140
|
+
const handleRoleChangeDenied = (0, import_react234.useCallback)((request) => {
|
|
35605
36141
|
ToastManager.addToast({
|
|
35606
36142
|
title: `${request.peerName} denied your request to join the ${request.role.name} role`,
|
|
35607
36143
|
variant: "error"
|
|
35608
36144
|
});
|
|
35609
36145
|
}, []);
|
|
35610
|
-
(0,
|
|
35611
|
-
(0,
|
|
36146
|
+
(0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
36147
|
+
(0, import_react234.useEffect)(() => {
|
|
35612
36148
|
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
|
|
35613
36149
|
if (!notification || isNotificationDisabled) {
|
|
35614
36150
|
return;
|
|
35615
36151
|
}
|
|
35616
36152
|
switch (notification.type) {
|
|
35617
|
-
case
|
|
36153
|
+
case import_react_sdk122.HMSNotificationTypes.NAME_UPDATED:
|
|
35618
36154
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
35619
36155
|
break;
|
|
35620
|
-
case
|
|
36156
|
+
case import_react_sdk122.HMSNotificationTypes.ERROR:
|
|
35621
36157
|
if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
|
|
35622
36158
|
if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
|
|
35623
36159
|
ToastManager.addToast({
|
|
@@ -35627,7 +36163,7 @@ function Notifications() {
|
|
|
35627
36163
|
ToastManager.addToast({
|
|
35628
36164
|
title: "The room is currently full, try joining later",
|
|
35629
36165
|
close: true,
|
|
35630
|
-
icon: /* @__PURE__ */
|
|
36166
|
+
icon: /* @__PURE__ */ import_react234.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react234.default.createElement(import_react_icons111.GroupIcon, null))
|
|
35631
36167
|
});
|
|
35632
36168
|
} else {
|
|
35633
36169
|
ToastManager.addToast({
|
|
@@ -35649,7 +36185,7 @@ function Notifications() {
|
|
|
35649
36185
|
title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
|
|
35650
36186
|
});
|
|
35651
36187
|
break;
|
|
35652
|
-
case
|
|
36188
|
+
case import_react_sdk122.HMSNotificationTypes.ROLE_UPDATED: {
|
|
35653
36189
|
if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
|
|
35654
36190
|
ToastManager.addToast({
|
|
35655
36191
|
title: `You are now a ${notification.data.roleName}`
|
|
@@ -35658,7 +36194,7 @@ function Notifications() {
|
|
|
35658
36194
|
}
|
|
35659
36195
|
break;
|
|
35660
36196
|
}
|
|
35661
|
-
case
|
|
36197
|
+
case import_react_sdk122.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
35662
36198
|
const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
|
|
35663
36199
|
if (!notification.data.enabled) {
|
|
35664
36200
|
ToastManager.addToast({
|
|
@@ -35667,24 +36203,24 @@ function Notifications() {
|
|
|
35667
36203
|
});
|
|
35668
36204
|
}
|
|
35669
36205
|
break;
|
|
35670
|
-
case
|
|
35671
|
-
case
|
|
36206
|
+
case import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
36207
|
+
case import_react_sdk122.HMSNotificationTypes.ROOM_ENDED:
|
|
35672
36208
|
ToastManager.addToast({
|
|
35673
36209
|
title: `${notification.message}.
|
|
35674
36210
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
35675
36211
|
});
|
|
35676
36212
|
break;
|
|
35677
|
-
case
|
|
36213
|
+
case import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
35678
36214
|
ToastManager.addToast({
|
|
35679
36215
|
title: notification.message
|
|
35680
36216
|
});
|
|
35681
36217
|
break;
|
|
35682
|
-
case
|
|
36218
|
+
case import_react_sdk122.HMSNotificationTypes.POLL_STARTED:
|
|
35683
36219
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
35684
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
36220
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
35685
36221
|
const pollToastID = ToastManager.addToast({
|
|
35686
36222
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
35687
|
-
action: /* @__PURE__ */
|
|
36223
|
+
action: /* @__PURE__ */ import_react234.default.createElement(
|
|
35688
36224
|
Button,
|
|
35689
36225
|
{
|
|
35690
36226
|
onClick: () => togglePollView(notification.data.id),
|
|
@@ -35703,14 +36239,14 @@ function Notifications() {
|
|
|
35703
36239
|
pollToastKey[notification.data.id] = pollToastID;
|
|
35704
36240
|
}
|
|
35705
36241
|
break;
|
|
35706
|
-
case
|
|
36242
|
+
case import_react_sdk122.HMSNotificationTypes.POLL_STOPPED:
|
|
35707
36243
|
const pollID = notification == null ? void 0 : notification.data.id;
|
|
35708
36244
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
|
35709
36245
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
|
35710
36246
|
delete pollToastKey[notification == null ? void 0 : notification.data.id];
|
|
35711
36247
|
}
|
|
35712
36248
|
break;
|
|
35713
|
-
case
|
|
36249
|
+
case import_react_sdk122.HMSNotificationTypes.NEW_MESSAGE:
|
|
35714
36250
|
if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
|
|
35715
36251
|
showNotification(`New message from ${notification.data.senderName}`, {
|
|
35716
36252
|
body: notification.data.message,
|
|
@@ -35725,16 +36261,16 @@ function Notifications() {
|
|
|
35725
36261
|
if (isNotificationDisabled) {
|
|
35726
36262
|
return null;
|
|
35727
36263
|
}
|
|
35728
|
-
return /* @__PURE__ */
|
|
36264
|
+
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));
|
|
35729
36265
|
}
|
|
35730
|
-
var
|
|
36266
|
+
var import_react234, import_react_sdk122, import_react_icons111, pollToastKey;
|
|
35731
36267
|
var init_Notifications = __esm({
|
|
35732
36268
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
35733
36269
|
"use strict";
|
|
35734
36270
|
init_define_process_env();
|
|
35735
|
-
|
|
35736
|
-
|
|
35737
|
-
|
|
36271
|
+
import_react234 = __toESM(require("react"));
|
|
36272
|
+
import_react_sdk122 = require("@100mslive/react-sdk");
|
|
36273
|
+
import_react_icons111 = require("@100mslive/react-icons");
|
|
35738
36274
|
init_src();
|
|
35739
36275
|
init_roomLayoutProvider();
|
|
35740
36276
|
init_ToastManager();
|
|
@@ -35768,23 +36304,23 @@ var init_Notifications2 = __esm({
|
|
|
35768
36304
|
});
|
|
35769
36305
|
|
|
35770
36306
|
// src/Prebuilt/components/PIP/PIPProvider.tsx
|
|
35771
|
-
var
|
|
36307
|
+
var import_react235, PIPProvider;
|
|
35772
36308
|
var init_PIPProvider = __esm({
|
|
35773
36309
|
"src/Prebuilt/components/PIP/PIPProvider.tsx"() {
|
|
35774
36310
|
"use strict";
|
|
35775
36311
|
init_define_process_env();
|
|
35776
|
-
|
|
36312
|
+
import_react235 = __toESM(require("react"));
|
|
35777
36313
|
init_context();
|
|
35778
36314
|
PIPProvider = ({ children }) => {
|
|
35779
36315
|
const isSupported = "documentPictureInPicture" in window;
|
|
35780
|
-
const [pipWindow, setPipWindow] = (0,
|
|
35781
|
-
const closePipWindow = (0,
|
|
36316
|
+
const [pipWindow, setPipWindow] = (0, import_react235.useState)(null);
|
|
36317
|
+
const closePipWindow = (0, import_react235.useCallback)(() => {
|
|
35782
36318
|
if (pipWindow != null) {
|
|
35783
36319
|
pipWindow.close();
|
|
35784
36320
|
setPipWindow(null);
|
|
35785
36321
|
}
|
|
35786
36322
|
}, [pipWindow]);
|
|
35787
|
-
const requestPipWindow = (0,
|
|
36323
|
+
const requestPipWindow = (0, import_react235.useCallback)(
|
|
35788
36324
|
(width, height) => __async(void 0, null, function* () {
|
|
35789
36325
|
if (pipWindow != null) {
|
|
35790
36326
|
return;
|
|
@@ -35800,7 +36336,7 @@ var init_PIPProvider = __esm({
|
|
|
35800
36336
|
}),
|
|
35801
36337
|
[pipWindow]
|
|
35802
36338
|
);
|
|
35803
|
-
const value = (0,
|
|
36339
|
+
const value = (0, import_react235.useMemo)(() => {
|
|
35804
36340
|
return {
|
|
35805
36341
|
isSupported,
|
|
35806
36342
|
pipWindow,
|
|
@@ -35808,19 +36344,19 @@ var init_PIPProvider = __esm({
|
|
|
35808
36344
|
closePipWindow
|
|
35809
36345
|
};
|
|
35810
36346
|
}, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
|
|
35811
|
-
return /* @__PURE__ */
|
|
36347
|
+
return /* @__PURE__ */ import_react235.default.createElement(PIPContext.Provider, { value }, children);
|
|
35812
36348
|
};
|
|
35813
36349
|
}
|
|
35814
36350
|
});
|
|
35815
36351
|
|
|
35816
36352
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
35817
|
-
var
|
|
36353
|
+
var import_react236, import_react_use59, PreviewScreen;
|
|
35818
36354
|
var init_PreviewScreen = __esm({
|
|
35819
36355
|
"src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
|
|
35820
36356
|
"use strict";
|
|
35821
36357
|
init_define_process_env();
|
|
35822
|
-
|
|
35823
|
-
|
|
36358
|
+
import_react236 = __toESM(require("react"));
|
|
36359
|
+
import_react_use59 = require("react-use");
|
|
35824
36360
|
init_src();
|
|
35825
36361
|
init_AppContext();
|
|
35826
36362
|
init_roomLayoutProvider();
|
|
@@ -35833,36 +36369,36 @@ var init_PreviewScreen = __esm({
|
|
|
35833
36369
|
var _a7, _b7, _c;
|
|
35834
36370
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
35835
36371
|
const skipPreview = !isPreviewScreenEnabled;
|
|
35836
|
-
const previewAsRole = (0,
|
|
36372
|
+
const previewAsRole = (0, import_react_use59.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
|
|
35837
36373
|
const { userName } = useHMSPrebuiltContext();
|
|
35838
36374
|
const initialName = userName || (skipPreview ? "Beam" : "");
|
|
35839
36375
|
const authToken = useAuthToken();
|
|
35840
36376
|
const roomLayout = useRoomLayout();
|
|
35841
36377
|
const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
|
|
35842
|
-
return /* @__PURE__ */
|
|
36378
|
+
return /* @__PURE__ */ import_react236.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react236.default.createElement(
|
|
35843
36379
|
Flex,
|
|
35844
36380
|
{
|
|
35845
36381
|
css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
|
|
35846
36382
|
justify: "center",
|
|
35847
36383
|
align: "center"
|
|
35848
36384
|
},
|
|
35849
|
-
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */
|
|
36385
|
+
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react236.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ import_react236.default.createElement(FullPageProgress_default, null)
|
|
35850
36386
|
));
|
|
35851
36387
|
};
|
|
35852
36388
|
}
|
|
35853
36389
|
});
|
|
35854
36390
|
|
|
35855
36391
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
35856
|
-
var
|
|
36392
|
+
var import_react237, Toast2;
|
|
35857
36393
|
var init_Toast3 = __esm({
|
|
35858
36394
|
"src/Prebuilt/components/Toast/Toast.jsx"() {
|
|
35859
36395
|
"use strict";
|
|
35860
36396
|
init_define_process_env();
|
|
35861
|
-
|
|
36397
|
+
import_react237 = __toESM(require("react"));
|
|
35862
36398
|
init_Toast2();
|
|
35863
36399
|
Toast2 = (_a7) => {
|
|
35864
36400
|
var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
|
|
35865
|
-
return /* @__PURE__ */
|
|
36401
|
+
return /* @__PURE__ */ import_react237.default.createElement(
|
|
35866
36402
|
Toast.HMSToast,
|
|
35867
36403
|
__spreadValues({
|
|
35868
36404
|
title,
|
|
@@ -35879,29 +36415,29 @@ var init_Toast3 = __esm({
|
|
|
35879
36415
|
});
|
|
35880
36416
|
|
|
35881
36417
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35882
|
-
var
|
|
36418
|
+
var import_react238, import_react_sdk123, ToastContainer;
|
|
35883
36419
|
var init_ToastContainer = __esm({
|
|
35884
36420
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
35885
36421
|
"use strict";
|
|
35886
36422
|
init_define_process_env();
|
|
35887
|
-
|
|
35888
|
-
|
|
36423
|
+
import_react238 = __toESM(require("react"));
|
|
36424
|
+
import_react_sdk123 = require("@100mslive/react-sdk");
|
|
35889
36425
|
init_Toast2();
|
|
35890
36426
|
init_Toast3();
|
|
35891
36427
|
init_ToastManager();
|
|
35892
36428
|
init_constants();
|
|
35893
36429
|
ToastContainer = () => {
|
|
35894
|
-
const isConnected = (0,
|
|
35895
|
-
const [toasts, setToast] = (0,
|
|
35896
|
-
(0,
|
|
36430
|
+
const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
|
|
36431
|
+
const [toasts, setToast] = (0, import_react238.useState)([]);
|
|
36432
|
+
(0, import_react238.useEffect)(() => {
|
|
35897
36433
|
ToastManager.addListener(setToast);
|
|
35898
36434
|
return () => {
|
|
35899
36435
|
ToastManager.removeListener(setToast);
|
|
35900
36436
|
};
|
|
35901
36437
|
}, []);
|
|
35902
|
-
return /* @__PURE__ */
|
|
35903
|
-
return /* @__PURE__ */
|
|
35904
|
-
}), /* @__PURE__ */
|
|
36438
|
+
return /* @__PURE__ */ import_react238.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
|
|
36439
|
+
return /* @__PURE__ */ import_react238.default.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
|
|
36440
|
+
}), /* @__PURE__ */ import_react238.default.createElement(
|
|
35905
36441
|
Toast.Viewport,
|
|
35906
36442
|
{
|
|
35907
36443
|
css: __spreadValues({
|
|
@@ -35914,13 +36450,13 @@ var init_ToastContainer = __esm({
|
|
|
35914
36450
|
});
|
|
35915
36451
|
|
|
35916
36452
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
35917
|
-
var
|
|
36453
|
+
var import_react239, import_react_icons112, RoomDetailsSheet;
|
|
35918
36454
|
var init_RoomDetailsSheet = __esm({
|
|
35919
36455
|
"src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx"() {
|
|
35920
36456
|
"use strict";
|
|
35921
36457
|
init_define_process_env();
|
|
35922
|
-
|
|
35923
|
-
|
|
36458
|
+
import_react239 = __toESM(require("react"));
|
|
36459
|
+
import_react_icons112 = require("@100mslive/react-icons");
|
|
35924
36460
|
init_Layout();
|
|
35925
36461
|
init_Sheet2();
|
|
35926
36462
|
init_Text2();
|
|
@@ -35933,57 +36469,57 @@ var init_RoomDetailsSheet = __esm({
|
|
|
35933
36469
|
const { title, description, details } = useRoomLayoutHeader();
|
|
35934
36470
|
const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
35935
36471
|
const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
|
|
35936
|
-
return /* @__PURE__ */
|
|
36472
|
+
return /* @__PURE__ */ import_react239.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react239.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react239.default.createElement(
|
|
35937
36473
|
Flex,
|
|
35938
36474
|
{
|
|
35939
36475
|
justify: "between",
|
|
35940
36476
|
align: "center",
|
|
35941
36477
|
css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
|
|
35942
36478
|
},
|
|
35943
|
-
/* @__PURE__ */
|
|
35944
|
-
/* @__PURE__ */
|
|
35945
|
-
), /* @__PURE__ */
|
|
36479
|
+
/* @__PURE__ */ import_react239.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
|
|
36480
|
+
/* @__PURE__ */ import_react239.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react239.default.createElement(import_react_icons112.CrossIcon, null))
|
|
36481
|
+
), /* @__PURE__ */ import_react239.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react239.default.createElement(Logo, null), /* @__PURE__ */ import_react239.default.createElement(Box, null, /* @__PURE__ */ import_react239.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react239.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react239.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
|
|
35946
36482
|
};
|
|
35947
36483
|
}
|
|
35948
36484
|
});
|
|
35949
36485
|
|
|
35950
36486
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35951
|
-
var
|
|
36487
|
+
var import_react240, import_react_sdk124, Sheet2;
|
|
35952
36488
|
var init_Sheet3 = __esm({
|
|
35953
36489
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
|
35954
36490
|
"use strict";
|
|
35955
36491
|
init_define_process_env();
|
|
35956
|
-
|
|
35957
|
-
|
|
36492
|
+
import_react240 = __toESM(require("react"));
|
|
36493
|
+
import_react_sdk124 = require("@100mslive/react-sdk");
|
|
35958
36494
|
init_RoomDetailsSheet();
|
|
35959
36495
|
init_Layout();
|
|
35960
36496
|
init_constants();
|
|
35961
36497
|
Sheet2 = () => {
|
|
35962
|
-
const sheet = (0,
|
|
36498
|
+
const sheet = (0, import_react_sdk124.useHMSStore)((0, import_react_sdk124.selectAppData)(APP_DATA.sheet));
|
|
35963
36499
|
let ViewComponent;
|
|
35964
36500
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
35965
|
-
ViewComponent = /* @__PURE__ */
|
|
36501
|
+
ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
|
|
35966
36502
|
}
|
|
35967
|
-
return /* @__PURE__ */
|
|
36503
|
+
return /* @__PURE__ */ import_react240.default.createElement(Box, null, ViewComponent);
|
|
35968
36504
|
};
|
|
35969
36505
|
}
|
|
35970
36506
|
});
|
|
35971
36507
|
|
|
35972
36508
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
35973
36509
|
function FlyingEmoji() {
|
|
35974
|
-
const localPeerId = (0,
|
|
35975
|
-
const vanillaStore = (0,
|
|
35976
|
-
const hmsActions = (0,
|
|
35977
|
-
const [emojis, setEmojis] = (0,
|
|
35978
|
-
const isMobile = (0,
|
|
35979
|
-
const isLargeRoom = (0,
|
|
35980
|
-
const startingPoints = (0,
|
|
35981
|
-
const showFlyingEmoji = (0,
|
|
36510
|
+
const localPeerId = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectLocalPeerID);
|
|
36511
|
+
const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
|
|
36512
|
+
const hmsActions = (0, import_react_sdk125.useHMSActions)();
|
|
36513
|
+
const [emojis, setEmojis] = (0, import_react241.useState)([]);
|
|
36514
|
+
const isMobile = (0, import_react_use60.useMedia)(config.media.md);
|
|
36515
|
+
const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
|
|
36516
|
+
const startingPoints = (0, import_react241.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
36517
|
+
const showFlyingEmoji = (0, import_react241.useCallback)(
|
|
35982
36518
|
(_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
|
|
35983
36519
|
if (!emojiId || !senderId || document.hidden) {
|
|
35984
36520
|
return;
|
|
35985
36521
|
}
|
|
35986
|
-
let senderPeerName = vanillaStore.getState((0,
|
|
36522
|
+
let senderPeerName = vanillaStore.getState((0, import_react_sdk125.selectPeerNameByID)(senderId));
|
|
35987
36523
|
if (!senderPeerName && isLargeRoom) {
|
|
35988
36524
|
const sender = yield hmsActions.getPeer(senderId);
|
|
35989
36525
|
senderPeerName = sender == null ? void 0 : sender.name;
|
|
@@ -36006,14 +36542,14 @@ function FlyingEmoji() {
|
|
|
36006
36542
|
}),
|
|
36007
36543
|
[vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
|
|
36008
36544
|
);
|
|
36009
|
-
(0,
|
|
36545
|
+
(0, import_react_sdk125.useCustomEvent)({
|
|
36010
36546
|
type: EMOJI_REACTION_TYPE,
|
|
36011
36547
|
onEvent: showFlyingEmoji
|
|
36012
36548
|
});
|
|
36013
|
-
(0,
|
|
36549
|
+
(0, import_react241.useEffect)(() => {
|
|
36014
36550
|
window.showFlyingEmoji = showFlyingEmoji;
|
|
36015
36551
|
}, [showFlyingEmoji]);
|
|
36016
|
-
return /* @__PURE__ */
|
|
36552
|
+
return /* @__PURE__ */ import_react241.default.createElement(
|
|
36017
36553
|
Box,
|
|
36018
36554
|
{
|
|
36019
36555
|
css: {
|
|
@@ -36029,7 +36565,7 @@ function FlyingEmoji() {
|
|
|
36029
36565
|
}
|
|
36030
36566
|
},
|
|
36031
36567
|
emojis.map((emoji) => {
|
|
36032
|
-
return /* @__PURE__ */
|
|
36568
|
+
return /* @__PURE__ */ import_react241.default.createElement(
|
|
36033
36569
|
Flex,
|
|
36034
36570
|
{
|
|
36035
36571
|
key: emoji.id,
|
|
@@ -36043,8 +36579,8 @@ function FlyingEmoji() {
|
|
|
36043
36579
|
},
|
|
36044
36580
|
onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
|
|
36045
36581
|
},
|
|
36046
|
-
/* @__PURE__ */
|
|
36047
|
-
emoji.senderName ? /* @__PURE__ */
|
|
36582
|
+
/* @__PURE__ */ import_react241.default.createElement(Box, null, /* @__PURE__ */ import_react241.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
|
|
36583
|
+
emoji.senderName ? /* @__PURE__ */ import_react241.default.createElement(
|
|
36048
36584
|
Box,
|
|
36049
36585
|
{
|
|
36050
36586
|
css: {
|
|
@@ -36054,7 +36590,7 @@ function FlyingEmoji() {
|
|
|
36054
36590
|
borderRadius: "$1"
|
|
36055
36591
|
}
|
|
36056
36592
|
},
|
|
36057
|
-
/* @__PURE__ */
|
|
36593
|
+
/* @__PURE__ */ import_react241.default.createElement(
|
|
36058
36594
|
Text,
|
|
36059
36595
|
{
|
|
36060
36596
|
css: {
|
|
@@ -36070,14 +36606,14 @@ function FlyingEmoji() {
|
|
|
36070
36606
|
})
|
|
36071
36607
|
);
|
|
36072
36608
|
}
|
|
36073
|
-
var
|
|
36609
|
+
var import_react241, import_react_use60, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
36074
36610
|
var init_FlyingEmoji = __esm({
|
|
36075
36611
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
36076
36612
|
"use strict";
|
|
36077
36613
|
init_define_process_env();
|
|
36078
|
-
|
|
36079
|
-
|
|
36080
|
-
|
|
36614
|
+
import_react241 = __toESM(require("react"));
|
|
36615
|
+
import_react_use60 = require("react-use");
|
|
36616
|
+
import_react_sdk125 = require("@100mslive/react-sdk");
|
|
36081
36617
|
init_Layout();
|
|
36082
36618
|
init_Text2();
|
|
36083
36619
|
init_Theme();
|
|
@@ -36110,47 +36646,47 @@ var init_FlyingEmoji = __esm({
|
|
|
36110
36646
|
|
|
36111
36647
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
36112
36648
|
function RemoteStopScreenshare() {
|
|
36113
|
-
const actions = (0,
|
|
36114
|
-
const onRemoteStopScreenshare = (0,
|
|
36649
|
+
const actions = (0, import_react_sdk126.useHMSActions)();
|
|
36650
|
+
const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
|
|
36115
36651
|
yield actions.setScreenShareEnabled(false);
|
|
36116
36652
|
}), [actions]);
|
|
36117
|
-
(0,
|
|
36653
|
+
(0, import_react_sdk126.useCustomEvent)({
|
|
36118
36654
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
36119
36655
|
onEvent: onRemoteStopScreenshare
|
|
36120
36656
|
});
|
|
36121
|
-
return /* @__PURE__ */
|
|
36657
|
+
return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
|
|
36122
36658
|
}
|
|
36123
|
-
var
|
|
36659
|
+
var import_react242, import_react_sdk126;
|
|
36124
36660
|
var init_RemoteStopScreenshare = __esm({
|
|
36125
36661
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
36126
36662
|
"use strict";
|
|
36127
36663
|
init_define_process_env();
|
|
36128
|
-
|
|
36129
|
-
|
|
36664
|
+
import_react242 = __toESM(require("react"));
|
|
36665
|
+
import_react_sdk126 = require("@100mslive/react-sdk");
|
|
36130
36666
|
init_constants();
|
|
36131
36667
|
}
|
|
36132
36668
|
});
|
|
36133
36669
|
|
|
36134
36670
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
36135
|
-
var
|
|
36671
|
+
var import_react243, import_react_sdk127, useAutoStartStreaming;
|
|
36136
36672
|
var init_useAutoStartStreaming = __esm({
|
|
36137
36673
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
36138
36674
|
"use strict";
|
|
36139
36675
|
init_define_process_env();
|
|
36140
|
-
|
|
36141
|
-
|
|
36676
|
+
import_react243 = require("react");
|
|
36677
|
+
import_react_sdk127 = require("@100mslive/react-sdk");
|
|
36142
36678
|
init_useUISettings();
|
|
36143
36679
|
init_hooks();
|
|
36144
36680
|
init_constants();
|
|
36145
36681
|
useAutoStartStreaming = () => {
|
|
36146
36682
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
36147
|
-
const permissions = (0,
|
|
36683
|
+
const permissions = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectPermissions);
|
|
36148
36684
|
const showStreamingUI = useShowStreamingUI();
|
|
36149
|
-
const hmsActions = (0,
|
|
36150
|
-
const isConnected = (0,
|
|
36151
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
36152
|
-
const streamStartedRef = (0,
|
|
36153
|
-
const startHLS = (0,
|
|
36685
|
+
const hmsActions = (0, import_react_sdk127.useHMSActions)();
|
|
36686
|
+
const isConnected = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
|
|
36687
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk127.useRecordingStreaming)();
|
|
36688
|
+
const streamStartedRef = (0, import_react243.useRef)(false);
|
|
36689
|
+
const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
|
|
36154
36690
|
try {
|
|
36155
36691
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
|
36156
36692
|
return;
|
|
@@ -36173,12 +36709,12 @@ var init_useAutoStartStreaming = __esm({
|
|
|
36173
36709
|
isHLSRecordingOn,
|
|
36174
36710
|
isBrowserRecordingOn
|
|
36175
36711
|
]);
|
|
36176
|
-
(0,
|
|
36712
|
+
(0, import_react243.useEffect)(() => {
|
|
36177
36713
|
if (!isHLSStarted && !isHLSRunning) {
|
|
36178
36714
|
streamStartedRef.current = false;
|
|
36179
36715
|
}
|
|
36180
36716
|
}, [isHLSStarted, isHLSRunning]);
|
|
36181
|
-
(0,
|
|
36717
|
+
(0, import_react243.useEffect)(() => {
|
|
36182
36718
|
if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
|
|
36183
36719
|
return;
|
|
36184
36720
|
}
|
|
@@ -36196,23 +36732,23 @@ function AppRoutes({
|
|
|
36196
36732
|
const roomLayout = useRoomLayout();
|
|
36197
36733
|
const isNotificationsDisabled = useIsNotificationDisabled();
|
|
36198
36734
|
const { activeState, rejoin } = useAppStateManager();
|
|
36199
|
-
return /* @__PURE__ */
|
|
36735
|
+
return /* @__PURE__ */ import_react244.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react244.default.createElement(import_react244.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react244.default.createElement(AppData, null), /* @__PURE__ */ import_react244.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react244.default.createElement(Notifications, null), /* @__PURE__ */ import_react244.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react244.default.createElement(Sheet2, null), /* @__PURE__ */ import_react244.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react244.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react244.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react244.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react244.default.createElement(
|
|
36200
36736
|
AuthToken_default,
|
|
36201
36737
|
{
|
|
36202
36738
|
authTokenByRoomCodeEndpoint,
|
|
36203
36739
|
defaultAuthToken,
|
|
36204
36740
|
activeState
|
|
36205
36741
|
}
|
|
36206
|
-
), roomLayout && activeState && /* @__PURE__ */
|
|
36742
|
+
), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
|
|
36207
36743
|
}
|
|
36208
|
-
var
|
|
36744
|
+
var import_react244, import_ts_pattern17, import_react_sdk128, HMSPrebuilt, AppStates, BackSwipe;
|
|
36209
36745
|
var init_App = __esm({
|
|
36210
36746
|
"src/Prebuilt/App.tsx"() {
|
|
36211
36747
|
"use strict";
|
|
36212
36748
|
init_define_process_env();
|
|
36213
|
-
|
|
36749
|
+
import_react244 = __toESM(require("react"));
|
|
36214
36750
|
import_ts_pattern17 = require("ts-pattern");
|
|
36215
|
-
|
|
36751
|
+
import_react_sdk128 = require("@100mslive/react-sdk");
|
|
36216
36752
|
init_AppData();
|
|
36217
36753
|
init_AuthToken();
|
|
36218
36754
|
init_ConferenceScreen();
|
|
@@ -36240,7 +36776,7 @@ var init_App = __esm({
|
|
|
36240
36776
|
init_useRoomLayoutScreen();
|
|
36241
36777
|
init_FeatureFlags();
|
|
36242
36778
|
init_constants();
|
|
36243
|
-
HMSPrebuilt =
|
|
36779
|
+
HMSPrebuilt = import_react244.default.forwardRef(
|
|
36244
36780
|
({
|
|
36245
36781
|
roomCode = "",
|
|
36246
36782
|
authToken = "",
|
|
@@ -36255,11 +36791,11 @@ var init_App = __esm({
|
|
|
36255
36791
|
onJoin
|
|
36256
36792
|
}, ref) => {
|
|
36257
36793
|
var _a7, _b7, _c, _d;
|
|
36258
|
-
const reactiveStore = (0,
|
|
36259
|
-
const [hydrated, setHydrated] =
|
|
36260
|
-
(0,
|
|
36794
|
+
const reactiveStore = (0, import_react244.useRef)();
|
|
36795
|
+
const [hydrated, setHydrated] = import_react244.default.useState(false);
|
|
36796
|
+
(0, import_react244.useEffect)(() => {
|
|
36261
36797
|
setHydrated(true);
|
|
36262
|
-
const hms = new
|
|
36798
|
+
const hms = new import_react_sdk128.HMSReactiveStore();
|
|
36263
36799
|
const hmsStore = hms.getStore();
|
|
36264
36800
|
const hmsActions = hms.getActions();
|
|
36265
36801
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -36272,13 +36808,13 @@ var init_App = __esm({
|
|
|
36272
36808
|
hmsNotifications
|
|
36273
36809
|
};
|
|
36274
36810
|
}, []);
|
|
36275
|
-
(0,
|
|
36811
|
+
(0, import_react244.useEffect)(() => {
|
|
36276
36812
|
if (!ref || !reactiveStore.current) {
|
|
36277
36813
|
return;
|
|
36278
36814
|
}
|
|
36279
36815
|
ref.current = __spreadValues({}, reactiveStore.current);
|
|
36280
36816
|
}, [ref]);
|
|
36281
|
-
(0,
|
|
36817
|
+
(0, import_react244.useEffect)(() => {
|
|
36282
36818
|
return () => {
|
|
36283
36819
|
var _a8;
|
|
36284
36820
|
VBHandler.reset();
|
|
@@ -36288,6 +36824,7 @@ var init_App = __esm({
|
|
|
36288
36824
|
const endpointsObj = endpoints;
|
|
36289
36825
|
const tokenByRoomCodeEndpoint = (endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode) || "";
|
|
36290
36826
|
const initEndpoint = (endpointsObj == null ? void 0 : endpointsObj.init) || "";
|
|
36827
|
+
const eventEndpoint = (endpointsObj == null ? void 0 : endpointsObj.event) || "";
|
|
36291
36828
|
const roomLayoutEndpoint = (endpointsObj == null ? void 0 : endpointsObj.roomLayout) || "";
|
|
36292
36829
|
const overrideLayout = {
|
|
36293
36830
|
logo,
|
|
@@ -36307,7 +36844,7 @@ var init_App = __esm({
|
|
|
36307
36844
|
return null;
|
|
36308
36845
|
}
|
|
36309
36846
|
globalStyles();
|
|
36310
|
-
return /* @__PURE__ */
|
|
36847
|
+
return /* @__PURE__ */ import_react244.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react244.default.createElement(
|
|
36311
36848
|
HMSPrebuiltContext.Provider,
|
|
36312
36849
|
{
|
|
36313
36850
|
value: {
|
|
@@ -36320,12 +36857,13 @@ var init_App = __esm({
|
|
|
36320
36857
|
endpoints: {
|
|
36321
36858
|
tokenByRoomCode: tokenByRoomCodeEndpoint,
|
|
36322
36859
|
init: initEndpoint,
|
|
36323
|
-
roomLayout: roomLayoutEndpoint
|
|
36860
|
+
roomLayout: roomLayoutEndpoint,
|
|
36861
|
+
event: eventEndpoint
|
|
36324
36862
|
}
|
|
36325
36863
|
}
|
|
36326
36864
|
},
|
|
36327
|
-
/* @__PURE__ */
|
|
36328
|
-
|
|
36865
|
+
/* @__PURE__ */ import_react244.default.createElement(
|
|
36866
|
+
import_react_sdk128.HMSRoomProvider,
|
|
36329
36867
|
{
|
|
36330
36868
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
36331
36869
|
actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
|
|
@@ -36334,7 +36872,7 @@ var init_App = __esm({
|
|
|
36334
36872
|
stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
|
|
36335
36873
|
leaveOnUnload
|
|
36336
36874
|
},
|
|
36337
|
-
/* @__PURE__ */
|
|
36875
|
+
/* @__PURE__ */ import_react244.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react244.default.createElement(RoomLayoutContext.Consumer, null, (data3) => {
|
|
36338
36876
|
var _a8;
|
|
36339
36877
|
const layout = data3 == null ? void 0 : data3.layout;
|
|
36340
36878
|
const theme2 = ((_a8 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a8[0]) || {};
|
|
@@ -36343,7 +36881,7 @@ var init_App = __esm({
|
|
|
36343
36881
|
if (typography2 == null ? void 0 : typography2.font_family) {
|
|
36344
36882
|
fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
|
|
36345
36883
|
}
|
|
36346
|
-
return /* @__PURE__ */
|
|
36884
|
+
return /* @__PURE__ */ import_react244.default.createElement(
|
|
36347
36885
|
HMSThemeProvider,
|
|
36348
36886
|
{
|
|
36349
36887
|
themeType: `${theme2.name}-${Date.now()}`,
|
|
@@ -36356,7 +36894,7 @@ var init_App = __esm({
|
|
|
36356
36894
|
}
|
|
36357
36895
|
}
|
|
36358
36896
|
},
|
|
36359
|
-
/* @__PURE__ */
|
|
36897
|
+
/* @__PURE__ */ import_react244.default.createElement(PIPProvider, null, /* @__PURE__ */ import_react244.default.createElement(Init, null), /* @__PURE__ */ import_react244.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react244.default.createElement(
|
|
36360
36898
|
Box,
|
|
36361
36899
|
{
|
|
36362
36900
|
className: DEFAULT_PORTAL_CONTAINER.slice(1),
|
|
@@ -36368,7 +36906,7 @@ var init_App = __esm({
|
|
|
36368
36906
|
position: "relative"
|
|
36369
36907
|
}
|
|
36370
36908
|
},
|
|
36371
|
-
/* @__PURE__ */
|
|
36909
|
+
/* @__PURE__ */ import_react244.default.createElement(
|
|
36372
36910
|
AppRoutes,
|
|
36373
36911
|
{
|
|
36374
36912
|
authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
|
|
@@ -36387,12 +36925,12 @@ var init_App = __esm({
|
|
|
36387
36925
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
36388
36926
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
36389
36927
|
useAutoStartStreaming();
|
|
36390
|
-
return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */
|
|
36928
|
+
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));
|
|
36391
36929
|
};
|
|
36392
36930
|
BackSwipe = () => {
|
|
36393
|
-
const isConnectedToRoom = (0,
|
|
36394
|
-
const hmsActions = (0,
|
|
36395
|
-
(0,
|
|
36931
|
+
const isConnectedToRoom = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
|
|
36932
|
+
const hmsActions = (0, import_react_sdk128.useHMSActions)();
|
|
36933
|
+
(0, import_react244.useEffect)(() => {
|
|
36396
36934
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
36397
36935
|
if (isConnectedToRoom) {
|
|
36398
36936
|
yield hmsActions.leave();
|
|
@@ -36441,12 +36979,12 @@ var init_Progress = __esm({
|
|
|
36441
36979
|
});
|
|
36442
36980
|
|
|
36443
36981
|
// src/Diagnostics/DiagnosticsContext.ts
|
|
36444
|
-
var
|
|
36982
|
+
var import_react245, DiagnosticsStep, initialSteps, DiagnosticsContext, useDiagnostics;
|
|
36445
36983
|
var init_DiagnosticsContext = __esm({
|
|
36446
36984
|
"src/Diagnostics/DiagnosticsContext.ts"() {
|
|
36447
36985
|
"use strict";
|
|
36448
36986
|
init_define_process_env();
|
|
36449
|
-
|
|
36987
|
+
import_react245 = __toESM(require("react"));
|
|
36450
36988
|
DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
|
|
36451
36989
|
DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
|
|
36452
36990
|
DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
|
|
@@ -36460,7 +36998,7 @@ var init_DiagnosticsContext = __esm({
|
|
|
36460
36998
|
[2 /* AUDIO */]: { name: "Test Audio" },
|
|
36461
36999
|
[3 /* CONNECTIVITY */]: { name: "Connection Quality" }
|
|
36462
37000
|
};
|
|
36463
|
-
DiagnosticsContext =
|
|
37001
|
+
DiagnosticsContext = import_react245.default.createContext({
|
|
36464
37002
|
activeStepIndex: 0,
|
|
36465
37003
|
setActiveStep: () => {
|
|
36466
37004
|
return;
|
|
@@ -36471,7 +37009,7 @@ var init_DiagnosticsContext = __esm({
|
|
|
36471
37009
|
}
|
|
36472
37010
|
});
|
|
36473
37011
|
useDiagnostics = () => {
|
|
36474
|
-
const context = (0,
|
|
37012
|
+
const context = (0, import_react245.useContext)(DiagnosticsContext);
|
|
36475
37013
|
const activeStep = context.steps[context.activeStepIndex];
|
|
36476
37014
|
return __spreadProps(__spreadValues({}, context), { activeStep });
|
|
36477
37015
|
};
|
|
@@ -36479,18 +37017,18 @@ var init_DiagnosticsContext = __esm({
|
|
|
36479
37017
|
});
|
|
36480
37018
|
|
|
36481
37019
|
// src/Diagnostics/components.tsx
|
|
36482
|
-
var
|
|
37020
|
+
var import_react246, TestContainer, TestFooter;
|
|
36483
37021
|
var init_components = __esm({
|
|
36484
37022
|
"src/Diagnostics/components.tsx"() {
|
|
36485
37023
|
"use strict";
|
|
36486
37024
|
init_define_process_env();
|
|
36487
|
-
|
|
37025
|
+
import_react246 = __toESM(require("react"));
|
|
36488
37026
|
init_Button2();
|
|
36489
37027
|
init_Layout();
|
|
36490
37028
|
init_Text2();
|
|
36491
37029
|
init_DiagnosticsContext();
|
|
36492
37030
|
TestContainer = ({ css: css2, children }) => {
|
|
36493
|
-
return /* @__PURE__ */
|
|
37031
|
+
return /* @__PURE__ */ import_react246.default.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
|
|
36494
37032
|
};
|
|
36495
37033
|
TestFooter = ({
|
|
36496
37034
|
error,
|
|
@@ -36508,7 +37046,7 @@ var init_components = __esm({
|
|
|
36508
37046
|
}
|
|
36509
37047
|
setActiveStep((step) => step + 1);
|
|
36510
37048
|
};
|
|
36511
|
-
return /* @__PURE__ */
|
|
37049
|
+
return /* @__PURE__ */ import_react246.default.createElement(
|
|
36512
37050
|
Flex,
|
|
36513
37051
|
{
|
|
36514
37052
|
css: {
|
|
@@ -36526,8 +37064,8 @@ var init_components = __esm({
|
|
|
36526
37064
|
"@lg": { flexDirection: "column", gap: "$8" }
|
|
36527
37065
|
}
|
|
36528
37066
|
},
|
|
36529
|
-
/* @__PURE__ */
|
|
36530
|
-
children ? children : /* @__PURE__ */
|
|
37067
|
+
/* @__PURE__ */ import_react246.default.createElement(Box, null, error && /* @__PURE__ */ import_react246.default.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
|
|
37068
|
+
children ? children : /* @__PURE__ */ import_react246.default.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react246.default.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ import_react246.default.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ import_react246.default.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ import_react246.default.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
|
|
36531
37069
|
);
|
|
36532
37070
|
};
|
|
36533
37071
|
}
|
|
@@ -36539,7 +37077,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
36539
37077
|
"use strict";
|
|
36540
37078
|
init_define_process_env();
|
|
36541
37079
|
var b2 = "function" === typeof Symbol && Symbol.for;
|
|
36542
|
-
var
|
|
37080
|
+
var c2 = b2 ? Symbol.for("react.element") : 60103;
|
|
36543
37081
|
var d = b2 ? Symbol.for("react.portal") : 60106;
|
|
36544
37082
|
var e = b2 ? Symbol.for("react.fragment") : 60107;
|
|
36545
37083
|
var f2 = b2 ? Symbol.for("react.strict_mode") : 60108;
|
|
@@ -36561,7 +37099,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
36561
37099
|
if ("object" === typeof a2 && null !== a2) {
|
|
36562
37100
|
var u = a2.$$typeof;
|
|
36563
37101
|
switch (u) {
|
|
36564
|
-
case
|
|
37102
|
+
case c2:
|
|
36565
37103
|
switch (a2 = a2.type, a2) {
|
|
36566
37104
|
case l2:
|
|
36567
37105
|
case m:
|
|
@@ -36587,14 +37125,14 @@ var require_react_is_production_min = __commonJS({
|
|
|
36587
37125
|
}
|
|
36588
37126
|
}
|
|
36589
37127
|
}
|
|
36590
|
-
function
|
|
37128
|
+
function A(a2) {
|
|
36591
37129
|
return z2(a2) === m;
|
|
36592
37130
|
}
|
|
36593
37131
|
exports.AsyncMode = l2;
|
|
36594
37132
|
exports.ConcurrentMode = m;
|
|
36595
37133
|
exports.ContextConsumer = k;
|
|
36596
37134
|
exports.ContextProvider = h2;
|
|
36597
|
-
exports.Element =
|
|
37135
|
+
exports.Element = c2;
|
|
36598
37136
|
exports.ForwardRef = n;
|
|
36599
37137
|
exports.Fragment = e;
|
|
36600
37138
|
exports.Lazy = t;
|
|
@@ -36604,9 +37142,9 @@ var require_react_is_production_min = __commonJS({
|
|
|
36604
37142
|
exports.StrictMode = f2;
|
|
36605
37143
|
exports.Suspense = p;
|
|
36606
37144
|
exports.isAsyncMode = function(a2) {
|
|
36607
|
-
return
|
|
37145
|
+
return A(a2) || z2(a2) === l2;
|
|
36608
37146
|
};
|
|
36609
|
-
exports.isConcurrentMode =
|
|
37147
|
+
exports.isConcurrentMode = A;
|
|
36610
37148
|
exports.isContextConsumer = function(a2) {
|
|
36611
37149
|
return z2(a2) === k;
|
|
36612
37150
|
};
|
|
@@ -36614,7 +37152,7 @@ var require_react_is_production_min = __commonJS({
|
|
|
36614
37152
|
return z2(a2) === h2;
|
|
36615
37153
|
};
|
|
36616
37154
|
exports.isElement = function(a2) {
|
|
36617
|
-
return "object" === typeof a2 && null !== a2 && a2.$$typeof ===
|
|
37155
|
+
return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
|
|
36618
37156
|
};
|
|
36619
37157
|
exports.isForwardRef = function(a2) {
|
|
36620
37158
|
return z2(a2) === n;
|
|
@@ -37030,7 +37568,7 @@ var require_factoryWithTypeCheckers = __commonJS({
|
|
|
37030
37568
|
shape: createShapeTypeChecker,
|
|
37031
37569
|
exact: createStrictShapeTypeChecker
|
|
37032
37570
|
};
|
|
37033
|
-
function
|
|
37571
|
+
function is(x, y2) {
|
|
37034
37572
|
if (x === y2) {
|
|
37035
37573
|
return x !== 0 || 1 / x === 1 / y2;
|
|
37036
37574
|
} else {
|
|
@@ -37173,7 +37711,7 @@ var require_factoryWithTypeCheckers = __commonJS({
|
|
|
37173
37711
|
function validate(props, propName, componentName, location, propFullName) {
|
|
37174
37712
|
var propValue = props[propName];
|
|
37175
37713
|
for (var i = 0; i < expectedValues.length; i++) {
|
|
37176
|
-
if (
|
|
37714
|
+
if (is(propValue, expectedValues[i])) {
|
|
37177
37715
|
return null;
|
|
37178
37716
|
}
|
|
37179
37717
|
}
|
|
@@ -37490,12 +38028,12 @@ var require_prop_types = __commonJS({
|
|
|
37490
38028
|
});
|
|
37491
38029
|
|
|
37492
38030
|
// src/Diagnostics/DeviceSelector.jsx
|
|
37493
|
-
var
|
|
38031
|
+
var import_react247, import_prop_types, DeviceSelector2;
|
|
37494
38032
|
var init_DeviceSelector = __esm({
|
|
37495
38033
|
"src/Diagnostics/DeviceSelector.jsx"() {
|
|
37496
38034
|
"use strict";
|
|
37497
38035
|
init_define_process_env();
|
|
37498
|
-
|
|
38036
|
+
import_react247 = __toESM(require("react"));
|
|
37499
38037
|
import_prop_types = __toESM(require_prop_types());
|
|
37500
38038
|
init_Dropdown2();
|
|
37501
38039
|
init_Layout();
|
|
@@ -37503,9 +38041,9 @@ var init_DeviceSelector = __esm({
|
|
|
37503
38041
|
init_Text2();
|
|
37504
38042
|
DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
37505
38043
|
var _a7, _b7;
|
|
37506
|
-
const [open, setOpen] = (0,
|
|
37507
|
-
const ref = (0,
|
|
37508
|
-
return /* @__PURE__ */
|
|
38044
|
+
const [open, setOpen] = (0, import_react247.useState)(false);
|
|
38045
|
+
const ref = (0, import_react247.useRef)(null);
|
|
38046
|
+
return /* @__PURE__ */ import_react247.default.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ import_react247.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react247.default.createElement(
|
|
37509
38047
|
Flex,
|
|
37510
38048
|
{
|
|
37511
38049
|
align: "center",
|
|
@@ -37517,7 +38055,7 @@ var init_DeviceSelector = __esm({
|
|
|
37517
38055
|
}
|
|
37518
38056
|
}
|
|
37519
38057
|
},
|
|
37520
|
-
/* @__PURE__ */
|
|
38058
|
+
/* @__PURE__ */ import_react247.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react247.default.createElement(
|
|
37521
38059
|
DialogDropdownTrigger,
|
|
37522
38060
|
{
|
|
37523
38061
|
ref,
|
|
@@ -37525,7 +38063,7 @@ var init_DeviceSelector = __esm({
|
|
|
37525
38063
|
title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
|
|
37526
38064
|
open
|
|
37527
38065
|
}
|
|
37528
|
-
), /* @__PURE__ */
|
|
38066
|
+
), /* @__PURE__ */ import_react247.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react247.default.createElement(
|
|
37529
38067
|
Dropdown.Content,
|
|
37530
38068
|
{
|
|
37531
38069
|
align: "start",
|
|
@@ -37539,7 +38077,7 @@ var init_DeviceSelector = __esm({
|
|
|
37539
38077
|
}
|
|
37540
38078
|
},
|
|
37541
38079
|
devices.map((device) => {
|
|
37542
|
-
return /* @__PURE__ */
|
|
38080
|
+
return /* @__PURE__ */ import_react247.default.createElement(
|
|
37543
38081
|
Dropdown.Item,
|
|
37544
38082
|
{
|
|
37545
38083
|
key: device.label,
|
|
@@ -37567,14 +38105,14 @@ var init_DeviceSelector = __esm({
|
|
|
37567
38105
|
});
|
|
37568
38106
|
|
|
37569
38107
|
// src/Diagnostics/AudioTest.tsx
|
|
37570
|
-
var
|
|
38108
|
+
var import_react248, import_react_sdk129, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
|
|
37571
38109
|
var init_AudioTest = __esm({
|
|
37572
38110
|
"src/Diagnostics/AudioTest.tsx"() {
|
|
37573
38111
|
"use strict";
|
|
37574
38112
|
init_define_process_env();
|
|
37575
|
-
|
|
37576
|
-
|
|
37577
|
-
|
|
38113
|
+
import_react248 = __toESM(require("react"));
|
|
38114
|
+
import_react_sdk129 = require("@100mslive/react-sdk");
|
|
38115
|
+
import_react_icons113 = require("@100mslive/react-icons");
|
|
37578
38116
|
init_PermissionErrorModal();
|
|
37579
38117
|
init_components();
|
|
37580
38118
|
init_Button2();
|
|
@@ -37585,33 +38123,33 @@ var init_AudioTest = __esm({
|
|
|
37585
38123
|
init_DiagnosticsContext();
|
|
37586
38124
|
init_useAudioOutputTest();
|
|
37587
38125
|
init_constants();
|
|
37588
|
-
SelectContainer = ({ children }) => /* @__PURE__ */
|
|
38126
|
+
SelectContainer = ({ children }) => /* @__PURE__ */ import_react248.default.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
|
|
37589
38127
|
MicTest = ({ setError }) => {
|
|
37590
38128
|
var _a7, _b7;
|
|
37591
38129
|
const { hmsDiagnostics } = useDiagnostics();
|
|
37592
|
-
const devices = (0,
|
|
37593
|
-
const [isRecording, setIsRecording] = (0,
|
|
37594
|
-
const [selectedMic, setSelectedMic] = (0,
|
|
37595
|
-
const trackID = (0,
|
|
37596
|
-
const audioLevel = (0,
|
|
37597
|
-
const { audioOutputDeviceId } = (0,
|
|
38130
|
+
const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
|
|
38131
|
+
const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
|
|
38132
|
+
const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
|
38133
|
+
const trackID = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalAudioTrackID);
|
|
38134
|
+
const audioLevel = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectTrackAudioByID)(trackID));
|
|
38135
|
+
const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
|
|
37598
38136
|
const { playing, setPlaying, audioRef } = useAudioOutputTest({
|
|
37599
38137
|
deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
|
|
37600
38138
|
});
|
|
37601
|
-
return /* @__PURE__ */
|
|
38139
|
+
return /* @__PURE__ */ import_react248.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react248.default.createElement(
|
|
37602
38140
|
DeviceSelector2,
|
|
37603
38141
|
{
|
|
37604
38142
|
title: "Microphone (Input)",
|
|
37605
38143
|
devices: devices.audioInput,
|
|
37606
38144
|
selection: selectedMic,
|
|
37607
|
-
icon: /* @__PURE__ */
|
|
38145
|
+
icon: /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null),
|
|
37608
38146
|
onChange: (deviceId) => {
|
|
37609
38147
|
setError(void 0);
|
|
37610
38148
|
setSelectedMic(deviceId);
|
|
37611
38149
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
|
|
37612
38150
|
}
|
|
37613
38151
|
}
|
|
37614
|
-
), /* @__PURE__ */
|
|
38152
|
+
), /* @__PURE__ */ import_react248.default.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ import_react248.default.createElement(
|
|
37615
38153
|
Button,
|
|
37616
38154
|
{
|
|
37617
38155
|
variant: "standard",
|
|
@@ -37631,9 +38169,9 @@ var init_AudioTest = __esm({
|
|
|
37631
38169
|
},
|
|
37632
38170
|
disabled: devices.audioInput.length === 0 || playing
|
|
37633
38171
|
},
|
|
37634
|
-
isRecording ? /* @__PURE__ */
|
|
38172
|
+
isRecording ? /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.StopIcon, null) : /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null),
|
|
37635
38173
|
isRecording ? "Stop Recording" : "Record"
|
|
37636
|
-
), /* @__PURE__ */
|
|
38174
|
+
), /* @__PURE__ */ import_react248.default.createElement(
|
|
37637
38175
|
Button,
|
|
37638
38176
|
{
|
|
37639
38177
|
icon: true,
|
|
@@ -37647,9 +38185,9 @@ var init_AudioTest = __esm({
|
|
|
37647
38185
|
},
|
|
37648
38186
|
disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
|
|
37649
38187
|
},
|
|
37650
|
-
/* @__PURE__ */
|
|
38188
|
+
/* @__PURE__ */ import_react248.default.createElement(import_react_icons113.SpeakerIcon, null),
|
|
37651
38189
|
playing ? "Playing..." : "Playback"
|
|
37652
|
-
), /* @__PURE__ */
|
|
38190
|
+
), /* @__PURE__ */ import_react248.default.createElement(
|
|
37653
38191
|
"audio",
|
|
37654
38192
|
{
|
|
37655
38193
|
ref: audioRef,
|
|
@@ -37657,7 +38195,7 @@ var init_AudioTest = __esm({
|
|
|
37657
38195
|
onPlay: () => setPlaying(true),
|
|
37658
38196
|
style: { display: "none" }
|
|
37659
38197
|
}
|
|
37660
|
-
)), /* @__PURE__ */
|
|
38198
|
+
)), /* @__PURE__ */ import_react248.default.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ import_react248.default.createElement(Text, null, /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null)), /* @__PURE__ */ import_react248.default.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ import_react248.default.createElement(
|
|
37661
38199
|
Progress.Content,
|
|
37662
38200
|
{
|
|
37663
38201
|
style: {
|
|
@@ -37669,19 +38207,19 @@ var init_AudioTest = __esm({
|
|
|
37669
38207
|
};
|
|
37670
38208
|
SpeakerTest = () => {
|
|
37671
38209
|
var _a7;
|
|
37672
|
-
const actions = (0,
|
|
37673
|
-
const devices = (0,
|
|
37674
|
-
const { audioOutputDeviceId } = (0,
|
|
38210
|
+
const actions = (0, import_react_sdk129.useHMSActions)();
|
|
38211
|
+
const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
|
|
38212
|
+
const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
|
|
37675
38213
|
if (devices.audioOutput.length === 0) {
|
|
37676
|
-
return /* @__PURE__ */
|
|
38214
|
+
return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
|
|
37677
38215
|
}
|
|
37678
|
-
return /* @__PURE__ */
|
|
38216
|
+
return /* @__PURE__ */ import_react248.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react248.default.createElement(
|
|
37679
38217
|
DeviceSelector2,
|
|
37680
38218
|
{
|
|
37681
38219
|
title: "Speaker (Output)",
|
|
37682
38220
|
devices: devices.audioOutput,
|
|
37683
38221
|
selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
|
|
37684
|
-
icon: /* @__PURE__ */
|
|
38222
|
+
icon: /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.SpeakerIcon, null),
|
|
37685
38223
|
onChange: (deviceId) => {
|
|
37686
38224
|
actions.setAudioOutputDevice(deviceId);
|
|
37687
38225
|
}
|
|
@@ -37690,18 +38228,18 @@ var init_AudioTest = __esm({
|
|
|
37690
38228
|
};
|
|
37691
38229
|
AudioTest = () => {
|
|
37692
38230
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
37693
|
-
const [error, setErrorAlone] = (0,
|
|
37694
|
-
const setError = (0,
|
|
38231
|
+
const [error, setErrorAlone] = (0, import_react248.useState)();
|
|
38232
|
+
const setError = (0, import_react248.useCallback)(
|
|
37695
38233
|
(err) => {
|
|
37696
38234
|
updateStep(2 /* AUDIO */, { hasFailed: !!err });
|
|
37697
38235
|
setErrorAlone(err);
|
|
37698
38236
|
},
|
|
37699
38237
|
[updateStep, setErrorAlone]
|
|
37700
38238
|
);
|
|
37701
|
-
(0,
|
|
38239
|
+
(0, import_react248.useEffect)(() => {
|
|
37702
38240
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
|
|
37703
38241
|
}, [hmsDiagnostics, setError]);
|
|
37704
|
-
return /* @__PURE__ */
|
|
38242
|
+
return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null, /* @__PURE__ */ import_react248.default.createElement(TestContainer, null, /* @__PURE__ */ import_react248.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ import_react248.default.createElement(
|
|
37705
38243
|
Flex,
|
|
37706
38244
|
{
|
|
37707
38245
|
css: {
|
|
@@ -37713,21 +38251,21 @@ var init_AudioTest = __esm({
|
|
|
37713
38251
|
}
|
|
37714
38252
|
}
|
|
37715
38253
|
},
|
|
37716
|
-
/* @__PURE__ */
|
|
37717
|
-
/* @__PURE__ */
|
|
37718
|
-
)), /* @__PURE__ */
|
|
38254
|
+
/* @__PURE__ */ import_react248.default.createElement(MicTest, { setError }),
|
|
38255
|
+
/* @__PURE__ */ import_react248.default.createElement(SpeakerTest, null)
|
|
38256
|
+
)), /* @__PURE__ */ import_react248.default.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ import_react248.default.createElement(PermissionErrorModal, { error }));
|
|
37719
38257
|
};
|
|
37720
38258
|
}
|
|
37721
38259
|
});
|
|
37722
38260
|
|
|
37723
38261
|
// src/Diagnostics/BrowserTest.tsx
|
|
37724
|
-
var
|
|
38262
|
+
var import_react249, import_react_sdk130, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
|
|
37725
38263
|
var init_BrowserTest = __esm({
|
|
37726
38264
|
"src/Diagnostics/BrowserTest.tsx"() {
|
|
37727
38265
|
"use strict";
|
|
37728
38266
|
init_define_process_env();
|
|
37729
|
-
|
|
37730
|
-
|
|
38267
|
+
import_react249 = __toESM(require("react"));
|
|
38268
|
+
import_react_sdk130 = require("@100mslive/react-sdk");
|
|
37731
38269
|
init_components();
|
|
37732
38270
|
init_Layout();
|
|
37733
38271
|
init_Text2();
|
|
@@ -37812,12 +38350,12 @@ var init_BrowserTest = __esm({
|
|
|
37812
38350
|
icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
|
|
37813
38351
|
}
|
|
37814
38352
|
};
|
|
37815
|
-
CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */
|
|
38353
|
+
CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ import_react249.default.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ import_react249.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ import_react249.default.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ import_react249.default.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ import_react249.default.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ import_react249.default.createElement(Text, null, value)));
|
|
37816
38354
|
BrowserTest = () => {
|
|
37817
38355
|
var _a7, _b7, _c, _d;
|
|
37818
38356
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
37819
|
-
const [error, setError] = (0,
|
|
37820
|
-
(0,
|
|
38357
|
+
const [error, setError] = (0, import_react249.useState)();
|
|
38358
|
+
(0, import_react249.useEffect)(() => {
|
|
37821
38359
|
try {
|
|
37822
38360
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
|
|
37823
38361
|
} catch (err) {
|
|
@@ -37825,34 +38363,34 @@ var init_BrowserTest = __esm({
|
|
|
37825
38363
|
setError(err);
|
|
37826
38364
|
}
|
|
37827
38365
|
}, [hmsDiagnostics, updateStep]);
|
|
37828
|
-
return /* @__PURE__ */
|
|
38366
|
+
return /* @__PURE__ */ import_react249.default.createElement(import_react249.default.Fragment, null, /* @__PURE__ */ import_react249.default.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ import_react249.default.createElement(
|
|
37829
38367
|
CheckDetails,
|
|
37830
38368
|
{
|
|
37831
38369
|
title: "Browser",
|
|
37832
|
-
iconURL:
|
|
37833
|
-
value: `${
|
|
38370
|
+
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),
|
|
38371
|
+
value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
|
|
37834
38372
|
}
|
|
37835
|
-
), /* @__PURE__ */
|
|
38373
|
+
), /* @__PURE__ */ import_react249.default.createElement(
|
|
37836
38374
|
CheckDetails,
|
|
37837
38375
|
{
|
|
37838
38376
|
title: "Operating system",
|
|
37839
|
-
iconURL:
|
|
37840
|
-
value: `${
|
|
38377
|
+
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),
|
|
38378
|
+
value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
|
|
37841
38379
|
}
|
|
37842
|
-
)), /* @__PURE__ */
|
|
38380
|
+
)), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
|
|
37843
38381
|
};
|
|
37844
38382
|
}
|
|
37845
38383
|
});
|
|
37846
38384
|
|
|
37847
38385
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
37848
|
-
var
|
|
38386
|
+
var import_react250, import_react_sdk131, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
|
|
37849
38387
|
var init_ConnectivityTest = __esm({
|
|
37850
38388
|
"src/Diagnostics/ConnectivityTest.tsx"() {
|
|
37851
38389
|
"use strict";
|
|
37852
38390
|
init_define_process_env();
|
|
37853
|
-
|
|
37854
|
-
|
|
37855
|
-
|
|
38391
|
+
import_react250 = __toESM(require("react"));
|
|
38392
|
+
import_react_sdk131 = require("@100mslive/react-sdk");
|
|
38393
|
+
import_react_icons114 = require("@100mslive/react-icons");
|
|
37856
38394
|
init_components();
|
|
37857
38395
|
init_Button2();
|
|
37858
38396
|
init_Layout();
|
|
@@ -37866,13 +38404,13 @@ var init_ConnectivityTest = __esm({
|
|
|
37866
38404
|
us: "United States"
|
|
37867
38405
|
};
|
|
37868
38406
|
ConnectivityStateMessage = {
|
|
37869
|
-
[
|
|
37870
|
-
[
|
|
37871
|
-
[
|
|
37872
|
-
[
|
|
37873
|
-
[
|
|
37874
|
-
[
|
|
37875
|
-
[
|
|
38407
|
+
[import_react_sdk131.ConnectivityState.STARTING]: "Fetching Init",
|
|
38408
|
+
[import_react_sdk131.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
|
|
38409
|
+
[import_react_sdk131.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
|
|
38410
|
+
[import_react_sdk131.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
|
|
38411
|
+
[import_react_sdk131.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
|
|
38412
|
+
[import_react_sdk131.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
|
|
38413
|
+
[import_react_sdk131.ConnectivityState.COMPLETED]: "Completed"
|
|
37876
38414
|
};
|
|
37877
38415
|
ConnectivityTestStepResult = ({
|
|
37878
38416
|
title,
|
|
@@ -37880,8 +38418,8 @@ var init_ConnectivityTest = __esm({
|
|
|
37880
38418
|
success,
|
|
37881
38419
|
children
|
|
37882
38420
|
}) => {
|
|
37883
|
-
const [hideDetails, setHideDetails] = (0,
|
|
37884
|
-
return /* @__PURE__ */
|
|
38421
|
+
const [hideDetails, setHideDetails] = (0, import_react250.useState)(true);
|
|
38422
|
+
return /* @__PURE__ */ import_react250.default.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ import_react250.default.createElement(Flex, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CheckCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ import_react250.default.createElement(Flex, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CrossCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ import_react250.default.createElement(
|
|
37885
38423
|
Flex,
|
|
37886
38424
|
{
|
|
37887
38425
|
onClick: () => setHideDetails(!hideDetails),
|
|
@@ -37891,8 +38429,8 @@ var init_ConnectivityTest = __esm({
|
|
|
37891
38429
|
color: "$primary_bright"
|
|
37892
38430
|
}
|
|
37893
38431
|
},
|
|
37894
|
-
hideDetails ? /* @__PURE__ */
|
|
37895
|
-
/* @__PURE__ */
|
|
38432
|
+
hideDetails ? /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.EyeOpenIcon, null) : /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.EyeCloseIcon, null),
|
|
38433
|
+
/* @__PURE__ */ import_react250.default.createElement(
|
|
37896
38434
|
Text,
|
|
37897
38435
|
{
|
|
37898
38436
|
variant: "caption",
|
|
@@ -37903,38 +38441,38 @@ var init_ConnectivityTest = __esm({
|
|
|
37903
38441
|
hideDetails ? "View" : "Hide",
|
|
37904
38442
|
" detailed information"
|
|
37905
38443
|
)
|
|
37906
|
-
), !hideDetails ? /* @__PURE__ */
|
|
38444
|
+
), !hideDetails ? /* @__PURE__ */ import_react250.default.createElement(Box, null, children) : null);
|
|
37907
38445
|
};
|
|
37908
38446
|
DetailedInfo = ({
|
|
37909
38447
|
title,
|
|
37910
38448
|
value,
|
|
37911
38449
|
Icon: Icon4
|
|
37912
38450
|
}) => {
|
|
37913
|
-
return /* @__PURE__ */
|
|
38451
|
+
return /* @__PURE__ */ import_react250.default.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ import_react250.default.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ import_react250.default.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "caption" }, value)));
|
|
37914
38452
|
};
|
|
37915
38453
|
MediaServerResult = ({ result }) => {
|
|
37916
38454
|
var _a7, _b7, _c, _d;
|
|
37917
|
-
return /* @__PURE__ */
|
|
38455
|
+
return /* @__PURE__ */ import_react250.default.createElement(
|
|
37918
38456
|
ConnectivityTestStepResult,
|
|
37919
38457
|
{
|
|
37920
38458
|
title: "Media server connection test",
|
|
37921
38459
|
success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
|
|
37922
38460
|
},
|
|
37923
|
-
/* @__PURE__ */
|
|
38461
|
+
/* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(
|
|
37924
38462
|
DetailedInfo,
|
|
37925
38463
|
{
|
|
37926
38464
|
title: "Media Captured",
|
|
37927
38465
|
value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
|
|
37928
|
-
Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ?
|
|
38466
|
+
Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
37929
38467
|
}
|
|
37930
|
-
), /* @__PURE__ */
|
|
38468
|
+
), /* @__PURE__ */ import_react250.default.createElement(
|
|
37931
38469
|
DetailedInfo,
|
|
37932
38470
|
{
|
|
37933
38471
|
title: "Media Published",
|
|
37934
38472
|
value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
|
|
37935
|
-
Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ?
|
|
38473
|
+
Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
37936
38474
|
}
|
|
37937
|
-
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */
|
|
38475
|
+
), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ import_react250.default.createElement(
|
|
37938
38476
|
DetailedInfo,
|
|
37939
38477
|
{
|
|
37940
38478
|
title: "Connection Quality Score (CQS)",
|
|
@@ -37944,27 +38482,27 @@ var init_ConnectivityTest = __esm({
|
|
|
37944
38482
|
);
|
|
37945
38483
|
};
|
|
37946
38484
|
SignallingResult = ({ result }) => {
|
|
37947
|
-
return /* @__PURE__ */
|
|
38485
|
+
return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(
|
|
37948
38486
|
DetailedInfo,
|
|
37949
38487
|
{
|
|
37950
38488
|
title: "Signalling Gateway",
|
|
37951
38489
|
value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
|
|
37952
|
-
Icon: (result == null ? void 0 : result.isConnected) ?
|
|
38490
|
+
Icon: (result == null ? void 0 : result.isConnected) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
|
|
37953
38491
|
}
|
|
37954
|
-
), /* @__PURE__ */
|
|
38492
|
+
), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: import_react_icons114.LinkIcon })));
|
|
37955
38493
|
};
|
|
37956
38494
|
AudioStats = ({ stats }) => {
|
|
37957
|
-
return /* @__PURE__ */
|
|
38495
|
+
return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
|
|
37958
38496
|
};
|
|
37959
38497
|
VideoStats = ({ stats }) => {
|
|
37960
|
-
return /* @__PURE__ */
|
|
38498
|
+
return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
|
|
37961
38499
|
};
|
|
37962
38500
|
Footer3 = ({
|
|
37963
38501
|
error,
|
|
37964
38502
|
result,
|
|
37965
38503
|
restart
|
|
37966
38504
|
}) => {
|
|
37967
|
-
return /* @__PURE__ */
|
|
38505
|
+
return /* @__PURE__ */ import_react250.default.createElement(TestFooter, { error }, /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react250.default.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ import_react250.default.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
|
|
37968
38506
|
};
|
|
37969
38507
|
ConnectivityTestReport = ({
|
|
37970
38508
|
error,
|
|
@@ -37974,14 +38512,14 @@ var init_ConnectivityTest = __esm({
|
|
|
37974
38512
|
}) => {
|
|
37975
38513
|
var _a7, _b7, _c, _d;
|
|
37976
38514
|
if (error) {
|
|
37977
|
-
return /* @__PURE__ */
|
|
38515
|
+
return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CrossCircleIcon, null)), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ import_react250.default.createElement(Footer3, { restart: startTest, error }));
|
|
37978
38516
|
}
|
|
37979
38517
|
if (result) {
|
|
37980
38518
|
console.log(result);
|
|
37981
|
-
return /* @__PURE__ */
|
|
38519
|
+
return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(TestContainer, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react250.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react250.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react250.default.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react250.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react250.default.createElement(Footer3, { result, restart: startTest, error }));
|
|
37982
38520
|
}
|
|
37983
38521
|
if (progress !== void 0) {
|
|
37984
|
-
return /* @__PURE__ */
|
|
38522
|
+
return /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ import_react250.default.createElement(
|
|
37985
38523
|
Text,
|
|
37986
38524
|
{
|
|
37987
38525
|
variant: "body2",
|
|
@@ -37997,7 +38535,7 @@ var init_ConnectivityTest = __esm({
|
|
|
37997
38535
|
setRegion,
|
|
37998
38536
|
startTest
|
|
37999
38537
|
}) => {
|
|
38000
|
-
return /* @__PURE__ */
|
|
38538
|
+
return /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ import_react250.default.createElement(
|
|
38001
38539
|
Flex,
|
|
38002
38540
|
{
|
|
38003
38541
|
justify: "between",
|
|
@@ -38009,7 +38547,7 @@ var init_ConnectivityTest = __esm({
|
|
|
38009
38547
|
}
|
|
38010
38548
|
}
|
|
38011
38549
|
},
|
|
38012
|
-
/* @__PURE__ */
|
|
38550
|
+
/* @__PURE__ */ import_react250.default.createElement(
|
|
38013
38551
|
Flex,
|
|
38014
38552
|
{
|
|
38015
38553
|
css: {
|
|
@@ -38019,7 +38557,7 @@ var init_ConnectivityTest = __esm({
|
|
|
38019
38557
|
}
|
|
38020
38558
|
}
|
|
38021
38559
|
},
|
|
38022
|
-
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */
|
|
38560
|
+
Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ import_react250.default.createElement(
|
|
38023
38561
|
Button,
|
|
38024
38562
|
{
|
|
38025
38563
|
key,
|
|
@@ -38031,15 +38569,15 @@ var init_ConnectivityTest = __esm({
|
|
|
38031
38569
|
value
|
|
38032
38570
|
))
|
|
38033
38571
|
),
|
|
38034
|
-
/* @__PURE__ */
|
|
38572
|
+
/* @__PURE__ */ import_react250.default.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react250.default.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
|
|
38035
38573
|
));
|
|
38036
38574
|
};
|
|
38037
38575
|
ConnectivityTest = () => {
|
|
38038
38576
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
38039
|
-
const [region, setRegion] = (0,
|
|
38040
|
-
const [error, setError] = (0,
|
|
38041
|
-
const [progress, setProgress] = (0,
|
|
38042
|
-
const [result, setResult] = (0,
|
|
38577
|
+
const [region, setRegion] = (0, import_react250.useState)(Object.keys(Regions)[0]);
|
|
38578
|
+
const [error, setError] = (0, import_react250.useState)();
|
|
38579
|
+
const [progress, setProgress] = (0, import_react250.useState)();
|
|
38580
|
+
const [result, setResult] = (0, import_react250.useState)();
|
|
38043
38581
|
const startTest = () => {
|
|
38044
38582
|
updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
|
|
38045
38583
|
setError(void 0);
|
|
@@ -38058,14 +38596,14 @@ var init_ConnectivityTest = __esm({
|
|
|
38058
38596
|
setError(error2);
|
|
38059
38597
|
});
|
|
38060
38598
|
};
|
|
38061
|
-
return /* @__PURE__ */
|
|
38599
|
+
return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(
|
|
38062
38600
|
RegionSelector,
|
|
38063
38601
|
{
|
|
38064
38602
|
region,
|
|
38065
38603
|
setRegion,
|
|
38066
|
-
startTest: progress === void 0 || progress ===
|
|
38604
|
+
startTest: progress === void 0 || progress === import_react_sdk131.ConnectivityState.COMPLETED ? startTest : void 0
|
|
38067
38605
|
}
|
|
38068
|
-
), /* @__PURE__ */
|
|
38606
|
+
), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
|
|
38069
38607
|
};
|
|
38070
38608
|
downloadJson = (obj, fileName) => {
|
|
38071
38609
|
const a2 = document.createElement("a");
|
|
@@ -38080,14 +38618,14 @@ var init_ConnectivityTest = __esm({
|
|
|
38080
38618
|
});
|
|
38081
38619
|
|
|
38082
38620
|
// src/Diagnostics/VideoTest.tsx
|
|
38083
|
-
var
|
|
38621
|
+
var import_react251, import_react_sdk132, import_react_icons115, VideoTest;
|
|
38084
38622
|
var init_VideoTest = __esm({
|
|
38085
38623
|
"src/Diagnostics/VideoTest.tsx"() {
|
|
38086
38624
|
"use strict";
|
|
38087
38625
|
init_define_process_env();
|
|
38088
|
-
|
|
38089
|
-
|
|
38090
|
-
|
|
38626
|
+
import_react251 = __toESM(require("react"));
|
|
38627
|
+
import_react_sdk132 = require("@100mslive/react-sdk");
|
|
38628
|
+
import_react_icons115 = require("@100mslive/react-icons");
|
|
38091
38629
|
init_PermissionErrorModal();
|
|
38092
38630
|
init_components();
|
|
38093
38631
|
init_Layout();
|
|
@@ -38098,18 +38636,18 @@ var init_VideoTest = __esm({
|
|
|
38098
38636
|
init_DiagnosticsContext();
|
|
38099
38637
|
VideoTest = () => {
|
|
38100
38638
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
38101
|
-
const allDevices = (0,
|
|
38639
|
+
const allDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectDevices);
|
|
38102
38640
|
const { videoInput } = allDevices;
|
|
38103
|
-
const trackID = (0,
|
|
38104
|
-
const sdkSelectedDevices = (0,
|
|
38105
|
-
const [error, setError] = (0,
|
|
38106
|
-
(0,
|
|
38641
|
+
const trackID = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalVideoTrackID);
|
|
38642
|
+
const sdkSelectedDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalMediaSettings);
|
|
38643
|
+
const [error, setError] = (0, import_react251.useState)();
|
|
38644
|
+
(0, import_react251.useEffect)(() => {
|
|
38107
38645
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
38108
38646
|
updateStep(1 /* VIDEO */, { hasFailed: true });
|
|
38109
38647
|
setError(err);
|
|
38110
38648
|
});
|
|
38111
38649
|
}, [hmsDiagnostics, updateStep]);
|
|
38112
|
-
return /* @__PURE__ */
|
|
38650
|
+
return /* @__PURE__ */ import_react251.default.createElement(import_react251.default.Fragment, null, /* @__PURE__ */ import_react251.default.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ import_react251.default.createElement(
|
|
38113
38651
|
StyledVideoTile.Container,
|
|
38114
38652
|
{
|
|
38115
38653
|
css: {
|
|
@@ -38119,33 +38657,33 @@ var init_VideoTest = __esm({
|
|
|
38119
38657
|
"@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
|
|
38120
38658
|
}
|
|
38121
38659
|
},
|
|
38122
|
-
/* @__PURE__ */
|
|
38123
|
-
), /* @__PURE__ */
|
|
38660
|
+
/* @__PURE__ */ import_react251.default.createElement(Video, { mirror: true, trackId: trackID })
|
|
38661
|
+
), /* @__PURE__ */ import_react251.default.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ import_react251.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ import_react251.default.createElement(
|
|
38124
38662
|
DeviceSelector2,
|
|
38125
38663
|
{
|
|
38126
38664
|
title: "Video",
|
|
38127
38665
|
devices: videoInput || [],
|
|
38128
|
-
icon: /* @__PURE__ */
|
|
38666
|
+
icon: /* @__PURE__ */ import_react251.default.createElement(import_react_icons115.VideoOnIcon, null),
|
|
38129
38667
|
selection: sdkSelectedDevices.videoInputDeviceId,
|
|
38130
38668
|
onChange: (deviceId) => __async(void 0, null, function* () {
|
|
38131
38669
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
|
|
38132
38670
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
|
|
38133
38671
|
})
|
|
38134
38672
|
}
|
|
38135
|
-
))), /* @__PURE__ */
|
|
38673
|
+
))), /* @__PURE__ */ import_react251.default.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ import_react251.default.createElement(PermissionErrorModal, { error }));
|
|
38136
38674
|
};
|
|
38137
38675
|
}
|
|
38138
38676
|
});
|
|
38139
38677
|
|
|
38140
38678
|
// src/Diagnostics/Diagnostics.tsx
|
|
38141
|
-
var
|
|
38679
|
+
var import_react252, import_react_sdk133, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
|
|
38142
38680
|
var init_Diagnostics = __esm({
|
|
38143
38681
|
"src/Diagnostics/Diagnostics.tsx"() {
|
|
38144
38682
|
"use strict";
|
|
38145
38683
|
init_define_process_env();
|
|
38146
|
-
|
|
38147
|
-
|
|
38148
|
-
|
|
38684
|
+
import_react252 = __toESM(require("react"));
|
|
38685
|
+
import_react_sdk133 = require("@100mslive/react-sdk");
|
|
38686
|
+
import_react_icons116 = require("@100mslive/react-icons");
|
|
38149
38687
|
init_Layout();
|
|
38150
38688
|
init_Text2();
|
|
38151
38689
|
init_Theme();
|
|
@@ -38155,12 +38693,12 @@ var init_Diagnostics = __esm({
|
|
|
38155
38693
|
init_DiagnosticsContext();
|
|
38156
38694
|
init_VideoTest();
|
|
38157
38695
|
DiagnosticsStepIcon = {
|
|
38158
|
-
[1 /* VIDEO */]: /* @__PURE__ */
|
|
38159
|
-
[2 /* AUDIO */]: /* @__PURE__ */
|
|
38160
|
-
[0 /* BROWSER */]: /* @__PURE__ */
|
|
38161
|
-
[3 /* CONNECTIVITY */]: /* @__PURE__ */
|
|
38696
|
+
[1 /* VIDEO */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.VideoOnIcon, { width: "2rem", height: "2rem" }),
|
|
38697
|
+
[2 /* AUDIO */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.MicOnIcon, { width: "2rem", height: "2rem" }),
|
|
38698
|
+
[0 /* BROWSER */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.GlobeIcon, { width: "2rem", height: "2rem" }),
|
|
38699
|
+
[3 /* CONNECTIVITY */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.ConnectivityIcon, { width: "2rem", height: "2rem" })
|
|
38162
38700
|
};
|
|
38163
|
-
Container5 = ({ children }) => /* @__PURE__ */
|
|
38701
|
+
Container5 = ({ children }) => /* @__PURE__ */ import_react252.default.createElement(
|
|
38164
38702
|
Box,
|
|
38165
38703
|
{
|
|
38166
38704
|
css: {
|
|
@@ -38200,7 +38738,7 @@ var init_Diagnostics = __esm({
|
|
|
38200
38738
|
);
|
|
38201
38739
|
DiagnosticsStepTest = () => {
|
|
38202
38740
|
const { activeStepIndex } = useDiagnostics();
|
|
38203
|
-
let TestComponent = () => /* @__PURE__ */
|
|
38741
|
+
let TestComponent = () => /* @__PURE__ */ import_react252.default.createElement(import_react252.default.Fragment, null);
|
|
38204
38742
|
if (activeStepIndex === 2 /* AUDIO */) {
|
|
38205
38743
|
TestComponent = AudioTest;
|
|
38206
38744
|
} else if (activeStepIndex === 1 /* VIDEO */) {
|
|
@@ -38210,47 +38748,47 @@ var init_Diagnostics = __esm({
|
|
|
38210
38748
|
} else if (activeStepIndex === 3 /* CONNECTIVITY */) {
|
|
38211
38749
|
TestComponent = ConnectivityTest;
|
|
38212
38750
|
}
|
|
38213
|
-
return /* @__PURE__ */
|
|
38751
|
+
return /* @__PURE__ */ import_react252.default.createElement(TestComponent, { key: activeStepIndex });
|
|
38214
38752
|
};
|
|
38215
38753
|
DiagnosticsStepHeader = () => {
|
|
38216
38754
|
const { activeStepIndex, activeStep } = useDiagnostics();
|
|
38217
|
-
return /* @__PURE__ */
|
|
38755
|
+
return /* @__PURE__ */ import_react252.default.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ import_react252.default.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
|
|
38218
38756
|
};
|
|
38219
38757
|
DiagnosticsStepContainer = () => {
|
|
38220
|
-
return /* @__PURE__ */
|
|
38758
|
+
return /* @__PURE__ */ import_react252.default.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepTest, null));
|
|
38221
38759
|
};
|
|
38222
38760
|
DiagnosticsStepsList = () => {
|
|
38223
38761
|
const { activeStepIndex, activeStep, steps } = useDiagnostics();
|
|
38224
|
-
return /* @__PURE__ */
|
|
38762
|
+
return /* @__PURE__ */ import_react252.default.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
|
|
38225
38763
|
const keyIndex = Number(key);
|
|
38226
38764
|
const step = steps[keyIndex];
|
|
38227
38765
|
const isStepCompleted = activeStepIndex > keyIndex || activeStep.isCompleted;
|
|
38228
38766
|
let color = "$on_primary_low";
|
|
38229
|
-
let icon = /* @__PURE__ */
|
|
38767
|
+
let icon = /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
38230
38768
|
if (activeStepIndex === keyIndex) {
|
|
38231
38769
|
color = "$on_primary_high";
|
|
38232
|
-
icon = /* @__PURE__ */
|
|
38770
|
+
icon = /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
|
|
38233
38771
|
}
|
|
38234
38772
|
if (isStepCompleted) {
|
|
38235
38773
|
color = "$primary_bright";
|
|
38236
|
-
icon = /* @__PURE__ */
|
|
38774
|
+
icon = /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.CheckCircleIcon, { width: "1rem", height: "1rem" });
|
|
38237
38775
|
}
|
|
38238
38776
|
if (step.hasFailed) {
|
|
38239
38777
|
color = "$alert_error_default";
|
|
38240
|
-
icon = /* @__PURE__ */
|
|
38778
|
+
icon = /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.CrossCircleIcon, { width: "1rem", height: "1rem" });
|
|
38241
38779
|
}
|
|
38242
|
-
return /* @__PURE__ */
|
|
38780
|
+
return /* @__PURE__ */ import_react252.default.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: color } }, step.name));
|
|
38243
38781
|
}));
|
|
38244
38782
|
};
|
|
38245
38783
|
DiagnosticsProvider = () => {
|
|
38246
|
-
const actions = (0,
|
|
38247
|
-
const [activeStep, setActiveStep] = (0,
|
|
38248
|
-
const [steps, setSteps] = (0,
|
|
38249
|
-
const diagnosticsRef = (0,
|
|
38250
|
-
const updateStep = (0,
|
|
38784
|
+
const actions = (0, import_react_sdk133.useHMSActions)();
|
|
38785
|
+
const [activeStep, setActiveStep] = (0, import_react252.useState)(0);
|
|
38786
|
+
const [steps, setSteps] = (0, import_react252.useState)(initialSteps);
|
|
38787
|
+
const diagnosticsRef = (0, import_react252.useRef)(actions.initDiagnostics());
|
|
38788
|
+
const updateStep = (0, import_react252.useCallback)((step, value) => {
|
|
38251
38789
|
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|
|
38252
38790
|
}, []);
|
|
38253
|
-
return /* @__PURE__ */
|
|
38791
|
+
return /* @__PURE__ */ import_react252.default.createElement(
|
|
38254
38792
|
DiagnosticsContext.Provider,
|
|
38255
38793
|
{
|
|
38256
38794
|
value: {
|
|
@@ -38261,11 +38799,11 @@ var init_Diagnostics = __esm({
|
|
|
38261
38799
|
updateStep
|
|
38262
38800
|
}
|
|
38263
38801
|
},
|
|
38264
|
-
/* @__PURE__ */
|
|
38802
|
+
/* @__PURE__ */ import_react252.default.createElement(Container5, null, /* @__PURE__ */ import_react252.default.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ import_react252.default.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ import_react252.default.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepContainer, null)))
|
|
38265
38803
|
);
|
|
38266
38804
|
};
|
|
38267
38805
|
Diagnostics = () => {
|
|
38268
|
-
return /* @__PURE__ */
|
|
38806
|
+
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)));
|
|
38269
38807
|
};
|
|
38270
38808
|
}
|
|
38271
38809
|
});
|