@100mslive/roomkit-react 0.2.2 → 0.2.3-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +53 -0
- package/dist/{HLSView-LVQBZ4PX.js → HLSView-XUM6YSBP.js} +2 -2
- package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +2 -0
- package/dist/{chunk-AMKCMJY4.js → chunk-USVBISD5.js} +1290 -557
- package/dist/chunk-USVBISD5.js.map +7 -0
- package/dist/index.cjs.js +1340 -604
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +162 -121
- package/dist/meta.esbuild.json +165 -124
- package/package.json +7 -7
- package/src/Prebuilt/components/AuthToken.jsx +34 -30
- package/src/Prebuilt/components/ConferenceScreen.tsx +2 -1
- package/src/Prebuilt/components/ErrorBoundary.jsx +4 -2
- package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +10 -0
- package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +29 -12
- package/src/Prebuilt/images/transaction_error.svg +12 -0
- package/src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts +5 -3
- package/dist/chunk-AMKCMJY4.js.map +0 -7
- /package/dist/{HLSView-LVQBZ4PX.js.map → HLSView-XUM6YSBP.js.map} +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -44,13 +44,13 @@ var __export = (target, all) => {
|
|
|
44
44
|
for (var name in all)
|
|
45
45
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
46
46
|
};
|
|
47
|
-
var __copyProps = (
|
|
47
|
+
var __copyProps = (to2, from, except, desc) => {
|
|
48
48
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
49
49
|
for (let key of __getOwnPropNames(from))
|
|
50
|
-
if (!__hasOwnProp.call(
|
|
51
|
-
__defProp(
|
|
50
|
+
if (!__hasOwnProp.call(to2, key) && key !== except)
|
|
51
|
+
__defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
52
52
|
}
|
|
53
|
-
return
|
|
53
|
+
return to2;
|
|
54
54
|
};
|
|
55
55
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
56
56
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
@@ -108,7 +108,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
108
108
|
var define_process_env_default;
|
|
109
109
|
var init_define_process_env = __esm({
|
|
110
110
|
"<define:process.env>"() {
|
|
111
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_a04fd411-4c3e-4df4-a380-7c3eb29b326e", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.9.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a04fd411-4c3e-4df4-a380-7c3eb29b326e", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/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.12.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.5", 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.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", 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: "591", 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_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.13/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.6/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240122.3.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", 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_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:18987", 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__rollup_plugin_commonjs: "^21.0.3", 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.2.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7655023964", 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_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: "e1fee68a01f0166cc2c5e19a39c7b0119e0a3bd8", 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: "e3cbea57c2ec51a3c5437ff30109e13e97fcd52bad8dcc278ab2a388cb511868", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", 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--1706188404234-0.8154313388858776:/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.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706188404039-0.03945887380755497:/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.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706188381959-0.12127972265737141:/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.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706188381782-0.5488573631161362:/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.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/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.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_9140f21f-1ef1-4fdb-b55d-98c78b8fd3a7", INVOCATION_ID: "aec1a62ae1c64c24b8caa221494fb0e4", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "416", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 410", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", 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/25.2.9519653", 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.9.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "e1fee68a01f0166cc2c5e19a39c7b0119e0a3bd8", 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/main", GITHUB_ACTOR: "KaustubhKumar05", 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_a04fd411-4c3e-4df4-a380-7c3eb29b326e", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_a04fd411-4c3e-4df4-a380-7c3eb29b326e", 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/25.2.9519653", 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.154/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_a04fd411-4c3e-4df4-a380-7c3eb29b326e" };
|
|
111
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_c3a56f5d-542a-457f-bb99-def4e1b34f63", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.9.3-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c3a56f5d-542a-457f-bb99-def4e1b34f63", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/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.12.3-alpha.1", 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.6", 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.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", 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: "592", 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_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.13/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.6/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240122.3.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", 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_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:19807", 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__rollup_plugin_commonjs: "^21.0.3", 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.2.3-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7726033825", 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_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: "186da3cb403754304f9e22daa325d046c0d4b2a4", 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: "fe4d4dae976d17f9f44ad09ad58aeb20aba2db434c5d1be0359747930f350839", 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--1706704204997-0.35420580292737114:/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.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706704204803-0.0945178382635854:/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.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706704182973-0.5623377738704765:/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.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706704182795-0.3139961448225308:/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.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/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.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_bc2e9589-6f29-4993-a86b-3a41c9d5d017", INVOCATION_ID: "26a6713e08894fca93fe527b131dc2a6", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "418", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 486", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", 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/25.2.9519653", 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.9.3-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.3-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", 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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "186da3cb403754304f9e22daa325d046c0d4b2a4", 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: "KaustubhKumar05", 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_c3a56f5d-542a-457f-bb99-def4e1b34f63", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_c3a56f5d-542a-457f-bb99-def4e1b34f63", 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/25.2.9519653", 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.154/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_c3a56f5d-542a-457f-bb99-def4e1b34f63" };
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
|
|
@@ -4105,201 +4105,39 @@ var init_AppContext = __esm({
|
|
|
4105
4105
|
}
|
|
4106
4106
|
});
|
|
4107
4107
|
|
|
4108
|
-
// src/Prebuilt/
|
|
4109
|
-
var
|
|
4110
|
-
var
|
|
4111
|
-
"src/Prebuilt/
|
|
4112
|
-
"
|
|
4113
|
-
init_define_process_env();
|
|
4114
|
-
import_react31 = __toESM(require("react"));
|
|
4115
|
-
import_react_icons7 = require("@100mslive/react-icons");
|
|
4116
|
-
init_Button2();
|
|
4117
|
-
init_Divider2();
|
|
4118
|
-
init_IconButton2();
|
|
4119
|
-
init_Input2();
|
|
4120
|
-
init_Label2();
|
|
4121
|
-
init_Layout();
|
|
4122
|
-
init_Modal();
|
|
4123
|
-
init_Select2();
|
|
4124
|
-
init_Text2();
|
|
4125
|
-
DialogContent = (_a8) => {
|
|
4126
|
-
var _b7 = _a8, { Icon: Icon3, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
|
|
4127
|
-
return /* @__PURE__ */ import_react31.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react31.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react31.default.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ import_react31.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react31.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react31.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon3 ? /* @__PURE__ */ import_react31.default.createElement(Box, { css: __spreadValues({ mr: "$2", color: "$on_primary_high" }, iconCSS) }, /* @__PURE__ */ import_react31.default.createElement(Icon3, null)) : null, /* @__PURE__ */ import_react31.default.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ import_react31.default.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ import_react31.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ import_react31.default.createElement(Box, null, children)));
|
|
4128
|
-
};
|
|
4129
|
-
ErrorDialog = (_a8) => {
|
|
4130
|
-
var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
|
|
4131
|
-
return /* @__PURE__ */ import_react31.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react31.default.createElement(
|
|
4132
|
-
DialogContent,
|
|
4133
|
-
__spreadValues({
|
|
4134
|
-
Icon: import_react_icons7.CrossIcon,
|
|
4135
|
-
title,
|
|
4136
|
-
onInteractOutside: (e) => e.preventDefault(),
|
|
4137
|
-
onEscapeKeyDown: (e) => e.preventDefault(),
|
|
4138
|
-
onPointerDownOutside: (e) => e.preventDefault(),
|
|
4139
|
-
closeable: false,
|
|
4140
|
-
iconCSS: { color: "$alert_error_default" }
|
|
4141
|
-
}, props),
|
|
4142
|
-
/* @__PURE__ */ import_react31.default.createElement(Box, { css: { mt: "$lg" } }, children)
|
|
4143
|
-
));
|
|
4144
|
-
};
|
|
4145
|
-
RequestDialog = ({ open = true, onOpenChange, title, body, actionText = "Accept", onAction, Icon: Icon3 }) => /* @__PURE__ */ import_react31.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react31.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react31.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react31.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react31.default.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md" } }, Icon3 ? Icon3 : null, /* @__PURE__ */ import_react31.default.createElement(Text, { variant: "h6" }, title)), typeof body === "string" ? /* @__PURE__ */ import_react31.default.createElement(
|
|
4146
|
-
Text,
|
|
4147
|
-
{
|
|
4148
|
-
variant: "md",
|
|
4149
|
-
css: {
|
|
4150
|
-
fontWeight: 400,
|
|
4151
|
-
mt: "$4",
|
|
4152
|
-
mb: "$10",
|
|
4153
|
-
c: "$on_surface_medium"
|
|
4154
|
-
}
|
|
4155
|
-
},
|
|
4156
|
-
body
|
|
4157
|
-
) : /* @__PURE__ */ import_react31.default.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ import_react31.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ import_react31.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react31.default.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ import_react31.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Cancel"))), /* @__PURE__ */ import_react31.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react31.default.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText))))));
|
|
4158
|
-
DialogRow = ({ children, breakSm = false, css: css2, justify = "between" }) => {
|
|
4159
|
-
let finalCSS = {
|
|
4160
|
-
margin: "$10 0",
|
|
4161
|
-
w: "100%"
|
|
4162
|
-
};
|
|
4163
|
-
if (breakSm) {
|
|
4164
|
-
finalCSS["@sm"] = {
|
|
4165
|
-
flexDirection: "column",
|
|
4166
|
-
alignItems: "flex-start"
|
|
4167
|
-
};
|
|
4168
|
-
}
|
|
4169
|
-
if (css2) {
|
|
4170
|
-
finalCSS = Object.assign(finalCSS, css2);
|
|
4171
|
-
}
|
|
4172
|
-
return /* @__PURE__ */ import_react31.default.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
|
|
4173
|
-
};
|
|
4174
|
-
DialogCol = (_a8) => {
|
|
4175
|
-
var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
|
|
4176
|
-
let finalCSS = {
|
|
4177
|
-
margin: "$10 0",
|
|
4178
|
-
w: "100%"
|
|
4179
|
-
};
|
|
4180
|
-
if (breakSm) {
|
|
4181
|
-
finalCSS["@sm"] = {
|
|
4182
|
-
alignItems: "flex-start"
|
|
4183
|
-
};
|
|
4184
|
-
}
|
|
4185
|
-
if (css2) {
|
|
4186
|
-
finalCSS = Object.assign(finalCSS, css2);
|
|
4187
|
-
}
|
|
4188
|
-
return /* @__PURE__ */ import_react31.default.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
|
|
4189
|
-
};
|
|
4190
|
-
DialogSelect = (_a8) => {
|
|
4191
|
-
var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
|
|
4192
|
-
return /* @__PURE__ */ import_react31.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react31.default.createElement(Label3, null, title), /* @__PURE__ */ import_react31.default.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react31.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react31.default.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
|
|
4193
|
-
const id = keyField ? option[keyField] : option;
|
|
4194
|
-
const label = labelField ? option[labelField] : option;
|
|
4195
|
-
return /* @__PURE__ */ import_react31.default.createElement("option", { value: id, key: id }, label);
|
|
4196
|
-
}))));
|
|
4197
|
-
};
|
|
4198
|
-
DialogInputFile = (_a8) => {
|
|
4199
|
-
var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
|
|
4200
|
-
const inputRef = (0, import_react31.useRef)();
|
|
4201
|
-
return /* @__PURE__ */ import_react31.default.createElement(
|
|
4202
|
-
DialogCol,
|
|
4203
|
-
{
|
|
4204
|
-
breakSm: true,
|
|
4205
|
-
onClick: () => {
|
|
4206
|
-
var _a9;
|
|
4207
|
-
return (_a9 = inputRef.current) == null ? void 0 : _a9.click();
|
|
4208
|
-
},
|
|
4209
|
-
css: {
|
|
4210
|
-
justifyContent: "center",
|
|
4211
|
-
position: "relative",
|
|
4212
|
-
cursor: "pointer",
|
|
4213
|
-
py: "$12",
|
|
4214
|
-
border: "1px dashed $border_bright",
|
|
4215
|
-
r: "$1",
|
|
4216
|
-
height: "max(140px, 30%)",
|
|
4217
|
-
alignItems: "center",
|
|
4218
|
-
m: "$6 0"
|
|
4219
|
-
},
|
|
4220
|
-
gap: "8"
|
|
4221
|
-
},
|
|
4222
|
-
/* @__PURE__ */ import_react31.default.createElement(
|
|
4223
|
-
IconButton,
|
|
4224
|
-
{
|
|
4225
|
-
variant: "standard",
|
|
4226
|
-
css: {
|
|
4227
|
-
border: "none",
|
|
4228
|
-
background: "none",
|
|
4229
|
-
"&:hover": {
|
|
4230
|
-
border: "none",
|
|
4231
|
-
background: "none",
|
|
4232
|
-
bg: "$transparent !important"
|
|
4233
|
-
}
|
|
4234
|
-
}
|
|
4235
|
-
},
|
|
4236
|
-
/* @__PURE__ */ import_react31.default.createElement(
|
|
4237
|
-
import_react_icons7.CloudUploadIcon,
|
|
4238
|
-
{
|
|
4239
|
-
style: {
|
|
4240
|
-
width: "3rem",
|
|
4241
|
-
height: "3rem"
|
|
4242
|
-
}
|
|
4243
|
-
}
|
|
4244
|
-
)
|
|
4245
|
-
),
|
|
4246
|
-
/* @__PURE__ */ import_react31.default.createElement(Flex, { direction: "row" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
4247
|
-
Input,
|
|
4248
|
-
__spreadValues({
|
|
4249
|
-
ref: inputRef,
|
|
4250
|
-
css: { width: "70%", "@sm": { width: "100%" } },
|
|
4251
|
-
value,
|
|
4252
|
-
onChange: (e) => onChange(e.target),
|
|
4253
|
-
placeholder,
|
|
4254
|
-
disabled,
|
|
4255
|
-
type,
|
|
4256
|
-
hidden: true
|
|
4257
|
-
}, props)
|
|
4258
|
-
), /* @__PURE__ */ import_react31.default.createElement(
|
|
4259
|
-
IconButton,
|
|
4260
|
-
{
|
|
4261
|
-
variant: "standard",
|
|
4262
|
-
css: {
|
|
4263
|
-
background: "none",
|
|
4264
|
-
border: "none",
|
|
4265
|
-
textDecoration: "underline",
|
|
4266
|
-
"&:hover": {
|
|
4267
|
-
background: "none !important",
|
|
4268
|
-
border: "none !important"
|
|
4269
|
-
}
|
|
4270
|
-
}
|
|
4271
|
-
},
|
|
4272
|
-
/* @__PURE__ */ import_react31.default.createElement(Text, { variant: "md" }, placeholder)
|
|
4273
|
-
))
|
|
4274
|
-
);
|
|
4275
|
-
};
|
|
4108
|
+
// src/Prebuilt/images/transaction_error.svg
|
|
4109
|
+
var transaction_error_default;
|
|
4110
|
+
var init_transaction_error = __esm({
|
|
4111
|
+
"src/Prebuilt/images/transaction_error.svg"() {
|
|
4112
|
+
transaction_error_default = 'data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M70 68.3333V26.6667C70 24.825 68.5083 23.3333 66.6667 23.3333H13.3333C11.4917 23.3333 10 24.825 10 26.6667V68.3333C10 70.175 11.4917 71.6667 13.3333 71.6667H66.6667C68.5083 71.6667 70 70.175 70 68.3333Z" fill="%23272A31"/>%0A<path d="M20 31.6667H60C61.8417 31.6667 63.3333 33.1583 63.3333 35C63.3333 36.8417 61.8417 38.3333 60 38.3333H20C18.1583 38.3333 16.6667 36.8417 16.6667 35C16.6667 33.1583 18.1583 31.6667 20 31.6667Z" fill="%238F9099"/>%0A<path d="M58.3333 36.6667V10C58.3333 9.08 57.5867 8.33334 56.6667 8.33334H55C55 9.25334 54.2533 10 53.3333 10C52.4133 10 51.6667 9.25334 51.6667 8.33334H48.3333C48.3333 9.25334 47.5867 10 46.6667 10C45.7467 10 45 9.25334 45 8.33334H41.6667C41.6667 9.25334 40.92 10 40 10C39.08 10 38.3333 9.25334 38.3333 8.33334H35C35 9.25334 34.2533 10 33.3333 10C32.4133 10 31.6667 9.25334 31.6667 8.33334H28.3333C28.3333 9.25334 27.5867 10 26.6667 10C25.7467 10 25 9.25334 25 8.33334H23.3333C22.4133 8.33334 21.6667 9.08 21.6667 10V36.6667H58.3333Z" fill="%23C74E5B"/>%0A<path d="M21.6667 43.3333H58.3333C60.175 43.3333 61.6667 44.825 61.6667 46.6667V50C61.6667 51.8417 60.175 53.3333 58.3333 53.3333H21.6667C19.825 53.3333 18.3333 51.8417 18.3333 50V46.6667C18.3333 44.825 19.825 43.3333 21.6667 43.3333Z" fill="%23C5C6D0"/>%0A<path d="M60 66.6667H55C54.08 66.6667 53.3333 65.92 53.3333 65V60C53.3333 59.08 54.08 58.3333 55 58.3333H60C60.92 58.3333 61.6667 59.08 61.6667 60V65C61.6667 65.92 60.92 66.6667 60 66.6667Z" fill="%23C5C6D0"/>%0A<path d="M25 66.6667H20C19.08 66.6667 18.3333 65.92 18.3333 65V60C18.3333 59.08 19.08 58.3333 20 58.3333H25C25.92 58.3333 26.6667 59.08 26.6667 60V65C26.6667 65.92 25.92 66.6667 25 66.6667ZM36.6667 66.6667H31.6667C30.7467 66.6667 30 65.92 30 65V60C30 59.08 30.7467 58.3333 31.6667 58.3333H36.6667C37.5867 58.3333 38.3333 59.08 38.3333 60V65C38.3333 65.92 37.5867 66.6667 36.6667 66.6667ZM48.3333 66.6667H43.3333C42.4133 66.6667 41.6667 65.92 41.6667 65V60C41.6667 59.08 42.4133 58.3333 43.3333 58.3333H48.3333C49.2533 58.3333 50 59.08 50 60V65C50 65.92 49.2533 66.6667 48.3333 66.6667Z" fill="%23C5C6D0"/>%0A<path d="M58.3333 35H21.6667V38.3333H58.3333V35Z" fill="%23C74E5B"/>%0A<path opacity="0.05" d="M45.3033 32.315C44.6383 32.315 44.01 32.0567 43.5367 31.585L40 28.0467L36.465 31.5817C35.9917 32.0533 35.365 32.3133 34.6967 32.3133C34.0283 32.3133 33.4 32.0533 32.9267 31.58L31.75 30.4033C31.2783 29.9333 31.0183 29.3033 31.0183 28.6333C31.0183 27.9667 31.2783 27.3383 31.75 26.8667L35.2867 23.3333L31.7517 19.7983C31.28 19.3283 31.02 18.7 31.02 18.0317C31.02 17.3617 31.28 16.7333 31.7517 16.2617L32.93 15.0833C33.4017 14.6117 34.0283 14.3517 34.6983 14.3517C35.3633 14.3517 35.9917 14.61 36.465 15.0817L40 18.62L43.535 15.0833C44.0083 14.6117 44.635 14.3517 45.3033 14.3517C45.9683 14.3517 46.5967 14.61 47.07 15.0817L48.25 16.2617C48.7217 16.7317 48.9817 17.3617 48.9817 18.0317C48.9817 18.6983 48.7217 19.3267 48.25 19.7983L44.7117 23.3333L48.2483 26.87C49.2217 27.84 49.2233 29.425 48.2517 30.4017L47.07 31.5833C46.5983 32.055 45.9717 32.315 45.3033 32.315Z" fill="black"/>%0A<path opacity="0.07" d="M45.3033 31.4817C44.8583 31.4817 44.44 31.3083 44.125 30.995L40 26.8683L35.875 30.9933C35.56 31.3083 35.1417 31.48 34.6967 31.48C34.25 31.48 33.8317 31.3067 33.5183 30.9917L32.34 29.8133C32.025 29.4983 31.8517 29.08 31.8517 28.6333C31.8517 28.1883 32.025 27.77 32.34 27.455L36.465 23.3333L32.34 19.2083C32.0267 18.895 31.8517 18.4767 31.8517 18.0317C31.8517 17.585 32.025 17.1667 32.34 16.8517L33.5183 15.6733C33.8317 15.36 34.25 15.1867 34.6967 15.1867C35.1417 15.1867 35.56 15.36 35.875 15.6733L40 19.7983L44.125 15.6717C44.44 15.3567 44.8583 15.185 45.3033 15.185C45.7483 15.185 46.1667 15.3583 46.4817 15.6717L47.66 16.8517C47.975 17.1667 48.1483 17.585 48.1483 18.0317C48.1483 18.4767 47.975 18.895 47.66 19.21L43.5333 23.3333L47.66 27.46C48.31 28.1067 48.31 29.1633 47.6617 29.815L46.4817 30.995C46.1667 31.3083 45.7483 31.4817 45.3033 31.4817Z" fill="black"/>%0A<path d="M42.3567 23.3333L47.0717 18.6183C47.3967 18.2933 47.3967 17.765 47.0717 17.44L45.8933 16.2617C45.5667 15.9367 45.04 15.9367 44.715 16.2617L40 20.9767L35.2867 16.2633C34.9617 15.9383 34.4333 15.9383 34.1083 16.2633L32.93 17.4417C32.605 17.7667 32.605 18.295 32.93 18.62L37.6433 23.3333L32.93 28.0467C32.605 28.3717 32.605 28.9 32.93 29.225L34.1083 30.4033C34.4333 30.7283 34.9617 30.7283 35.2867 30.4033L40 25.69L44.715 30.405C45.04 30.73 45.5683 30.73 45.8933 30.405L47.0717 29.2267C47.3967 28.9 47.3967 28.3733 47.0717 28.0483L42.3567 23.3333Z" fill="%23FFEDEC"/>%0A</svg>%0A';
|
|
4276
4113
|
}
|
|
4277
4114
|
});
|
|
4278
4115
|
|
|
4279
4116
|
// src/Prebuilt/components/AuthToken.jsx
|
|
4280
|
-
var
|
|
4117
|
+
var import_react31, import_react_use2, import_uuid, import_react_sdk9, AuthToken, convertError, AuthToken_default;
|
|
4281
4118
|
var init_AuthToken = __esm({
|
|
4282
4119
|
"src/Prebuilt/components/AuthToken.jsx"() {
|
|
4283
4120
|
"use strict";
|
|
4284
4121
|
init_define_process_env();
|
|
4285
|
-
|
|
4122
|
+
import_react31 = __toESM(require("react"));
|
|
4286
4123
|
import_react_use2 = require("react-use");
|
|
4287
4124
|
import_uuid = require("uuid");
|
|
4288
4125
|
import_react_sdk9 = require("@100mslive/react-sdk");
|
|
4289
|
-
|
|
4126
|
+
init_Modal();
|
|
4127
|
+
init_Text2();
|
|
4290
4128
|
init_AppContext();
|
|
4291
|
-
|
|
4129
|
+
init_transaction_error();
|
|
4292
4130
|
init_useUISettings();
|
|
4293
4131
|
init_useUserPreferences();
|
|
4294
4132
|
init_constants();
|
|
4295
|
-
AuthToken =
|
|
4133
|
+
AuthToken = import_react31.default.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken }) => {
|
|
4296
4134
|
const hmsActions = (0, import_react_sdk9.useHMSActions)();
|
|
4297
4135
|
const { roomCode, userId } = useHMSPrebuiltContext();
|
|
4298
|
-
const [error, setError] = (0,
|
|
4136
|
+
const [error, setError] = (0, import_react31.useState)({ title: "", body: "" });
|
|
4299
4137
|
let authToken = defaultAuthToken;
|
|
4300
4138
|
const [, setAuthTokenInAppData] = useSetAppDataByKey(APP_DATA.authToken);
|
|
4301
4139
|
const [savedUserId, setSavedUserId] = (0, import_react_use2.useSessionStorage)(UserPreferencesKeys.USER_ID);
|
|
4302
|
-
(0,
|
|
4140
|
+
(0, import_react31.useEffect)(() => {
|
|
4303
4141
|
if (authToken) {
|
|
4304
4142
|
setAuthTokenInAppData(authToken);
|
|
4305
4143
|
return;
|
|
@@ -4323,51 +4161,64 @@ var init_AuthToken = __esm({
|
|
|
4323
4161
|
setSavedUserId
|
|
4324
4162
|
]);
|
|
4325
4163
|
if (error.title) {
|
|
4326
|
-
return /* @__PURE__ */
|
|
4164
|
+
return /* @__PURE__ */ import_react31.default.createElement(Dialog.Root, { open: true }, /* @__PURE__ */ import_react31.default.createElement(
|
|
4165
|
+
Dialog.Content,
|
|
4166
|
+
{
|
|
4167
|
+
css: {
|
|
4168
|
+
maxWidth: "$100",
|
|
4169
|
+
boxSizing: "border-box",
|
|
4170
|
+
p: "$10 $12",
|
|
4171
|
+
display: "flex",
|
|
4172
|
+
flexDirection: "column",
|
|
4173
|
+
alignItems: "center"
|
|
4174
|
+
}
|
|
4175
|
+
},
|
|
4176
|
+
/* @__PURE__ */ import_react31.default.createElement("img", { src: transaction_error_default, height: 80, width: 80 }),
|
|
4177
|
+
/* @__PURE__ */ import_react31.default.createElement(Text, { variant: "h4", css: { textAlign: "center", mb: "$4", mt: "$10" } }, error.title),
|
|
4178
|
+
/* @__PURE__ */ import_react31.default.createElement(Text, { css: { c: "$on_surface_medium", textAlign: "center" } }, error.body)
|
|
4179
|
+
));
|
|
4327
4180
|
}
|
|
4328
4181
|
return null;
|
|
4329
4182
|
});
|
|
4330
4183
|
convertError = (error) => {
|
|
4331
4184
|
console.error("[error]", { error });
|
|
4185
|
+
console.warn(
|
|
4186
|
+
"If you think this is a mistake on our side, please reach out to us over Discord:",
|
|
4187
|
+
"https://discord.com/invite/kGdmszyzq2"
|
|
4188
|
+
);
|
|
4332
4189
|
if (error.action === "GET_TOKEN" && error.code === 403) {
|
|
4333
4190
|
return {
|
|
4334
|
-
title: "
|
|
4335
|
-
body:
|
|
4191
|
+
title: "Psst! This room is currently inactive.",
|
|
4192
|
+
body: "Please feel free to join another open room for more conversations. Thanks for stopping by!"
|
|
4336
4193
|
};
|
|
4337
4194
|
} else if (error.action === "GET_TOKEN" && error.code === 404) {
|
|
4338
4195
|
return {
|
|
4339
4196
|
title: "Room code does not exist",
|
|
4340
|
-
body:
|
|
4197
|
+
body: "We could not find a room code corresponding to this link."
|
|
4341
4198
|
};
|
|
4342
4199
|
} else if (error.action === "GET_TOKEN" && error.code === 2003) {
|
|
4343
4200
|
return {
|
|
4344
4201
|
title: "Endpoint is not reachable",
|
|
4345
|
-
body:
|
|
4202
|
+
body: `Endpoint is not reachable. ${error.description}.`
|
|
4346
4203
|
};
|
|
4347
4204
|
} else if (error.response && error.response.status === 404) {
|
|
4348
4205
|
return {
|
|
4349
4206
|
title: "Room does not exist",
|
|
4350
|
-
body:
|
|
4207
|
+
body: "We could not find a room corresponding to this link."
|
|
4351
4208
|
};
|
|
4352
4209
|
} else if (error.response && error.response.status === 403) {
|
|
4353
4210
|
return {
|
|
4354
4211
|
title: "Accessing room using this link format is disabled",
|
|
4355
|
-
body:
|
|
4212
|
+
body: "You can re-enable this from the developer section in Dashboard."
|
|
4356
4213
|
};
|
|
4357
4214
|
} else {
|
|
4358
4215
|
console.error("Token API Error", error);
|
|
4359
4216
|
return {
|
|
4360
4217
|
title: "Error fetching token",
|
|
4361
|
-
body:
|
|
4362
|
-
"An error occurred while fetching the app token. Please look into logs for more details."
|
|
4363
|
-
)
|
|
4218
|
+
body: "An error occurred while fetching the app token. Please look into logs for more details."
|
|
4364
4219
|
};
|
|
4365
4220
|
}
|
|
4366
4221
|
};
|
|
4367
|
-
Link2 = styled("a", {
|
|
4368
|
-
color: "#2f80e1"
|
|
4369
|
-
});
|
|
4370
|
-
ErrorWithSupportLink = (errorMessage) => /* @__PURE__ */ import_react32.default.createElement("div", null, errorMessage, " If you think this is a mistake on our side, please create", " ", /* @__PURE__ */ import_react32.default.createElement(Link2, { target: "_blank", href: "https://github.com/100mslive/100ms-web/issues", rel: "noreferrer" }, "an issue"), " ", "or reach out over", " ", /* @__PURE__ */ import_react32.default.createElement(Link2, { target: "_blank", href: "https://discord.com/invite/kGdmszyzq2", rel: "noreferrer" }, "Discord"), ".");
|
|
4371
4222
|
AuthToken_default = AuthToken;
|
|
4372
4223
|
}
|
|
4373
4224
|
});
|
|
@@ -4410,13 +4261,13 @@ var init_IconButton3 = __esm({
|
|
|
4410
4261
|
});
|
|
4411
4262
|
|
|
4412
4263
|
// src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx
|
|
4413
|
-
var
|
|
4264
|
+
var import_react32, import_react_icons7, IconSection, OptionsSection, IconButtonWithOptions;
|
|
4414
4265
|
var init_IconButtonWithOptions = __esm({
|
|
4415
4266
|
"src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx"() {
|
|
4416
4267
|
"use strict";
|
|
4417
4268
|
init_define_process_env();
|
|
4418
|
-
|
|
4419
|
-
|
|
4269
|
+
import_react32 = __toESM(require("react"));
|
|
4270
|
+
import_react_icons7 = require("@100mslive/react-icons");
|
|
4420
4271
|
init_Dropdown2();
|
|
4421
4272
|
init_Layout();
|
|
4422
4273
|
init_Theme();
|
|
@@ -4472,7 +4323,7 @@ var init_IconButtonWithOptions = __esm({
|
|
|
4472
4323
|
}) => {
|
|
4473
4324
|
const bgCss = { backgroundColor: disabled ? "$surface_brighter" : active ? "$transparent" : "$secondary_dim" };
|
|
4474
4325
|
const iconCss = { color: disabled ? "$on_surface_low" : active ? "$on_surface_high" : "$on_primary_high" };
|
|
4475
|
-
return /* @__PURE__ */
|
|
4326
|
+
return /* @__PURE__ */ import_react32.default.createElement(Flex, null, /* @__PURE__ */ import_react32.default.createElement(IconSection, { css: bgCss, onClick }, /* @__PURE__ */ import_react32.default.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ import_react32.default.createElement(Flex, { align: "center", justify: "center", css: iconCss }, icon))), /* @__PURE__ */ import_react32.default.createElement(Dropdown.Root, null, /* @__PURE__ */ import_react32.default.createElement(
|
|
4476
4327
|
Dropdown.Trigger,
|
|
4477
4328
|
{
|
|
4478
4329
|
asChild: true,
|
|
@@ -4483,8 +4334,8 @@ var init_IconButtonWithOptions = __esm({
|
|
|
4483
4334
|
}
|
|
4484
4335
|
}
|
|
4485
4336
|
},
|
|
4486
|
-
/* @__PURE__ */
|
|
4487
|
-
), /* @__PURE__ */
|
|
4337
|
+
/* @__PURE__ */ import_react32.default.createElement(OptionsSection, { css: bgCss }, /* @__PURE__ */ import_react32.default.createElement(Tooltip, { title: "View Options" }, /* @__PURE__ */ import_react32.default.createElement(Box, { css: iconCss }, /* @__PURE__ */ import_react32.default.createElement(import_react_icons7.VerticalMenuIcon, null))))
|
|
4338
|
+
), /* @__PURE__ */ import_react32.default.createElement(
|
|
4488
4339
|
Dropdown.Content,
|
|
4489
4340
|
{
|
|
4490
4341
|
sideOffset: 5,
|
|
@@ -4496,7 +4347,7 @@ var init_IconButtonWithOptions = __esm({
|
|
|
4496
4347
|
border: "none"
|
|
4497
4348
|
}
|
|
4498
4349
|
},
|
|
4499
|
-
options.map((option, index) => /* @__PURE__ */
|
|
4350
|
+
options.map((option, index) => /* @__PURE__ */ import_react32.default.createElement(
|
|
4500
4351
|
Dropdown.Item,
|
|
4501
4352
|
{
|
|
4502
4353
|
key: option.title,
|
|
@@ -4569,14 +4420,14 @@ var init_ToastManager = __esm({
|
|
|
4569
4420
|
});
|
|
4570
4421
|
|
|
4571
4422
|
// src/Prebuilt/components/AudioVideoToggle.jsx
|
|
4572
|
-
var
|
|
4423
|
+
var import_react33, import_react_sdk10, import_react_icons8, optionsCSS, AudioVideoToggle;
|
|
4573
4424
|
var init_AudioVideoToggle = __esm({
|
|
4574
4425
|
"src/Prebuilt/components/AudioVideoToggle.jsx"() {
|
|
4575
4426
|
"use strict";
|
|
4576
4427
|
init_define_process_env();
|
|
4577
|
-
|
|
4428
|
+
import_react33 = __toESM(require("react"));
|
|
4578
4429
|
import_react_sdk10 = require("@100mslive/react-sdk");
|
|
4579
|
-
|
|
4430
|
+
import_react_icons8 = require("@100mslive/react-icons");
|
|
4580
4431
|
init_IconButtonWithOptions();
|
|
4581
4432
|
init_ToastManager();
|
|
4582
4433
|
init_Text2();
|
|
@@ -4589,7 +4440,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
4589
4440
|
const { videoInput, audioInput } = allDevices;
|
|
4590
4441
|
const formattedVideoInputList = videoInput == null ? void 0 : videoInput.map((videoInput2) => ({
|
|
4591
4442
|
active: selectedDeviceIDs.videoInput === videoInput2.deviceId,
|
|
4592
|
-
content: /* @__PURE__ */
|
|
4443
|
+
content: /* @__PURE__ */ import_react33.default.createElement(
|
|
4593
4444
|
Text,
|
|
4594
4445
|
{
|
|
4595
4446
|
variant: "sm",
|
|
@@ -4605,7 +4456,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
4605
4456
|
}));
|
|
4606
4457
|
const formattedAudioInputList = audioInput == null ? void 0 : audioInput.map((audioInput2) => ({
|
|
4607
4458
|
active: selectedDeviceIDs.audioInput === audioInput2.deviceId,
|
|
4608
|
-
content: /* @__PURE__ */
|
|
4459
|
+
content: /* @__PURE__ */ import_react33.default.createElement(
|
|
4609
4460
|
Text,
|
|
4610
4461
|
{
|
|
4611
4462
|
variant: "sm",
|
|
@@ -4626,7 +4477,7 @@ var init_AudioVideoToggle = __esm({
|
|
|
4626
4477
|
const roomState = (0, import_react_sdk10.useHMSStore)(import_react_sdk10.selectRoomState);
|
|
4627
4478
|
const hasAudioDevices = (audioInput == null ? void 0 : audioInput.length) > 0;
|
|
4628
4479
|
const hasVideoDevices = (videoInput == null ? void 0 : videoInput.length) > 0;
|
|
4629
|
-
return /* @__PURE__ */
|
|
4480
|
+
return /* @__PURE__ */ import_react33.default.createElement(import_react33.Fragment, null, toggleAudio ? hideOptions || !hasAudioDevices ? /* @__PURE__ */ import_react33.default.createElement(Tooltip, { title: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)` }, /* @__PURE__ */ import_react33.default.createElement(
|
|
4630
4481
|
IconButton_default,
|
|
4631
4482
|
{
|
|
4632
4483
|
active: isLocalAudioEnabled,
|
|
@@ -4636,20 +4487,20 @@ var init_AudioVideoToggle = __esm({
|
|
|
4636
4487
|
"data-testid": "audio_btn",
|
|
4637
4488
|
className: "__cancel-drag-event"
|
|
4638
4489
|
},
|
|
4639
|
-
!isLocalAudioEnabled ? /* @__PURE__ */
|
|
4640
|
-
)) : /* @__PURE__ */
|
|
4490
|
+
!isLocalAudioEnabled ? /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.MicOnIcon, { "data-testid": "audio_on_btn" })
|
|
4491
|
+
)) : /* @__PURE__ */ import_react33.default.createElement(
|
|
4641
4492
|
IconButtonWithOptions,
|
|
4642
4493
|
{
|
|
4643
4494
|
options: formattedAudioInputList,
|
|
4644
4495
|
disabled: !toggleAudio,
|
|
4645
4496
|
onDisabledClick: toggleAudio,
|
|
4646
4497
|
tooltipMessage: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)`,
|
|
4647
|
-
icon: !isLocalAudioEnabled ? /* @__PURE__ */
|
|
4498
|
+
icon: !isLocalAudioEnabled ? /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.MicOnIcon, { "data-testid": "audio_on_btn" }),
|
|
4648
4499
|
active: isLocalAudioEnabled,
|
|
4649
4500
|
onClick: toggleAudio,
|
|
4650
4501
|
key: "toggleAudio"
|
|
4651
4502
|
}
|
|
4652
|
-
) : null, toggleVideo ? hideOptions || !hasVideoDevices ? /* @__PURE__ */
|
|
4503
|
+
) : null, toggleVideo ? hideOptions || !hasVideoDevices ? /* @__PURE__ */ import_react33.default.createElement(Tooltip, { title: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)` }, /* @__PURE__ */ import_react33.default.createElement(
|
|
4653
4504
|
IconButton_default,
|
|
4654
4505
|
{
|
|
4655
4506
|
key: "toggleVideo",
|
|
@@ -4659,20 +4510,20 @@ var init_AudioVideoToggle = __esm({
|
|
|
4659
4510
|
"data-testid": "video_btn",
|
|
4660
4511
|
className: "__cancel-drag-event"
|
|
4661
4512
|
},
|
|
4662
|
-
!isLocalVideoEnabled ? /* @__PURE__ */
|
|
4663
|
-
)) : /* @__PURE__ */
|
|
4513
|
+
!isLocalVideoEnabled ? /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VideoOnIcon, { "data-testid": "video_on_btn" })
|
|
4514
|
+
)) : /* @__PURE__ */ import_react33.default.createElement(
|
|
4664
4515
|
IconButtonWithOptions,
|
|
4665
4516
|
{
|
|
4666
4517
|
disabled: !toggleVideo,
|
|
4667
4518
|
onDisabledClick: toggleVideo,
|
|
4668
4519
|
options: formattedVideoInputList,
|
|
4669
4520
|
tooltipMessage: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)`,
|
|
4670
|
-
icon: !isLocalVideoEnabled ? /* @__PURE__ */
|
|
4521
|
+
icon: !isLocalVideoEnabled ? /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VideoOnIcon, { "data-testid": "video_on_btn" }),
|
|
4671
4522
|
key: "toggleVideo",
|
|
4672
4523
|
active: isLocalVideoEnabled,
|
|
4673
4524
|
onClick: toggleVideo
|
|
4674
4525
|
}
|
|
4675
|
-
) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk10.HMSRoomState.Preview ? /* @__PURE__ */
|
|
4526
|
+
) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk10.HMSRoomState.Preview ? /* @__PURE__ */ import_react33.default.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ import_react33.default.createElement(
|
|
4676
4527
|
IconButton_default,
|
|
4677
4528
|
{
|
|
4678
4529
|
onClick: () => __async(void 0, null, function* () {
|
|
@@ -4686,19 +4537,19 @@ var init_AudioVideoToggle = __esm({
|
|
|
4686
4537
|
}
|
|
4687
4538
|
})
|
|
4688
4539
|
},
|
|
4689
|
-
/* @__PURE__ */
|
|
4540
|
+
/* @__PURE__ */ import_react33.default.createElement(import_react_icons8.CameraFlipIcon, null)
|
|
4690
4541
|
)) : null);
|
|
4691
4542
|
};
|
|
4692
4543
|
}
|
|
4693
4544
|
});
|
|
4694
4545
|
|
|
4695
4546
|
// src/Prebuilt/components/Footer/EmojiCard.jsx
|
|
4696
|
-
var
|
|
4547
|
+
var import_react34, emojiReactionList, EmojiCard, EmojiContainer;
|
|
4697
4548
|
var init_EmojiCard = __esm({
|
|
4698
4549
|
"src/Prebuilt/components/Footer/EmojiCard.jsx"() {
|
|
4699
4550
|
"use strict";
|
|
4700
4551
|
init_define_process_env();
|
|
4701
|
-
|
|
4552
|
+
import_react34 = __toESM(require("react"));
|
|
4702
4553
|
init_Layout();
|
|
4703
4554
|
init_Theme();
|
|
4704
4555
|
emojiReactionList = [
|
|
@@ -4706,7 +4557,7 @@ var init_EmojiCard = __esm({
|
|
|
4706
4557
|
[{ emojiId: "tada" }, { emojiId: "heart_eyes" }, { emojiId: "joy" }, { emojiId: "open_mouth" }, { emojiId: "sob" }]
|
|
4707
4558
|
];
|
|
4708
4559
|
EmojiCard = ({ sendReaction }) => {
|
|
4709
|
-
return emojiReactionList.map((emojiLine, index) => /* @__PURE__ */
|
|
4560
|
+
return emojiReactionList.map((emojiLine, index) => /* @__PURE__ */ import_react34.default.createElement(Flex, { key: index, justify: "between", css: { mb: "$8" } }, emojiLine.map((emoji) => /* @__PURE__ */ import_react34.default.createElement(EmojiContainer, { key: emoji.emojiId, onClick: () => sendReaction(emoji.emojiId) }, /* @__PURE__ */ import_react34.default.createElement("em-emoji", { id: emoji.emojiId, size: "100%", set: "apple" })))));
|
|
4710
4561
|
};
|
|
4711
4562
|
EmojiContainer = styled("span", {
|
|
4712
4563
|
position: "relative",
|
|
@@ -4724,17 +4575,17 @@ var init_EmojiCard = __esm({
|
|
|
4724
4575
|
});
|
|
4725
4576
|
|
|
4726
4577
|
// src/Prebuilt/components/hooks/useDropdownList.jsx
|
|
4727
|
-
var
|
|
4578
|
+
var import_react35, useDropdownList;
|
|
4728
4579
|
var init_useDropdownList = __esm({
|
|
4729
4580
|
"src/Prebuilt/components/hooks/useDropdownList.jsx"() {
|
|
4730
4581
|
"use strict";
|
|
4731
4582
|
init_define_process_env();
|
|
4732
|
-
|
|
4583
|
+
import_react35 = require("react");
|
|
4733
4584
|
init_useUISettings();
|
|
4734
4585
|
init_constants();
|
|
4735
4586
|
useDropdownList = ({ name, open }) => {
|
|
4736
4587
|
const [dropdownList = [], setDropdownList] = useSetAppDataByKey(APP_DATA.dropdownList);
|
|
4737
|
-
(0,
|
|
4588
|
+
(0, import_react35.useEffect)(() => {
|
|
4738
4589
|
if (open) {
|
|
4739
4590
|
if (!dropdownList.includes(name)) {
|
|
4740
4591
|
setDropdownList([...dropdownList, name]);
|
|
@@ -4753,17 +4604,17 @@ var init_useDropdownList = __esm({
|
|
|
4753
4604
|
});
|
|
4754
4605
|
|
|
4755
4606
|
// src/Prebuilt/components/EmojiReaction.jsx
|
|
4756
|
-
var
|
|
4607
|
+
var import_react36, import_react_use3, import_apple, import_emoji_mart, import_react_sdk11, import_react_icons9, EmojiReaction;
|
|
4757
4608
|
var init_EmojiReaction = __esm({
|
|
4758
4609
|
"src/Prebuilt/components/EmojiReaction.jsx"() {
|
|
4759
4610
|
"use strict";
|
|
4760
4611
|
init_define_process_env();
|
|
4761
|
-
|
|
4612
|
+
import_react36 = __toESM(require("react"));
|
|
4762
4613
|
import_react_use3 = require("react-use");
|
|
4763
4614
|
import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
|
|
4764
4615
|
import_emoji_mart = require("emoji-mart");
|
|
4765
4616
|
import_react_sdk11 = require("@100mslive/react-sdk");
|
|
4766
|
-
|
|
4617
|
+
import_react_icons9 = require("@100mslive/react-icons");
|
|
4767
4618
|
init_EmojiCard();
|
|
4768
4619
|
init_Dropdown2();
|
|
4769
4620
|
init_Layout();
|
|
@@ -4774,7 +4625,7 @@ var init_EmojiReaction = __esm({
|
|
|
4774
4625
|
init_constants();
|
|
4775
4626
|
(0, import_emoji_mart.init)({ data: import_apple.default });
|
|
4776
4627
|
EmojiReaction = () => {
|
|
4777
|
-
const [open, setOpen] = (0,
|
|
4628
|
+
const [open, setOpen] = (0, import_react36.useState)(false);
|
|
4778
4629
|
const isConnected = (0, import_react_sdk11.useHMSStore)(import_react_sdk11.selectIsConnectedToRoom);
|
|
4779
4630
|
useDropdownList({ open, name: "EmojiReaction" });
|
|
4780
4631
|
const roles = (0, import_react_sdk11.useHMSStore)(import_react_sdk11.selectAvailableRoleNames);
|
|
@@ -4796,19 +4647,19 @@ var init_EmojiReaction = __esm({
|
|
|
4796
4647
|
if (!isConnected) {
|
|
4797
4648
|
return null;
|
|
4798
4649
|
}
|
|
4799
|
-
return isMobile ? /* @__PURE__ */
|
|
4650
|
+
return isMobile ? /* @__PURE__ */ import_react36.default.createElement(EmojiCard, { sendReaction }) : /* @__PURE__ */ import_react36.default.createElement(import_react36.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react36.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "emoji_reaction_btn" }, /* @__PURE__ */ import_react36.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react36.default.createElement(Tooltip, { title: "Emoji reaction" }, /* @__PURE__ */ import_react36.default.createElement(Box, null, /* @__PURE__ */ import_react36.default.createElement(import_react_icons9.EmojiIcon, null))))), /* @__PURE__ */ import_react36.default.createElement(Dropdown.Content, { sideOffset: 5, align: "center", css: { p: "$8", bg: "$surface_default" } }, /* @__PURE__ */ import_react36.default.createElement(EmojiCard, { sendReaction }))));
|
|
4800
4651
|
};
|
|
4801
4652
|
}
|
|
4802
4653
|
});
|
|
4803
4654
|
|
|
4804
4655
|
// src/Prebuilt/components/Leave/EndSessionContent.tsx
|
|
4805
|
-
var
|
|
4656
|
+
var import_react37, import_react_icons10, EndSessionContent;
|
|
4806
4657
|
var init_EndSessionContent = __esm({
|
|
4807
4658
|
"src/Prebuilt/components/Leave/EndSessionContent.tsx"() {
|
|
4808
4659
|
"use strict";
|
|
4809
4660
|
init_define_process_env();
|
|
4810
|
-
|
|
4811
|
-
|
|
4661
|
+
import_react37 = __toESM(require("react"));
|
|
4662
|
+
import_react_icons10 = require("@100mslive/react-icons");
|
|
4812
4663
|
init_Button2();
|
|
4813
4664
|
init_Layout();
|
|
4814
4665
|
init_Text2();
|
|
@@ -4818,7 +4669,7 @@ var init_EndSessionContent = __esm({
|
|
|
4818
4669
|
isModal = false,
|
|
4819
4670
|
isStreamingOn = false
|
|
4820
4671
|
}) => {
|
|
4821
|
-
return /* @__PURE__ */
|
|
4672
|
+
return /* @__PURE__ */ import_react37.default.createElement(Box, null, /* @__PURE__ */ import_react37.default.createElement(
|
|
4822
4673
|
Flex,
|
|
4823
4674
|
{
|
|
4824
4675
|
css: {
|
|
@@ -4827,10 +4678,10 @@ var init_EndSessionContent = __esm({
|
|
|
4827
4678
|
alignItems: "center"
|
|
4828
4679
|
}
|
|
4829
4680
|
},
|
|
4830
|
-
/* @__PURE__ */
|
|
4831
|
-
/* @__PURE__ */
|
|
4832
|
-
isModal ? null : /* @__PURE__ */
|
|
4833
|
-
), /* @__PURE__ */
|
|
4681
|
+
/* @__PURE__ */ import_react37.default.createElement(import_react_icons10.AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
|
|
4682
|
+
/* @__PURE__ */ import_react37.default.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "End ", isStreamingOn ? "Stream" : "Session"),
|
|
4683
|
+
isModal ? null : /* @__PURE__ */ import_react37.default.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowEndStreamAlert(false) }, /* @__PURE__ */ import_react37.default.createElement(import_react_icons10.CrossIcon, null))
|
|
4684
|
+
), /* @__PURE__ */ import_react37.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "The ", isStreamingOn ? "stream" : "session", " will end for everyone. You can't undo this action."), /* @__PURE__ */ import_react37.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react37.default.createElement(
|
|
4834
4685
|
Button,
|
|
4835
4686
|
{
|
|
4836
4687
|
outlined: true,
|
|
@@ -4839,7 +4690,7 @@ var init_EndSessionContent = __esm({
|
|
|
4839
4690
|
onClick: () => setShowEndStreamAlert(false)
|
|
4840
4691
|
},
|
|
4841
4692
|
"Cancel"
|
|
4842
|
-
), /* @__PURE__ */
|
|
4693
|
+
), /* @__PURE__ */ import_react37.default.createElement(
|
|
4843
4694
|
Button,
|
|
4844
4695
|
{
|
|
4845
4696
|
variant: "danger",
|
|
@@ -4892,12 +4743,12 @@ var init_LeaveAtoms = __esm({
|
|
|
4892
4743
|
});
|
|
4893
4744
|
|
|
4894
4745
|
// src/Prebuilt/components/Leave/LeaveCard.tsx
|
|
4895
|
-
var
|
|
4746
|
+
var import_react38, LeaveCard;
|
|
4896
4747
|
var init_LeaveCard = __esm({
|
|
4897
4748
|
"src/Prebuilt/components/Leave/LeaveCard.tsx"() {
|
|
4898
4749
|
"use strict";
|
|
4899
4750
|
init_define_process_env();
|
|
4900
|
-
|
|
4751
|
+
import_react38 = __toESM(require("react"));
|
|
4901
4752
|
init_Layout();
|
|
4902
4753
|
init_Text2();
|
|
4903
4754
|
LeaveCard = ({
|
|
@@ -4909,19 +4760,19 @@ var init_LeaveCard = __esm({
|
|
|
4909
4760
|
titleColor,
|
|
4910
4761
|
css: css2 = {}
|
|
4911
4762
|
}) => {
|
|
4912
|
-
return /* @__PURE__ */
|
|
4763
|
+
return /* @__PURE__ */ import_react38.default.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg }, css2), onClick }, /* @__PURE__ */ import_react38.default.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ import_react38.default.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ import_react38.default.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ import_react38.default.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
|
|
4913
4764
|
};
|
|
4914
4765
|
}
|
|
4915
4766
|
});
|
|
4916
4767
|
|
|
4917
4768
|
// src/Prebuilt/components/Leave/LeaveSessionContent.tsx
|
|
4918
|
-
var
|
|
4769
|
+
var import_react39, import_react_icons11, LeaveSessionContent;
|
|
4919
4770
|
var init_LeaveSessionContent = __esm({
|
|
4920
4771
|
"src/Prebuilt/components/Leave/LeaveSessionContent.tsx"() {
|
|
4921
4772
|
"use strict";
|
|
4922
4773
|
init_define_process_env();
|
|
4923
|
-
|
|
4924
|
-
|
|
4774
|
+
import_react39 = __toESM(require("react"));
|
|
4775
|
+
import_react_icons11 = require("@100mslive/react-icons");
|
|
4925
4776
|
init_Button2();
|
|
4926
4777
|
init_Layout();
|
|
4927
4778
|
init_Text2();
|
|
@@ -4930,7 +4781,7 @@ var init_LeaveSessionContent = __esm({
|
|
|
4930
4781
|
leaveRoom,
|
|
4931
4782
|
isModal = false
|
|
4932
4783
|
}) => {
|
|
4933
|
-
return /* @__PURE__ */
|
|
4784
|
+
return /* @__PURE__ */ import_react39.default.createElement(Box, null, /* @__PURE__ */ import_react39.default.createElement(
|
|
4934
4785
|
Flex,
|
|
4935
4786
|
{
|
|
4936
4787
|
css: {
|
|
@@ -4939,10 +4790,10 @@ var init_LeaveSessionContent = __esm({
|
|
|
4939
4790
|
alignItems: "center"
|
|
4940
4791
|
}
|
|
4941
4792
|
},
|
|
4942
|
-
/* @__PURE__ */
|
|
4943
|
-
/* @__PURE__ */
|
|
4944
|
-
isModal ? null : /* @__PURE__ */
|
|
4945
|
-
), /* @__PURE__ */
|
|
4793
|
+
/* @__PURE__ */ import_react39.default.createElement(import_react_icons11.AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
|
|
4794
|
+
/* @__PURE__ */ import_react39.default.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "Leave"),
|
|
4795
|
+
isModal ? null : /* @__PURE__ */ import_react39.default.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowLeaveRoomAlert(false) }, /* @__PURE__ */ import_react39.default.createElement(import_react_icons11.CrossIcon, null))
|
|
4796
|
+
), /* @__PURE__ */ import_react39.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", mb: "$8", mt: "$4" } }, "Others will continue after you leave. You can join the session again."), /* @__PURE__ */ import_react39.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react39.default.createElement(
|
|
4946
4797
|
Button,
|
|
4947
4798
|
{
|
|
4948
4799
|
outlined: true,
|
|
@@ -4951,7 +4802,7 @@ var init_LeaveSessionContent = __esm({
|
|
|
4951
4802
|
onClick: () => setShowLeaveRoomAlert(false)
|
|
4952
4803
|
},
|
|
4953
4804
|
"Cancel"
|
|
4954
|
-
), /* @__PURE__ */
|
|
4805
|
+
), /* @__PURE__ */ import_react39.default.createElement(
|
|
4955
4806
|
Button,
|
|
4956
4807
|
{
|
|
4957
4808
|
variant: "danger",
|
|
@@ -4969,14 +4820,14 @@ var init_LeaveSessionContent = __esm({
|
|
|
4969
4820
|
});
|
|
4970
4821
|
|
|
4971
4822
|
// src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
|
|
4972
|
-
var
|
|
4823
|
+
var import_react40, import_react_sdk12, import_react_icons12, DesktopLeaveRoom;
|
|
4973
4824
|
var init_DesktopLeaveRoom = __esm({
|
|
4974
4825
|
"src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx"() {
|
|
4975
4826
|
"use strict";
|
|
4976
4827
|
init_define_process_env();
|
|
4977
|
-
|
|
4828
|
+
import_react40 = __toESM(require("react"));
|
|
4978
4829
|
import_react_sdk12 = require("@100mslive/react-sdk");
|
|
4979
|
-
|
|
4830
|
+
import_react_icons12 = require("@100mslive/react-icons");
|
|
4980
4831
|
init_Dropdown2();
|
|
4981
4832
|
init_Layout();
|
|
4982
4833
|
init_Modal();
|
|
@@ -4991,9 +4842,9 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
4991
4842
|
screenType,
|
|
4992
4843
|
endRoom
|
|
4993
4844
|
}) => {
|
|
4994
|
-
const [open, setOpen] = (0,
|
|
4995
|
-
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0,
|
|
4996
|
-
const [showEndStreamAlert, setShowEndStreamAlert] = (0,
|
|
4845
|
+
const [open, setOpen] = (0, import_react40.useState)(false);
|
|
4846
|
+
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react40.useState)(false);
|
|
4847
|
+
const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react40.useState)(false);
|
|
4997
4848
|
const isConnected = (0, import_react_sdk12.useHMSStore)(import_react_sdk12.selectIsConnectedToRoom);
|
|
4998
4849
|
const permissions = (0, import_react_sdk12.useHMSStore)(import_react_sdk12.selectPermissions);
|
|
4999
4850
|
const { isStreamingOn } = (0, import_react_sdk12.useRecordingStreaming)();
|
|
@@ -5003,7 +4854,7 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
5003
4854
|
if (!permissions || !isConnected) {
|
|
5004
4855
|
return null;
|
|
5005
4856
|
}
|
|
5006
|
-
return /* @__PURE__ */
|
|
4857
|
+
return /* @__PURE__ */ import_react40.default.createElement(import_react40.Fragment, null, showLeaveOptions ? /* @__PURE__ */ import_react40.default.createElement(Flex, null, /* @__PURE__ */ import_react40.default.createElement(
|
|
5007
4858
|
LeaveIconButton,
|
|
5008
4859
|
{
|
|
5009
4860
|
key: "LeaveRoom",
|
|
@@ -5014,8 +4865,8 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
5014
4865
|
},
|
|
5015
4866
|
onClick: () => setShowLeaveRoomAlert(true)
|
|
5016
4867
|
},
|
|
5017
|
-
/* @__PURE__ */
|
|
5018
|
-
), /* @__PURE__ */
|
|
4868
|
+
/* @__PURE__ */ import_react40.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react40.default.createElement(Box, null, /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.ExitIcon, { style: { transform: "rotate(180deg)" } })))
|
|
4869
|
+
), /* @__PURE__ */ import_react40.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ import_react40.default.createElement(
|
|
5019
4870
|
Dropdown.Trigger,
|
|
5020
4871
|
{
|
|
5021
4872
|
asChild: true,
|
|
@@ -5025,8 +4876,8 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
5025
4876
|
}
|
|
5026
4877
|
}
|
|
5027
4878
|
},
|
|
5028
|
-
/* @__PURE__ */
|
|
5029
|
-
), /* @__PURE__ */
|
|
4879
|
+
/* @__PURE__ */ import_react40.default.createElement(MenuTriggerButton, { "data-testid": "leave_end_dropdown_trigger" }, /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.VerticalMenuIcon, null))
|
|
4880
|
+
), /* @__PURE__ */ import_react40.default.createElement(Dropdown.Content, { css: { p: 0, w: "$100" }, alignOffset: -50, sideOffset: 10 }, /* @__PURE__ */ import_react40.default.createElement(
|
|
5030
4881
|
Dropdown.Item,
|
|
5031
4882
|
{
|
|
5032
4883
|
css: {
|
|
@@ -5037,21 +4888,21 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
5037
4888
|
},
|
|
5038
4889
|
"data-testid": "just_leave_btn"
|
|
5039
4890
|
},
|
|
5040
|
-
/* @__PURE__ */
|
|
4891
|
+
/* @__PURE__ */ import_react40.default.createElement(
|
|
5041
4892
|
LeaveCard,
|
|
5042
4893
|
{
|
|
5043
4894
|
title: showStream ? "Leave Stream" : "Leave Session",
|
|
5044
4895
|
subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
|
|
5045
4896
|
bg: "",
|
|
5046
4897
|
titleColor: "$on_surface_high",
|
|
5047
|
-
icon: /* @__PURE__ */
|
|
4898
|
+
icon: /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
|
|
5048
4899
|
onClick: () => __async(void 0, null, function* () {
|
|
5049
4900
|
return yield leaveRoom();
|
|
5050
4901
|
}),
|
|
5051
4902
|
css: { p: "$8 $4" }
|
|
5052
4903
|
}
|
|
5053
4904
|
)
|
|
5054
|
-
), /* @__PURE__ */
|
|
4905
|
+
), /* @__PURE__ */ import_react40.default.createElement(
|
|
5055
4906
|
Dropdown.Item,
|
|
5056
4907
|
{
|
|
5057
4908
|
css: {
|
|
@@ -5062,14 +4913,14 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
5062
4913
|
},
|
|
5063
4914
|
"data-testid": "end_room_btn"
|
|
5064
4915
|
},
|
|
5065
|
-
/* @__PURE__ */
|
|
4916
|
+
/* @__PURE__ */ import_react40.default.createElement(
|
|
5066
4917
|
LeaveCard,
|
|
5067
4918
|
{
|
|
5068
4919
|
title: showStream ? "End Stream" : "End Session",
|
|
5069
4920
|
subtitle: `The ${showStream ? "stream" : "session"} will end for everyone. You can't undo this action.`,
|
|
5070
4921
|
bg: "",
|
|
5071
4922
|
titleColor: "$alert_error_brighter",
|
|
5072
|
-
icon: /* @__PURE__ */
|
|
4923
|
+
icon: /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.StopIcon, { height: 24, width: 24 }),
|
|
5073
4924
|
onClick: () => {
|
|
5074
4925
|
setOpen(false);
|
|
5075
4926
|
setShowEndStreamAlert(true);
|
|
@@ -5077,7 +4928,7 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
5077
4928
|
css: { p: "$8 $4" }
|
|
5078
4929
|
}
|
|
5079
4930
|
)
|
|
5080
|
-
)))) : /* @__PURE__ */
|
|
4931
|
+
)))) : /* @__PURE__ */ import_react40.default.createElement(
|
|
5081
4932
|
LeaveIconButton,
|
|
5082
4933
|
{
|
|
5083
4934
|
onClick: () => {
|
|
@@ -5086,8 +4937,8 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
5086
4937
|
key: "LeaveRoom",
|
|
5087
4938
|
"data-testid": "leave_room_btn"
|
|
5088
4939
|
},
|
|
5089
|
-
/* @__PURE__ */
|
|
5090
|
-
), /* @__PURE__ */
|
|
4940
|
+
/* @__PURE__ */ import_react40.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react40.default.createElement(Box, null, /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.ExitIcon, { style: { transform: "rotate(180deg)" } })))
|
|
4941
|
+
), /* @__PURE__ */ import_react40.default.createElement(Dialog.Root, { open: showEndStreamAlert, modal: false }, /* @__PURE__ */ import_react40.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react40.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react40.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react40.default.createElement(
|
|
5091
4942
|
EndSessionContent,
|
|
5092
4943
|
{
|
|
5093
4944
|
setShowEndStreamAlert,
|
|
@@ -5095,18 +4946,18 @@ var init_DesktopLeaveRoom = __esm({
|
|
|
5095
4946
|
isStreamingOn,
|
|
5096
4947
|
isModal: true
|
|
5097
4948
|
}
|
|
5098
|
-
)))), /* @__PURE__ */
|
|
4949
|
+
)))), /* @__PURE__ */ import_react40.default.createElement(Dialog.Root, { open: showLeaveRoomAlert, modal: false }, /* @__PURE__ */ import_react40.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react40.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react40.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react40.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom, isModal: true })))));
|
|
5099
4950
|
};
|
|
5100
4951
|
}
|
|
5101
4952
|
});
|
|
5102
4953
|
|
|
5103
4954
|
// src/Sheet/Sheet.tsx
|
|
5104
|
-
var
|
|
4955
|
+
var import_react41, DialogPrimitive2, SheetRoot, SheetTrigger, StyledOverlay, StyledContent6, SheetContent, SheetClose, SheetTitle, SheetDescription, SheetDefaultCloseIcon, Sheet;
|
|
5105
4956
|
var init_Sheet = __esm({
|
|
5106
4957
|
"src/Sheet/Sheet.tsx"() {
|
|
5107
4958
|
"use strict";
|
|
5108
4959
|
init_define_process_env();
|
|
5109
|
-
|
|
4960
|
+
import_react41 = __toESM(require("react"));
|
|
5110
4961
|
DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
|
|
5111
4962
|
init_Modal();
|
|
5112
4963
|
init_Theme();
|
|
@@ -5183,10 +5034,10 @@ var init_Sheet = __esm({
|
|
|
5183
5034
|
side: "bottom"
|
|
5184
5035
|
}
|
|
5185
5036
|
});
|
|
5186
|
-
SheetContent =
|
|
5037
|
+
SheetContent = import_react41.default.forwardRef(
|
|
5187
5038
|
(_a8, forwardedRef) => {
|
|
5188
5039
|
var _b7 = _a8, { children } = _b7, props = __objRest(_b7, ["children"]);
|
|
5189
|
-
return /* @__PURE__ */
|
|
5040
|
+
return /* @__PURE__ */ import_react41.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react41.default.createElement(StyledOverlay, null), /* @__PURE__ */ import_react41.default.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
|
|
5190
5041
|
}
|
|
5191
5042
|
);
|
|
5192
5043
|
SheetClose = Dialog.Close;
|
|
@@ -5217,14 +5068,14 @@ var init_Sheet2 = __esm({
|
|
|
5217
5068
|
});
|
|
5218
5069
|
|
|
5219
5070
|
// src/Prebuilt/components/Leave/MwebLeaveRoom.tsx
|
|
5220
|
-
var
|
|
5071
|
+
var import_react42, import_react_sdk13, import_react_icons13, MwebLeaveRoom;
|
|
5221
5072
|
var init_MwebLeaveRoom = __esm({
|
|
5222
5073
|
"src/Prebuilt/components/Leave/MwebLeaveRoom.tsx"() {
|
|
5223
5074
|
"use strict";
|
|
5224
5075
|
init_define_process_env();
|
|
5225
|
-
|
|
5076
|
+
import_react42 = __toESM(require("react"));
|
|
5226
5077
|
import_react_sdk13 = require("@100mslive/react-sdk");
|
|
5227
|
-
|
|
5078
|
+
import_react_icons13 = require("@100mslive/react-icons");
|
|
5228
5079
|
init_Layout();
|
|
5229
5080
|
init_Sheet2();
|
|
5230
5081
|
init_Tooltip2();
|
|
@@ -5238,9 +5089,9 @@ var init_MwebLeaveRoom = __esm({
|
|
|
5238
5089
|
screenType,
|
|
5239
5090
|
endRoom
|
|
5240
5091
|
}) => {
|
|
5241
|
-
const [open, setOpen] = (0,
|
|
5242
|
-
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0,
|
|
5243
|
-
const [showEndStreamAlert, setShowEndStreamAlert] = (0,
|
|
5092
|
+
const [open, setOpen] = (0, import_react42.useState)(false);
|
|
5093
|
+
const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react42.useState)(false);
|
|
5094
|
+
const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react42.useState)(false);
|
|
5244
5095
|
const isConnected = (0, import_react_sdk13.useHMSStore)(import_react_sdk13.selectIsConnectedToRoom);
|
|
5245
5096
|
const permissions = (0, import_react_sdk13.useHMSStore)(import_react_sdk13.selectPermissions);
|
|
5246
5097
|
const { isStreamingOn } = (0, import_react_sdk13.useRecordingStreaming)();
|
|
@@ -5250,7 +5101,7 @@ var init_MwebLeaveRoom = __esm({
|
|
|
5250
5101
|
if (!permissions || !isConnected) {
|
|
5251
5102
|
return null;
|
|
5252
5103
|
}
|
|
5253
|
-
return /* @__PURE__ */
|
|
5104
|
+
return /* @__PURE__ */ import_react42.default.createElement(import_react42.Fragment, null, showLeaveOptions ? /* @__PURE__ */ import_react42.default.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react42.default.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ import_react42.default.createElement(
|
|
5254
5105
|
LeaveIconButton,
|
|
5255
5106
|
{
|
|
5256
5107
|
key: "LeaveRoom",
|
|
@@ -5260,21 +5111,21 @@ var init_MwebLeaveRoom = __esm({
|
|
|
5260
5111
|
borderBottomRightRadius: "$1"
|
|
5261
5112
|
}
|
|
5262
5113
|
},
|
|
5263
|
-
/* @__PURE__ */
|
|
5264
|
-
)), /* @__PURE__ */
|
|
5114
|
+
/* @__PURE__ */ import_react42.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react42.default.createElement(Box, null, /* @__PURE__ */ import_react42.default.createElement(import_react_icons13.ExitIcon, { style: { transform: "rotate(180deg)" } })))
|
|
5115
|
+
)), /* @__PURE__ */ import_react42.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react42.default.createElement(
|
|
5265
5116
|
LeaveCard,
|
|
5266
5117
|
{
|
|
5267
5118
|
title: showStream ? "Leave Stream" : "Leave Session",
|
|
5268
5119
|
subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
|
|
5269
5120
|
bg: "$surface_default",
|
|
5270
5121
|
titleColor: "$on_surface_high",
|
|
5271
|
-
icon: /* @__PURE__ */
|
|
5122
|
+
icon: /* @__PURE__ */ import_react42.default.createElement(import_react_icons13.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
|
|
5272
5123
|
onClick: () => __async(void 0, null, function* () {
|
|
5273
5124
|
return yield leaveRoom();
|
|
5274
5125
|
}),
|
|
5275
5126
|
css: { pt: 0, mt: "$10", color: "$on_surface_low", "&:hover": { color: "$on_surface_high" } }
|
|
5276
5127
|
}
|
|
5277
|
-
), /* @__PURE__ */
|
|
5128
|
+
), /* @__PURE__ */ import_react42.default.createElement(
|
|
5278
5129
|
LeaveCard,
|
|
5279
5130
|
{
|
|
5280
5131
|
title: showStream ? "End Stream" : "End Session",
|
|
@@ -5282,31 +5133,31 @@ var init_MwebLeaveRoom = __esm({
|
|
|
5282
5133
|
bg: "$alert_error_dim",
|
|
5283
5134
|
titleColor: "$alert_error_brighter",
|
|
5284
5135
|
css: { color: "$alert_error_bright", "&:hover": { color: "$alert_error_brighter" } },
|
|
5285
|
-
icon: /* @__PURE__ */
|
|
5136
|
+
icon: /* @__PURE__ */ import_react42.default.createElement(import_react_icons13.StopIcon, { height: 24, width: 24 }),
|
|
5286
5137
|
onClick: () => {
|
|
5287
5138
|
setOpen(false);
|
|
5288
5139
|
setShowEndStreamAlert(true);
|
|
5289
5140
|
}
|
|
5290
5141
|
}
|
|
5291
|
-
))) : /* @__PURE__ */
|
|
5142
|
+
))) : /* @__PURE__ */ import_react42.default.createElement(LeaveIconButton, { key: "LeaveRoom", "data-testid": "leave_room_btn", onClick: () => setShowLeaveRoomAlert(true) }, /* @__PURE__ */ import_react42.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react42.default.createElement(Box, null, /* @__PURE__ */ import_react42.default.createElement(import_react_icons13.ExitIcon, { style: { transform: "rotate(180deg)" } })))), /* @__PURE__ */ import_react42.default.createElement(Sheet.Root, { open: showEndStreamAlert, onOpenChange: setShowEndStreamAlert }, /* @__PURE__ */ import_react42.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ import_react42.default.createElement(
|
|
5292
5143
|
EndSessionContent,
|
|
5293
5144
|
{
|
|
5294
5145
|
setShowEndStreamAlert,
|
|
5295
5146
|
leaveRoom: isStreamingOn ? leaveRoom : endRoom,
|
|
5296
5147
|
isStreamingOn
|
|
5297
5148
|
}
|
|
5298
|
-
))), /* @__PURE__ */
|
|
5149
|
+
))), /* @__PURE__ */ import_react42.default.createElement(Sheet.Root, { open: showLeaveRoomAlert, onOpenChange: setShowLeaveRoomAlert }, /* @__PURE__ */ import_react42.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ import_react42.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom }))));
|
|
5299
5150
|
};
|
|
5300
5151
|
}
|
|
5301
5152
|
});
|
|
5302
5153
|
|
|
5303
5154
|
// src/Prebuilt/components/Leave/LeaveRoom.tsx
|
|
5304
|
-
var
|
|
5155
|
+
var import_react43, import_react_use4, import_react_sdk14, LeaveRoom;
|
|
5305
5156
|
var init_LeaveRoom = __esm({
|
|
5306
5157
|
"src/Prebuilt/components/Leave/LeaveRoom.tsx"() {
|
|
5307
5158
|
"use strict";
|
|
5308
5159
|
init_define_process_env();
|
|
5309
|
-
|
|
5160
|
+
import_react43 = __toESM(require("react"));
|
|
5310
5161
|
import_react_use4 = require("react-use");
|
|
5311
5162
|
import_react_sdk14 = require("@100mslive/react-sdk");
|
|
5312
5163
|
init_Theme();
|
|
@@ -5351,7 +5202,7 @@ var init_LeaveRoom = __esm({
|
|
|
5351
5202
|
if (!permissions || !isConnected) {
|
|
5352
5203
|
return null;
|
|
5353
5204
|
}
|
|
5354
|
-
return isMobile ? /* @__PURE__ */
|
|
5205
|
+
return isMobile ? /* @__PURE__ */ import_react43.default.createElement(MwebLeaveRoom, { leaveRoom, screenType, endRoom }) : /* @__PURE__ */ import_react43.default.createElement(DesktopLeaveRoom, { leaveRoom, screenType, endRoom });
|
|
5355
5206
|
};
|
|
5356
5207
|
}
|
|
5357
5208
|
});
|
|
@@ -5826,24 +5677,24 @@ var init_SetupMediaSession = __esm({
|
|
|
5826
5677
|
});
|
|
5827
5678
|
|
|
5828
5679
|
// src/Prebuilt/components/PIP/PIPComponent.jsx
|
|
5829
|
-
var
|
|
5680
|
+
var import_react44, import_react_sdk16, import_react_icons14, PIPComponent, ActivatedPIP, PIPComponent_default;
|
|
5830
5681
|
var init_PIPComponent = __esm({
|
|
5831
5682
|
"src/Prebuilt/components/PIP/PIPComponent.jsx"() {
|
|
5832
5683
|
"use strict";
|
|
5833
5684
|
init_define_process_env();
|
|
5834
|
-
|
|
5685
|
+
import_react44 = __toESM(require("react"));
|
|
5835
5686
|
import_react_sdk16 = require("@100mslive/react-sdk");
|
|
5836
|
-
|
|
5687
|
+
import_react_icons14 = require("@100mslive/react-icons");
|
|
5837
5688
|
init_src();
|
|
5838
5689
|
init_IconButton3();
|
|
5839
5690
|
init_PIPManager();
|
|
5840
5691
|
init_SetupMediaSession();
|
|
5841
5692
|
init_useUISettings();
|
|
5842
5693
|
PIPComponent = ({ content = null }) => {
|
|
5843
|
-
const [isPipOn, setIsPipOn] = (0,
|
|
5694
|
+
const [isPipOn, setIsPipOn] = (0, import_react44.useState)(PictureInPicture.isOn());
|
|
5844
5695
|
const hmsActions = (0, import_react_sdk16.useHMSActions)();
|
|
5845
5696
|
const store = (0, import_react_sdk16.useHMSVanillaStore)();
|
|
5846
|
-
const onPipToggle = (0,
|
|
5697
|
+
const onPipToggle = (0, import_react44.useCallback)(() => {
|
|
5847
5698
|
if (!isPipOn) {
|
|
5848
5699
|
PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
|
|
5849
5700
|
MediaSession.setup(hmsActions, store);
|
|
@@ -5854,13 +5705,13 @@ var init_PIPComponent = __esm({
|
|
|
5854
5705
|
if (!PictureInPicture.isSupported()) {
|
|
5855
5706
|
return null;
|
|
5856
5707
|
}
|
|
5857
|
-
return /* @__PURE__ */
|
|
5708
|
+
return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, content ? /* @__PURE__ */ import_react44.default.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ import_react44.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react44.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react44.default.createElement(import_react_icons14.PipIcon, null))));
|
|
5858
5709
|
};
|
|
5859
5710
|
ActivatedPIP = () => {
|
|
5860
5711
|
const tracksMap = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectTracksMap);
|
|
5861
5712
|
const storePeers = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectPeers);
|
|
5862
5713
|
const pinnedTrack = usePinnedTrack();
|
|
5863
|
-
(0,
|
|
5714
|
+
(0, import_react44.useEffect)(() => {
|
|
5864
5715
|
function updatePIP() {
|
|
5865
5716
|
if (!PictureInPicture.isOn()) {
|
|
5866
5717
|
return;
|
|
@@ -5876,22 +5727,22 @@ var init_PIPComponent = __esm({
|
|
|
5876
5727
|
PictureInPicture.listenToStateChange(updatePIP);
|
|
5877
5728
|
updatePIP();
|
|
5878
5729
|
}, [storePeers, tracksMap, pinnedTrack]);
|
|
5879
|
-
return /* @__PURE__ */
|
|
5730
|
+
return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null);
|
|
5880
5731
|
};
|
|
5881
5732
|
PIPComponent_default = PIPComponent;
|
|
5882
5733
|
}
|
|
5883
5734
|
});
|
|
5884
5735
|
|
|
5885
5736
|
// src/Prebuilt/components/PIP/index.jsx
|
|
5886
|
-
var
|
|
5737
|
+
var import_react45, PIP;
|
|
5887
5738
|
var init_PIP = __esm({
|
|
5888
5739
|
"src/Prebuilt/components/PIP/index.jsx"() {
|
|
5889
5740
|
"use strict";
|
|
5890
5741
|
init_define_process_env();
|
|
5891
|
-
|
|
5742
|
+
import_react45 = __toESM(require("react"));
|
|
5892
5743
|
init_PIPComponent();
|
|
5893
5744
|
PIP = ({ content = null }) => {
|
|
5894
|
-
return /* @__PURE__ */
|
|
5745
|
+
return /* @__PURE__ */ import_react45.default.createElement(PIPComponent_default, { content });
|
|
5895
5746
|
};
|
|
5896
5747
|
}
|
|
5897
5748
|
});
|
|
@@ -11457,12 +11308,12 @@ var init_constants2 = __esm({
|
|
|
11457
11308
|
});
|
|
11458
11309
|
|
|
11459
11310
|
// src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts
|
|
11460
|
-
var
|
|
11311
|
+
var import_react46, fetchWithRetry, useFetchRoomLayout;
|
|
11461
11312
|
var init_useFetchRoomLayout = __esm({
|
|
11462
11313
|
"src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts"() {
|
|
11463
11314
|
"use strict";
|
|
11464
11315
|
init_define_process_env();
|
|
11465
|
-
|
|
11316
|
+
import_react46 = require("react");
|
|
11466
11317
|
init_constants2();
|
|
11467
11318
|
fetchWithRetry = (..._0) => __async(void 0, [..._0], function* (url = "", options = {}) {
|
|
11468
11319
|
const MAX_RETRIES = 4;
|
|
@@ -11481,10 +11332,10 @@ var init_useFetchRoomLayout = __esm({
|
|
|
11481
11332
|
endpoint = "",
|
|
11482
11333
|
authToken = ""
|
|
11483
11334
|
}) => {
|
|
11484
|
-
const [layout, setLayout] = (0,
|
|
11485
|
-
const layoutResp = (0,
|
|
11486
|
-
const isFetchInProgress = (0,
|
|
11487
|
-
const updateRoomLayoutForRole = (0,
|
|
11335
|
+
const [layout, setLayout] = (0, import_react46.useState)(void 0);
|
|
11336
|
+
const layoutResp = (0, import_react46.useRef)();
|
|
11337
|
+
const isFetchInProgress = (0, import_react46.useRef)(false);
|
|
11338
|
+
const updateRoomLayoutForRole = (0, import_react46.useCallback)((role) => {
|
|
11488
11339
|
var _a8;
|
|
11489
11340
|
if (!layoutResp.current) {
|
|
11490
11341
|
return;
|
|
@@ -11494,7 +11345,7 @@ var init_useFetchRoomLayout = __esm({
|
|
|
11494
11345
|
setLayout(layout2);
|
|
11495
11346
|
}
|
|
11496
11347
|
}, []);
|
|
11497
|
-
(0,
|
|
11348
|
+
(0, import_react46.useEffect)(() => {
|
|
11498
11349
|
(() => __async(void 0, null, function* () {
|
|
11499
11350
|
var _a8, _b7;
|
|
11500
11351
|
if (isFetchInProgress.current || !authToken) {
|
|
@@ -11538,16 +11389,16 @@ function customizer(objValue, srcValue) {
|
|
|
11538
11389
|
}
|
|
11539
11390
|
return void 0;
|
|
11540
11391
|
}
|
|
11541
|
-
var
|
|
11392
|
+
var import_react47, import_lodash2, RoomLayoutContext, RoomLayoutProvider, useRoomLayout, useUpdateRoomLayout;
|
|
11542
11393
|
var init_roomLayoutProvider = __esm({
|
|
11543
11394
|
"src/Prebuilt/provider/roomLayoutProvider/index.tsx"() {
|
|
11544
11395
|
"use strict";
|
|
11545
11396
|
init_define_process_env();
|
|
11546
|
-
|
|
11397
|
+
import_react47 = __toESM(require("react"));
|
|
11547
11398
|
import_lodash2 = __toESM(require_lodash());
|
|
11548
11399
|
init_useUISettings();
|
|
11549
11400
|
init_useFetchRoomLayout();
|
|
11550
|
-
RoomLayoutContext =
|
|
11401
|
+
RoomLayoutContext = import_react47.default.createContext(void 0);
|
|
11551
11402
|
RoomLayoutProvider = ({
|
|
11552
11403
|
children,
|
|
11553
11404
|
roomLayoutEndpoint,
|
|
@@ -11556,15 +11407,15 @@ var init_roomLayoutProvider = __esm({
|
|
|
11556
11407
|
const authToken = useAuthToken();
|
|
11557
11408
|
const { layout, updateRoomLayoutForRole } = useFetchRoomLayout({ authToken, endpoint: roomLayoutEndpoint });
|
|
11558
11409
|
const mergedLayout = authToken && layout ? (0, import_lodash2.mergeWith)(layout, overrideLayout, customizer) : layout;
|
|
11559
|
-
return /* @__PURE__ */
|
|
11410
|
+
return /* @__PURE__ */ import_react47.default.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole } }, children);
|
|
11560
11411
|
};
|
|
11561
11412
|
useRoomLayout = () => {
|
|
11562
11413
|
var _a8;
|
|
11563
|
-
return (_a8 =
|
|
11414
|
+
return (_a8 = import_react47.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
|
|
11564
11415
|
};
|
|
11565
11416
|
useUpdateRoomLayout = () => {
|
|
11566
11417
|
var _a8;
|
|
11567
|
-
return (_a8 =
|
|
11418
|
+
return (_a8 = import_react47.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
|
|
11568
11419
|
};
|
|
11569
11420
|
}
|
|
11570
11421
|
});
|
|
@@ -11581,11 +11432,11 @@ function useRoomLayoutScreen({
|
|
|
11581
11432
|
function useRoomLayoutPreviewScreen() {
|
|
11582
11433
|
var _a8;
|
|
11583
11434
|
const screenProps = useRoomLayoutScreen({ screen: "preview" });
|
|
11584
|
-
const isPreviewScreenEnabled = !!screenProps;
|
|
11435
|
+
const isPreviewScreenEnabled = !!screenProps && !(screenProps == null ? void 0 : screenProps.skip_preview_screen);
|
|
11585
11436
|
let elements;
|
|
11586
11437
|
let screenType;
|
|
11587
11438
|
if (isPreviewScreenEnabled) {
|
|
11588
|
-
screenType = Object.keys(screenProps)[0];
|
|
11439
|
+
screenType = Object.keys(screenProps).filter((key) => key !== "skip_preview_screen")[0];
|
|
11589
11440
|
elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
|
|
11590
11441
|
}
|
|
11591
11442
|
return {
|
|
@@ -11622,12 +11473,12 @@ var init_useRoomLayoutScreen = __esm({
|
|
|
11622
11473
|
});
|
|
11623
11474
|
|
|
11624
11475
|
// src/Prebuilt/common/hooks.ts
|
|
11625
|
-
var
|
|
11476
|
+
var import_react48, import_join_form2, import_react_sdk17, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants;
|
|
11626
11477
|
var init_hooks = __esm({
|
|
11627
11478
|
"src/Prebuilt/common/hooks.ts"() {
|
|
11628
11479
|
"use strict";
|
|
11629
11480
|
init_define_process_env();
|
|
11630
|
-
|
|
11481
|
+
import_react48 = require("react");
|
|
11631
11482
|
import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
11632
11483
|
import_react_sdk17 = require("@100mslive/react-sdk");
|
|
11633
11484
|
init_roomLayoutProvider();
|
|
@@ -11682,14 +11533,14 @@ var init_hooks = __esm({
|
|
|
11682
11533
|
});
|
|
11683
11534
|
|
|
11684
11535
|
// src/Prebuilt/components/RoleChangeModal.jsx
|
|
11685
|
-
var
|
|
11536
|
+
var import_react49, import_react_sdk18, import_react_icons15, PeerName, RoleChangeModal;
|
|
11686
11537
|
var init_RoleChangeModal = __esm({
|
|
11687
11538
|
"src/Prebuilt/components/RoleChangeModal.jsx"() {
|
|
11688
11539
|
"use strict";
|
|
11689
11540
|
init_define_process_env();
|
|
11690
|
-
|
|
11541
|
+
import_react49 = __toESM(require("react"));
|
|
11691
11542
|
import_react_sdk18 = require("@100mslive/react-sdk");
|
|
11692
|
-
|
|
11543
|
+
import_react_icons15 = require("@100mslive/react-icons");
|
|
11693
11544
|
init_Button2();
|
|
11694
11545
|
init_Checkbox2();
|
|
11695
11546
|
init_Dropdown2();
|
|
@@ -11701,9 +11552,9 @@ var init_RoleChangeModal = __esm({
|
|
|
11701
11552
|
init_useDropdownSelection();
|
|
11702
11553
|
init_hooks();
|
|
11703
11554
|
init_utils();
|
|
11704
|
-
PeerName = (0,
|
|
11555
|
+
PeerName = (0, import_react49.forwardRef)((_a8, ref) => {
|
|
11705
11556
|
var _b7 = _a8, { children, maxWidth } = _b7, rest = __objRest(_b7, ["children", "maxWidth"]);
|
|
11706
|
-
return /* @__PURE__ */
|
|
11557
|
+
return /* @__PURE__ */ import_react49.default.createElement(
|
|
11707
11558
|
Text,
|
|
11708
11559
|
__spreadProps(__spreadValues({}, rest), {
|
|
11709
11560
|
ref,
|
|
@@ -11722,18 +11573,18 @@ var init_RoleChangeModal = __esm({
|
|
|
11722
11573
|
var _a8;
|
|
11723
11574
|
const peer = (0, import_react_sdk18.useHMSStore)((0, import_react_sdk18.selectPeerByID)(peerId));
|
|
11724
11575
|
const roles = useFilteredRoles();
|
|
11725
|
-
const [selectedRole, setRole] = (0,
|
|
11726
|
-
const [requestPermission, setRequestPermission] = (0,
|
|
11576
|
+
const [selectedRole, setRole] = (0, import_react49.useState)(peer == null ? void 0 : peer.roleName);
|
|
11577
|
+
const [requestPermission, setRequestPermission] = (0, import_react49.useState)(true);
|
|
11727
11578
|
const hmsActions = (0, import_react_sdk18.useHMSActions)();
|
|
11728
|
-
const [open, setOpen] = (0,
|
|
11579
|
+
const [open, setOpen] = (0, import_react49.useState)(false);
|
|
11729
11580
|
const selectionBg = useDropdownSelection();
|
|
11730
|
-
const [peerNameRef, setPeerNameRef] = (0,
|
|
11731
|
-
const ref = (0,
|
|
11581
|
+
const [peerNameRef, setPeerNameRef] = (0, import_react49.useState)();
|
|
11582
|
+
const ref = (0, import_react49.useRef)();
|
|
11732
11583
|
if (!peer) {
|
|
11733
11584
|
return null;
|
|
11734
11585
|
}
|
|
11735
11586
|
const peerNameMaxWidth = 200;
|
|
11736
|
-
return /* @__PURE__ */
|
|
11587
|
+
return /* @__PURE__ */ import_react49.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react49.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react49.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react49.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react49.default.createElement(Dialog.Title, { css: { p: 0 }, asChild: true }, /* @__PURE__ */ import_react49.default.createElement(Text, { as: "h6", variant: "h6" }, "Change Role")), /* @__PURE__ */ import_react49.default.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ import_react49.default.createElement(
|
|
11737
11588
|
Text,
|
|
11738
11589
|
{
|
|
11739
11590
|
variant: "body2",
|
|
@@ -11747,9 +11598,9 @@ var init_RoleChangeModal = __esm({
|
|
|
11747
11598
|
}
|
|
11748
11599
|
},
|
|
11749
11600
|
"Change the role of",
|
|
11750
|
-
peerNameRef && peerNameRef.clientWidth === peerNameMaxWidth ? /* @__PURE__ */
|
|
11601
|
+
peerNameRef && peerNameRef.clientWidth === peerNameMaxWidth ? /* @__PURE__ */ import_react49.default.createElement(Tooltip, { title: peer.name, side: "top" }, /* @__PURE__ */ import_react49.default.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name)) : /* @__PURE__ */ import_react49.default.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name),
|
|
11751
11602
|
"to"
|
|
11752
|
-
)), /* @__PURE__ */
|
|
11603
|
+
)), /* @__PURE__ */ import_react49.default.createElement(
|
|
11753
11604
|
Flex,
|
|
11754
11605
|
{
|
|
11755
11606
|
align: "center",
|
|
@@ -11758,7 +11609,7 @@ var init_RoleChangeModal = __esm({
|
|
|
11758
11609
|
mb: "$10"
|
|
11759
11610
|
}
|
|
11760
11611
|
},
|
|
11761
|
-
/* @__PURE__ */
|
|
11612
|
+
/* @__PURE__ */ import_react49.default.createElement(
|
|
11762
11613
|
Box,
|
|
11763
11614
|
{
|
|
11764
11615
|
css: {
|
|
@@ -11767,7 +11618,7 @@ var init_RoleChangeModal = __esm({
|
|
|
11767
11618
|
minWidth: 0
|
|
11768
11619
|
}
|
|
11769
11620
|
},
|
|
11770
|
-
/* @__PURE__ */
|
|
11621
|
+
/* @__PURE__ */ import_react49.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen, css: { width: "100%" } }, /* @__PURE__ */ import_react49.default.createElement(
|
|
11771
11622
|
Dropdown.Trigger,
|
|
11772
11623
|
{
|
|
11773
11624
|
"data-testid": "open_role_selection_dropdown",
|
|
@@ -11780,8 +11631,8 @@ var init_RoleChangeModal = __esm({
|
|
|
11780
11631
|
},
|
|
11781
11632
|
ref
|
|
11782
11633
|
},
|
|
11783
|
-
/* @__PURE__ */
|
|
11784
|
-
), /* @__PURE__ */
|
|
11634
|
+
/* @__PURE__ */ import_react49.default.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react49.default.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ import_react49.default.createElement(import_react_icons15.ChevronUpIcon, null) : /* @__PURE__ */ import_react49.default.createElement(import_react_icons15.ChevronDownIcon, null))
|
|
11635
|
+
), /* @__PURE__ */ import_react49.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react49.default.createElement(
|
|
11785
11636
|
Dropdown.Content,
|
|
11786
11637
|
{
|
|
11787
11638
|
align: "start",
|
|
@@ -11789,7 +11640,7 @@ var init_RoleChangeModal = __esm({
|
|
|
11789
11640
|
css: { zIndex: 1e3, width: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth }
|
|
11790
11641
|
},
|
|
11791
11642
|
roles.map((role) => {
|
|
11792
|
-
return /* @__PURE__ */
|
|
11643
|
+
return /* @__PURE__ */ import_react49.default.createElement(
|
|
11793
11644
|
Dropdown.Item,
|
|
11794
11645
|
{
|
|
11795
11646
|
"data-testid": role,
|
|
@@ -11805,7 +11656,7 @@ var init_RoleChangeModal = __esm({
|
|
|
11805
11656
|
})
|
|
11806
11657
|
)))
|
|
11807
11658
|
)
|
|
11808
|
-
), !peer.isLocal && /* @__PURE__ */
|
|
11659
|
+
), !peer.isLocal && /* @__PURE__ */ import_react49.default.createElement(Flex, { justify: "between", css: { w: "100%", mb: "$10" } }, /* @__PURE__ */ import_react49.default.createElement(Label3, { htmlFor: "requestRoleChangePermission", css: { cursor: "pointer" } }, "Request Permission"), /* @__PURE__ */ import_react49.default.createElement(
|
|
11809
11660
|
Checkbox.Root,
|
|
11810
11661
|
{
|
|
11811
11662
|
checked: requestPermission,
|
|
@@ -11813,8 +11664,8 @@ var init_RoleChangeModal = __esm({
|
|
|
11813
11664
|
id: "requestRoleChangePermission",
|
|
11814
11665
|
"data-testid": "force_role_change_checkbox"
|
|
11815
11666
|
},
|
|
11816
|
-
/* @__PURE__ */
|
|
11817
|
-
)), /* @__PURE__ */
|
|
11667
|
+
/* @__PURE__ */ import_react49.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react49.default.createElement(import_react_icons15.CheckIcon, { width: 16, height: 16 }))
|
|
11668
|
+
)), /* @__PURE__ */ import_react49.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ import_react49.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react49.default.createElement(Dialog.Close, { css: { width: "100%", p: "$4 $8" }, asChild: true }, /* @__PURE__ */ import_react49.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, "data-testid": "cancel_button" }, "Cancel"))), /* @__PURE__ */ import_react49.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react49.default.createElement(
|
|
11818
11669
|
Button,
|
|
11819
11670
|
{
|
|
11820
11671
|
"data-testid": "change_button",
|
|
@@ -11832,16 +11683,16 @@ var init_RoleChangeModal = __esm({
|
|
|
11832
11683
|
});
|
|
11833
11684
|
|
|
11834
11685
|
// src/Prebuilt/primitives/DropdownTrigger.jsx
|
|
11835
|
-
var
|
|
11686
|
+
var import_react50, import_react_icons16, DialogDropdownTrigger;
|
|
11836
11687
|
var init_DropdownTrigger = __esm({
|
|
11837
11688
|
"src/Prebuilt/primitives/DropdownTrigger.jsx"() {
|
|
11838
11689
|
"use strict";
|
|
11839
11690
|
init_define_process_env();
|
|
11840
|
-
|
|
11841
|
-
|
|
11691
|
+
import_react50 = __toESM(require("react"));
|
|
11692
|
+
import_react_icons16 = require("@100mslive/react-icons");
|
|
11842
11693
|
init_src();
|
|
11843
|
-
DialogDropdownTrigger =
|
|
11844
|
-
return /* @__PURE__ */
|
|
11694
|
+
DialogDropdownTrigger = import_react50.default.forwardRef(({ title, css: css2, open, icon, titleCSS = {} }, ref) => {
|
|
11695
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
|
11845
11696
|
Dropdown.Trigger,
|
|
11846
11697
|
{
|
|
11847
11698
|
asChild: true,
|
|
@@ -11855,7 +11706,7 @@ var init_DropdownTrigger = __esm({
|
|
|
11855
11706
|
}, css2),
|
|
11856
11707
|
ref
|
|
11857
11708
|
},
|
|
11858
|
-
/* @__PURE__ */
|
|
11709
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
|
11859
11710
|
Flex,
|
|
11860
11711
|
{
|
|
11861
11712
|
css: {
|
|
@@ -11866,7 +11717,7 @@ var init_DropdownTrigger = __esm({
|
|
|
11866
11717
|
}
|
|
11867
11718
|
},
|
|
11868
11719
|
icon,
|
|
11869
|
-
/* @__PURE__ */
|
|
11720
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
|
11870
11721
|
Text,
|
|
11871
11722
|
{
|
|
11872
11723
|
css: __spreadValues(__spreadProps(__spreadValues({
|
|
@@ -11878,7 +11729,7 @@ var init_DropdownTrigger = __esm({
|
|
|
11878
11729
|
},
|
|
11879
11730
|
title
|
|
11880
11731
|
),
|
|
11881
|
-
open ? /* @__PURE__ */
|
|
11732
|
+
open ? /* @__PURE__ */ import_react50.default.createElement(import_react_icons16.ChevronUpIcon, null) : /* @__PURE__ */ import_react50.default.createElement(import_react_icons16.ChevronDownIcon, null)
|
|
11882
11733
|
)
|
|
11883
11734
|
);
|
|
11884
11735
|
});
|
|
@@ -11886,15 +11737,15 @@ var init_DropdownTrigger = __esm({
|
|
|
11886
11737
|
});
|
|
11887
11738
|
|
|
11888
11739
|
// src/Prebuilt/components/Settings/DeviceSettings.jsx
|
|
11889
|
-
var
|
|
11740
|
+
var import_react51, import_react_use5, import_react_sdk19, import_react_icons17, Settings, DeviceSelector, TEST_AUDIO_URL, TestAudio, DeviceSettings_default;
|
|
11890
11741
|
var init_DeviceSettings = __esm({
|
|
11891
11742
|
"src/Prebuilt/components/Settings/DeviceSettings.jsx"() {
|
|
11892
11743
|
"use strict";
|
|
11893
11744
|
init_define_process_env();
|
|
11894
|
-
|
|
11745
|
+
import_react51 = __toESM(require("react"));
|
|
11895
11746
|
import_react_use5 = require("react-use");
|
|
11896
11747
|
import_react_sdk19 = require("@100mslive/react-sdk");
|
|
11897
|
-
|
|
11748
|
+
import_react_icons17 = require("@100mslive/react-icons");
|
|
11898
11749
|
init_src();
|
|
11899
11750
|
init_Theme();
|
|
11900
11751
|
init_DropdownTrigger();
|
|
@@ -11914,7 +11765,7 @@ var init_DeviceSettings = __esm({
|
|
|
11914
11765
|
const hmsActions = (0, import_react_sdk19.useHMSActions)();
|
|
11915
11766
|
const track = (0, import_react_sdk19.useHMSStore)(trackSelector);
|
|
11916
11767
|
const isMobile = (0, import_react_use5.useMedia)(config.media.md);
|
|
11917
|
-
(0,
|
|
11768
|
+
(0, import_react51.useEffect)(() => {
|
|
11918
11769
|
if (isMobile) {
|
|
11919
11770
|
hmsActions.refreshDevices();
|
|
11920
11771
|
}
|
|
@@ -11923,7 +11774,7 @@ var init_DeviceSettings = __esm({
|
|
|
11923
11774
|
if (!(videoInput == null ? void 0 : videoInput.length) && !(audioInput == null ? void 0 : audioInput.length) && !(audioOutputFiltered == null ? void 0 : audioOutputFiltered.length)) {
|
|
11924
11775
|
setHide(true);
|
|
11925
11776
|
}
|
|
11926
|
-
return /* @__PURE__ */
|
|
11777
|
+
return /* @__PURE__ */ import_react51.default.createElement(Box, { className: settingOverflow() }, (videoInput == null ? void 0 : videoInput.length) ? /* @__PURE__ */ import_react51.default.createElement(import_react51.Fragment, null, isVideoOn && /* @__PURE__ */ import_react51.default.createElement(
|
|
11927
11778
|
StyledVideoTile.Container,
|
|
11928
11779
|
{
|
|
11929
11780
|
css: {
|
|
@@ -11934,24 +11785,24 @@ var init_DeviceSettings = __esm({
|
|
|
11934
11785
|
m: "$10 auto"
|
|
11935
11786
|
}
|
|
11936
11787
|
},
|
|
11937
|
-
/* @__PURE__ */
|
|
11938
|
-
), /* @__PURE__ */
|
|
11788
|
+
/* @__PURE__ */ import_react51.default.createElement(Video, { trackId: videoTrackId, mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo })
|
|
11789
|
+
), /* @__PURE__ */ import_react51.default.createElement(
|
|
11939
11790
|
DeviceSelector,
|
|
11940
11791
|
{
|
|
11941
11792
|
title: "Video",
|
|
11942
11793
|
devices: videoInput,
|
|
11943
|
-
icon: /* @__PURE__ */
|
|
11794
|
+
icon: /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.VideoOnIcon, null),
|
|
11944
11795
|
selection: selectedDeviceIDs.videoInput,
|
|
11945
11796
|
onChange: (deviceId) => updateDevice({
|
|
11946
11797
|
deviceId,
|
|
11947
11798
|
deviceType: import_react_sdk19.DeviceType.videoInput
|
|
11948
11799
|
})
|
|
11949
11800
|
}
|
|
11950
|
-
)) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */
|
|
11801
|
+
)) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */ import_react51.default.createElement(
|
|
11951
11802
|
DeviceSelector,
|
|
11952
11803
|
{
|
|
11953
11804
|
title: shouldShowAudioOutput ? "Microphone" : "Audio",
|
|
11954
|
-
icon: /* @__PURE__ */
|
|
11805
|
+
icon: /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.MicOnIcon, null),
|
|
11955
11806
|
devices: audioInput,
|
|
11956
11807
|
selection: selectedDeviceIDs.audioInput,
|
|
11957
11808
|
onChange: (deviceId) => updateDevice({
|
|
@@ -11959,11 +11810,11 @@ var init_DeviceSettings = __esm({
|
|
|
11959
11810
|
deviceType: import_react_sdk19.DeviceType.audioInput
|
|
11960
11811
|
})
|
|
11961
11812
|
}
|
|
11962
|
-
) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */
|
|
11813
|
+
) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */ import_react51.default.createElement(
|
|
11963
11814
|
DeviceSelector,
|
|
11964
11815
|
{
|
|
11965
11816
|
title: "Speaker",
|
|
11966
|
-
icon: /* @__PURE__ */
|
|
11817
|
+
icon: /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.SpeakerIcon, null),
|
|
11967
11818
|
devices: audioOutput,
|
|
11968
11819
|
selection: selectedDeviceIDs.audioOutput,
|
|
11969
11820
|
onChange: (deviceId) => updateDevice({
|
|
@@ -11971,15 +11822,15 @@ var init_DeviceSettings = __esm({
|
|
|
11971
11822
|
deviceType: import_react_sdk19.DeviceType.audioOutput
|
|
11972
11823
|
})
|
|
11973
11824
|
},
|
|
11974
|
-
/* @__PURE__ */
|
|
11825
|
+
/* @__PURE__ */ import_react51.default.createElement(TestAudio, { id: selectedDeviceIDs.audioOutput })
|
|
11975
11826
|
) : null);
|
|
11976
11827
|
};
|
|
11977
11828
|
DeviceSelector = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
11978
11829
|
var _a8, _b7;
|
|
11979
|
-
const [open, setOpen] = (0,
|
|
11830
|
+
const [open, setOpen] = (0, import_react51.useState)(false);
|
|
11980
11831
|
const selectionBg = useDropdownSelection();
|
|
11981
|
-
const ref = (0,
|
|
11982
|
-
return /* @__PURE__ */
|
|
11832
|
+
const ref = (0, import_react51.useRef)(null);
|
|
11833
|
+
return /* @__PURE__ */ import_react51.default.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ import_react51.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react51.default.createElement(
|
|
11983
11834
|
Flex,
|
|
11984
11835
|
{
|
|
11985
11836
|
align: "center",
|
|
@@ -11991,7 +11842,7 @@ var init_DeviceSettings = __esm({
|
|
|
11991
11842
|
}
|
|
11992
11843
|
}
|
|
11993
11844
|
},
|
|
11994
|
-
/* @__PURE__ */
|
|
11845
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
|
11995
11846
|
Box,
|
|
11996
11847
|
{
|
|
11997
11848
|
css: {
|
|
@@ -12005,7 +11856,7 @@ var init_DeviceSettings = __esm({
|
|
|
12005
11856
|
}
|
|
12006
11857
|
}
|
|
12007
11858
|
},
|
|
12008
|
-
/* @__PURE__ */
|
|
11859
|
+
/* @__PURE__ */ import_react51.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react51.default.createElement(
|
|
12009
11860
|
DialogDropdownTrigger,
|
|
12010
11861
|
{
|
|
12011
11862
|
ref,
|
|
@@ -12013,8 +11864,8 @@ var init_DeviceSettings = __esm({
|
|
|
12013
11864
|
title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
|
|
12014
11865
|
open
|
|
12015
11866
|
}
|
|
12016
|
-
), /* @__PURE__ */
|
|
12017
|
-
return /* @__PURE__ */
|
|
11867
|
+
), /* @__PURE__ */ import_react51.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react51.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
|
|
11868
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
|
12018
11869
|
Dropdown.Item,
|
|
12019
11870
|
{
|
|
12020
11871
|
key: device.label,
|
|
@@ -12033,9 +11884,9 @@ var init_DeviceSettings = __esm({
|
|
|
12033
11884
|
};
|
|
12034
11885
|
TEST_AUDIO_URL = "https://100ms.live/test-audio.wav";
|
|
12035
11886
|
TestAudio = ({ id }) => {
|
|
12036
|
-
const audioRef = (0,
|
|
12037
|
-
const [playing, setPlaying] = (0,
|
|
12038
|
-
(0,
|
|
11887
|
+
const audioRef = (0, import_react51.useRef)(null);
|
|
11888
|
+
const [playing, setPlaying] = (0, import_react51.useState)(false);
|
|
11889
|
+
(0, import_react51.useEffect)(() => {
|
|
12039
11890
|
if (audioRef.current && id) {
|
|
12040
11891
|
try {
|
|
12041
11892
|
if (typeof audioRef.current.setSinkId !== "undefined") {
|
|
@@ -12046,7 +11897,7 @@ var init_DeviceSettings = __esm({
|
|
|
12046
11897
|
}
|
|
12047
11898
|
}
|
|
12048
11899
|
}, [id]);
|
|
12049
|
-
return /* @__PURE__ */
|
|
11900
|
+
return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(
|
|
12050
11901
|
Button,
|
|
12051
11902
|
{
|
|
12052
11903
|
variant: "standard",
|
|
@@ -12063,28 +11914,28 @@ var init_DeviceSettings = __esm({
|
|
|
12063
11914
|
},
|
|
12064
11915
|
disabled: playing
|
|
12065
11916
|
},
|
|
12066
|
-
/* @__PURE__ */
|
|
11917
|
+
/* @__PURE__ */ import_react51.default.createElement(import_react_icons17.SpeakerIcon, null),
|
|
12067
11918
|
"\xA0Test",
|
|
12068
11919
|
" ",
|
|
12069
|
-
/* @__PURE__ */
|
|
12070
|
-
), /* @__PURE__ */
|
|
11920
|
+
/* @__PURE__ */ import_react51.default.createElement(Text, { as: "span", css: { display: "none", "@md": { display: "inline" } } }, "\xA0 speaker")
|
|
11921
|
+
), /* @__PURE__ */ import_react51.default.createElement("audio", { ref: audioRef, src: TEST_AUDIO_URL, onEnded: () => setPlaying(false), onPlay: () => setPlaying(true) }));
|
|
12071
11922
|
};
|
|
12072
11923
|
DeviceSettings_default = Settings;
|
|
12073
11924
|
}
|
|
12074
11925
|
});
|
|
12075
11926
|
|
|
12076
11927
|
// src/Prebuilt/components/Settings/SwitchWithLabel.jsx
|
|
12077
|
-
var
|
|
11928
|
+
var import_react52, SwitchWithLabel, SwitchWithLabel_default;
|
|
12078
11929
|
var init_SwitchWithLabel = __esm({
|
|
12079
11930
|
"src/Prebuilt/components/Settings/SwitchWithLabel.jsx"() {
|
|
12080
11931
|
"use strict";
|
|
12081
11932
|
init_define_process_env();
|
|
12082
|
-
|
|
11933
|
+
import_react52 = __toESM(require("react"));
|
|
12083
11934
|
init_Label2();
|
|
12084
11935
|
init_Layout();
|
|
12085
11936
|
init_Switch2();
|
|
12086
11937
|
SwitchWithLabel = ({ label, icon, id, onChange, checked, hide = false }) => {
|
|
12087
|
-
return /* @__PURE__ */
|
|
11938
|
+
return /* @__PURE__ */ import_react52.default.createElement(
|
|
12088
11939
|
Flex,
|
|
12089
11940
|
{
|
|
12090
11941
|
align: "center",
|
|
@@ -12096,7 +11947,7 @@ var init_SwitchWithLabel = __esm({
|
|
|
12096
11947
|
display: hide ? "none" : "flex"
|
|
12097
11948
|
}
|
|
12098
11949
|
},
|
|
12099
|
-
/* @__PURE__ */
|
|
11950
|
+
/* @__PURE__ */ import_react52.default.createElement(
|
|
12100
11951
|
Label3,
|
|
12101
11952
|
{
|
|
12102
11953
|
htmlFor: id,
|
|
@@ -12114,7 +11965,7 @@ var init_SwitchWithLabel = __esm({
|
|
|
12114
11965
|
icon,
|
|
12115
11966
|
label
|
|
12116
11967
|
),
|
|
12117
|
-
/* @__PURE__ */
|
|
11968
|
+
/* @__PURE__ */ import_react52.default.createElement(Switch, { id, checked, onCheckedChange: onChange })
|
|
12118
11969
|
);
|
|
12119
11970
|
};
|
|
12120
11971
|
SwitchWithLabel_default = SwitchWithLabel;
|
|
@@ -12122,12 +11973,12 @@ var init_SwitchWithLabel = __esm({
|
|
|
12122
11973
|
});
|
|
12123
11974
|
|
|
12124
11975
|
// src/Prebuilt/components/Settings/LayoutSettings.jsx
|
|
12125
|
-
var
|
|
11976
|
+
var import_react53, import_react_sdk20, LayoutSettings;
|
|
12126
11977
|
var init_LayoutSettings = __esm({
|
|
12127
11978
|
"src/Prebuilt/components/Settings/LayoutSettings.jsx"() {
|
|
12128
11979
|
"use strict";
|
|
12129
11980
|
init_define_process_env();
|
|
12130
|
-
|
|
11981
|
+
import_react53 = __toESM(require("react"));
|
|
12131
11982
|
import_react_sdk20 = require("@100mslive/react-sdk");
|
|
12132
11983
|
init_src();
|
|
12133
11984
|
init_SwitchWithLabel();
|
|
@@ -12139,7 +11990,7 @@ var init_LayoutSettings = __esm({
|
|
|
12139
11990
|
const isLocalVideoEnabled = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsLocalVideoEnabled);
|
|
12140
11991
|
const isLocalScreenShared = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsLocalScreenShared);
|
|
12141
11992
|
const [{ isAudioOnly, maxTileCount, mirrorLocalVideo }, setUISettings] = useSetUiSettings();
|
|
12142
|
-
const toggleIsAudioOnly = (0,
|
|
11993
|
+
const toggleIsAudioOnly = (0, import_react53.useCallback)(
|
|
12143
11994
|
(isAudioOnlyModeOn) => __async(void 0, null, function* () {
|
|
12144
11995
|
if (isAudioOnlyModeOn) {
|
|
12145
11996
|
isLocalVideoEnabled && (yield hmsActions.setLocalVideoEnabled(false));
|
|
@@ -12149,7 +12000,7 @@ var init_LayoutSettings = __esm({
|
|
|
12149
12000
|
}),
|
|
12150
12001
|
[hmsActions, isLocalVideoEnabled, isLocalScreenShared, setUISettings]
|
|
12151
12002
|
);
|
|
12152
|
-
return /* @__PURE__ */
|
|
12003
|
+
return /* @__PURE__ */ import_react53.default.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ import_react53.default.createElement(SwitchWithLabel_default, { label: "Audio Only Mode", id: "audioOnlyMode", checked: isAudioOnly, onChange: toggleIsAudioOnly }), /* @__PURE__ */ import_react53.default.createElement(
|
|
12153
12004
|
SwitchWithLabel_default,
|
|
12154
12005
|
{
|
|
12155
12006
|
label: "Mirror Local Video",
|
|
@@ -12161,7 +12012,7 @@ var init_LayoutSettings = __esm({
|
|
|
12161
12012
|
});
|
|
12162
12013
|
}
|
|
12163
12014
|
}
|
|
12164
|
-
), /* @__PURE__ */
|
|
12015
|
+
), /* @__PURE__ */ import_react53.default.createElement(Flex, { align: "center", css: { w: "100%", my: "$2", py: "$8", "@md": { display: "none" } } }, /* @__PURE__ */ import_react53.default.createElement(Text, { variant: "md", css: { fontWeight: "$semiBold" } }, "Tiles In View(", maxTileCount, ")"), /* @__PURE__ */ import_react53.default.createElement(Flex, { justify: "end", css: { flex: "1 1 0" } }, /* @__PURE__ */ import_react53.default.createElement(
|
|
12165
12016
|
Slider,
|
|
12166
12017
|
{
|
|
12167
12018
|
step: 1,
|
|
@@ -12179,13 +12030,13 @@ var init_LayoutSettings = __esm({
|
|
|
12179
12030
|
});
|
|
12180
12031
|
|
|
12181
12032
|
// src/Prebuilt/components/Settings/NotificationSettings.jsx
|
|
12182
|
-
var
|
|
12033
|
+
var import_react54, import_react_icons18, NotificationItem, NotificationSettings;
|
|
12183
12034
|
var init_NotificationSettings = __esm({
|
|
12184
12035
|
"src/Prebuilt/components/Settings/NotificationSettings.jsx"() {
|
|
12185
12036
|
"use strict";
|
|
12186
12037
|
init_define_process_env();
|
|
12187
|
-
|
|
12188
|
-
|
|
12038
|
+
import_react54 = __toESM(require("react"));
|
|
12039
|
+
import_react_icons18 = require("@100mslive/react-icons");
|
|
12189
12040
|
init_src();
|
|
12190
12041
|
init_SwitchWithLabel();
|
|
12191
12042
|
init_useUISettings();
|
|
@@ -12193,7 +12044,7 @@ var init_NotificationSettings = __esm({
|
|
|
12193
12044
|
init_constants();
|
|
12194
12045
|
NotificationItem = ({ type, label, icon, checked }) => {
|
|
12195
12046
|
const [, setSubscribedNotifications] = useSetSubscribedNotifications(type);
|
|
12196
|
-
return /* @__PURE__ */
|
|
12047
|
+
return /* @__PURE__ */ import_react54.default.createElement(
|
|
12197
12048
|
SwitchWithLabel_default,
|
|
12198
12049
|
{
|
|
12199
12050
|
label,
|
|
@@ -12208,36 +12059,36 @@ var init_NotificationSettings = __esm({
|
|
|
12208
12059
|
};
|
|
12209
12060
|
NotificationSettings = () => {
|
|
12210
12061
|
const subscribedNotifications = useSubscribedNotifications();
|
|
12211
|
-
return /* @__PURE__ */
|
|
12062
|
+
return /* @__PURE__ */ import_react54.default.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ import_react54.default.createElement(
|
|
12212
12063
|
NotificationItem,
|
|
12213
12064
|
{
|
|
12214
12065
|
label: "Peer Joined",
|
|
12215
12066
|
type: SUBSCRIBED_NOTIFICATIONS.PEER_JOINED,
|
|
12216
|
-
icon: /* @__PURE__ */
|
|
12067
|
+
icon: /* @__PURE__ */ import_react54.default.createElement(import_react_icons18.PeopleAddIcon, null),
|
|
12217
12068
|
checked: subscribedNotifications.PEER_JOINED
|
|
12218
12069
|
}
|
|
12219
|
-
), /* @__PURE__ */
|
|
12070
|
+
), /* @__PURE__ */ import_react54.default.createElement(
|
|
12220
12071
|
NotificationItem,
|
|
12221
12072
|
{
|
|
12222
12073
|
label: "Peer Leave",
|
|
12223
12074
|
type: SUBSCRIBED_NOTIFICATIONS.PEER_LEFT,
|
|
12224
|
-
icon: /* @__PURE__ */
|
|
12075
|
+
icon: /* @__PURE__ */ import_react54.default.createElement(import_react_icons18.PeopleRemoveIcon, null),
|
|
12225
12076
|
checked: subscribedNotifications.PEER_LEFT
|
|
12226
12077
|
}
|
|
12227
|
-
), /* @__PURE__ */
|
|
12078
|
+
), /* @__PURE__ */ import_react54.default.createElement(
|
|
12228
12079
|
NotificationItem,
|
|
12229
12080
|
{
|
|
12230
12081
|
label: "Hand Raised",
|
|
12231
12082
|
type: SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED,
|
|
12232
|
-
icon: /* @__PURE__ */
|
|
12083
|
+
icon: /* @__PURE__ */ import_react54.default.createElement(import_react_icons18.HandIcon, null),
|
|
12233
12084
|
checked: subscribedNotifications.METADATA_UPDATED
|
|
12234
12085
|
}
|
|
12235
|
-
), /* @__PURE__ */
|
|
12086
|
+
), /* @__PURE__ */ import_react54.default.createElement(
|
|
12236
12087
|
NotificationItem,
|
|
12237
12088
|
{
|
|
12238
12089
|
label: "Error",
|
|
12239
12090
|
type: SUBSCRIBED_NOTIFICATIONS.ERROR,
|
|
12240
|
-
icon: /* @__PURE__ */
|
|
12091
|
+
icon: /* @__PURE__ */ import_react54.default.createElement(import_react_icons18.AlertOctagonIcon, null),
|
|
12241
12092
|
checked: subscribedNotifications.ERROR
|
|
12242
12093
|
}
|
|
12243
12094
|
));
|
|
@@ -12246,12 +12097,12 @@ var init_NotificationSettings = __esm({
|
|
|
12246
12097
|
});
|
|
12247
12098
|
|
|
12248
12099
|
// src/Prebuilt/components/Settings/common.js
|
|
12249
|
-
var
|
|
12100
|
+
var import_react_icons19, settingOverflow, settingContent, settingsList;
|
|
12250
12101
|
var init_common = __esm({
|
|
12251
12102
|
"src/Prebuilt/components/Settings/common.js"() {
|
|
12252
12103
|
"use strict";
|
|
12253
12104
|
init_define_process_env();
|
|
12254
|
-
|
|
12105
|
+
import_react_icons19 = require("@100mslive/react-icons");
|
|
12255
12106
|
init_src();
|
|
12256
12107
|
init_DeviceSettings();
|
|
12257
12108
|
init_LayoutSettings();
|
|
@@ -12273,19 +12124,19 @@ var init_common = __esm({
|
|
|
12273
12124
|
{
|
|
12274
12125
|
tabName: "devices",
|
|
12275
12126
|
title: "Device Settings",
|
|
12276
|
-
icon:
|
|
12127
|
+
icon: import_react_icons19.SettingsIcon,
|
|
12277
12128
|
content: DeviceSettings_default
|
|
12278
12129
|
},
|
|
12279
12130
|
{
|
|
12280
12131
|
tabName: "notifications",
|
|
12281
12132
|
title: "Notifications",
|
|
12282
|
-
icon:
|
|
12133
|
+
icon: import_react_icons19.NotificationsIcon,
|
|
12283
12134
|
content: NotificationSettings
|
|
12284
12135
|
},
|
|
12285
12136
|
{
|
|
12286
12137
|
tabName: "layout",
|
|
12287
12138
|
title: "Layout",
|
|
12288
|
-
icon:
|
|
12139
|
+
icon: import_react_icons19.GridFourIcon,
|
|
12289
12140
|
content: LayoutSettings
|
|
12290
12141
|
}
|
|
12291
12142
|
];
|
|
@@ -12293,14 +12144,14 @@ var init_common = __esm({
|
|
|
12293
12144
|
});
|
|
12294
12145
|
|
|
12295
12146
|
// src/Prebuilt/components/Settings/SettingsModal.jsx
|
|
12296
|
-
var
|
|
12147
|
+
var import_react55, import_react_use6, import_react_icons20, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
|
|
12297
12148
|
var init_SettingsModal = __esm({
|
|
12298
12149
|
"src/Prebuilt/components/Settings/SettingsModal.jsx"() {
|
|
12299
12150
|
"use strict";
|
|
12300
12151
|
init_define_process_env();
|
|
12301
|
-
|
|
12152
|
+
import_react55 = __toESM(require("react"));
|
|
12302
12153
|
import_react_use6 = require("react-use");
|
|
12303
|
-
|
|
12154
|
+
import_react_icons20 = require("@100mslive/react-icons");
|
|
12304
12155
|
init_Divider2();
|
|
12305
12156
|
init_IconButton2();
|
|
12306
12157
|
init_Layout();
|
|
@@ -12310,29 +12161,29 @@ var init_SettingsModal = __esm({
|
|
|
12310
12161
|
init_Text2();
|
|
12311
12162
|
init_Theme();
|
|
12312
12163
|
init_common();
|
|
12313
|
-
SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */
|
|
12164
|
+
SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null) }) => {
|
|
12314
12165
|
const mediaQueryLg = config.media.md;
|
|
12315
12166
|
const isMobile = (0, import_react_use6.useMedia)(mediaQueryLg);
|
|
12316
|
-
const [showSetting, setShowSetting] = (0,
|
|
12167
|
+
const [showSetting, setShowSetting] = (0, import_react55.useState)(
|
|
12317
12168
|
() => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
|
|
12318
12169
|
);
|
|
12319
|
-
const hideSettingByTabName = (0,
|
|
12170
|
+
const hideSettingByTabName = (0, import_react55.useCallback)(
|
|
12320
12171
|
(key) => (hide) => setShowSetting((prev) => __spreadProps(__spreadValues({}, prev), { [key]: !hide })),
|
|
12321
12172
|
[setShowSetting]
|
|
12322
12173
|
);
|
|
12323
|
-
(0,
|
|
12174
|
+
(0, import_react55.useEffect)(() => {
|
|
12324
12175
|
if (screenType === "hls_live_streaming") {
|
|
12325
12176
|
hideSettingByTabName("layout")(true);
|
|
12326
12177
|
}
|
|
12327
12178
|
}, [screenType, hideSettingByTabName]);
|
|
12328
|
-
const [selection, setSelection] = (0,
|
|
12179
|
+
const [selection, setSelection] = (0, import_react55.useState)(() => {
|
|
12329
12180
|
var _a8;
|
|
12330
12181
|
return (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
|
|
12331
12182
|
});
|
|
12332
|
-
const resetSelection = (0,
|
|
12183
|
+
const resetSelection = (0, import_react55.useCallback)(() => {
|
|
12333
12184
|
setSelection("");
|
|
12334
12185
|
}, []);
|
|
12335
|
-
(0,
|
|
12186
|
+
(0, import_react55.useEffect)(() => {
|
|
12336
12187
|
var _a8;
|
|
12337
12188
|
if (isMobile) {
|
|
12338
12189
|
setSelection("");
|
|
@@ -12341,7 +12192,7 @@ var init_SettingsModal = __esm({
|
|
|
12341
12192
|
setSelection(firstNotHiddenTabName);
|
|
12342
12193
|
}
|
|
12343
12194
|
}, [isMobile, showSetting]);
|
|
12344
|
-
return isMobile ? /* @__PURE__ */
|
|
12195
|
+
return isMobile ? /* @__PURE__ */ import_react55.default.createElement(
|
|
12345
12196
|
MobileSettingModal,
|
|
12346
12197
|
{
|
|
12347
12198
|
open,
|
|
@@ -12353,7 +12204,7 @@ var init_SettingsModal = __esm({
|
|
|
12353
12204
|
resetSelection,
|
|
12354
12205
|
children
|
|
12355
12206
|
}
|
|
12356
|
-
) : /* @__PURE__ */
|
|
12207
|
+
) : /* @__PURE__ */ import_react55.default.createElement(
|
|
12357
12208
|
DesktopSettingModal,
|
|
12358
12209
|
{
|
|
12359
12210
|
open,
|
|
@@ -12375,9 +12226,9 @@ var init_SettingsModal = __esm({
|
|
|
12375
12226
|
showSetting,
|
|
12376
12227
|
hideSettingByTabName,
|
|
12377
12228
|
resetSelection,
|
|
12378
|
-
children = /* @__PURE__ */
|
|
12229
|
+
children = /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null)
|
|
12379
12230
|
}) => {
|
|
12380
|
-
return /* @__PURE__ */
|
|
12231
|
+
return /* @__PURE__ */ import_react55.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react55.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react55.default.createElement(
|
|
12381
12232
|
Sheet.Content,
|
|
12382
12233
|
{
|
|
12383
12234
|
css: {
|
|
@@ -12385,9 +12236,9 @@ var init_SettingsModal = __esm({
|
|
|
12385
12236
|
overflowY: "auto"
|
|
12386
12237
|
}
|
|
12387
12238
|
},
|
|
12388
|
-
/* @__PURE__ */
|
|
12389
|
-
/* @__PURE__ */
|
|
12390
|
-
!selection ? /* @__PURE__ */
|
|
12239
|
+
/* @__PURE__ */ import_react55.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react55.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, !selection ? /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Settings") : /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, /* @__PURE__ */ import_react55.default.createElement(Box, { as: "span", css: { r: "$round", mr: "$2" }, onClick: resetSelection }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons20.ChevronLeftIcon, null)), (selection == null ? void 0 : selection.charAt(0).toUpperCase()) + selection.slice(1)), /* @__PURE__ */ import_react55.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react55.default.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons20.CrossIcon, null))))),
|
|
12240
|
+
/* @__PURE__ */ import_react55.default.createElement(HorizontalDivider, null),
|
|
12241
|
+
!selection ? /* @__PURE__ */ import_react55.default.createElement(
|
|
12391
12242
|
Flex,
|
|
12392
12243
|
{
|
|
12393
12244
|
direction: "column",
|
|
@@ -12398,7 +12249,7 @@ var init_SettingsModal = __esm({
|
|
|
12398
12249
|
}
|
|
12399
12250
|
},
|
|
12400
12251
|
settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon3, tabName, title }) => {
|
|
12401
|
-
return /* @__PURE__ */
|
|
12252
|
+
return /* @__PURE__ */ import_react55.default.createElement(
|
|
12402
12253
|
Box,
|
|
12403
12254
|
{
|
|
12404
12255
|
key: tabName,
|
|
@@ -12428,18 +12279,18 @@ var init_SettingsModal = __esm({
|
|
|
12428
12279
|
borderBottom: "1px solid $border_default"
|
|
12429
12280
|
}
|
|
12430
12281
|
},
|
|
12431
|
-
/* @__PURE__ */
|
|
12282
|
+
/* @__PURE__ */ import_react55.default.createElement(Icon3, null),
|
|
12432
12283
|
title
|
|
12433
12284
|
);
|
|
12434
12285
|
})
|
|
12435
|
-
) : /* @__PURE__ */
|
|
12286
|
+
) : /* @__PURE__ */ import_react55.default.createElement(
|
|
12436
12287
|
Box,
|
|
12437
12288
|
{
|
|
12438
12289
|
direction: "column",
|
|
12439
12290
|
css: { overflowY: "scroll", px: "$8", py: "$10", maxHeight: "70vh", overflowX: "hidden" }
|
|
12440
12291
|
},
|
|
12441
12292
|
settingsList.filter(({ tabName }) => showSetting[tabName] && selection === tabName).map(({ content: Content11, title, tabName }) => {
|
|
12442
|
-
return /* @__PURE__ */
|
|
12293
|
+
return /* @__PURE__ */ import_react55.default.createElement(Content11, { key: title, setHide: hideSettingByTabName(tabName) });
|
|
12443
12294
|
})
|
|
12444
12295
|
)
|
|
12445
12296
|
));
|
|
@@ -12452,9 +12303,9 @@ var init_SettingsModal = __esm({
|
|
|
12452
12303
|
showSetting,
|
|
12453
12304
|
hideSettingByTabName,
|
|
12454
12305
|
resetSelection,
|
|
12455
|
-
children = /* @__PURE__ */
|
|
12306
|
+
children = /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null)
|
|
12456
12307
|
}) => {
|
|
12457
|
-
return /* @__PURE__ */
|
|
12308
|
+
return /* @__PURE__ */ import_react55.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react55.default.createElement(Dialog.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react55.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react55.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react55.default.createElement(
|
|
12458
12309
|
Dialog.Content,
|
|
12459
12310
|
{
|
|
12460
12311
|
css: {
|
|
@@ -12464,7 +12315,7 @@ var init_SettingsModal = __esm({
|
|
|
12464
12315
|
r: "$4"
|
|
12465
12316
|
}
|
|
12466
12317
|
},
|
|
12467
|
-
/* @__PURE__ */
|
|
12318
|
+
/* @__PURE__ */ import_react55.default.createElement(
|
|
12468
12319
|
Tabs.Root,
|
|
12469
12320
|
{
|
|
12470
12321
|
value: selection,
|
|
@@ -12472,7 +12323,7 @@ var init_SettingsModal = __esm({
|
|
|
12472
12323
|
onValueChange: setSelection,
|
|
12473
12324
|
css: { size: "100%", position: "relative" }
|
|
12474
12325
|
},
|
|
12475
|
-
/* @__PURE__ */
|
|
12326
|
+
/* @__PURE__ */ import_react55.default.createElement(
|
|
12476
12327
|
Tabs.List,
|
|
12477
12328
|
{
|
|
12478
12329
|
css: {
|
|
@@ -12484,12 +12335,12 @@ var init_SettingsModal = __esm({
|
|
|
12484
12335
|
borderBottomLeftRadius: "$4"
|
|
12485
12336
|
}
|
|
12486
12337
|
},
|
|
12487
|
-
/* @__PURE__ */
|
|
12488
|
-
/* @__PURE__ */
|
|
12489
|
-
return /* @__PURE__ */
|
|
12338
|
+
/* @__PURE__ */ import_react55.default.createElement(Text, { variant: "h5" }, "Settings "),
|
|
12339
|
+
/* @__PURE__ */ import_react55.default.createElement(Flex, { direction: "column", css: { mx: 0, overflowY: "auto", pt: "$10" } }, settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon3, tabName, title }) => {
|
|
12340
|
+
return /* @__PURE__ */ import_react55.default.createElement(Tabs.Trigger, { key: tabName, value: tabName, css: { gap: "$8" } }, /* @__PURE__ */ import_react55.default.createElement(Icon3, null), title);
|
|
12490
12341
|
}))
|
|
12491
12342
|
),
|
|
12492
|
-
selection && /* @__PURE__ */
|
|
12343
|
+
selection && /* @__PURE__ */ import_react55.default.createElement(
|
|
12493
12344
|
Flex,
|
|
12494
12345
|
{
|
|
12495
12346
|
direction: "column",
|
|
@@ -12498,19 +12349,190 @@ var init_SettingsModal = __esm({
|
|
|
12498
12349
|
minWidth: 0,
|
|
12499
12350
|
mr: "$4"
|
|
12500
12351
|
}
|
|
12501
|
-
},
|
|
12502
|
-
settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ content: Content11, title, tabName }) => {
|
|
12503
|
-
return /* @__PURE__ */
|
|
12504
|
-
})
|
|
12505
|
-
)
|
|
12506
|
-
),
|
|
12507
|
-
/* @__PURE__ */
|
|
12508
|
-
)));
|
|
12509
|
-
};
|
|
12510
|
-
SettingsContentHeader = ({ children, isMobile, onBack }) => {
|
|
12511
|
-
return /* @__PURE__ */
|
|
12352
|
+
},
|
|
12353
|
+
settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ content: Content11, title, tabName }) => {
|
|
12354
|
+
return /* @__PURE__ */ import_react55.default.createElement(Tabs.Content, { key: tabName, value: tabName, className: settingContent() }, /* @__PURE__ */ import_react55.default.createElement(SettingsContentHeader, { onBack: resetSelection, isMobile: false }, title), /* @__PURE__ */ import_react55.default.createElement(Content11, { setHide: hideSettingByTabName(tabName) }));
|
|
12355
|
+
})
|
|
12356
|
+
)
|
|
12357
|
+
),
|
|
12358
|
+
/* @__PURE__ */ import_react55.default.createElement(Dialog.Close, { css: { position: "absolute", right: "$10", top: "$10" } }, /* @__PURE__ */ import_react55.default.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons20.CrossIcon, null)))
|
|
12359
|
+
)));
|
|
12360
|
+
};
|
|
12361
|
+
SettingsContentHeader = ({ children, isMobile, onBack }) => {
|
|
12362
|
+
return /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "h6", css: { mb: "$12", display: "flex", alignItems: "center" } }, isMobile && /* @__PURE__ */ import_react55.default.createElement(Box, { as: "span", css: { bg: "$surface_bright", mr: "$4", r: "$round", p: "$2" }, onClick: onBack }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons20.ChevronLeftIcon, null)), children);
|
|
12363
|
+
};
|
|
12364
|
+
SettingsModal_default = SettingsModal;
|
|
12365
|
+
}
|
|
12366
|
+
});
|
|
12367
|
+
|
|
12368
|
+
// src/Prebuilt/primitives/DialogContent.jsx
|
|
12369
|
+
var import_react56, import_react_icons21, DialogContent, ErrorDialog, RequestDialog, DialogRow, DialogCol, DialogSelect, DialogInputFile;
|
|
12370
|
+
var init_DialogContent2 = __esm({
|
|
12371
|
+
"src/Prebuilt/primitives/DialogContent.jsx"() {
|
|
12372
|
+
"use strict";
|
|
12373
|
+
init_define_process_env();
|
|
12374
|
+
import_react56 = __toESM(require("react"));
|
|
12375
|
+
import_react_icons21 = require("@100mslive/react-icons");
|
|
12376
|
+
init_Button2();
|
|
12377
|
+
init_Divider2();
|
|
12378
|
+
init_IconButton2();
|
|
12379
|
+
init_Input2();
|
|
12380
|
+
init_Label2();
|
|
12381
|
+
init_Layout();
|
|
12382
|
+
init_Modal();
|
|
12383
|
+
init_Select2();
|
|
12384
|
+
init_Text2();
|
|
12385
|
+
DialogContent = (_a8) => {
|
|
12386
|
+
var _b7 = _a8, { Icon: Icon3, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
|
|
12387
|
+
return /* @__PURE__ */ import_react56.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react56.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react56.default.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ import_react56.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react56.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react56.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon3 ? /* @__PURE__ */ import_react56.default.createElement(Box, { css: __spreadValues({ mr: "$2", color: "$on_primary_high" }, iconCSS) }, /* @__PURE__ */ import_react56.default.createElement(Icon3, null)) : null, /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ import_react56.default.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ import_react56.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ import_react56.default.createElement(Box, null, children)));
|
|
12388
|
+
};
|
|
12389
|
+
ErrorDialog = (_a8) => {
|
|
12390
|
+
var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
|
|
12391
|
+
return /* @__PURE__ */ import_react56.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react56.default.createElement(
|
|
12392
|
+
DialogContent,
|
|
12393
|
+
__spreadValues({
|
|
12394
|
+
Icon: import_react_icons21.CrossIcon,
|
|
12395
|
+
title,
|
|
12396
|
+
onInteractOutside: (e) => e.preventDefault(),
|
|
12397
|
+
onEscapeKeyDown: (e) => e.preventDefault(),
|
|
12398
|
+
onPointerDownOutside: (e) => e.preventDefault(),
|
|
12399
|
+
closeable: false,
|
|
12400
|
+
iconCSS: { color: "$alert_error_default" }
|
|
12401
|
+
}, props),
|
|
12402
|
+
/* @__PURE__ */ import_react56.default.createElement(Box, { css: { mt: "$lg" } }, children)
|
|
12403
|
+
));
|
|
12404
|
+
};
|
|
12405
|
+
RequestDialog = ({ open = true, onOpenChange, title, body, actionText = "Accept", onAction, Icon: Icon3 }) => /* @__PURE__ */ import_react56.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react56.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react56.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react56.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react56.default.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md" } }, Icon3 ? Icon3 : null, /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "h6" }, title)), typeof body === "string" ? /* @__PURE__ */ import_react56.default.createElement(
|
|
12406
|
+
Text,
|
|
12407
|
+
{
|
|
12408
|
+
variant: "md",
|
|
12409
|
+
css: {
|
|
12410
|
+
fontWeight: 400,
|
|
12411
|
+
mt: "$4",
|
|
12412
|
+
mb: "$10",
|
|
12413
|
+
c: "$on_surface_medium"
|
|
12414
|
+
}
|
|
12415
|
+
},
|
|
12416
|
+
body
|
|
12417
|
+
) : /* @__PURE__ */ import_react56.default.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ import_react56.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ import_react56.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react56.default.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ import_react56.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Cancel"))), /* @__PURE__ */ import_react56.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react56.default.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText))))));
|
|
12418
|
+
DialogRow = ({ children, breakSm = false, css: css2, justify = "between" }) => {
|
|
12419
|
+
let finalCSS = {
|
|
12420
|
+
margin: "$10 0",
|
|
12421
|
+
w: "100%"
|
|
12422
|
+
};
|
|
12423
|
+
if (breakSm) {
|
|
12424
|
+
finalCSS["@sm"] = {
|
|
12425
|
+
flexDirection: "column",
|
|
12426
|
+
alignItems: "flex-start"
|
|
12427
|
+
};
|
|
12428
|
+
}
|
|
12429
|
+
if (css2) {
|
|
12430
|
+
finalCSS = Object.assign(finalCSS, css2);
|
|
12431
|
+
}
|
|
12432
|
+
return /* @__PURE__ */ import_react56.default.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
|
|
12433
|
+
};
|
|
12434
|
+
DialogCol = (_a8) => {
|
|
12435
|
+
var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
|
|
12436
|
+
let finalCSS = {
|
|
12437
|
+
margin: "$10 0",
|
|
12438
|
+
w: "100%"
|
|
12439
|
+
};
|
|
12440
|
+
if (breakSm) {
|
|
12441
|
+
finalCSS["@sm"] = {
|
|
12442
|
+
alignItems: "flex-start"
|
|
12443
|
+
};
|
|
12444
|
+
}
|
|
12445
|
+
if (css2) {
|
|
12446
|
+
finalCSS = Object.assign(finalCSS, css2);
|
|
12447
|
+
}
|
|
12448
|
+
return /* @__PURE__ */ import_react56.default.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
|
|
12449
|
+
};
|
|
12450
|
+
DialogSelect = (_a8) => {
|
|
12451
|
+
var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
|
|
12452
|
+
return /* @__PURE__ */ import_react56.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react56.default.createElement(Label3, null, title), /* @__PURE__ */ import_react56.default.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react56.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react56.default.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
|
|
12453
|
+
const id = keyField ? option[keyField] : option;
|
|
12454
|
+
const label = labelField ? option[labelField] : option;
|
|
12455
|
+
return /* @__PURE__ */ import_react56.default.createElement("option", { value: id, key: id }, label);
|
|
12456
|
+
}))));
|
|
12457
|
+
};
|
|
12458
|
+
DialogInputFile = (_a8) => {
|
|
12459
|
+
var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
|
|
12460
|
+
const inputRef = (0, import_react56.useRef)();
|
|
12461
|
+
return /* @__PURE__ */ import_react56.default.createElement(
|
|
12462
|
+
DialogCol,
|
|
12463
|
+
{
|
|
12464
|
+
breakSm: true,
|
|
12465
|
+
onClick: () => {
|
|
12466
|
+
var _a9;
|
|
12467
|
+
return (_a9 = inputRef.current) == null ? void 0 : _a9.click();
|
|
12468
|
+
},
|
|
12469
|
+
css: {
|
|
12470
|
+
justifyContent: "center",
|
|
12471
|
+
position: "relative",
|
|
12472
|
+
cursor: "pointer",
|
|
12473
|
+
py: "$12",
|
|
12474
|
+
border: "1px dashed $border_bright",
|
|
12475
|
+
r: "$1",
|
|
12476
|
+
height: "max(140px, 30%)",
|
|
12477
|
+
alignItems: "center",
|
|
12478
|
+
m: "$6 0"
|
|
12479
|
+
},
|
|
12480
|
+
gap: "8"
|
|
12481
|
+
},
|
|
12482
|
+
/* @__PURE__ */ import_react56.default.createElement(
|
|
12483
|
+
IconButton,
|
|
12484
|
+
{
|
|
12485
|
+
variant: "standard",
|
|
12486
|
+
css: {
|
|
12487
|
+
border: "none",
|
|
12488
|
+
background: "none",
|
|
12489
|
+
"&:hover": {
|
|
12490
|
+
border: "none",
|
|
12491
|
+
background: "none",
|
|
12492
|
+
bg: "$transparent !important"
|
|
12493
|
+
}
|
|
12494
|
+
}
|
|
12495
|
+
},
|
|
12496
|
+
/* @__PURE__ */ import_react56.default.createElement(
|
|
12497
|
+
import_react_icons21.CloudUploadIcon,
|
|
12498
|
+
{
|
|
12499
|
+
style: {
|
|
12500
|
+
width: "3rem",
|
|
12501
|
+
height: "3rem"
|
|
12502
|
+
}
|
|
12503
|
+
}
|
|
12504
|
+
)
|
|
12505
|
+
),
|
|
12506
|
+
/* @__PURE__ */ import_react56.default.createElement(Flex, { direction: "row" }, /* @__PURE__ */ import_react56.default.createElement(
|
|
12507
|
+
Input,
|
|
12508
|
+
__spreadValues({
|
|
12509
|
+
ref: inputRef,
|
|
12510
|
+
css: { width: "70%", "@sm": { width: "100%" } },
|
|
12511
|
+
value,
|
|
12512
|
+
onChange: (e) => onChange(e.target),
|
|
12513
|
+
placeholder,
|
|
12514
|
+
disabled,
|
|
12515
|
+
type,
|
|
12516
|
+
hidden: true
|
|
12517
|
+
}, props)
|
|
12518
|
+
), /* @__PURE__ */ import_react56.default.createElement(
|
|
12519
|
+
IconButton,
|
|
12520
|
+
{
|
|
12521
|
+
variant: "standard",
|
|
12522
|
+
css: {
|
|
12523
|
+
background: "none",
|
|
12524
|
+
border: "none",
|
|
12525
|
+
textDecoration: "underline",
|
|
12526
|
+
"&:hover": {
|
|
12527
|
+
background: "none !important",
|
|
12528
|
+
border: "none !important"
|
|
12529
|
+
}
|
|
12530
|
+
}
|
|
12531
|
+
},
|
|
12532
|
+
/* @__PURE__ */ import_react56.default.createElement(Text, { variant: "md" }, placeholder)
|
|
12533
|
+
))
|
|
12534
|
+
);
|
|
12512
12535
|
};
|
|
12513
|
-
SettingsModal_default = SettingsModal;
|
|
12514
12536
|
}
|
|
12515
12537
|
});
|
|
12516
12538
|
|
|
@@ -14719,6 +14741,708 @@ var require_ua_parser = __commonJS({
|
|
|
14719
14741
|
}
|
|
14720
14742
|
});
|
|
14721
14743
|
|
|
14744
|
+
// ../../node_modules/lodash.isequal/index.js
|
|
14745
|
+
var require_lodash2 = __commonJS({
|
|
14746
|
+
"../../node_modules/lodash.isequal/index.js"(exports, module2) {
|
|
14747
|
+
init_define_process_env();
|
|
14748
|
+
var LARGE_ARRAY_SIZE = 200;
|
|
14749
|
+
var HASH_UNDEFINED = "__lodash_hash_undefined__";
|
|
14750
|
+
var COMPARE_PARTIAL_FLAG = 1;
|
|
14751
|
+
var COMPARE_UNORDERED_FLAG = 2;
|
|
14752
|
+
var MAX_SAFE_INTEGER = 9007199254740991;
|
|
14753
|
+
var argsTag = "[object Arguments]";
|
|
14754
|
+
var arrayTag = "[object Array]";
|
|
14755
|
+
var asyncTag = "[object AsyncFunction]";
|
|
14756
|
+
var boolTag = "[object Boolean]";
|
|
14757
|
+
var dateTag = "[object Date]";
|
|
14758
|
+
var errorTag = "[object Error]";
|
|
14759
|
+
var funcTag = "[object Function]";
|
|
14760
|
+
var genTag = "[object GeneratorFunction]";
|
|
14761
|
+
var mapTag = "[object Map]";
|
|
14762
|
+
var numberTag = "[object Number]";
|
|
14763
|
+
var nullTag = "[object Null]";
|
|
14764
|
+
var objectTag = "[object Object]";
|
|
14765
|
+
var promiseTag = "[object Promise]";
|
|
14766
|
+
var proxyTag = "[object Proxy]";
|
|
14767
|
+
var regexpTag = "[object RegExp]";
|
|
14768
|
+
var setTag = "[object Set]";
|
|
14769
|
+
var stringTag = "[object String]";
|
|
14770
|
+
var symbolTag = "[object Symbol]";
|
|
14771
|
+
var undefinedTag = "[object Undefined]";
|
|
14772
|
+
var weakMapTag = "[object WeakMap]";
|
|
14773
|
+
var arrayBufferTag = "[object ArrayBuffer]";
|
|
14774
|
+
var dataViewTag = "[object DataView]";
|
|
14775
|
+
var float32Tag = "[object Float32Array]";
|
|
14776
|
+
var float64Tag = "[object Float64Array]";
|
|
14777
|
+
var int8Tag = "[object Int8Array]";
|
|
14778
|
+
var int16Tag = "[object Int16Array]";
|
|
14779
|
+
var int32Tag = "[object Int32Array]";
|
|
14780
|
+
var uint8Tag = "[object Uint8Array]";
|
|
14781
|
+
var uint8ClampedTag = "[object Uint8ClampedArray]";
|
|
14782
|
+
var uint16Tag = "[object Uint16Array]";
|
|
14783
|
+
var uint32Tag = "[object Uint32Array]";
|
|
14784
|
+
var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
|
|
14785
|
+
var reIsHostCtor = /^\[object .+?Constructor\]$/;
|
|
14786
|
+
var reIsUint = /^(?:0|[1-9]\d*)$/;
|
|
14787
|
+
var typedArrayTags = {};
|
|
14788
|
+
typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
|
|
14789
|
+
typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
|
|
14790
|
+
var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
|
|
14791
|
+
var freeSelf = typeof self == "object" && self && self.Object === Object && self;
|
|
14792
|
+
var root = freeGlobal || freeSelf || Function("return this")();
|
|
14793
|
+
var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
|
|
14794
|
+
var freeModule = freeExports && typeof module2 == "object" && module2 && !module2.nodeType && module2;
|
|
14795
|
+
var moduleExports = freeModule && freeModule.exports === freeExports;
|
|
14796
|
+
var freeProcess = moduleExports && freeGlobal.process;
|
|
14797
|
+
var nodeUtil = function() {
|
|
14798
|
+
try {
|
|
14799
|
+
return freeProcess && freeProcess.binding && freeProcess.binding("util");
|
|
14800
|
+
} catch (e) {
|
|
14801
|
+
}
|
|
14802
|
+
}();
|
|
14803
|
+
var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
|
|
14804
|
+
function arrayFilter(array, predicate) {
|
|
14805
|
+
var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
|
|
14806
|
+
while (++index < length) {
|
|
14807
|
+
var value = array[index];
|
|
14808
|
+
if (predicate(value, index, array)) {
|
|
14809
|
+
result[resIndex++] = value;
|
|
14810
|
+
}
|
|
14811
|
+
}
|
|
14812
|
+
return result;
|
|
14813
|
+
}
|
|
14814
|
+
function arrayPush(array, values) {
|
|
14815
|
+
var index = -1, length = values.length, offset = array.length;
|
|
14816
|
+
while (++index < length) {
|
|
14817
|
+
array[offset + index] = values[index];
|
|
14818
|
+
}
|
|
14819
|
+
return array;
|
|
14820
|
+
}
|
|
14821
|
+
function arraySome(array, predicate) {
|
|
14822
|
+
var index = -1, length = array == null ? 0 : array.length;
|
|
14823
|
+
while (++index < length) {
|
|
14824
|
+
if (predicate(array[index], index, array)) {
|
|
14825
|
+
return true;
|
|
14826
|
+
}
|
|
14827
|
+
}
|
|
14828
|
+
return false;
|
|
14829
|
+
}
|
|
14830
|
+
function baseTimes(n, iteratee) {
|
|
14831
|
+
var index = -1, result = Array(n);
|
|
14832
|
+
while (++index < n) {
|
|
14833
|
+
result[index] = iteratee(index);
|
|
14834
|
+
}
|
|
14835
|
+
return result;
|
|
14836
|
+
}
|
|
14837
|
+
function baseUnary(func) {
|
|
14838
|
+
return function(value) {
|
|
14839
|
+
return func(value);
|
|
14840
|
+
};
|
|
14841
|
+
}
|
|
14842
|
+
function cacheHas(cache, key) {
|
|
14843
|
+
return cache.has(key);
|
|
14844
|
+
}
|
|
14845
|
+
function getValue(object, key) {
|
|
14846
|
+
return object == null ? void 0 : object[key];
|
|
14847
|
+
}
|
|
14848
|
+
function mapToArray(map) {
|
|
14849
|
+
var index = -1, result = Array(map.size);
|
|
14850
|
+
map.forEach(function(value, key) {
|
|
14851
|
+
result[++index] = [key, value];
|
|
14852
|
+
});
|
|
14853
|
+
return result;
|
|
14854
|
+
}
|
|
14855
|
+
function overArg(func, transform) {
|
|
14856
|
+
return function(arg) {
|
|
14857
|
+
return func(transform(arg));
|
|
14858
|
+
};
|
|
14859
|
+
}
|
|
14860
|
+
function setToArray(set) {
|
|
14861
|
+
var index = -1, result = Array(set.size);
|
|
14862
|
+
set.forEach(function(value) {
|
|
14863
|
+
result[++index] = value;
|
|
14864
|
+
});
|
|
14865
|
+
return result;
|
|
14866
|
+
}
|
|
14867
|
+
var arrayProto = Array.prototype;
|
|
14868
|
+
var funcProto = Function.prototype;
|
|
14869
|
+
var objectProto = Object.prototype;
|
|
14870
|
+
var coreJsData = root["__core-js_shared__"];
|
|
14871
|
+
var funcToString = funcProto.toString;
|
|
14872
|
+
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
14873
|
+
var maskSrcKey = function() {
|
|
14874
|
+
var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
|
|
14875
|
+
return uid ? "Symbol(src)_1." + uid : "";
|
|
14876
|
+
}();
|
|
14877
|
+
var nativeObjectToString = objectProto.toString;
|
|
14878
|
+
var reIsNative = RegExp(
|
|
14879
|
+
"^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
|
|
14880
|
+
);
|
|
14881
|
+
var Buffer2 = moduleExports ? root.Buffer : void 0;
|
|
14882
|
+
var Symbol2 = root.Symbol;
|
|
14883
|
+
var Uint8Array2 = root.Uint8Array;
|
|
14884
|
+
var propertyIsEnumerable = objectProto.propertyIsEnumerable;
|
|
14885
|
+
var splice = arrayProto.splice;
|
|
14886
|
+
var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
|
|
14887
|
+
var nativeGetSymbols = Object.getOwnPropertySymbols;
|
|
14888
|
+
var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
|
|
14889
|
+
var nativeKeys = overArg(Object.keys, Object);
|
|
14890
|
+
var DataView = getNative(root, "DataView");
|
|
14891
|
+
var Map2 = getNative(root, "Map");
|
|
14892
|
+
var Promise2 = getNative(root, "Promise");
|
|
14893
|
+
var Set2 = getNative(root, "Set");
|
|
14894
|
+
var WeakMap2 = getNative(root, "WeakMap");
|
|
14895
|
+
var nativeCreate = getNative(Object, "create");
|
|
14896
|
+
var dataViewCtorString = toSource(DataView);
|
|
14897
|
+
var mapCtorString = toSource(Map2);
|
|
14898
|
+
var promiseCtorString = toSource(Promise2);
|
|
14899
|
+
var setCtorString = toSource(Set2);
|
|
14900
|
+
var weakMapCtorString = toSource(WeakMap2);
|
|
14901
|
+
var symbolProto = Symbol2 ? Symbol2.prototype : void 0;
|
|
14902
|
+
var symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
|
|
14903
|
+
function Hash(entries) {
|
|
14904
|
+
var index = -1, length = entries == null ? 0 : entries.length;
|
|
14905
|
+
this.clear();
|
|
14906
|
+
while (++index < length) {
|
|
14907
|
+
var entry = entries[index];
|
|
14908
|
+
this.set(entry[0], entry[1]);
|
|
14909
|
+
}
|
|
14910
|
+
}
|
|
14911
|
+
function hashClear() {
|
|
14912
|
+
this.__data__ = nativeCreate ? nativeCreate(null) : {};
|
|
14913
|
+
this.size = 0;
|
|
14914
|
+
}
|
|
14915
|
+
function hashDelete(key) {
|
|
14916
|
+
var result = this.has(key) && delete this.__data__[key];
|
|
14917
|
+
this.size -= result ? 1 : 0;
|
|
14918
|
+
return result;
|
|
14919
|
+
}
|
|
14920
|
+
function hashGet(key) {
|
|
14921
|
+
var data3 = this.__data__;
|
|
14922
|
+
if (nativeCreate) {
|
|
14923
|
+
var result = data3[key];
|
|
14924
|
+
return result === HASH_UNDEFINED ? void 0 : result;
|
|
14925
|
+
}
|
|
14926
|
+
return hasOwnProperty.call(data3, key) ? data3[key] : void 0;
|
|
14927
|
+
}
|
|
14928
|
+
function hashHas(key) {
|
|
14929
|
+
var data3 = this.__data__;
|
|
14930
|
+
return nativeCreate ? data3[key] !== void 0 : hasOwnProperty.call(data3, key);
|
|
14931
|
+
}
|
|
14932
|
+
function hashSet(key, value) {
|
|
14933
|
+
var data3 = this.__data__;
|
|
14934
|
+
this.size += this.has(key) ? 0 : 1;
|
|
14935
|
+
data3[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value;
|
|
14936
|
+
return this;
|
|
14937
|
+
}
|
|
14938
|
+
Hash.prototype.clear = hashClear;
|
|
14939
|
+
Hash.prototype["delete"] = hashDelete;
|
|
14940
|
+
Hash.prototype.get = hashGet;
|
|
14941
|
+
Hash.prototype.has = hashHas;
|
|
14942
|
+
Hash.prototype.set = hashSet;
|
|
14943
|
+
function ListCache(entries) {
|
|
14944
|
+
var index = -1, length = entries == null ? 0 : entries.length;
|
|
14945
|
+
this.clear();
|
|
14946
|
+
while (++index < length) {
|
|
14947
|
+
var entry = entries[index];
|
|
14948
|
+
this.set(entry[0], entry[1]);
|
|
14949
|
+
}
|
|
14950
|
+
}
|
|
14951
|
+
function listCacheClear() {
|
|
14952
|
+
this.__data__ = [];
|
|
14953
|
+
this.size = 0;
|
|
14954
|
+
}
|
|
14955
|
+
function listCacheDelete(key) {
|
|
14956
|
+
var data3 = this.__data__, index = assocIndexOf(data3, key);
|
|
14957
|
+
if (index < 0) {
|
|
14958
|
+
return false;
|
|
14959
|
+
}
|
|
14960
|
+
var lastIndex = data3.length - 1;
|
|
14961
|
+
if (index == lastIndex) {
|
|
14962
|
+
data3.pop();
|
|
14963
|
+
} else {
|
|
14964
|
+
splice.call(data3, index, 1);
|
|
14965
|
+
}
|
|
14966
|
+
--this.size;
|
|
14967
|
+
return true;
|
|
14968
|
+
}
|
|
14969
|
+
function listCacheGet(key) {
|
|
14970
|
+
var data3 = this.__data__, index = assocIndexOf(data3, key);
|
|
14971
|
+
return index < 0 ? void 0 : data3[index][1];
|
|
14972
|
+
}
|
|
14973
|
+
function listCacheHas(key) {
|
|
14974
|
+
return assocIndexOf(this.__data__, key) > -1;
|
|
14975
|
+
}
|
|
14976
|
+
function listCacheSet(key, value) {
|
|
14977
|
+
var data3 = this.__data__, index = assocIndexOf(data3, key);
|
|
14978
|
+
if (index < 0) {
|
|
14979
|
+
++this.size;
|
|
14980
|
+
data3.push([key, value]);
|
|
14981
|
+
} else {
|
|
14982
|
+
data3[index][1] = value;
|
|
14983
|
+
}
|
|
14984
|
+
return this;
|
|
14985
|
+
}
|
|
14986
|
+
ListCache.prototype.clear = listCacheClear;
|
|
14987
|
+
ListCache.prototype["delete"] = listCacheDelete;
|
|
14988
|
+
ListCache.prototype.get = listCacheGet;
|
|
14989
|
+
ListCache.prototype.has = listCacheHas;
|
|
14990
|
+
ListCache.prototype.set = listCacheSet;
|
|
14991
|
+
function MapCache(entries) {
|
|
14992
|
+
var index = -1, length = entries == null ? 0 : entries.length;
|
|
14993
|
+
this.clear();
|
|
14994
|
+
while (++index < length) {
|
|
14995
|
+
var entry = entries[index];
|
|
14996
|
+
this.set(entry[0], entry[1]);
|
|
14997
|
+
}
|
|
14998
|
+
}
|
|
14999
|
+
function mapCacheClear() {
|
|
15000
|
+
this.size = 0;
|
|
15001
|
+
this.__data__ = {
|
|
15002
|
+
"hash": new Hash(),
|
|
15003
|
+
"map": new (Map2 || ListCache)(),
|
|
15004
|
+
"string": new Hash()
|
|
15005
|
+
};
|
|
15006
|
+
}
|
|
15007
|
+
function mapCacheDelete(key) {
|
|
15008
|
+
var result = getMapData(this, key)["delete"](key);
|
|
15009
|
+
this.size -= result ? 1 : 0;
|
|
15010
|
+
return result;
|
|
15011
|
+
}
|
|
15012
|
+
function mapCacheGet(key) {
|
|
15013
|
+
return getMapData(this, key).get(key);
|
|
15014
|
+
}
|
|
15015
|
+
function mapCacheHas(key) {
|
|
15016
|
+
return getMapData(this, key).has(key);
|
|
15017
|
+
}
|
|
15018
|
+
function mapCacheSet(key, value) {
|
|
15019
|
+
var data3 = getMapData(this, key), size = data3.size;
|
|
15020
|
+
data3.set(key, value);
|
|
15021
|
+
this.size += data3.size == size ? 0 : 1;
|
|
15022
|
+
return this;
|
|
15023
|
+
}
|
|
15024
|
+
MapCache.prototype.clear = mapCacheClear;
|
|
15025
|
+
MapCache.prototype["delete"] = mapCacheDelete;
|
|
15026
|
+
MapCache.prototype.get = mapCacheGet;
|
|
15027
|
+
MapCache.prototype.has = mapCacheHas;
|
|
15028
|
+
MapCache.prototype.set = mapCacheSet;
|
|
15029
|
+
function SetCache(values) {
|
|
15030
|
+
var index = -1, length = values == null ? 0 : values.length;
|
|
15031
|
+
this.__data__ = new MapCache();
|
|
15032
|
+
while (++index < length) {
|
|
15033
|
+
this.add(values[index]);
|
|
15034
|
+
}
|
|
15035
|
+
}
|
|
15036
|
+
function setCacheAdd(value) {
|
|
15037
|
+
this.__data__.set(value, HASH_UNDEFINED);
|
|
15038
|
+
return this;
|
|
15039
|
+
}
|
|
15040
|
+
function setCacheHas(value) {
|
|
15041
|
+
return this.__data__.has(value);
|
|
15042
|
+
}
|
|
15043
|
+
SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
|
|
15044
|
+
SetCache.prototype.has = setCacheHas;
|
|
15045
|
+
function Stack(entries) {
|
|
15046
|
+
var data3 = this.__data__ = new ListCache(entries);
|
|
15047
|
+
this.size = data3.size;
|
|
15048
|
+
}
|
|
15049
|
+
function stackClear() {
|
|
15050
|
+
this.__data__ = new ListCache();
|
|
15051
|
+
this.size = 0;
|
|
15052
|
+
}
|
|
15053
|
+
function stackDelete(key) {
|
|
15054
|
+
var data3 = this.__data__, result = data3["delete"](key);
|
|
15055
|
+
this.size = data3.size;
|
|
15056
|
+
return result;
|
|
15057
|
+
}
|
|
15058
|
+
function stackGet(key) {
|
|
15059
|
+
return this.__data__.get(key);
|
|
15060
|
+
}
|
|
15061
|
+
function stackHas(key) {
|
|
15062
|
+
return this.__data__.has(key);
|
|
15063
|
+
}
|
|
15064
|
+
function stackSet(key, value) {
|
|
15065
|
+
var data3 = this.__data__;
|
|
15066
|
+
if (data3 instanceof ListCache) {
|
|
15067
|
+
var pairs = data3.__data__;
|
|
15068
|
+
if (!Map2 || pairs.length < LARGE_ARRAY_SIZE - 1) {
|
|
15069
|
+
pairs.push([key, value]);
|
|
15070
|
+
this.size = ++data3.size;
|
|
15071
|
+
return this;
|
|
15072
|
+
}
|
|
15073
|
+
data3 = this.__data__ = new MapCache(pairs);
|
|
15074
|
+
}
|
|
15075
|
+
data3.set(key, value);
|
|
15076
|
+
this.size = data3.size;
|
|
15077
|
+
return this;
|
|
15078
|
+
}
|
|
15079
|
+
Stack.prototype.clear = stackClear;
|
|
15080
|
+
Stack.prototype["delete"] = stackDelete;
|
|
15081
|
+
Stack.prototype.get = stackGet;
|
|
15082
|
+
Stack.prototype.has = stackHas;
|
|
15083
|
+
Stack.prototype.set = stackSet;
|
|
15084
|
+
function arrayLikeKeys(value, inherited) {
|
|
15085
|
+
var isArr = isArray2(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
|
|
15086
|
+
for (var key in value) {
|
|
15087
|
+
if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
|
|
15088
|
+
(key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
|
|
15089
|
+
isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
|
|
15090
|
+
isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
|
|
15091
|
+
isIndex(key, length)))) {
|
|
15092
|
+
result.push(key);
|
|
15093
|
+
}
|
|
15094
|
+
}
|
|
15095
|
+
return result;
|
|
15096
|
+
}
|
|
15097
|
+
function assocIndexOf(array, key) {
|
|
15098
|
+
var length = array.length;
|
|
15099
|
+
while (length--) {
|
|
15100
|
+
if (eq(array[length][0], key)) {
|
|
15101
|
+
return length;
|
|
15102
|
+
}
|
|
15103
|
+
}
|
|
15104
|
+
return -1;
|
|
15105
|
+
}
|
|
15106
|
+
function baseGetAllKeys(object, keysFunc, symbolsFunc) {
|
|
15107
|
+
var result = keysFunc(object);
|
|
15108
|
+
return isArray2(object) ? result : arrayPush(result, symbolsFunc(object));
|
|
15109
|
+
}
|
|
15110
|
+
function baseGetTag(value) {
|
|
15111
|
+
if (value == null) {
|
|
15112
|
+
return value === void 0 ? undefinedTag : nullTag;
|
|
15113
|
+
}
|
|
15114
|
+
return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
|
|
15115
|
+
}
|
|
15116
|
+
function baseIsArguments(value) {
|
|
15117
|
+
return isObjectLike(value) && baseGetTag(value) == argsTag;
|
|
15118
|
+
}
|
|
15119
|
+
function baseIsEqual(value, other, bitmask, customizer2, stack) {
|
|
15120
|
+
if (value === other) {
|
|
15121
|
+
return true;
|
|
15122
|
+
}
|
|
15123
|
+
if (value == null || other == null || !isObjectLike(value) && !isObjectLike(other)) {
|
|
15124
|
+
return value !== value && other !== other;
|
|
15125
|
+
}
|
|
15126
|
+
return baseIsEqualDeep(value, other, bitmask, customizer2, baseIsEqual, stack);
|
|
15127
|
+
}
|
|
15128
|
+
function baseIsEqualDeep(object, other, bitmask, customizer2, equalFunc, stack) {
|
|
15129
|
+
var objIsArr = isArray2(object), othIsArr = isArray2(other), objTag = objIsArr ? arrayTag : getTag(object), othTag = othIsArr ? arrayTag : getTag(other);
|
|
15130
|
+
objTag = objTag == argsTag ? objectTag : objTag;
|
|
15131
|
+
othTag = othTag == argsTag ? objectTag : othTag;
|
|
15132
|
+
var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
|
|
15133
|
+
if (isSameTag && isBuffer(object)) {
|
|
15134
|
+
if (!isBuffer(other)) {
|
|
15135
|
+
return false;
|
|
15136
|
+
}
|
|
15137
|
+
objIsArr = true;
|
|
15138
|
+
objIsObj = false;
|
|
15139
|
+
}
|
|
15140
|
+
if (isSameTag && !objIsObj) {
|
|
15141
|
+
stack || (stack = new Stack());
|
|
15142
|
+
return objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer2, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer2, equalFunc, stack);
|
|
15143
|
+
}
|
|
15144
|
+
if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
|
|
15145
|
+
var objIsWrapped = objIsObj && hasOwnProperty.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
|
|
15146
|
+
if (objIsWrapped || othIsWrapped) {
|
|
15147
|
+
var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
|
|
15148
|
+
stack || (stack = new Stack());
|
|
15149
|
+
return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer2, stack);
|
|
15150
|
+
}
|
|
15151
|
+
}
|
|
15152
|
+
if (!isSameTag) {
|
|
15153
|
+
return false;
|
|
15154
|
+
}
|
|
15155
|
+
stack || (stack = new Stack());
|
|
15156
|
+
return equalObjects(object, other, bitmask, customizer2, equalFunc, stack);
|
|
15157
|
+
}
|
|
15158
|
+
function baseIsNative(value) {
|
|
15159
|
+
if (!isObject2(value) || isMasked(value)) {
|
|
15160
|
+
return false;
|
|
15161
|
+
}
|
|
15162
|
+
var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
|
|
15163
|
+
return pattern.test(toSource(value));
|
|
15164
|
+
}
|
|
15165
|
+
function baseIsTypedArray(value) {
|
|
15166
|
+
return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
|
|
15167
|
+
}
|
|
15168
|
+
function baseKeys(object) {
|
|
15169
|
+
if (!isPrototype(object)) {
|
|
15170
|
+
return nativeKeys(object);
|
|
15171
|
+
}
|
|
15172
|
+
var result = [];
|
|
15173
|
+
for (var key in Object(object)) {
|
|
15174
|
+
if (hasOwnProperty.call(object, key) && key != "constructor") {
|
|
15175
|
+
result.push(key);
|
|
15176
|
+
}
|
|
15177
|
+
}
|
|
15178
|
+
return result;
|
|
15179
|
+
}
|
|
15180
|
+
function equalArrays(array, other, bitmask, customizer2, equalFunc, stack) {
|
|
15181
|
+
var isPartial = bitmask & COMPARE_PARTIAL_FLAG, arrLength = array.length, othLength = other.length;
|
|
15182
|
+
if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
|
|
15183
|
+
return false;
|
|
15184
|
+
}
|
|
15185
|
+
var stacked = stack.get(array);
|
|
15186
|
+
if (stacked && stack.get(other)) {
|
|
15187
|
+
return stacked == other;
|
|
15188
|
+
}
|
|
15189
|
+
var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG ? new SetCache() : void 0;
|
|
15190
|
+
stack.set(array, other);
|
|
15191
|
+
stack.set(other, array);
|
|
15192
|
+
while (++index < arrLength) {
|
|
15193
|
+
var arrValue = array[index], othValue = other[index];
|
|
15194
|
+
if (customizer2) {
|
|
15195
|
+
var compared = isPartial ? customizer2(othValue, arrValue, index, other, array, stack) : customizer2(arrValue, othValue, index, array, other, stack);
|
|
15196
|
+
}
|
|
15197
|
+
if (compared !== void 0) {
|
|
15198
|
+
if (compared) {
|
|
15199
|
+
continue;
|
|
15200
|
+
}
|
|
15201
|
+
result = false;
|
|
15202
|
+
break;
|
|
15203
|
+
}
|
|
15204
|
+
if (seen) {
|
|
15205
|
+
if (!arraySome(other, function(othValue2, othIndex) {
|
|
15206
|
+
if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer2, stack))) {
|
|
15207
|
+
return seen.push(othIndex);
|
|
15208
|
+
}
|
|
15209
|
+
})) {
|
|
15210
|
+
result = false;
|
|
15211
|
+
break;
|
|
15212
|
+
}
|
|
15213
|
+
} else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer2, stack))) {
|
|
15214
|
+
result = false;
|
|
15215
|
+
break;
|
|
15216
|
+
}
|
|
15217
|
+
}
|
|
15218
|
+
stack["delete"](array);
|
|
15219
|
+
stack["delete"](other);
|
|
15220
|
+
return result;
|
|
15221
|
+
}
|
|
15222
|
+
function equalByTag(object, other, tag, bitmask, customizer2, equalFunc, stack) {
|
|
15223
|
+
switch (tag) {
|
|
15224
|
+
case dataViewTag:
|
|
15225
|
+
if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) {
|
|
15226
|
+
return false;
|
|
15227
|
+
}
|
|
15228
|
+
object = object.buffer;
|
|
15229
|
+
other = other.buffer;
|
|
15230
|
+
case arrayBufferTag:
|
|
15231
|
+
if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
|
|
15232
|
+
return false;
|
|
15233
|
+
}
|
|
15234
|
+
return true;
|
|
15235
|
+
case boolTag:
|
|
15236
|
+
case dateTag:
|
|
15237
|
+
case numberTag:
|
|
15238
|
+
return eq(+object, +other);
|
|
15239
|
+
case errorTag:
|
|
15240
|
+
return object.name == other.name && object.message == other.message;
|
|
15241
|
+
case regexpTag:
|
|
15242
|
+
case stringTag:
|
|
15243
|
+
return object == other + "";
|
|
15244
|
+
case mapTag:
|
|
15245
|
+
var convert = mapToArray;
|
|
15246
|
+
case setTag:
|
|
15247
|
+
var isPartial = bitmask & COMPARE_PARTIAL_FLAG;
|
|
15248
|
+
convert || (convert = setToArray);
|
|
15249
|
+
if (object.size != other.size && !isPartial) {
|
|
15250
|
+
return false;
|
|
15251
|
+
}
|
|
15252
|
+
var stacked = stack.get(object);
|
|
15253
|
+
if (stacked) {
|
|
15254
|
+
return stacked == other;
|
|
15255
|
+
}
|
|
15256
|
+
bitmask |= COMPARE_UNORDERED_FLAG;
|
|
15257
|
+
stack.set(object, other);
|
|
15258
|
+
var result = equalArrays(convert(object), convert(other), bitmask, customizer2, equalFunc, stack);
|
|
15259
|
+
stack["delete"](object);
|
|
15260
|
+
return result;
|
|
15261
|
+
case symbolTag:
|
|
15262
|
+
if (symbolValueOf) {
|
|
15263
|
+
return symbolValueOf.call(object) == symbolValueOf.call(other);
|
|
15264
|
+
}
|
|
15265
|
+
}
|
|
15266
|
+
return false;
|
|
15267
|
+
}
|
|
15268
|
+
function equalObjects(object, other, bitmask, customizer2, equalFunc, stack) {
|
|
15269
|
+
var isPartial = bitmask & COMPARE_PARTIAL_FLAG, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
|
|
15270
|
+
if (objLength != othLength && !isPartial) {
|
|
15271
|
+
return false;
|
|
15272
|
+
}
|
|
15273
|
+
var index = objLength;
|
|
15274
|
+
while (index--) {
|
|
15275
|
+
var key = objProps[index];
|
|
15276
|
+
if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) {
|
|
15277
|
+
return false;
|
|
15278
|
+
}
|
|
15279
|
+
}
|
|
15280
|
+
var stacked = stack.get(object);
|
|
15281
|
+
if (stacked && stack.get(other)) {
|
|
15282
|
+
return stacked == other;
|
|
15283
|
+
}
|
|
15284
|
+
var result = true;
|
|
15285
|
+
stack.set(object, other);
|
|
15286
|
+
stack.set(other, object);
|
|
15287
|
+
var skipCtor = isPartial;
|
|
15288
|
+
while (++index < objLength) {
|
|
15289
|
+
key = objProps[index];
|
|
15290
|
+
var objValue = object[key], othValue = other[key];
|
|
15291
|
+
if (customizer2) {
|
|
15292
|
+
var compared = isPartial ? customizer2(othValue, objValue, key, other, object, stack) : customizer2(objValue, othValue, key, object, other, stack);
|
|
15293
|
+
}
|
|
15294
|
+
if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer2, stack) : compared)) {
|
|
15295
|
+
result = false;
|
|
15296
|
+
break;
|
|
15297
|
+
}
|
|
15298
|
+
skipCtor || (skipCtor = key == "constructor");
|
|
15299
|
+
}
|
|
15300
|
+
if (result && !skipCtor) {
|
|
15301
|
+
var objCtor = object.constructor, othCtor = other.constructor;
|
|
15302
|
+
if (objCtor != othCtor && ("constructor" in object && "constructor" in other) && !(typeof objCtor == "function" && objCtor instanceof objCtor && typeof othCtor == "function" && othCtor instanceof othCtor)) {
|
|
15303
|
+
result = false;
|
|
15304
|
+
}
|
|
15305
|
+
}
|
|
15306
|
+
stack["delete"](object);
|
|
15307
|
+
stack["delete"](other);
|
|
15308
|
+
return result;
|
|
15309
|
+
}
|
|
15310
|
+
function getAllKeys(object) {
|
|
15311
|
+
return baseGetAllKeys(object, keys, getSymbols);
|
|
15312
|
+
}
|
|
15313
|
+
function getMapData(map, key) {
|
|
15314
|
+
var data3 = map.__data__;
|
|
15315
|
+
return isKeyable(key) ? data3[typeof key == "string" ? "string" : "hash"] : data3.map;
|
|
15316
|
+
}
|
|
15317
|
+
function getNative(object, key) {
|
|
15318
|
+
var value = getValue(object, key);
|
|
15319
|
+
return baseIsNative(value) ? value : void 0;
|
|
15320
|
+
}
|
|
15321
|
+
function getRawTag(value) {
|
|
15322
|
+
var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
|
|
15323
|
+
try {
|
|
15324
|
+
value[symToStringTag] = void 0;
|
|
15325
|
+
var unmasked = true;
|
|
15326
|
+
} catch (e) {
|
|
15327
|
+
}
|
|
15328
|
+
var result = nativeObjectToString.call(value);
|
|
15329
|
+
if (unmasked) {
|
|
15330
|
+
if (isOwn) {
|
|
15331
|
+
value[symToStringTag] = tag;
|
|
15332
|
+
} else {
|
|
15333
|
+
delete value[symToStringTag];
|
|
15334
|
+
}
|
|
15335
|
+
}
|
|
15336
|
+
return result;
|
|
15337
|
+
}
|
|
15338
|
+
var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
|
|
15339
|
+
if (object == null) {
|
|
15340
|
+
return [];
|
|
15341
|
+
}
|
|
15342
|
+
object = Object(object);
|
|
15343
|
+
return arrayFilter(nativeGetSymbols(object), function(symbol) {
|
|
15344
|
+
return propertyIsEnumerable.call(object, symbol);
|
|
15345
|
+
});
|
|
15346
|
+
};
|
|
15347
|
+
var getTag = baseGetTag;
|
|
15348
|
+
if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
|
|
15349
|
+
getTag = function(value) {
|
|
15350
|
+
var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
|
|
15351
|
+
if (ctorString) {
|
|
15352
|
+
switch (ctorString) {
|
|
15353
|
+
case dataViewCtorString:
|
|
15354
|
+
return dataViewTag;
|
|
15355
|
+
case mapCtorString:
|
|
15356
|
+
return mapTag;
|
|
15357
|
+
case promiseCtorString:
|
|
15358
|
+
return promiseTag;
|
|
15359
|
+
case setCtorString:
|
|
15360
|
+
return setTag;
|
|
15361
|
+
case weakMapCtorString:
|
|
15362
|
+
return weakMapTag;
|
|
15363
|
+
}
|
|
15364
|
+
}
|
|
15365
|
+
return result;
|
|
15366
|
+
};
|
|
15367
|
+
}
|
|
15368
|
+
function isIndex(value, length) {
|
|
15369
|
+
length = length == null ? MAX_SAFE_INTEGER : length;
|
|
15370
|
+
return !!length && (typeof value == "number" || reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
|
|
15371
|
+
}
|
|
15372
|
+
function isKeyable(value) {
|
|
15373
|
+
var type = typeof value;
|
|
15374
|
+
return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
|
|
15375
|
+
}
|
|
15376
|
+
function isMasked(func) {
|
|
15377
|
+
return !!maskSrcKey && maskSrcKey in func;
|
|
15378
|
+
}
|
|
15379
|
+
function isPrototype(value) {
|
|
15380
|
+
var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto;
|
|
15381
|
+
return value === proto;
|
|
15382
|
+
}
|
|
15383
|
+
function objectToString(value) {
|
|
15384
|
+
return nativeObjectToString.call(value);
|
|
15385
|
+
}
|
|
15386
|
+
function toSource(func) {
|
|
15387
|
+
if (func != null) {
|
|
15388
|
+
try {
|
|
15389
|
+
return funcToString.call(func);
|
|
15390
|
+
} catch (e) {
|
|
15391
|
+
}
|
|
15392
|
+
try {
|
|
15393
|
+
return func + "";
|
|
15394
|
+
} catch (e) {
|
|
15395
|
+
}
|
|
15396
|
+
}
|
|
15397
|
+
return "";
|
|
15398
|
+
}
|
|
15399
|
+
function eq(value, other) {
|
|
15400
|
+
return value === other || value !== value && other !== other;
|
|
15401
|
+
}
|
|
15402
|
+
var isArguments = baseIsArguments(function() {
|
|
15403
|
+
return arguments;
|
|
15404
|
+
}()) ? baseIsArguments : function(value) {
|
|
15405
|
+
return isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
|
|
15406
|
+
};
|
|
15407
|
+
var isArray2 = Array.isArray;
|
|
15408
|
+
function isArrayLike(value) {
|
|
15409
|
+
return value != null && isLength(value.length) && !isFunction(value);
|
|
15410
|
+
}
|
|
15411
|
+
var isBuffer = nativeIsBuffer || stubFalse;
|
|
15412
|
+
function isEqual(value, other) {
|
|
15413
|
+
return baseIsEqual(value, other);
|
|
15414
|
+
}
|
|
15415
|
+
function isFunction(value) {
|
|
15416
|
+
if (!isObject2(value)) {
|
|
15417
|
+
return false;
|
|
15418
|
+
}
|
|
15419
|
+
var tag = baseGetTag(value);
|
|
15420
|
+
return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
|
|
15421
|
+
}
|
|
15422
|
+
function isLength(value) {
|
|
15423
|
+
return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
|
|
15424
|
+
}
|
|
15425
|
+
function isObject2(value) {
|
|
15426
|
+
var type = typeof value;
|
|
15427
|
+
return value != null && (type == "object" || type == "function");
|
|
15428
|
+
}
|
|
15429
|
+
function isObjectLike(value) {
|
|
15430
|
+
return value != null && typeof value == "object";
|
|
15431
|
+
}
|
|
15432
|
+
var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
|
|
15433
|
+
function keys(object) {
|
|
15434
|
+
return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
|
|
15435
|
+
}
|
|
15436
|
+
function stubArray() {
|
|
15437
|
+
return [];
|
|
15438
|
+
}
|
|
15439
|
+
function stubFalse() {
|
|
15440
|
+
return false;
|
|
15441
|
+
}
|
|
15442
|
+
module2.exports = isEqual;
|
|
15443
|
+
}
|
|
15444
|
+
});
|
|
15445
|
+
|
|
14722
15446
|
// ../../node_modules/webrtc-adapter/src/js/utils.js
|
|
14723
15447
|
function extractVersion(uastring, expr, pos) {
|
|
14724
15448
|
const match = uastring.match(expr);
|
|
@@ -17194,15 +17918,15 @@ function shimSendThrowTypeError(window2) {
|
|
|
17194
17918
|
if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
|
|
17195
17919
|
return;
|
|
17196
17920
|
}
|
|
17197
|
-
function wrapDcSend(
|
|
17198
|
-
const origDataChannelSend =
|
|
17199
|
-
|
|
17921
|
+
function wrapDcSend(dc, pc) {
|
|
17922
|
+
const origDataChannelSend = dc.send;
|
|
17923
|
+
dc.send = function send() {
|
|
17200
17924
|
const data3 = arguments[0];
|
|
17201
17925
|
const length = data3.length || data3.size || data3.byteLength;
|
|
17202
|
-
if (
|
|
17926
|
+
if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
|
|
17203
17927
|
throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
|
|
17204
17928
|
}
|
|
17205
|
-
return origDataChannelSend.apply(
|
|
17929
|
+
return origDataChannelSend.apply(dc, arguments);
|
|
17206
17930
|
};
|
|
17207
17931
|
}
|
|
17208
17932
|
const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
|
|
@@ -18194,7 +18918,7 @@ var require_lib = __commonJS({
|
|
|
18194
18918
|
});
|
|
18195
18919
|
|
|
18196
18920
|
// ../hms-video-store/dist/index.js
|
|
18197
|
-
function
|
|
18921
|
+
function Ie(a2, e) {
|
|
18198
18922
|
let t, i;
|
|
18199
18923
|
if (e)
|
|
18200
18924
|
for (let r of e.auxiliaryTracks) {
|
|
@@ -18244,7 +18968,7 @@ function ie(a2) {
|
|
|
18244
18968
|
}
|
|
18245
18969
|
function st(a2 = "prod", e) {
|
|
18246
18970
|
let t = "web", i = Ue !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
|
|
18247
|
-
if (
|
|
18971
|
+
if (He)
|
|
18248
18972
|
return ys({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ms, env: i, domain: Ue, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
|
|
18249
18973
|
let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = cr(`web_${r.name}`), l = r.version || "", u = cr(`${o.name}_${o.version}`), p = u;
|
|
18250
18974
|
return s.type && (p = `${cr(`${s.vendor}_${s.type}`)}/${u}`), ys({ os: n, os_version: l, sdk: t, sdk_version: Ms, device_model: p, env: i, domain: Ue, 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 });
|
|
@@ -18262,13 +18986,13 @@ function Kt(a2, e = 300) {
|
|
|
18262
18986
|
}, e);
|
|
18263
18987
|
};
|
|
18264
18988
|
}
|
|
18265
|
-
function
|
|
18989
|
+
function zh(a2) {
|
|
18266
18990
|
return (e) => {
|
|
18267
18991
|
if (e.sessionStore)
|
|
18268
18992
|
return a2 ? e.sessionStore[a2] : e.sessionStore;
|
|
18269
18993
|
};
|
|
18270
18994
|
}
|
|
18271
|
-
var import_ua_parser_js, import_uuid3, import_uuid4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23,
|
|
18995
|
+
var import_ua_parser_js, import_lodash3, import_uuid3, import_uuid4, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, It, import_eventemitter24, import_uuid9, import_uuid10, ga, Ta, fa, Ot, Fr, Gr, Br, m, k, Qi, ya, nr, zi, ka, $r, Yi, Wr, U, Ea, Pn, En, G, Bt, jr, w, Xi, Aa, ye, Rn, ba, ae, Ra, Q, ue, In, Hn, Z, K, Ia, Qr, Cn, Ln, er, Ha, Dn, _n, Nn, On, xn, Un, Vn, Bn, rt, Ca, Fn, z, Yr, Gn, oe, $n, Ft, La, Xr, Wn, Zr, Kn, qn, jn, Jn, Qn, zn, Yn, Xn, es, ic, wa, rc, is, tr, rs, ss, as, os, ns, cs, ds, ls, us, Da, d, pe, N, ps, He, Na, uc, hs, ms, gs, Ue, v, T, xa, h, sr, Ts, ne, fs, Ms, ys, I, M, dr, q, lr, ur, As, bs, pr, Cs, hr, Ls, mr, Sr, _s, Ns, qe, ht, y, Ar, mt, Gs, no, co, j, br, lo, uo, po, ho, mo, J, Qh, Xh, si, $s, Zh, em, tm, So, go, rm, Ws, sm, To, am, om, nm, cm, dm, lm, Ks, qs, pm, hm, js, mm, Sm, Js, gm, Tm, fm, Qs, zs, fo, vo, Mo, vm, Mm, ym, km, Pm, Ys, _m, yo, Nm, Om, xm, Po, Eo, Lr, fe, $, xi, Ki, Wo, Ko, qo, jo, ma, Jo, Sa, xr, Me, Qo, zo, Yo, Xo, Zo, en, tn, rn, sn, an, Ur, on, nn, cn, dn, ln, un;
|
|
18272
18996
|
var init_dist = __esm({
|
|
18273
18997
|
"../hms-video-store/dist/index.js"() {
|
|
18274
18998
|
"use strict";
|
|
@@ -18277,9 +19001,11 @@ var init_dist = __esm({
|
|
|
18277
19001
|
init_es();
|
|
18278
19002
|
init_es();
|
|
18279
19003
|
import_ua_parser_js = __toESM(require_ua_parser());
|
|
19004
|
+
import_lodash3 = __toESM(require_lodash2());
|
|
18280
19005
|
import_uuid3 = require("uuid");
|
|
18281
19006
|
import_uuid4 = require("uuid");
|
|
18282
19007
|
init_adapter_core();
|
|
19008
|
+
import_lodash4 = __toESM(require_lodash2());
|
|
18283
19009
|
import_uuid5 = require("uuid");
|
|
18284
19010
|
import_uuid6 = require("uuid");
|
|
18285
19011
|
import_uuid7 = require("uuid");
|
|
@@ -18289,7 +19015,7 @@ var init_dist = __esm({
|
|
|
18289
19015
|
import_eventemitter22 = require("eventemitter2");
|
|
18290
19016
|
import_uuid8 = require("uuid");
|
|
18291
19017
|
import_eventemitter23 = require("eventemitter2");
|
|
18292
|
-
|
|
19018
|
+
It = __toESM(require_lib());
|
|
18293
19019
|
import_eventemitter24 = __toESM(require("eventemitter2"));
|
|
18294
19020
|
import_uuid9 = require("uuid");
|
|
18295
19021
|
import_uuid10 = require("uuid");
|
|
@@ -18320,8 +19046,8 @@ var init_dist = __esm({
|
|
|
18320
19046
|
return t;
|
|
18321
19047
|
};
|
|
18322
19048
|
ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
18323
|
-
nr = ya((
|
|
18324
|
-
Va.exports = { version: "0.11.
|
|
19049
|
+
nr = ya((Qc, Va) => {
|
|
19050
|
+
Va.exports = { version: "0.11.3-alpha.1", 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"] };
|
|
18325
19051
|
});
|
|
18326
19052
|
zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
|
|
18327
19053
|
ka = ((e) => (e.CHAT = "chat", e))(ka || {});
|
|
@@ -18330,8 +19056,8 @@ var init_dist = __esm({
|
|
|
18330
19056
|
Wr = ((t) => (t.audio = "audio", t.video = "video", t))(Wr || {});
|
|
18331
19057
|
U = (a2) => a2.room;
|
|
18332
19058
|
Ea = (a2) => a2.errors;
|
|
18333
|
-
|
|
18334
|
-
|
|
19059
|
+
Pn = createSelector(Ea, (a2) => a2.length === 0 ? null : a2.at(-1));
|
|
19060
|
+
En = createSelector(U, (a2) => a2.id);
|
|
18335
19061
|
G = (a2) => a2.peers;
|
|
18336
19062
|
Bt = (a2) => a2.messages.byID;
|
|
18337
19063
|
jr = (a2) => a2.messages.allIDs;
|
|
@@ -18339,23 +19065,23 @@ var init_dist = __esm({
|
|
|
18339
19065
|
Xi = (a2) => a2.appData;
|
|
18340
19066
|
Aa = (a2) => a2.speakers;
|
|
18341
19067
|
ye = createSelector([U], (a2) => a2 && a2.isConnected);
|
|
18342
|
-
|
|
19068
|
+
Rn = createSelector([ye, U], (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));
|
|
18343
19069
|
ba = (a2) => a2.hideLocalPeer;
|
|
18344
19070
|
ae = createSelector([U, G, ba], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
|
|
18345
19071
|
Ra = createSelector(w, (a2) => Object.values(a2));
|
|
18346
19072
|
Q = createSelector(U, G, (a2, e) => e[a2.localPeer]);
|
|
18347
19073
|
ue = createSelector(U, (a2) => a2.localPeer);
|
|
18348
|
-
|
|
18349
|
-
|
|
19074
|
+
In = createSelector(Q, (a2) => a2 == null ? void 0 : a2.name);
|
|
19075
|
+
Hn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.roleName);
|
|
18350
19076
|
Z = createSelector(Q, (a2) => a2 == null ? void 0 : a2.audioTrack);
|
|
18351
19077
|
K = createSelector(Q, (a2) => a2 == null ? void 0 : a2.videoTrack);
|
|
18352
|
-
|
|
18353
|
-
Qr = createSelector([Z, K,
|
|
19078
|
+
Ia = createSelector(Q, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
|
|
19079
|
+
Qr = createSelector([Z, K, Ia], (a2, e, t) => {
|
|
18354
19080
|
let i = t ? [...t] : [];
|
|
18355
19081
|
return a2 && i.unshift(a2), e && i.unshift(e), i;
|
|
18356
19082
|
});
|
|
18357
|
-
|
|
18358
|
-
|
|
19083
|
+
Cn = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
|
|
19084
|
+
Ln = createSelector(G, Aa, (a2, e) => {
|
|
18359
19085
|
let t = Object.entries(e).sort((i, r) => {
|
|
18360
19086
|
var n, l;
|
|
18361
19087
|
let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
|
|
@@ -18369,52 +19095,52 @@ var init_dist = __esm({
|
|
|
18369
19095
|
return null;
|
|
18370
19096
|
});
|
|
18371
19097
|
er = createSelector(Q, w, (a2, e) => {
|
|
18372
|
-
let { video: t, audio: i } =
|
|
19098
|
+
let { video: t, audio: i } = Ie(e, a2);
|
|
18373
19099
|
return !!(t || i);
|
|
18374
19100
|
});
|
|
18375
|
-
|
|
19101
|
+
Ha = createSelector(G, w, (a2, e) => {
|
|
18376
19102
|
let t;
|
|
18377
19103
|
for (let i in a2) {
|
|
18378
|
-
let r = a2[i], { video: s, audio: o } =
|
|
19104
|
+
let r = a2[i], { video: s, audio: o } = Ie(e, r);
|
|
18379
19105
|
if (s)
|
|
18380
19106
|
return r;
|
|
18381
19107
|
o && !t && (t = r);
|
|
18382
19108
|
}
|
|
18383
19109
|
return t;
|
|
18384
19110
|
});
|
|
18385
|
-
|
|
18386
|
-
|
|
19111
|
+
Dn = createSelector(Ha, (a2) => !!a2);
|
|
19112
|
+
_n = createSelector(G, w, (a2, e) => {
|
|
18387
19113
|
for (let t in a2) {
|
|
18388
|
-
let i = a2[t], { audio: r, video: s } =
|
|
19114
|
+
let i = a2[t], { audio: r, video: s } = Ie(e, i);
|
|
18389
19115
|
if (!s && r)
|
|
18390
19116
|
return i;
|
|
18391
19117
|
}
|
|
18392
19118
|
});
|
|
18393
|
-
|
|
19119
|
+
Nn = createSelector(G, w, (a2, e) => {
|
|
18394
19120
|
let t = [], i = [];
|
|
18395
19121
|
for (let r in a2) {
|
|
18396
|
-
let s = a2[r], { video: o, audio: n } =
|
|
19122
|
+
let s = a2[r], { video: o, audio: n } = Ie(e, s);
|
|
18397
19123
|
o ? t.push(s) : n && i.push(s);
|
|
18398
19124
|
}
|
|
18399
19125
|
return t.concat(i);
|
|
18400
19126
|
});
|
|
18401
|
-
|
|
19127
|
+
On = createSelector(G, w, (a2, e) => {
|
|
18402
19128
|
for (let t in e) {
|
|
18403
19129
|
let i = e[t];
|
|
18404
19130
|
if (tt(i) && et(i) && i.peerId)
|
|
18405
19131
|
return a2[i.peerId];
|
|
18406
19132
|
}
|
|
18407
19133
|
});
|
|
18408
|
-
|
|
19134
|
+
xn = createSelector(G, w, (a2, e) => {
|
|
18409
19135
|
for (let t in e) {
|
|
18410
19136
|
let i = e[t];
|
|
18411
19137
|
if (Vt(i) && i.peerId)
|
|
18412
19138
|
return a2[i.peerId];
|
|
18413
19139
|
}
|
|
18414
19140
|
});
|
|
18415
|
-
|
|
18416
|
-
|
|
18417
|
-
|
|
19141
|
+
Un = createSelector(Ra, (a2) => a2.filter(Kr));
|
|
19142
|
+
Vn = createSelector(jr, (a2) => a2.length);
|
|
19143
|
+
Bn = createSelector(Bt, (a2) => Object.values(a2).filter((e) => !e.read).length);
|
|
18418
19144
|
rt = createSelector(jr, Bt, (a2, e) => {
|
|
18419
19145
|
let t = [];
|
|
18420
19146
|
return a2.forEach((i) => {
|
|
@@ -18425,35 +19151,35 @@ var init_dist = __esm({
|
|
|
18425
19151
|
var t;
|
|
18426
19152
|
return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
|
|
18427
19153
|
}));
|
|
18428
|
-
|
|
19154
|
+
Fn = createSelector(Ca, (a2) => a2.filter((e) => !e.read).length);
|
|
18429
19155
|
z = createSelector([U], (a2) => a2 && a2.roomState);
|
|
18430
19156
|
Yr = createSelector(z, (a2) => a2 === "Preview");
|
|
18431
|
-
|
|
19157
|
+
Gn = createSelector(U, (a2) => a2.roomState !== "Disconnected");
|
|
18432
19158
|
oe = (a2) => a2.roles;
|
|
18433
|
-
|
|
19159
|
+
$n = createSelector([oe], (a2) => Object.keys(a2));
|
|
18434
19160
|
Ft = createSelector([Q, oe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
|
|
18435
19161
|
La = (a2) => {
|
|
18436
19162
|
var e;
|
|
18437
19163
|
return (e = a2.preview) == null ? void 0 : e.asRole;
|
|
18438
19164
|
};
|
|
18439
19165
|
Xr = createSelector([La, oe], (a2, e) => a2 ? e[a2] : null);
|
|
18440
|
-
|
|
19166
|
+
Wn = createSelector([Ft], (a2) => {
|
|
18441
19167
|
var e;
|
|
18442
19168
|
return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
|
|
18443
19169
|
});
|
|
18444
19170
|
Zr = createSelector(Ft, (a2) => a2 == null ? void 0 : a2.permissions);
|
|
18445
|
-
|
|
18446
|
-
|
|
18447
|
-
|
|
18448
|
-
|
|
18449
|
-
|
|
18450
|
-
|
|
18451
|
-
|
|
18452
|
-
|
|
19171
|
+
Kn = createSelector(U, (a2) => a2.recording);
|
|
19172
|
+
qn = createSelector(U, (a2) => a2.rtmp);
|
|
19173
|
+
jn = createSelector(U, (a2) => a2.hls);
|
|
19174
|
+
Jn = createSelector(U, (a2) => a2.sessionId);
|
|
19175
|
+
Qn = createSelector(U, (a2) => a2.startedAt);
|
|
19176
|
+
zn = createSelector(U, (a2) => !!a2.isLargeRoom);
|
|
19177
|
+
Yn = createSelector(U, (a2) => !!a2.isEffectsEnabled);
|
|
19178
|
+
Xn = createSelector(U, (a2) => a2.effectsKey);
|
|
18453
19179
|
es = (a2) => a2.polls;
|
|
18454
|
-
|
|
19180
|
+
ic = createSelector(ae, (a2) => a2.filter((e) => e.isHandRaised));
|
|
18455
19181
|
wa = (a2) => a2.whiteboards;
|
|
18456
|
-
|
|
19182
|
+
rc = createSelector(wa, (a2) => Object.values(a2)[0]);
|
|
18457
19183
|
is = (a2 = "audio") => (e) => e.playlist[a2].list;
|
|
18458
19184
|
tr = (a2 = "audio") => (e) => e.playlist[a2].selection;
|
|
18459
19185
|
rs = (a2 = "audio") => (e) => e.playlist[a2].progress;
|
|
@@ -18537,9 +19263,9 @@ var init_dist = __esm({
|
|
|
18537
19263
|
d.level = Da ? 7 : 0;
|
|
18538
19264
|
pe = new import_ua_parser_js.UAParser();
|
|
18539
19265
|
N = typeof window != "undefined";
|
|
18540
|
-
|
|
18541
|
-
Na = () => !
|
|
18542
|
-
|
|
19266
|
+
He = typeof window == "undefined" && !((ps = pe.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
|
|
19267
|
+
Na = () => !He;
|
|
19268
|
+
uc = Na();
|
|
18543
19269
|
gs = ((ms = (hs = pe.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
|
|
18544
19270
|
Ue = Oa();
|
|
18545
19271
|
v = { 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 } };
|
|
@@ -18745,7 +19471,7 @@ var init_dist = __esm({
|
|
|
18745
19471
|
};
|
|
18746
19472
|
Ms = nr().version;
|
|
18747
19473
|
ys = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
|
|
18748
|
-
|
|
19474
|
+
I = class {
|
|
18749
19475
|
constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
|
|
18750
19476
|
this.metadata = { peer: {}, userAgent: st() };
|
|
18751
19477
|
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 = fs();
|
|
@@ -18757,57 +19483,57 @@ var init_dist = __esm({
|
|
|
18757
19483
|
M = class {
|
|
18758
19484
|
static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
|
|
18759
19485
|
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(k(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
|
|
18760
|
-
return new
|
|
19486
|
+
return new I({ name: o, level: n, properties: l });
|
|
18761
19487
|
}
|
|
18762
19488
|
static disconnect(e, t) {
|
|
18763
19489
|
let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
|
|
18764
|
-
return new
|
|
19490
|
+
return new I({ name: i, level: r, properties: s });
|
|
18765
19491
|
}
|
|
18766
19492
|
static preview(i) {
|
|
18767
19493
|
var r = i, { error: e } = r, t = Qi(r, ["error"]);
|
|
18768
19494
|
let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
|
|
18769
|
-
return new
|
|
19495
|
+
return new I({ name: s, level: o, properties: n });
|
|
18770
19496
|
}
|
|
18771
19497
|
static join(i) {
|
|
18772
19498
|
var r = i, { error: e } = r, t = Qi(r, ["error"]);
|
|
18773
19499
|
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
|
18774
|
-
return new
|
|
19500
|
+
return new I({ name: s, level: o, properties: n });
|
|
18775
19501
|
}
|
|
18776
19502
|
static publish({ devices: e, settings: t, error: i }) {
|
|
18777
19503
|
let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, o = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
|
|
18778
|
-
return new
|
|
19504
|
+
return new I({ name: r, level: s, properties: o });
|
|
18779
19505
|
}
|
|
18780
19506
|
static hlsPlayerError(e) {
|
|
18781
|
-
return new
|
|
19507
|
+
return new I({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
|
|
18782
19508
|
}
|
|
18783
19509
|
static subscribeFail(e) {
|
|
18784
19510
|
let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
|
|
18785
|
-
return new
|
|
19511
|
+
return new I({ name: t, level: i, properties: r });
|
|
18786
19512
|
}
|
|
18787
19513
|
static leave() {
|
|
18788
|
-
return new
|
|
19514
|
+
return new I({ name: "leave", level: 1 });
|
|
18789
19515
|
}
|
|
18790
19516
|
static autoplayError() {
|
|
18791
|
-
return new
|
|
19517
|
+
return new I({ name: "autoplayError", level: 2 });
|
|
18792
19518
|
}
|
|
18793
19519
|
static audioPlaybackError(e) {
|
|
18794
|
-
return new
|
|
19520
|
+
return new I({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
|
|
18795
19521
|
}
|
|
18796
|
-
static deviceChange({
|
|
18797
|
-
let
|
|
18798
|
-
return new
|
|
19522
|
+
static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
|
|
19523
|
+
let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
|
|
19524
|
+
return new I({ name: o, level: n, properties: l });
|
|
18799
19525
|
}
|
|
18800
19526
|
static performance(e) {
|
|
18801
19527
|
let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
|
|
18802
|
-
return new
|
|
19528
|
+
return new I({ name: t, level: i, properties: r });
|
|
18803
19529
|
}
|
|
18804
19530
|
static rtcStats(e) {
|
|
18805
19531
|
let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
|
|
18806
|
-
return new
|
|
19532
|
+
return new I({ name: t, level: i, properties: r });
|
|
18807
19533
|
}
|
|
18808
19534
|
static rtcStatsFailed(e) {
|
|
18809
19535
|
let t = "rtc.stats.failed", i = 2;
|
|
18810
|
-
return new
|
|
19536
|
+
return new I({ name: t, level: i, properties: this.getErrorProperties(e) });
|
|
18811
19537
|
}
|
|
18812
19538
|
static degradationStats(e, t) {
|
|
18813
19539
|
let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
|
|
@@ -18815,20 +19541,20 @@ var init_dist = __esm({
|
|
|
18815
19541
|
let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
|
|
18816
19542
|
s = k(m({}, s), { duration: n, restoredAt: o });
|
|
18817
19543
|
}
|
|
18818
|
-
return new
|
|
19544
|
+
return new I({ name: i, level: r, properties: s });
|
|
18819
19545
|
}
|
|
18820
19546
|
static audioDetectionFail(e, t) {
|
|
18821
19547
|
let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
|
|
18822
|
-
return new
|
|
19548
|
+
return new I({ name: s, level: r, properties: i });
|
|
18823
19549
|
}
|
|
18824
19550
|
static previewNetworkQuality(e) {
|
|
18825
|
-
return new
|
|
19551
|
+
return new I({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
|
|
18826
19552
|
}
|
|
18827
19553
|
static publishStats(e) {
|
|
18828
|
-
return new
|
|
19554
|
+
return new I({ name: "publisher.stats", level: 1, properties: e });
|
|
18829
19555
|
}
|
|
18830
19556
|
static subscribeStats(e) {
|
|
18831
|
-
return new
|
|
19557
|
+
return new I({ name: "subscriber.stats", level: 1, properties: e });
|
|
18832
19558
|
}
|
|
18833
19559
|
static eventNameFor(e, t) {
|
|
18834
19560
|
return `${e}.${t ? "success" : "failed"}`;
|
|
@@ -19014,106 +19740,106 @@ var init_dist = __esm({
|
|
|
19014
19740
|
Ar = (a2, e) => e;
|
|
19015
19741
|
mt = (a2, e) => e;
|
|
19016
19742
|
Gs = (a2, e) => e;
|
|
19017
|
-
|
|
19018
|
-
|
|
19743
|
+
no = (a2, e) => e;
|
|
19744
|
+
co = (a2, e) => e;
|
|
19019
19745
|
j = createSelector([G, Ar], (a2, e) => e ? a2[e] : null);
|
|
19020
19746
|
br = createSelector([w, mt], (a2, e) => e ? a2[e] : null);
|
|
19021
|
-
|
|
19747
|
+
lo = createSelector([w, mt], (a2, e) => {
|
|
19022
19748
|
if (!e)
|
|
19023
19749
|
return null;
|
|
19024
19750
|
let t = a2[e];
|
|
19025
19751
|
return (t == null ? void 0 : t.type) === "video" ? t : null;
|
|
19026
19752
|
});
|
|
19027
|
-
|
|
19753
|
+
uo = createSelector([w, mt], (a2, e) => {
|
|
19028
19754
|
if (!e)
|
|
19029
19755
|
return null;
|
|
19030
19756
|
let t = a2[e];
|
|
19031
19757
|
return (t == null ? void 0 : t.type) === "audio" ? t : null;
|
|
19032
19758
|
});
|
|
19033
|
-
|
|
19759
|
+
po = createSelector([w, mt], (a2, e) => {
|
|
19034
19760
|
if (!e)
|
|
19035
19761
|
return null;
|
|
19036
19762
|
let t = a2[e];
|
|
19037
19763
|
return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
19038
19764
|
});
|
|
19039
|
-
|
|
19765
|
+
ho = createSelector([w, mt], (a2, e) => {
|
|
19040
19766
|
if (!e)
|
|
19041
19767
|
return null;
|
|
19042
19768
|
let t = a2[e];
|
|
19043
19769
|
return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
|
|
19044
19770
|
});
|
|
19045
|
-
|
|
19771
|
+
mo = createSelector([es, co], (a2, e) => e ? a2[e] : null);
|
|
19046
19772
|
J = A(j);
|
|
19047
|
-
|
|
19773
|
+
Qh = A(createSelector([Xi, no], (a2, e) => {
|
|
19048
19774
|
if (a2)
|
|
19049
19775
|
return e ? a2[e] : a2;
|
|
19050
19776
|
}));
|
|
19051
|
-
|
|
19777
|
+
Xh = A(createSelector(j, (a2) => a2 == null ? void 0 : a2.name));
|
|
19052
19778
|
si = A(br);
|
|
19053
|
-
$s = A(
|
|
19054
|
-
|
|
19055
|
-
|
|
19056
|
-
|
|
19057
|
-
|
|
19779
|
+
$s = A(lo);
|
|
19780
|
+
Zh = A(uo);
|
|
19781
|
+
em = A(po);
|
|
19782
|
+
tm = A(ho);
|
|
19783
|
+
So = A((a2, e) => {
|
|
19058
19784
|
let t = j(a2, e);
|
|
19059
19785
|
if (t && t.videoTrack && t.videoTrack !== "")
|
|
19060
19786
|
return a2.tracks[t.videoTrack];
|
|
19061
19787
|
});
|
|
19062
|
-
|
|
19788
|
+
go = A((a2, e) => {
|
|
19063
19789
|
let t = j(a2, e);
|
|
19064
19790
|
if (t && t.audioTrack && t.audioTrack !== "")
|
|
19065
19791
|
return a2.tracks[t.audioTrack];
|
|
19066
19792
|
});
|
|
19067
|
-
|
|
19793
|
+
rm = A((a2, e) => {
|
|
19068
19794
|
let t = j(a2, e);
|
|
19069
19795
|
return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
|
|
19070
19796
|
});
|
|
19071
19797
|
Ws = (a2, e) => e ? a2.speakers[e] : null;
|
|
19072
|
-
|
|
19073
|
-
|
|
19074
|
-
let t =
|
|
19798
|
+
sm = A(createSelector(Ws, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
19799
|
+
To = (a2, e) => {
|
|
19800
|
+
let t = go(e)(a2);
|
|
19075
19801
|
return Ws(a2, t == null ? void 0 : t.id);
|
|
19076
19802
|
};
|
|
19077
|
-
|
|
19078
|
-
|
|
19803
|
+
am = A(createSelector(To, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
|
|
19804
|
+
om = A((a2, e) => {
|
|
19079
19805
|
if (e)
|
|
19080
19806
|
return a2.connectionQualities[e];
|
|
19081
19807
|
});
|
|
19082
|
-
|
|
19808
|
+
nm = A((a2, e) => {
|
|
19083
19809
|
let t = j(a2, e);
|
|
19084
19810
|
if (t) {
|
|
19085
19811
|
let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => Ze(a2.tracks[r]));
|
|
19086
19812
|
return i ? a2.tracks[i] : void 0;
|
|
19087
19813
|
}
|
|
19088
19814
|
});
|
|
19089
|
-
|
|
19815
|
+
cm = A(createSelector(w, j, (a2, e) => {
|
|
19090
19816
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19091
19817
|
let r = a2[i];
|
|
19092
19818
|
return tt(r) && et(r);
|
|
19093
19819
|
});
|
|
19094
19820
|
return t ? a2[t] : void 0;
|
|
19095
19821
|
}));
|
|
19096
|
-
|
|
19822
|
+
dm = A(createSelector(w, j, (a2, e) => {
|
|
19097
19823
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19098
19824
|
let r = a2[i];
|
|
19099
19825
|
return tt(r) && Ze(r);
|
|
19100
19826
|
});
|
|
19101
19827
|
return t ? a2[t] : void 0;
|
|
19102
19828
|
}));
|
|
19103
|
-
|
|
19829
|
+
lm = A(createSelector(w, j, (a2, e) => {
|
|
19104
19830
|
let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
|
|
19105
19831
|
let r = a2[i];
|
|
19106
19832
|
return Vt(r) && Ze(r);
|
|
19107
19833
|
});
|
|
19108
19834
|
return t ? a2[t] : void 0;
|
|
19109
19835
|
}));
|
|
19110
|
-
Ks = A(createSelector(w, j, (a2, e) =>
|
|
19836
|
+
Ks = A(createSelector(w, j, (a2, e) => Ie(a2, e)));
|
|
19111
19837
|
qs = (a2) => createSelector(Ks(a2), (e) => e.audio);
|
|
19112
|
-
|
|
19838
|
+
pm = A((a2, e) => {
|
|
19113
19839
|
let t = j(a2, e);
|
|
19114
19840
|
return Oe(a2, t == null ? void 0 : t.audioTrack);
|
|
19115
19841
|
});
|
|
19116
|
-
|
|
19842
|
+
hm = A((a2, e) => {
|
|
19117
19843
|
let t = j(a2, e);
|
|
19118
19844
|
return Oe(a2, t == null ? void 0 : t.videoTrack);
|
|
19119
19845
|
});
|
|
@@ -19121,11 +19847,11 @@ var init_dist = __esm({
|
|
|
19121
19847
|
if (e && a2.tracks[e])
|
|
19122
19848
|
return a2.tracks[e].volume === 0;
|
|
19123
19849
|
});
|
|
19124
|
-
|
|
19850
|
+
mm = A((a2, e) => {
|
|
19125
19851
|
let t = j(a2, e);
|
|
19126
19852
|
return js(t == null ? void 0 : t.audioTrack)(a2);
|
|
19127
19853
|
});
|
|
19128
|
-
|
|
19854
|
+
Sm = A((a2, e) => {
|
|
19129
19855
|
let t = qs(e)(a2);
|
|
19130
19856
|
return js(t == null ? void 0 : t.id)(a2);
|
|
19131
19857
|
});
|
|
@@ -19139,15 +19865,15 @@ var init_dist = __esm({
|
|
|
19139
19865
|
return t.volume;
|
|
19140
19866
|
}
|
|
19141
19867
|
});
|
|
19142
|
-
|
|
19868
|
+
gm = A((a2, e) => {
|
|
19143
19869
|
let t = j(a2, e);
|
|
19144
19870
|
return Js(t == null ? void 0 : t.audioTrack)(a2);
|
|
19145
19871
|
});
|
|
19146
|
-
|
|
19872
|
+
Tm = A((a2, e) => {
|
|
19147
19873
|
let t = qs(e)(a2);
|
|
19148
19874
|
return Js(t == null ? void 0 : t.id)(a2);
|
|
19149
19875
|
});
|
|
19150
|
-
|
|
19876
|
+
fm = A((a2, e) => {
|
|
19151
19877
|
let t = br(a2, e);
|
|
19152
19878
|
if (t) {
|
|
19153
19879
|
if (t.type !== "video") {
|
|
@@ -19171,31 +19897,31 @@ var init_dist = __esm({
|
|
|
19171
19897
|
return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
|
|
19172
19898
|
});
|
|
19173
19899
|
});
|
|
19174
|
-
|
|
19900
|
+
fo = createSelector(rt, (a2) => a2.filter((e) => {
|
|
19175
19901
|
var t;
|
|
19176
19902
|
return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
|
|
19177
19903
|
}));
|
|
19178
|
-
|
|
19179
|
-
|
|
19180
|
-
|
|
19181
|
-
|
|
19182
|
-
|
|
19183
|
-
|
|
19184
|
-
|
|
19185
|
-
Ys = A(
|
|
19186
|
-
|
|
19904
|
+
vo = createSelector([zs, Gs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
19905
|
+
Mo = createSelector([Qs, Ar], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
|
|
19906
|
+
vm = createSelector(fo, (a2) => a2.filter((e) => !e.read).length);
|
|
19907
|
+
Mm = A(Qs);
|
|
19908
|
+
ym = A(zs);
|
|
19909
|
+
km = A(vo);
|
|
19910
|
+
Pm = A(Mo);
|
|
19911
|
+
Ys = A(mo);
|
|
19912
|
+
_m = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
|
|
19187
19913
|
var r;
|
|
19188
19914
|
return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
|
|
19189
19915
|
}));
|
|
19190
|
-
|
|
19191
|
-
|
|
19192
|
-
|
|
19193
|
-
|
|
19194
|
-
|
|
19916
|
+
yo = (a2) => a2.roleChangeRequests[0] || null;
|
|
19917
|
+
Nm = createSelector([yo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
|
|
19918
|
+
Om = createSelector([Ft], (a2) => it(a2));
|
|
19919
|
+
xm = createSelector([Xr], (a2) => it(a2));
|
|
19920
|
+
Po = createSelector([K, w], (a2, e) => {
|
|
19195
19921
|
let t = null;
|
|
19196
19922
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
19197
19923
|
});
|
|
19198
|
-
|
|
19924
|
+
Eo = createSelector([Z, w], (a2, e) => {
|
|
19199
19925
|
let t = null;
|
|
19200
19926
|
return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
|
|
19201
19927
|
});
|
|
@@ -19248,62 +19974,62 @@ var init_dist = __esm({
|
|
|
19248
19974
|
$ = ((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))($ || {});
|
|
19249
19975
|
xi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(xi || {});
|
|
19250
19976
|
Ki = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Ki || {});
|
|
19251
|
-
|
|
19252
|
-
|
|
19253
|
-
|
|
19254
|
-
|
|
19977
|
+
Wo = (a2) => a2.localPeer.id;
|
|
19978
|
+
Ko = (a2) => a2.localPeer.audioTrack;
|
|
19979
|
+
qo = (a2) => a2.localPeer.videoTrack;
|
|
19980
|
+
jo = (a2, e) => e;
|
|
19255
19981
|
ma = (a2, e) => e;
|
|
19256
|
-
|
|
19982
|
+
Jo = (a2) => a2.remoteTrackStats;
|
|
19257
19983
|
Sa = (a2) => a2.peerStats;
|
|
19258
19984
|
xr = (a2) => a2.localTrackStats;
|
|
19259
|
-
Me = createSelector([Sa,
|
|
19260
|
-
|
|
19985
|
+
Me = createSelector([Sa, Wo], (a2, e) => a2[e]);
|
|
19986
|
+
Qo = createSelector(Me, (a2) => {
|
|
19261
19987
|
var e;
|
|
19262
19988
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
|
|
19263
19989
|
});
|
|
19264
|
-
|
|
19990
|
+
zo = createSelector(Me, (a2) => {
|
|
19265
19991
|
var e;
|
|
19266
19992
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
|
|
19267
19993
|
});
|
|
19268
|
-
|
|
19994
|
+
Yo = createSelector(Me, (a2) => {
|
|
19269
19995
|
var e;
|
|
19270
19996
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
|
|
19271
19997
|
});
|
|
19272
|
-
|
|
19998
|
+
Xo = createSelector(Me, (a2) => {
|
|
19273
19999
|
var e;
|
|
19274
20000
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
|
|
19275
20001
|
});
|
|
19276
|
-
|
|
20002
|
+
Zo = createSelector(Me, (a2) => {
|
|
19277
20003
|
var e;
|
|
19278
20004
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
|
|
19279
20005
|
});
|
|
19280
|
-
|
|
20006
|
+
en = createSelector(Me, (a2) => {
|
|
19281
20007
|
var e;
|
|
19282
20008
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
|
|
19283
20009
|
});
|
|
19284
|
-
|
|
20010
|
+
tn = createSelector(Me, (a2) => {
|
|
19285
20011
|
var e;
|
|
19286
20012
|
return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
|
|
19287
20013
|
});
|
|
19288
|
-
|
|
20014
|
+
rn = createSelector(Me, (a2) => {
|
|
19289
20015
|
var e;
|
|
19290
20016
|
return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
|
|
19291
20017
|
});
|
|
19292
|
-
|
|
19293
|
-
|
|
20018
|
+
sn = createSelector([Sa, jo], (a2, e) => e ? a2[e] : void 0);
|
|
20019
|
+
an = createSelector([Jo, ma], (a2, e) => e ? a2[e] : void 0);
|
|
19294
20020
|
Ur = createSelector([xr, ma], (a2, e) => e ? a2[e] : void 0);
|
|
19295
|
-
|
|
19296
|
-
|
|
19297
|
-
|
|
20021
|
+
on = A(sn);
|
|
20022
|
+
nn = A(an);
|
|
20023
|
+
cn = createSelector([xr, Ko], (a2, e) => {
|
|
19298
20024
|
var t;
|
|
19299
20025
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
19300
20026
|
});
|
|
19301
|
-
|
|
19302
|
-
|
|
20027
|
+
dn = A(createSelector(Ur, (a2) => a2 == null ? void 0 : a2[0]));
|
|
20028
|
+
ln = createSelector([xr, qo], (a2, e) => {
|
|
19303
20029
|
var t;
|
|
19304
20030
|
return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
|
|
19305
20031
|
});
|
|
19306
|
-
|
|
20032
|
+
un = A(createSelector(Ur, (a2) => a2));
|
|
19307
20033
|
}
|
|
19308
20034
|
});
|
|
19309
20035
|
|
|
@@ -24102,7 +24828,7 @@ function getRowHeight(index) {
|
|
|
24102
24828
|
var _a8;
|
|
24103
24829
|
return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
|
|
24104
24830
|
}
|
|
24105
|
-
var import_react125, import_react_use15, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk59, import_react_icons60, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX,
|
|
24831
|
+
var import_react125, import_react_use15, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk59, import_react_icons60, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
|
|
24106
24832
|
var init_ChatBody = __esm({
|
|
24107
24833
|
"src/Prebuilt/components/Chat/ChatBody.tsx"() {
|
|
24108
24834
|
"use strict";
|
|
@@ -24198,7 +24924,7 @@ var init_ChatBody = __esm({
|
|
|
24198
24924
|
return null;
|
|
24199
24925
|
};
|
|
24200
24926
|
URL_REGEX = /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
|
|
24201
|
-
|
|
24927
|
+
Link2 = styled("a", {
|
|
24202
24928
|
color: "$primary_default",
|
|
24203
24929
|
wordBreak: "break-word",
|
|
24204
24930
|
"&:hover": {
|
|
@@ -24210,7 +24936,7 @@ var init_ChatBody = __esm({
|
|
|
24210
24936
|
return /* @__PURE__ */ import_react125.default.createElement(import_react125.Fragment, null);
|
|
24211
24937
|
}
|
|
24212
24938
|
return /* @__PURE__ */ import_react125.default.createElement(import_react125.Fragment, null, message.trim().split(/(\s)/).map(
|
|
24213
|
-
(part) => URL_REGEX.test(part) ? /* @__PURE__ */ import_react125.default.createElement(
|
|
24939
|
+
(part) => URL_REGEX.test(part) ? /* @__PURE__ */ import_react125.default.createElement(Link2, { href: part, key: part, target: "_blank", rel: "noopener noreferrer" }, part) : part
|
|
24214
24940
|
));
|
|
24215
24941
|
};
|
|
24216
24942
|
getMessageType = ({ roles, receiver }) => {
|
|
@@ -25419,7 +26145,7 @@ var init_Chat = __esm({
|
|
|
25419
26145
|
const listRef = (0, import_react136.useRef)(null);
|
|
25420
26146
|
const hmsActions = (0, import_react_sdk65.useHMSActions)();
|
|
25421
26147
|
const vanillaStore = (0, import_react_sdk65.useHMSVanillaStore)();
|
|
25422
|
-
const { enabled: isChatEnabled = true } = (0, import_react_sdk65.useHMSStore)(
|
|
26148
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk65.useHMSStore)(zh("chatState" /* CHAT_STATE */)) || {};
|
|
25423
26149
|
const isMobile = (0, import_react_use20.useMedia)(config.media.md);
|
|
25424
26150
|
const scrollToBottom = (0, import_react136.useCallback)(
|
|
25425
26151
|
(unreadCount = 0) => {
|
|
@@ -25457,7 +26183,7 @@ var init_Chat = __esm({
|
|
|
25457
26183
|
scrollToBottom,
|
|
25458
26184
|
listRef
|
|
25459
26185
|
}) => {
|
|
25460
|
-
const unreadCount = (0, import_react_sdk65.useHMSStore)(
|
|
26186
|
+
const unreadCount = (0, import_react_sdk65.useHMSStore)(Bn);
|
|
25461
26187
|
if (!unreadCount || !listRef.current) {
|
|
25462
26188
|
return null;
|
|
25463
26189
|
}
|
|
@@ -26558,6 +27284,15 @@ var init_VBHandler = __esm({
|
|
|
26558
27284
|
}
|
|
26559
27285
|
}
|
|
26560
27286
|
});
|
|
27287
|
+
this.setPreset = (preset) => {
|
|
27288
|
+
if (this.effectsPlugin) {
|
|
27289
|
+
this.effectsPlugin.setPreset(preset);
|
|
27290
|
+
}
|
|
27291
|
+
};
|
|
27292
|
+
this.getPreset = () => {
|
|
27293
|
+
var _a8;
|
|
27294
|
+
return ((_a8 = this.effectsPlugin) == null ? void 0 : _a8.getPreset()) || "";
|
|
27295
|
+
};
|
|
26561
27296
|
this.removeEffects = () => __async(this, null, function* () {
|
|
26562
27297
|
var _a8, _b7;
|
|
26563
27298
|
if (this.effectsPlugin) {
|
|
@@ -26632,8 +27367,8 @@ var init_VBPicker = __esm({
|
|
|
26632
27367
|
const [blurAmount, setBlurAmount] = (0, import_react146.useState)(VBHandler.getBlurAmount() || 0.5);
|
|
26633
27368
|
const roomState = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectRoomState);
|
|
26634
27369
|
const isLargeRoom = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectIsLargeRoom);
|
|
26635
|
-
const isEffectsEnabled = (0, import_react_sdk72.useHMSStore)(
|
|
26636
|
-
const effectsKey = (0, import_react_sdk72.useHMSStore)(
|
|
27370
|
+
const isEffectsEnabled = (0, import_react_sdk72.useHMSStore)(Yn);
|
|
27371
|
+
const effectsKey = (0, import_react_sdk72.useHMSStore)(Xn);
|
|
26637
27372
|
const isPluginAdded = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
26638
27373
|
const [activeBackground, setActiveBackground] = (0, import_react146.useState)(
|
|
26639
27374
|
((_b7 = VBHandler) == null ? void 0 : _b7.getBackground()) || import_hms_virtual_background3.HMSVirtualBackgroundTypes.NONE
|
|
@@ -26720,9 +27455,10 @@ var init_VBPicker = __esm({
|
|
|
26720
27455
|
activeBackground
|
|
26721
27456
|
}
|
|
26722
27457
|
),
|
|
26723
|
-
activeBackground === import_hms_virtual_background3.HMSVirtualBackgroundTypes.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ import_react146.default.createElement(
|
|
27458
|
+
/* @__PURE__ */ import_react146.default.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, activeBackground === import_hms_virtual_background3.HMSVirtualBackgroundTypes.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ import_react146.default.createElement(Box, null, /* @__PURE__ */ import_react146.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ import_react146.default.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ import_react146.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ import_react146.default.createElement(
|
|
26724
27459
|
Slider,
|
|
26725
27460
|
{
|
|
27461
|
+
showTooltip: false,
|
|
26726
27462
|
value: [blurAmount],
|
|
26727
27463
|
onValueChange: (e) => __async(void 0, null, function* () {
|
|
26728
27464
|
setBlurAmount(e[0]);
|
|
@@ -26732,7 +27468,7 @@ var init_VBPicker = __esm({
|
|
|
26732
27468
|
min: 0.1,
|
|
26733
27469
|
max: 1
|
|
26734
27470
|
}
|
|
26735
|
-
) : null,
|
|
27471
|
+
), /* @__PURE__ */ import_react146.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "High"))) : null),
|
|
26736
27472
|
/* @__PURE__ */ import_react146.default.createElement(
|
|
26737
27473
|
VBCollection,
|
|
26738
27474
|
{
|
|
@@ -30100,12 +30836,13 @@ var init_PreviousRoleInMetadata = __esm({
|
|
|
30100
30836
|
});
|
|
30101
30837
|
|
|
30102
30838
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
30103
|
-
var import_react189, import_react_sdk96, ConferenceScreen;
|
|
30839
|
+
var import_react189, import_uuid12, import_react_sdk96, ConferenceScreen;
|
|
30104
30840
|
var init_ConferenceScreen = __esm({
|
|
30105
30841
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
|
30106
30842
|
"use strict";
|
|
30107
30843
|
init_define_process_env();
|
|
30108
30844
|
import_react189 = __toESM(require("react"));
|
|
30845
|
+
import_uuid12 = require("uuid");
|
|
30109
30846
|
import_react_sdk96 = require("@100mslive/react-sdk");
|
|
30110
30847
|
init_Footer3();
|
|
30111
30848
|
init_HLSFailureModal();
|
|
@@ -30162,7 +30899,7 @@ var init_ConferenceScreen = __esm({
|
|
|
30162
30899
|
(0, import_react189.useEffect)(() => {
|
|
30163
30900
|
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk96.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
|
30164
30901
|
hmsActions.join({
|
|
30165
|
-
userName: userName ||
|
|
30902
|
+
userName: userName || (0, import_uuid12.v4)(),
|
|
30166
30903
|
authToken: authTokenInAppData,
|
|
30167
30904
|
initEndpoint: endpoints == null ? void 0 : endpoints.init,
|
|
30168
30905
|
settings: {
|
|
@@ -30260,7 +30997,6 @@ var init_ErrorBoundary = __esm({
|
|
|
30260
30997
|
init_Layout();
|
|
30261
30998
|
init_Text2();
|
|
30262
30999
|
init_Tooltip2();
|
|
30263
|
-
init_AuthToken();
|
|
30264
31000
|
ErrorBoundary = class extends import_react190.Component {
|
|
30265
31001
|
constructor(props) {
|
|
30266
31002
|
super(props);
|
|
@@ -30299,7 +31035,7 @@ var init_ErrorBoundary = __esm({
|
|
|
30299
31035
|
left: 0
|
|
30300
31036
|
}
|
|
30301
31037
|
},
|
|
30302
|
-
/* @__PURE__ */ import_react190.default.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ import_react190.default.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ import_react190.default.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ import_react190.default.createElement("br", null),
|
|
31038
|
+
/* @__PURE__ */ import_react190.default.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ import_react190.default.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ import_react190.default.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ import_react190.default.createElement("br", null), "Please reload to see if it works. If you think this is a mistake on our side, please reach out to us on", /* @__PURE__ */ import_react190.default.createElement("a", { href: "https://discord.com/invite/kGdmszyzq2", target: "_blank", rel: "noreferrer" }, "Discord")),
|
|
30303
31039
|
/* @__PURE__ */ import_react190.default.createElement(Flex, null, /* @__PURE__ */ import_react190.default.createElement(Tooltip, { title: "Reload page" }, /* @__PURE__ */ import_react190.default.createElement(
|
|
30304
31040
|
Button,
|
|
30305
31041
|
{
|
|
@@ -30994,13 +31730,13 @@ var init_AutoplayBlockedModal = __esm({
|
|
|
30994
31730
|
});
|
|
30995
31731
|
|
|
30996
31732
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
30997
|
-
var import_react200,
|
|
31733
|
+
var import_react200, import_uuid13, import_react_sdk102, import_react_icons94, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
30998
31734
|
var init_ChatNotifications = __esm({
|
|
30999
31735
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
31000
31736
|
"use strict";
|
|
31001
31737
|
init_define_process_env();
|
|
31002
31738
|
import_react200 = __toESM(require("react"));
|
|
31003
|
-
|
|
31739
|
+
import_uuid13 = require("uuid");
|
|
31004
31740
|
import_react_sdk102 = require("@100mslive/react-sdk");
|
|
31005
31741
|
import_react_icons94 = require("@100mslive/react-icons");
|
|
31006
31742
|
init_ToastManager();
|
|
@@ -31018,7 +31754,7 @@ var init_ChatNotifications = __esm({
|
|
|
31018
31754
|
return;
|
|
31019
31755
|
}
|
|
31020
31756
|
const notification = {
|
|
31021
|
-
id: (0,
|
|
31757
|
+
id: (0, import_uuid13.v4)(),
|
|
31022
31758
|
icon: chatState.enabled ? /* @__PURE__ */ import_react200.default.createElement(import_react_icons94.ChatUnreadIcon, null) : /* @__PURE__ */ import_react200.default.createElement(import_react_icons94.ChatIcon, null),
|
|
31023
31759
|
title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
|
|
31024
31760
|
};
|
|
@@ -31461,7 +32197,7 @@ function Notifications() {
|
|
|
31461
32197
|
}, []);
|
|
31462
32198
|
(0, import_react_sdk111.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
31463
32199
|
(0, import_react209.useEffect)(() => {
|
|
31464
|
-
var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l,
|
|
32200
|
+
var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
|
|
31465
32201
|
if (!notification || isNotificationDisabled) {
|
|
31466
32202
|
return;
|
|
31467
32203
|
}
|
|
@@ -31510,11 +32246,11 @@ function Notifications() {
|
|
|
31510
32246
|
if (!subscribedNotifications.ERROR)
|
|
31511
32247
|
return;
|
|
31512
32248
|
ToastManager.addToast({
|
|
31513
|
-
title: `Error: ${(_l = notification.data) == null ? void 0 : _l.message} - ${(
|
|
32249
|
+
title: `Error: ${(_l = notification.data) == null ? void 0 : _l.message} - ${(_m2 = notification.data) == null ? void 0 : _m2.description}`
|
|
31514
32250
|
});
|
|
31515
32251
|
break;
|
|
31516
32252
|
case import_react_sdk111.HMSNotificationTypes.ROLE_UPDATED: {
|
|
31517
|
-
if (((_n2 = notification.data) == null ? void 0 : _n2.isLocal) && ((
|
|
32253
|
+
if (((_n2 = notification.data) == null ? void 0 : _n2.isLocal) && ((_o2 = notification.data) == null ? void 0 : _o2.roleName)) {
|
|
31518
32254
|
ToastManager.addToast({
|
|
31519
32255
|
title: `You are now a ${notification.data.roleName}`
|
|
31520
32256
|
});
|