@100mslive/roomkit-react 0.1.2-alpha.0 → 0.1.2-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{ActiveSpeakerView-4XPIRZOK.js → ActiveSpeakerView-N7C6WL27.js} +6 -6
- package/dist/{ActiveSpeakerView-ADEYHQMU.css → ActiveSpeakerView-ZOCC7LQW.css} +2 -2
- package/dist/{PinnedTrackView-5DPVVOZW.css.map → ActiveSpeakerView-ZOCC7LQW.css.map} +1 -1
- package/dist/{HLSView-I26CVF5U.js → HLSView-3ILTIGBT.js} +5 -5
- package/dist/{HLSView-DWEEMZ6Z.css → HLSView-OVDMVJX5.css} +2 -2
- package/dist/{HLSView-DWEEMZ6Z.css.map → HLSView-OVDMVJX5.css.map} +1 -1
- package/dist/{PinnedTrackView-GGTCNH5V.js → PinnedTrackView-6N6N5WOF.js} +6 -6
- package/dist/{PinnedTrackView-5DPVVOZW.css → PinnedTrackView-RIL5IW5A.css} +2 -2
- package/dist/{conference-BDCDGBIS.css.map → PinnedTrackView-RIL5IW5A.css.map} +1 -1
- package/dist/{VirtualBackground-ZRRE4DUA.js → VirtualBackground-R3JHARN5.js} +3 -3
- package/dist/{chunk-MYK3T45M.js → chunk-DH3QSV4E.js} +2 -2
- package/dist/{chunk-4ISMCWQA.js → chunk-DRKV2LAC.js} +2 -2
- package/dist/{chunk-4ISMCWQA.js.map → chunk-DRKV2LAC.js.map} +1 -1
- package/dist/{chunk-KKLZ7K2L.js → chunk-G56Z3JA5.js} +7 -7
- package/dist/{chunk-KKLZ7K2L.js.map → chunk-G56Z3JA5.js.map} +1 -1
- package/dist/{chunk-THORW2WT.js → chunk-INRXWU7L.js} +2 -2
- package/dist/{chunk-LUND6FLY.js → chunk-TZJCHZPD.js} +9 -9
- package/dist/{chunk-LUND6FLY.js.map → chunk-TZJCHZPD.js.map} +1 -1
- package/dist/{conference-BDCDGBIS.css → conference-AIOOA5ON.css} +2 -2
- package/dist/{ActiveSpeakerView-ADEYHQMU.css.map → conference-AIOOA5ON.css.map} +1 -1
- package/dist/{conference-5TDUAQ6K.js → conference-IKSFGLVK.js} +258 -434
- package/dist/conference-IKSFGLVK.js.map +7 -0
- package/dist/index.cjs.css +1 -1
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +419 -614
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +4 -4
- package/dist/meta.cjs.json +10 -128
- package/dist/meta.esbuild.json +94 -212
- package/dist/{transcription-PYTSSAOB.js → transcription-XYVVYRAS.js} +3 -3
- package/package.json +6 -6
- package/src/Prebuilt/AppContext.jsx +1 -1
- package/src/Prebuilt/components/Footer/ConferencingFooter.jsx +1 -4
- package/src/Prebuilt/components/Preview/PreviewJoin.jsx +2 -2
- package/dist/conference-5TDUAQ6K.js.map +0 -7
- /package/dist/{ActiveSpeakerView-4XPIRZOK.js.map → ActiveSpeakerView-N7C6WL27.js.map} +0 -0
- /package/dist/{HLSView-I26CVF5U.js.map → HLSView-3ILTIGBT.js.map} +0 -0
- /package/dist/{PinnedTrackView-GGTCNH5V.js.map → PinnedTrackView-6N6N5WOF.js.map} +0 -0
- /package/dist/{VirtualBackground-ZRRE4DUA.js.map → VirtualBackground-R3JHARN5.js.map} +0 -0
- /package/dist/{chunk-MYK3T45M.js.map → chunk-DH3QSV4E.js.map} +0 -0
- /package/dist/{chunk-THORW2WT.js.map → chunk-INRXWU7L.js.map} +0 -0
- /package/dist/{transcription-PYTSSAOB.js.map → transcription-XYVVYRAS.js.map} +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -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_f0fd5977-25a4-477b-9e37-ba292c4a07cc", 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_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.19 npm/? node/v16.20.1 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.8.11-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_f0fd5977-25a4-477b-9e37-ba292c4a07cc", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.1/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.11.11-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.0", npm_package_dependencies__radix_ui_react_popover: "1.0.0", npm_package_dependencies__100mslive_types_prebuilt: "0.8.0", 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.0", npm_package_files_1: "src", 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_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.2.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", 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: "672", 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.7", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "1.0.0", 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_dependencies_react_router_dom: "^6.3.0", 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.6/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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230728.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:16863", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", 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_sdk: "cd packages/hms-video-web && yarn start", 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_zipyai: "^1.3.24", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.11-alpha.0", 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", GITHUB_RUN_ID: "5769647977", 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: "523c0b38cdcac790c93b60d2747a4e3520d21dd2", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "0e2c894bbb5075b28c0757effed69e02208523143ad92569c9696ba7b7fd8762", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main-release", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GOROOT_1_18_X64: "/opt/hostedtoolcache/go/1.18.10/x64", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1691223222914-0.5609917794437884:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691223222711-0.34708156357662356:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691223181788-0.9010785691367744:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691223181589-0.18897075770780747:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/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:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/16.20.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_0b766be7-d7f1-4d8e-bca7-11f61054e5a2", INVOCATION_ID: "fbfa157648034e9bb7399ab26ce66077", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.11/x64", npm_package_husky_hooks_pre_push: "lint-staged", 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", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "358", GITHUB_TRIGGERING_ACTOR: "hdz-666", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 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: "80 KB", npm_package_lint_staged__: "format && lint:fix", npm_package_devDependencies_webpack: "^5.76.0", 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 3", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main-release", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "20 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-web/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_webpack_dev_server: "^4.7.4", 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.8.11-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.2-alpha.0", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_husky_hooks_pre_commit: "lint-staged", 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_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/hms-video-store/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: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "523c0b38cdcac790c93b60d2747a4e3520d21dd2", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/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-release", GITHUB_ACTOR: "hdz-666", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "200 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "200 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/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_f0fd5977-25a4-477b-9e37-ba292c4a07cc", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "93115614", 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/hms-virtual-background/dist/index.js", 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_f0fd5977-25a4-477b-9e37-ba292c4a07cc", npm_package_size_limit_8_path: "packages/hms-noise-suppression/dist/index.cjs.js", npm_package_dependencies__tldraw_tldraw: "^1.18.4", 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_size_limit_9_path: "packages/hms-noise-suppression/dist/index.js", 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_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_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies_hls_js: "^1.3.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_f0fd5977-25a4-477b-9e37-ba292c4a07cc" };
|
|
111
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_739a376d-44ac-4e6f-b7be-f738f766330c", 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_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.19 npm/? node/v16.20.1 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.8.11-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_739a376d-44ac-4e6f-b7be-f738f766330c", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.1/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.11.11-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.0", npm_package_dependencies__radix_ui_react_popover: "1.0.0", npm_package_dependencies__100mslive_types_prebuilt: "0.8.0", 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.0", npm_package_files_1: "src", 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_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.2.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", 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: "660", 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.7", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "1.0.0", 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_dependencies_react_router_dom: "^6.3.0", 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.6/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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230728.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:17089", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", 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_sdk: "cd packages/hms-video-web && yarn start", 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_zipyai: "^1.3.24", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.11-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", GITHUB_RUN_ID: "5777496189", 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: "77689c9a3c78a96eee185867899d4374b7852879", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "2e678d6b35918a3960745b7b6782d9e28f5193b24700b6c833aa48568f96981a", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main-release", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GOROOT_1_18_X64: "/opt/hostedtoolcache/go/1.18.10/x64", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1691337317299-0.03583400897021849:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691337317099-0.14201885577547912:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691337272942-0.81313562383479:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691337272741-0.7538982487098231:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/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:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/16.20.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_2cc5f89e-c313-44b6-8971-32ca945aa9e3", INVOCATION_ID: "9ced2a28860d485d81db4eb380ad541e", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.11/x64", npm_package_husky_hooks_pre_push: "lint-staged", 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", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "359", GITHUB_TRIGGERING_ACTOR: "hdz-666", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 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: "80 KB", npm_package_lint_staged__: "format && lint:fix", npm_package_devDependencies_webpack: "^5.76.0", 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 8", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main-release", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "20 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-web/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_webpack_dev_server: "^4.7.4", 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.8.11-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_NM: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.2-alpha.1", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_husky_hooks_pre_commit: "lint-staged", 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_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/hms-video-store/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: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "77689c9a3c78a96eee185867899d4374b7852879", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/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-release", GITHUB_ACTOR: "hdz-666", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "200 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "200 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/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_739a376d-44ac-4e6f-b7be-f738f766330c", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "93115614", 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/hms-virtual-background/dist/index.js", 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_739a376d-44ac-4e6f-b7be-f738f766330c", npm_package_size_limit_8_path: "packages/hms-noise-suppression/dist/index.cjs.js", npm_package_dependencies__tldraw_tldraw: "^1.18.4", 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_size_limit_9_path: "packages/hms-noise-suppression/dist/index.js", 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_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_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies_hls_js: "^1.3.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_739a376d-44ac-4e6f-b7be-f738f766330c" };
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
|
|
@@ -4104,7 +4104,7 @@ var init_AppContext = __esm({
|
|
|
4104
4104
|
roomCode: "",
|
|
4105
4105
|
userName: "",
|
|
4106
4106
|
userId: "",
|
|
4107
|
-
|
|
4107
|
+
endpoints: {},
|
|
4108
4108
|
onLeave: void 0
|
|
4109
4109
|
});
|
|
4110
4110
|
HMSPrebuiltContext.displayName = "HMSPrebuiltContext";
|
|
@@ -10206,12 +10206,12 @@ var init_PreviewJoin = __esm({
|
|
|
10206
10206
|
const [name, setName] = (0, import_react95.useState)(initialName || previewPreference.name);
|
|
10207
10207
|
const { isLocalAudioEnabled, isLocalVideoEnabled, toggleAudio, toggleVideo } = (0, import_react_sdk56.useAVToggle)();
|
|
10208
10208
|
const [previewError, setPreviewError] = (0, import_react95.useState)(false);
|
|
10209
|
-
const {
|
|
10209
|
+
const { endpoints } = useHMSPrebuiltContext();
|
|
10210
10210
|
const { peerCount } = (0, import_react_sdk56.useParticipants)();
|
|
10211
10211
|
const { enableJoin, preview, join } = (0, import_react_sdk56.usePreviewJoin)({
|
|
10212
10212
|
name,
|
|
10213
10213
|
token: authToken,
|
|
10214
|
-
initEndpoint:
|
|
10214
|
+
initEndpoint: endpoints == null ? void 0 : endpoints.init,
|
|
10215
10215
|
initialSettings: {
|
|
10216
10216
|
isAudioMuted: skipPreview || previewPreference.isAudioMuted,
|
|
10217
10217
|
isVideoMuted: skipPreview || previewPreference.isVideoMuted,
|
|
@@ -10739,7 +10739,7 @@ var init_usePlaylist = __esm({
|
|
|
10739
10739
|
});
|
|
10740
10740
|
|
|
10741
10741
|
// src/Prebuilt/components/Playlist/PlaylistControls.jsx
|
|
10742
|
-
var import_react103, import_react_sdk63, import_react_icons44, Progress,
|
|
10742
|
+
var import_react103, import_react_sdk63, import_react_icons44, Progress, Controls, VolumeControl, VideoPlaylistControls;
|
|
10743
10743
|
var init_PlaylistControls = __esm({
|
|
10744
10744
|
"src/Prebuilt/components/Playlist/PlaylistControls.jsx"() {
|
|
10745
10745
|
"use strict";
|
|
@@ -10768,16 +10768,6 @@ var init_PlaylistControls = __esm({
|
|
|
10768
10768
|
}
|
|
10769
10769
|
);
|
|
10770
10770
|
};
|
|
10771
|
-
PlaylistActive = ({ type, onToggle }) => {
|
|
10772
|
-
var _a7, _b7;
|
|
10773
|
-
const isAudioPlaylist = type === import_react_sdk63.HMSPlaylistType.audio;
|
|
10774
|
-
const selector = isAudioPlaylist ? import_react_sdk63.selectAudioPlaylist : import_react_sdk63.selectVideoPlaylist;
|
|
10775
|
-
const active = (0, import_react_sdk63.useHMSStore)(selector.selectedItem);
|
|
10776
|
-
if (!active) {
|
|
10777
|
-
return null;
|
|
10778
|
-
}
|
|
10779
|
-
return /* @__PURE__ */ import_react103.default.createElement(Box, { css: { mt: "$8" } }, /* @__PURE__ */ import_react103.default.createElement(Flex, { justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react103.default.createElement(Box, null, /* @__PURE__ */ import_react103.default.createElement(Text, { variant: "md" }, active.name), ((_a7 = active.metadata) == null ? void 0 : _a7.description) && /* @__PURE__ */ import_react103.default.createElement(Text, { variant: "xs" }, (_b7 = active.metadata) == null ? void 0 : _b7.description)), /* @__PURE__ */ import_react103.default.createElement(IconButton, { onClick: onToggle, css: { alignSelf: "center" }, "data-testid": "playlist_collapse_btn" }, /* @__PURE__ */ import_react103.default.createElement(import_react_icons44.PlaylistIcon, null))));
|
|
10780
|
-
};
|
|
10781
10771
|
Controls = ({ type, css: css2 = {} }) => {
|
|
10782
10772
|
const { active, hasNext, hasPrevious, actions } = usePlaylist(type);
|
|
10783
10773
|
if (!active) {
|
|
@@ -10842,25 +10832,6 @@ var init_PlaylistControls = __esm({
|
|
|
10842
10832
|
}
|
|
10843
10833
|
));
|
|
10844
10834
|
};
|
|
10845
|
-
AudioPlaylistControls = ({ onToggle }) => {
|
|
10846
|
-
const { active } = usePlaylist(import_react_sdk63.HMSPlaylistType.audio);
|
|
10847
|
-
if (!active) {
|
|
10848
|
-
return null;
|
|
10849
|
-
}
|
|
10850
|
-
return /* @__PURE__ */ import_react103.default.createElement(
|
|
10851
|
-
Box,
|
|
10852
|
-
{
|
|
10853
|
-
css: {
|
|
10854
|
-
p: "$8",
|
|
10855
|
-
borderTop: "1px solid $border_bright",
|
|
10856
|
-
bg: "$surface_default"
|
|
10857
|
-
}
|
|
10858
|
-
},
|
|
10859
|
-
/* @__PURE__ */ import_react103.default.createElement(Controls, { type: import_react_sdk63.HMSPlaylistType.audio }),
|
|
10860
|
-
/* @__PURE__ */ import_react103.default.createElement(Progress, { type: import_react_sdk63.HMSPlaylistType.audio, duration: active.duration }),
|
|
10861
|
-
/* @__PURE__ */ import_react103.default.createElement(PlaylistActive, { type: import_react_sdk63.HMSPlaylistType.audio, onToggle })
|
|
10862
|
-
);
|
|
10863
|
-
};
|
|
10864
10835
|
VideoPlaylistControls = ({ children }) => {
|
|
10865
10836
|
const { active } = usePlaylist(import_react_sdk63.HMSPlaylistType.video);
|
|
10866
10837
|
return /* @__PURE__ */ import_react103.default.createElement(
|
|
@@ -16374,7 +16345,7 @@ var init_dist = __esm({
|
|
|
16374
16345
|
};
|
|
16375
16346
|
mr = (n2, e) => () => (e || n2((e = { exports: {} }).exports, e), e.exports);
|
|
16376
16347
|
Jt = mr((aa, Ar) => {
|
|
16377
|
-
Ar.exports = { name: "@100mslive/hms-video", version: "0.9.11-alpha.
|
|
16348
|
+
Ar.exports = { name: "@100mslive/hms-video", version: "0.9.11-alpha.1", license: "MIT", main: "dist/index.cjs.js", typings: "dist/index.d.ts", module: "dist/index.js", files: ["dist", "src"], engines: { node: ">=10" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, 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", test: "jest --maxWorkers=1", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", format: "prettier --write src/**/*.ts" }, author: "100ms <tech-common@100ms.live>", devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", tslib: "^2.2.0" }, dependencies: { eventemitter2: "^6.4.7", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0" } };
|
|
16378
16349
|
});
|
|
16379
16350
|
Se = class {
|
|
16380
16351
|
};
|
|
@@ -16856,7 +16827,7 @@ var init_dist2 = __esm({
|
|
|
16856
16827
|
init_es();
|
|
16857
16828
|
Ut = (s, e) => () => (e || s((e = { exports: {} }).exports, e), e.exports);
|
|
16858
16829
|
At = Ut((Vn, vs) => {
|
|
16859
|
-
vs.exports = { version: "0.10.11-alpha.
|
|
16830
|
+
vs.exports = { version: "0.10.11-alpha.1", license: "MIT", 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" } }, 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", sideEffects: false, dependencies: { "@100mslive/hms-video": "0.9.11-alpha.1", eventemitter2: "^6.4.7", immer: "^9.0.6", reselect: "4.0.0", zustand: "3.5.7" }, devDependencies: { "ts-node": "^10.4.0", tslib: "^2.2.0" }, description: "This is an addon to the core sdk provided by 100ms. It abstracts away the intricacies of data management and provides a flux based reactive data store where data flows in only one direction.", repository: { type: "git", url: "git+https://github.com/100mslive/hms-video-store.git" }, keywords: ["video", "webrtc", "conferencing", "100ms"], bugs: { url: "https://github.com/100mslive/hms-video-store/issues" }, homepage: "https://github.com/100mslive/hms-video-store#readme" };
|
|
16860
16831
|
});
|
|
16861
16832
|
Re = ((n2) => (n2.Disconnected = "Disconnected", n2.Preview = "Preview", n2.Connecting = "Connecting", n2.Connected = "Connected", n2.Reconnecting = "Reconnecting", n2.Disconnecting = "Disconnecting", n2.Failed = "Failed", n2))(Re || {});
|
|
16862
16833
|
Vt = ((e) => (e.CHAT = "chat", e))(Vt || {});
|
|
@@ -19511,180 +19482,15 @@ var init_mainView = __esm({
|
|
|
19511
19482
|
}
|
|
19512
19483
|
});
|
|
19513
19484
|
|
|
19514
|
-
// src/Prebuilt/components/Playlist/PlaylistItem.jsx
|
|
19515
|
-
function formatDuration(duration) {
|
|
19516
|
-
if (!duration) {
|
|
19517
|
-
return "";
|
|
19518
|
-
}
|
|
19519
|
-
let mins = Math.floor(duration / 60);
|
|
19520
|
-
if (mins < 10) {
|
|
19521
|
-
mins = `0${String(mins)}`;
|
|
19522
|
-
}
|
|
19523
|
-
let secs = Math.floor(duration % 60);
|
|
19524
|
-
if (secs < 10) {
|
|
19525
|
-
secs = `0${String(secs)}`;
|
|
19526
|
-
}
|
|
19527
|
-
return `${mins}:${secs}`;
|
|
19528
|
-
}
|
|
19529
|
-
var import_react134, PlaylistItem;
|
|
19530
|
-
var init_PlaylistItem = __esm({
|
|
19531
|
-
"src/Prebuilt/components/Playlist/PlaylistItem.jsx"() {
|
|
19532
|
-
"use strict";
|
|
19533
|
-
init_define_process_env();
|
|
19534
|
-
import_react134 = __toESM(require("react"));
|
|
19535
|
-
init_src();
|
|
19536
|
-
PlaylistItem = import_react134.default.memo(({ name, metadata, duration, selected, onClick }) => {
|
|
19537
|
-
return /* @__PURE__ */ import_react134.default.createElement(
|
|
19538
|
-
Dropdown.Item,
|
|
19539
|
-
{
|
|
19540
|
-
css: {
|
|
19541
|
-
flexDirection: "column",
|
|
19542
|
-
alignItems: "flex-start",
|
|
19543
|
-
h: "$18",
|
|
19544
|
-
p: "$8",
|
|
19545
|
-
"&:hover": {
|
|
19546
|
-
cursor: "pointer",
|
|
19547
|
-
bg: "$surface_default"
|
|
19548
|
-
},
|
|
19549
|
-
"&:focus-visible": {
|
|
19550
|
-
bg: "$surface_default"
|
|
19551
|
-
}
|
|
19552
|
-
},
|
|
19553
|
-
onClick
|
|
19554
|
-
},
|
|
19555
|
-
/* @__PURE__ */ import_react134.default.createElement(Flex, { align: "center", justify: "between", css: { width: "100%", minHeight: 0 } }, /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "md", css: { color: selected ? "$primary_default" : "$on_primary_high" } }, name), /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "xs" }, formatDuration(duration))),
|
|
19556
|
-
(metadata == null ? void 0 : metadata.description) && /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "xs", css: { mt: "$4" } }, metadata == null ? void 0 : metadata.description)
|
|
19557
|
-
);
|
|
19558
|
-
});
|
|
19559
|
-
}
|
|
19560
|
-
});
|
|
19561
|
-
|
|
19562
|
-
// src/Prebuilt/components/Playlist/Playlist.jsx
|
|
19563
|
-
var import_react135, import_react_sdk82, import_react_icons58, BrowseAndPlayFromLocal, Playlist;
|
|
19564
|
-
var init_Playlist = __esm({
|
|
19565
|
-
"src/Prebuilt/components/Playlist/Playlist.jsx"() {
|
|
19566
|
-
"use strict";
|
|
19567
|
-
init_define_process_env();
|
|
19568
|
-
import_react135 = __toESM(require("react"));
|
|
19569
|
-
import_react_sdk82 = require("@100mslive/react-sdk");
|
|
19570
|
-
import_react_icons58 = require("@100mslive/react-icons");
|
|
19571
|
-
init_src();
|
|
19572
|
-
init_IconButton3();
|
|
19573
|
-
init_PlaylistControls();
|
|
19574
|
-
init_PlaylistItem();
|
|
19575
|
-
init_useFeatures();
|
|
19576
|
-
init_usePlaylist();
|
|
19577
|
-
init_constants();
|
|
19578
|
-
BrowseAndPlayFromLocal = ({ type, actions }) => {
|
|
19579
|
-
return /* @__PURE__ */ import_react135.default.createElement(import_react135.Fragment, null, /* @__PURE__ */ import_react135.default.createElement(Text, { as: "label", htmlFor: `${type}PlaylistBrowse`, variant: "sm", css: { cursor: "pointer", mr: "$2" } }, "Browse"), /* @__PURE__ */ import_react135.default.createElement(
|
|
19580
|
-
"input",
|
|
19581
|
-
{
|
|
19582
|
-
type: "file",
|
|
19583
|
-
id: `${type}PlaylistBrowse`,
|
|
19584
|
-
accept: type === import_react_sdk82.HMSPlaylistType.audio ? "audio/*" : "video/*",
|
|
19585
|
-
onChange: (e) => {
|
|
19586
|
-
const file = e.target.files[0];
|
|
19587
|
-
const id = file.lastModified;
|
|
19588
|
-
actions.setList([
|
|
19589
|
-
{
|
|
19590
|
-
type,
|
|
19591
|
-
id,
|
|
19592
|
-
name: file.name,
|
|
19593
|
-
url: URL.createObjectURL(file)
|
|
19594
|
-
}
|
|
19595
|
-
]);
|
|
19596
|
-
actions.play(id);
|
|
19597
|
-
},
|
|
19598
|
-
style: { display: "none" }
|
|
19599
|
-
}
|
|
19600
|
-
));
|
|
19601
|
-
};
|
|
19602
|
-
Playlist = ({ type }) => {
|
|
19603
|
-
const isAudioPlaylist = type === import_react_sdk82.HMSPlaylistType.audio;
|
|
19604
|
-
const { active, list: playlist, actions } = usePlaylist(type);
|
|
19605
|
-
const [open, setOpen] = (0, import_react135.useState)(false);
|
|
19606
|
-
const [collapse, setCollapse] = (0, import_react135.useState)(false);
|
|
19607
|
-
const isAllowedToPublish = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsAllowedToPublish);
|
|
19608
|
-
const isFeatureEnabled = useIsFeatureEnabled(
|
|
19609
|
-
isAudioPlaylist ? FEATURE_LIST.AUDIO_PLAYLIST : FEATURE_LIST.VIDEO_PLAYLIST
|
|
19610
|
-
);
|
|
19611
|
-
if (!isAllowedToPublish.screen || playlist.length === 0 || !isFeatureEnabled) {
|
|
19612
|
-
return null;
|
|
19613
|
-
}
|
|
19614
|
-
return /* @__PURE__ */ import_react135.default.createElement(import_react135.Fragment, null, /* @__PURE__ */ import_react135.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react135.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": type === import_react_sdk82.HMSPlaylistType.audio ? "audio_playlist" : "video_playlist" }, /* @__PURE__ */ import_react135.default.createElement(IconButton_default, { active: !active }, /* @__PURE__ */ import_react135.default.createElement(Tooltip, { title: isAudioPlaylist ? "Audio Playlist" : "Video Playlist" }, /* @__PURE__ */ import_react135.default.createElement(Box, null, isAudioPlaylist ? /* @__PURE__ */ import_react135.default.createElement(import_react_icons58.AudioPlayerIcon, null) : /* @__PURE__ */ import_react135.default.createElement(import_react_icons58.VideoPlayerIcon, null))))), /* @__PURE__ */ import_react135.default.createElement(
|
|
19615
|
-
Dropdown.Content,
|
|
19616
|
-
{
|
|
19617
|
-
sideOffset: 5,
|
|
19618
|
-
align: "center",
|
|
19619
|
-
css: {
|
|
19620
|
-
maxHeight: "unset",
|
|
19621
|
-
width: "$60",
|
|
19622
|
-
p: "$0",
|
|
19623
|
-
bg: "$surface_bright",
|
|
19624
|
-
border: "1px solid $border_default"
|
|
19625
|
-
}
|
|
19626
|
-
},
|
|
19627
|
-
/* @__PURE__ */ import_react135.default.createElement(
|
|
19628
|
-
Flex,
|
|
19629
|
-
{
|
|
19630
|
-
align: "center",
|
|
19631
|
-
css: {
|
|
19632
|
-
p: "$4 $8",
|
|
19633
|
-
borderBottom: "1px solid $border_bright",
|
|
19634
|
-
bg: "$surface_default"
|
|
19635
|
-
}
|
|
19636
|
-
},
|
|
19637
|
-
/* @__PURE__ */ import_react135.default.createElement(Text, { variant: "md", css: { flex: "1 1 0" } }, isAudioPlaylist ? "Audio Player" : "Video Playlist"),
|
|
19638
|
-
/* @__PURE__ */ import_react135.default.createElement(BrowseAndPlayFromLocal, { type, actions }),
|
|
19639
|
-
/* @__PURE__ */ import_react135.default.createElement(
|
|
19640
|
-
IconButton_default,
|
|
19641
|
-
{
|
|
19642
|
-
css: { mr: "-$4" },
|
|
19643
|
-
onClick: () => __async(void 0, null, function* () {
|
|
19644
|
-
if (active) {
|
|
19645
|
-
yield actions.stop();
|
|
19646
|
-
}
|
|
19647
|
-
setOpen(false);
|
|
19648
|
-
setCollapse(false);
|
|
19649
|
-
})
|
|
19650
|
-
},
|
|
19651
|
-
/* @__PURE__ */ import_react135.default.createElement(import_react_icons58.CrossIcon, { width: 24, height: 24 })
|
|
19652
|
-
)
|
|
19653
|
-
),
|
|
19654
|
-
!collapse && /* @__PURE__ */ import_react135.default.createElement(Box, { css: { maxHeight: "$96", overflowY: "auto" } }, playlist.map((playlistItem) => {
|
|
19655
|
-
return /* @__PURE__ */ import_react135.default.createElement(
|
|
19656
|
-
PlaylistItem,
|
|
19657
|
-
__spreadProps(__spreadValues({
|
|
19658
|
-
key: playlistItem.id
|
|
19659
|
-
}, playlistItem), {
|
|
19660
|
-
onClick: (e) => __async(void 0, null, function* () {
|
|
19661
|
-
e.preventDefault();
|
|
19662
|
-
try {
|
|
19663
|
-
yield actions.play(playlistItem.id);
|
|
19664
|
-
} catch (e2) {
|
|
19665
|
-
}
|
|
19666
|
-
if (!isAudioPlaylist) {
|
|
19667
|
-
setOpen(false);
|
|
19668
|
-
}
|
|
19669
|
-
})
|
|
19670
|
-
})
|
|
19671
|
-
);
|
|
19672
|
-
})),
|
|
19673
|
-
isAudioPlaylist && /* @__PURE__ */ import_react135.default.createElement(AudioPlaylistControls, { onToggle: () => setCollapse((value) => !value) })
|
|
19674
|
-
)));
|
|
19675
|
-
};
|
|
19676
|
-
}
|
|
19677
|
-
});
|
|
19678
|
-
|
|
19679
19485
|
// src/Prebuilt/components/Settings/StartRecording.jsx
|
|
19680
|
-
var
|
|
19486
|
+
var import_react134, import_react_sdk82, import_react_icons58, StartRecording2, StartRecording_default;
|
|
19681
19487
|
var init_StartRecording = __esm({
|
|
19682
19488
|
"src/Prebuilt/components/Settings/StartRecording.jsx"() {
|
|
19683
19489
|
"use strict";
|
|
19684
19490
|
init_define_process_env();
|
|
19685
|
-
|
|
19686
|
-
|
|
19687
|
-
|
|
19491
|
+
import_react134 = __toESM(require("react"));
|
|
19492
|
+
import_react_sdk82 = require("@100mslive/react-sdk");
|
|
19493
|
+
import_react_icons58 = require("@100mslive/react-icons");
|
|
19688
19494
|
init_src();
|
|
19689
19495
|
init_ResolutionInput();
|
|
19690
19496
|
init_RTMPStreaming();
|
|
@@ -19692,16 +19498,16 @@ var init_StartRecording = __esm({
|
|
|
19692
19498
|
init_useUISettings();
|
|
19693
19499
|
init_constants();
|
|
19694
19500
|
StartRecording2 = ({ open, onOpenChange }) => {
|
|
19695
|
-
const permissions = (0,
|
|
19696
|
-
const [resolution, setResolution] = (0,
|
|
19501
|
+
const permissions = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectPermissions);
|
|
19502
|
+
const [resolution, setResolution] = (0, import_react134.useState)(RTMP_RECORD_DEFAULT_RESOLUTION);
|
|
19697
19503
|
const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
|
|
19698
|
-
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0,
|
|
19699
|
-
const hmsActions = (0,
|
|
19504
|
+
const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk82.useRecordingStreaming)();
|
|
19505
|
+
const hmsActions = (0, import_react_sdk82.useHMSActions)();
|
|
19700
19506
|
if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
|
|
19701
19507
|
return null;
|
|
19702
19508
|
}
|
|
19703
19509
|
if (isBrowserRecordingOn) {
|
|
19704
|
-
return /* @__PURE__ */
|
|
19510
|
+
return /* @__PURE__ */ import_react134.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react134.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react134.default.createElement(
|
|
19705
19511
|
Dialog.Content,
|
|
19706
19512
|
{
|
|
19707
19513
|
css: {
|
|
@@ -19710,9 +19516,9 @@ var init_StartRecording = __esm({
|
|
|
19710
19516
|
bg: "#201617"
|
|
19711
19517
|
}
|
|
19712
19518
|
},
|
|
19713
|
-
/* @__PURE__ */
|
|
19714
|
-
/* @__PURE__ */
|
|
19715
|
-
/* @__PURE__ */
|
|
19519
|
+
/* @__PURE__ */ import_react134.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react134.default.createElement(Flex, { gap: 2, css: { c: "$alert_error_default" } }, /* @__PURE__ */ import_react134.default.createElement(import_react_icons58.AlertTriangleIcon, null), /* @__PURE__ */ import_react134.default.createElement(Text, { css: { c: "inherit" }, variant: "h6" }, "End Recording"))),
|
|
19520
|
+
/* @__PURE__ */ import_react134.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_medium", my: "$8" } }, "Are you sure you want to end recording? You can\u2019t undo this action."),
|
|
19521
|
+
/* @__PURE__ */ import_react134.default.createElement(Flex, { justify: "end", css: { mt: "$12" } }, /* @__PURE__ */ import_react134.default.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ import_react134.default.createElement(Button, { outlined: true, css: { borderColor: "$secondary_bright", mr: "$4" } }, "Don't end")), /* @__PURE__ */ import_react134.default.createElement(
|
|
19716
19522
|
Button,
|
|
19717
19523
|
{
|
|
19718
19524
|
"data-testid": "stop_recording_confirm_mobile",
|
|
@@ -19734,14 +19540,14 @@ var init_StartRecording = __esm({
|
|
|
19734
19540
|
))
|
|
19735
19541
|
)));
|
|
19736
19542
|
}
|
|
19737
|
-
return /* @__PURE__ */
|
|
19543
|
+
return /* @__PURE__ */ import_react134.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react134.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react134.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "h6" }, "Start Recording")), /* @__PURE__ */ import_react134.default.createElement(
|
|
19738
19544
|
ResolutionInput,
|
|
19739
19545
|
{
|
|
19740
19546
|
testId: "recording_resolution_mobile",
|
|
19741
19547
|
css: { flexDirection: "column", alignItems: "start" },
|
|
19742
19548
|
onResolutionChange: setResolution
|
|
19743
19549
|
}
|
|
19744
|
-
), /* @__PURE__ */
|
|
19550
|
+
), /* @__PURE__ */ import_react134.default.createElement(
|
|
19745
19551
|
Button,
|
|
19746
19552
|
{
|
|
19747
19553
|
"data-testid": "start_recording_confirm_mobile",
|
|
@@ -19782,13 +19588,13 @@ var init_StartRecording = __esm({
|
|
|
19782
19588
|
});
|
|
19783
19589
|
|
|
19784
19590
|
// src/Prebuilt/components/StatsForNerds.jsx
|
|
19785
|
-
var
|
|
19591
|
+
var import_react135, import_react_sdk83, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2, formatBytes2;
|
|
19786
19592
|
var init_StatsForNerds = __esm({
|
|
19787
19593
|
"src/Prebuilt/components/StatsForNerds.jsx"() {
|
|
19788
19594
|
"use strict";
|
|
19789
19595
|
init_define_process_env();
|
|
19790
|
-
|
|
19791
|
-
|
|
19596
|
+
import_react135 = __toESM(require("react"));
|
|
19597
|
+
import_react_sdk83 = require("@100mslive/react-sdk");
|
|
19792
19598
|
init_Divider2();
|
|
19793
19599
|
init_Dropdown2();
|
|
19794
19600
|
init_Label2();
|
|
@@ -19803,21 +19609,21 @@ var init_StatsForNerds = __esm({
|
|
|
19803
19609
|
StatsForNerds = ({ onOpenChange }) => {
|
|
19804
19610
|
var _a7;
|
|
19805
19611
|
const tracksWithLabels = useTracksWithLabel();
|
|
19806
|
-
const statsOptions = (0,
|
|
19612
|
+
const statsOptions = (0, import_react135.useMemo)(
|
|
19807
19613
|
() => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
|
|
19808
19614
|
[tracksWithLabels]
|
|
19809
19615
|
);
|
|
19810
|
-
const [selectedStat, setSelectedStat] = (0,
|
|
19616
|
+
const [selectedStat, setSelectedStat] = (0, import_react135.useState)(statsOptions[0]);
|
|
19811
19617
|
const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
|
|
19812
|
-
const [open, setOpen] = (0,
|
|
19813
|
-
const ref = (0,
|
|
19618
|
+
const [open, setOpen] = (0, import_react135.useState)(false);
|
|
19619
|
+
const ref = (0, import_react135.useRef)();
|
|
19814
19620
|
const selectionBg = useDropdownSelection();
|
|
19815
|
-
(0,
|
|
19621
|
+
(0, import_react135.useEffect)(() => {
|
|
19816
19622
|
if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
|
|
19817
19623
|
setSelectedStat("local-peer");
|
|
19818
19624
|
}
|
|
19819
19625
|
}, [tracksWithLabels, selectedStat]);
|
|
19820
|
-
return /* @__PURE__ */
|
|
19626
|
+
return /* @__PURE__ */ import_react135.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react135.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react135.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react135.default.createElement(
|
|
19821
19627
|
Dialog.Content,
|
|
19822
19628
|
{
|
|
19823
19629
|
css: {
|
|
@@ -19826,10 +19632,10 @@ var init_StatsForNerds = __esm({
|
|
|
19826
19632
|
overflowY: "auto"
|
|
19827
19633
|
}
|
|
19828
19634
|
},
|
|
19829
|
-
/* @__PURE__ */
|
|
19830
|
-
/* @__PURE__ */
|
|
19831
|
-
/* @__PURE__ */
|
|
19832
|
-
/* @__PURE__ */
|
|
19635
|
+
/* @__PURE__ */ import_react135.default.createElement(Dialog.Title, { css: { p: "$4 0" } }, /* @__PURE__ */ import_react135.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react135.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, /* @__PURE__ */ import_react135.default.createElement(Text, { variant: "h6", inline: true }, "Stats For Nerds")), /* @__PURE__ */ import_react135.default.createElement(Dialog.DefaultClose, { "data-testid": "stats_dialog_close_icon" }))),
|
|
19636
|
+
/* @__PURE__ */ import_react135.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }),
|
|
19637
|
+
/* @__PURE__ */ import_react135.default.createElement(Flex, { justify: "start", gap: 4, css: { m: "$10 0" } }, /* @__PURE__ */ import_react135.default.createElement(Switch, { checked: showStatsOnTiles, onCheckedChange: setShowStatsOnTiles }), /* @__PURE__ */ import_react135.default.createElement(Text, { variant: "body2", css: { fontWeight: "$semiBold" } }, "Show Stats on Tiles")),
|
|
19638
|
+
/* @__PURE__ */ import_react135.default.createElement(
|
|
19833
19639
|
Flex,
|
|
19834
19640
|
{
|
|
19835
19641
|
direction: "column",
|
|
@@ -19839,8 +19645,8 @@ var init_StatsForNerds = __esm({
|
|
|
19839
19645
|
minWidth: 0
|
|
19840
19646
|
}
|
|
19841
19647
|
},
|
|
19842
|
-
/* @__PURE__ */
|
|
19843
|
-
/* @__PURE__ */
|
|
19648
|
+
/* @__PURE__ */ import_react135.default.createElement(Label3, { variant: "body2" }, "Stats For"),
|
|
19649
|
+
/* @__PURE__ */ import_react135.default.createElement(Dropdown.Root, { "data-testid": "dialog_select_Stats For", open, onOpenChange: setOpen }, /* @__PURE__ */ import_react135.default.createElement(
|
|
19844
19650
|
DialogDropdownTrigger,
|
|
19845
19651
|
{
|
|
19846
19652
|
title: selectedStat.label || "Select Stats",
|
|
@@ -19849,9 +19655,9 @@ var init_StatsForNerds = __esm({
|
|
|
19849
19655
|
open,
|
|
19850
19656
|
ref
|
|
19851
19657
|
}
|
|
19852
|
-
), /* @__PURE__ */
|
|
19658
|
+
), /* @__PURE__ */ import_react135.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react135.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
|
|
19853
19659
|
const isSelected = option.id === selectedStat.id && option.layer === selectedStat.layer;
|
|
19854
|
-
return /* @__PURE__ */
|
|
19660
|
+
return /* @__PURE__ */ import_react135.default.createElement(
|
|
19855
19661
|
Dropdown.Item,
|
|
19856
19662
|
{
|
|
19857
19663
|
key: `${option.id}-${option.layer || ""}`,
|
|
@@ -19868,14 +19674,14 @@ var init_StatsForNerds = __esm({
|
|
|
19868
19674
|
);
|
|
19869
19675
|
}))))
|
|
19870
19676
|
),
|
|
19871
|
-
selectedStat.id === "local-peer" ? /* @__PURE__ */
|
|
19677
|
+
selectedStat.id === "local-peer" ? /* @__PURE__ */ import_react135.default.createElement(LocalPeerStats, null) : /* @__PURE__ */ import_react135.default.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local })
|
|
19872
19678
|
)));
|
|
19873
19679
|
};
|
|
19874
19680
|
useTracksWithLabel = () => {
|
|
19875
|
-
const tracksMap = (0,
|
|
19876
|
-
const peersMap = (0,
|
|
19877
|
-
const localPeerID = (0,
|
|
19878
|
-
const tracksWithLabels = (0,
|
|
19681
|
+
const tracksMap = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectTracksMap);
|
|
19682
|
+
const peersMap = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectPeersMap);
|
|
19683
|
+
const localPeerID = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectLocalPeerID);
|
|
19684
|
+
const tracksWithLabels = (0, import_react135.useMemo)(
|
|
19879
19685
|
() => Object.values(tracksMap).reduce((res, track) => {
|
|
19880
19686
|
var _a7, _b7;
|
|
19881
19687
|
const peerName = (_a7 = peersMap[track.peerId]) == null ? void 0 : _a7.name;
|
|
@@ -19906,17 +19712,17 @@ var init_StatsForNerds = __esm({
|
|
|
19906
19712
|
};
|
|
19907
19713
|
LocalPeerStats = () => {
|
|
19908
19714
|
var _a7, _b7, _c, _d, _e, _f, _g, _h, _i3;
|
|
19909
|
-
const stats = (0,
|
|
19715
|
+
const stats = (0, import_react_sdk83.useHMSStatsStore)(import_react_sdk83.selectHMSStats.localPeerStats);
|
|
19910
19716
|
if (!stats) {
|
|
19911
19717
|
return null;
|
|
19912
19718
|
}
|
|
19913
|
-
return /* @__PURE__ */
|
|
19719
|
+
return /* @__PURE__ */ import_react135.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Packets Lost", value: (_a7 = stats.subscribe) == null ? void 0 : _a7.packetsLost }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Jitter", value: (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes2((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes2((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ import_react135.default.createElement(
|
|
19914
19720
|
StatsRow2,
|
|
19915
19721
|
{
|
|
19916
19722
|
label: "Available Outgoing Bitrate",
|
|
19917
19723
|
value: formatBytes2((_e = stats.publish) == null ? void 0 : _e.availableOutgoingBitrate, "b/s")
|
|
19918
19724
|
}
|
|
19919
|
-
), /* @__PURE__ */
|
|
19725
|
+
), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes2((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes2((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ import_react135.default.createElement(
|
|
19920
19726
|
StatsRow2,
|
|
19921
19727
|
{
|
|
19922
19728
|
label: "Round Trip Time",
|
|
@@ -19926,21 +19732,21 @@ var init_StatsForNerds = __esm({
|
|
|
19926
19732
|
};
|
|
19927
19733
|
TrackStats = ({ trackID, layer, local }) => {
|
|
19928
19734
|
var _a7;
|
|
19929
|
-
const selector = layer ?
|
|
19930
|
-
const stats = (0,
|
|
19735
|
+
const selector = layer ? import_react_sdk83.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID) : local ? import_react_sdk83.selectHMSStats.localAudioTrackStatsByID(trackID) : import_react_sdk83.selectHMSStats.trackStatsByID(trackID);
|
|
19736
|
+
const stats = (0, import_react_sdk83.useHMSStatsStore)(selector);
|
|
19931
19737
|
if (!stats) {
|
|
19932
19738
|
return null;
|
|
19933
19739
|
}
|
|
19934
19740
|
const inbound = stats.type.includes("inbound");
|
|
19935
|
-
return /* @__PURE__ */
|
|
19741
|
+
return /* @__PURE__ */ import_react135.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Bitrate", value: formatBytes2(stats.bitrate, "b/s") }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Jitter", value: (_a7 = stats.jitter) == null ? void 0 : _a7.toFixed(3) }), /* @__PURE__ */ import_react135.default.createElement(
|
|
19936
19742
|
StatsRow2,
|
|
19937
19743
|
{
|
|
19938
19744
|
label: inbound ? "Bytes Received" : "Bytes Sent",
|
|
19939
19745
|
value: formatBytes2(inbound ? stats.bytesReceived : stats.bytesSent)
|
|
19940
19746
|
}
|
|
19941
|
-
), stats.kind === "video" && /* @__PURE__ */
|
|
19747
|
+
), stats.kind === "video" && /* @__PURE__ */ import_react135.default.createElement(import_react135.default.Fragment, null, /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Round Trip Time", value: stats.roundTripTime ? `${stats.roundTripTime * 1e3} ms` : "-" }));
|
|
19942
19748
|
};
|
|
19943
|
-
StatsRow2 =
|
|
19749
|
+
StatsRow2 = import_react135.default.memo(({ label, value }) => /* @__PURE__ */ import_react135.default.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ import_react135.default.createElement(
|
|
19944
19750
|
Text,
|
|
19945
19751
|
{
|
|
19946
19752
|
variant: "overline",
|
|
@@ -19951,7 +19757,7 @@ var init_StatsForNerds = __esm({
|
|
|
19951
19757
|
}
|
|
19952
19758
|
},
|
|
19953
19759
|
label
|
|
19954
|
-
), /* @__PURE__ */
|
|
19760
|
+
), /* @__PURE__ */ import_react135.default.createElement(Text, { variant: "sub1", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, value || "-")));
|
|
19955
19761
|
formatBytes2 = (bytes, unit = "B", decimals = 2) => {
|
|
19956
19762
|
if (bytes === void 0)
|
|
19957
19763
|
return "-";
|
|
@@ -19967,14 +19773,14 @@ var init_StatsForNerds = __esm({
|
|
|
19967
19773
|
});
|
|
19968
19774
|
|
|
19969
19775
|
// src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
|
|
19970
|
-
var
|
|
19776
|
+
var import_react136, import_react_sdk84, import_react_icons59, BulkRoleChangeModal;
|
|
19971
19777
|
var init_BulkRoleChangeModal = __esm({
|
|
19972
19778
|
"src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx"() {
|
|
19973
19779
|
"use strict";
|
|
19974
19780
|
init_define_process_env();
|
|
19975
|
-
|
|
19976
|
-
|
|
19977
|
-
|
|
19781
|
+
import_react136 = __toESM(require("react"));
|
|
19782
|
+
import_react_sdk84 = require("@100mslive/react-sdk");
|
|
19783
|
+
import_react_icons59 = require("@100mslive/react-icons");
|
|
19978
19784
|
init_src();
|
|
19979
19785
|
init_DialogContent2();
|
|
19980
19786
|
init_DropdownTrigger();
|
|
@@ -19982,16 +19788,16 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
19982
19788
|
BulkRoleChangeModal = ({ onOpenChange }) => {
|
|
19983
19789
|
var _a7, _b7;
|
|
19984
19790
|
const roles = useFilteredRoles();
|
|
19985
|
-
const hmsActions = (0,
|
|
19986
|
-
const ref = (0,
|
|
19987
|
-
const roleRef = (0,
|
|
19988
|
-
const [selectedBulkRole, setBulkRole] = (0,
|
|
19989
|
-
const [selectedRole, setRole] = (0,
|
|
19990
|
-
const [bulkRoleDialog, setBulkRoleDialog] = (0,
|
|
19991
|
-
const [roleDialog, setRoleDialog] = (0,
|
|
19992
|
-
const [errorMessage, setErrorMessage] = (0,
|
|
19993
|
-
const [isSubmiting, setIsSubmiting] = (0,
|
|
19994
|
-
const changeBulkRole = (0,
|
|
19791
|
+
const hmsActions = (0, import_react_sdk84.useHMSActions)();
|
|
19792
|
+
const ref = (0, import_react136.useRef)(null);
|
|
19793
|
+
const roleRef = (0, import_react136.useRef)(null);
|
|
19794
|
+
const [selectedBulkRole, setBulkRole] = (0, import_react136.useState)([]);
|
|
19795
|
+
const [selectedRole, setRole] = (0, import_react136.useState)("");
|
|
19796
|
+
const [bulkRoleDialog, setBulkRoleDialog] = (0, import_react136.useState)(false);
|
|
19797
|
+
const [roleDialog, setRoleDialog] = (0, import_react136.useState)(false);
|
|
19798
|
+
const [errorMessage, setErrorMessage] = (0, import_react136.useState)("");
|
|
19799
|
+
const [isSubmiting, setIsSubmiting] = (0, import_react136.useState)(false);
|
|
19800
|
+
const changeBulkRole = (0, import_react136.useCallback)(() => __async(void 0, null, function* () {
|
|
19995
19801
|
if (selectedBulkRole.length > 0 && selectedRole) {
|
|
19996
19802
|
try {
|
|
19997
19803
|
setIsSubmiting(true);
|
|
@@ -20005,7 +19811,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
20005
19811
|
}
|
|
20006
19812
|
}
|
|
20007
19813
|
}), [selectedBulkRole, selectedRole, hmsActions, onOpenChange]);
|
|
20008
|
-
return /* @__PURE__ */
|
|
19814
|
+
return /* @__PURE__ */ import_react136.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react136.default.createElement(DialogContent, { title: "Bulk Role Change", Icon: import_react_icons59.ChangeRoleIcon }, /* @__PURE__ */ import_react136.default.createElement(DialogRow, null, /* @__PURE__ */ import_react136.default.createElement(Text, null, "For Roles: "), /* @__PURE__ */ import_react136.default.createElement(
|
|
20009
19815
|
Dropdown.Root,
|
|
20010
19816
|
{
|
|
20011
19817
|
open: bulkRoleDialog,
|
|
@@ -20016,7 +19822,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
20016
19822
|
},
|
|
20017
19823
|
modal: false
|
|
20018
19824
|
},
|
|
20019
|
-
/* @__PURE__ */
|
|
19825
|
+
/* @__PURE__ */ import_react136.default.createElement(
|
|
20020
19826
|
DialogDropdownTrigger,
|
|
20021
19827
|
{
|
|
20022
19828
|
ref,
|
|
@@ -20028,7 +19834,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
20028
19834
|
open: bulkRoleDialog
|
|
20029
19835
|
}
|
|
20030
19836
|
),
|
|
20031
|
-
/* @__PURE__ */
|
|
19837
|
+
/* @__PURE__ */ import_react136.default.createElement(
|
|
20032
19838
|
Dropdown.Content,
|
|
20033
19839
|
{
|
|
20034
19840
|
css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 },
|
|
@@ -20039,7 +19845,7 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
20039
19845
|
}
|
|
20040
19846
|
},
|
|
20041
19847
|
roles && roles.map((role) => {
|
|
20042
|
-
return /* @__PURE__ */
|
|
19848
|
+
return /* @__PURE__ */ import_react136.default.createElement(
|
|
20043
19849
|
Dropdown.CheckboxItem,
|
|
20044
19850
|
{
|
|
20045
19851
|
key: role,
|
|
@@ -20051,12 +19857,12 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
20051
19857
|
setErrorMessage("");
|
|
20052
19858
|
}
|
|
20053
19859
|
},
|
|
20054
|
-
/* @__PURE__ */
|
|
19860
|
+
/* @__PURE__ */ import_react136.default.createElement(Checkbox.Root, { css: { margin: "$2" }, checked: selectedBulkRole.includes(role) }, /* @__PURE__ */ import_react136.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react136.default.createElement(import_react_icons59.CheckIcon, { width: 16, height: 16 }))),
|
|
20055
19861
|
role
|
|
20056
19862
|
);
|
|
20057
19863
|
})
|
|
20058
19864
|
)
|
|
20059
|
-
)), /* @__PURE__ */
|
|
19865
|
+
)), /* @__PURE__ */ import_react136.default.createElement(DialogRow, null, /* @__PURE__ */ import_react136.default.createElement(Text, null, "To Role: "), /* @__PURE__ */ import_react136.default.createElement(Dropdown.Root, { open: roleDialog, onOpenChange: (value) => setRoleDialog(value) }, /* @__PURE__ */ import_react136.default.createElement(
|
|
20060
19866
|
DialogDropdownTrigger,
|
|
20061
19867
|
{
|
|
20062
19868
|
ref: roleRef,
|
|
@@ -20067,8 +19873,8 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
20067
19873
|
},
|
|
20068
19874
|
open: roleDialog
|
|
20069
19875
|
}
|
|
20070
|
-
), /* @__PURE__ */
|
|
20071
|
-
return /* @__PURE__ */
|
|
19876
|
+
), /* @__PURE__ */ import_react136.default.createElement(Dropdown.Content, { css: { w: (_b7 = roleRef.current) == null ? void 0 : _b7.clientWidth, zIndex: 1e3 } }, roles && roles.map((role) => {
|
|
19877
|
+
return /* @__PURE__ */ import_react136.default.createElement(
|
|
20072
19878
|
Dropdown.Item,
|
|
20073
19879
|
{
|
|
20074
19880
|
key: role,
|
|
@@ -20079,27 +19885,27 @@ var init_BulkRoleChangeModal = __esm({
|
|
|
20079
19885
|
},
|
|
20080
19886
|
role
|
|
20081
19887
|
);
|
|
20082
|
-
})))), /* @__PURE__ */
|
|
19888
|
+
})))), /* @__PURE__ */ import_react136.default.createElement(DialogRow, null, errorMessage && /* @__PURE__ */ import_react136.default.createElement(Flex, { gap: 2, css: { c: "$alert_error_default", w: "70%", ml: "auto" } }, /* @__PURE__ */ import_react136.default.createElement(import_react_icons59.AlertTriangleIcon, null), /* @__PURE__ */ import_react136.default.createElement(Text, { css: { c: "inherit" } }, errorMessage))), /* @__PURE__ */ import_react136.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react136.default.createElement(Button, { variant: "primary", onClick: changeBulkRole, disabled: !(selectedRole && selectedBulkRole.length > 0) }, isSubmiting && /* @__PURE__ */ import_react136.default.createElement(Loading, { css: { color: "$on_primary_medium" } }), "Apply"))));
|
|
20083
19889
|
};
|
|
20084
19890
|
}
|
|
20085
19891
|
});
|
|
20086
19892
|
|
|
20087
19893
|
// src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx
|
|
20088
|
-
var
|
|
19894
|
+
var import_react137, import_react_sdk85, ChangeNameModal;
|
|
20089
19895
|
var init_ChangeNameModal = __esm({
|
|
20090
19896
|
"src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx"() {
|
|
20091
19897
|
"use strict";
|
|
20092
19898
|
init_define_process_env();
|
|
20093
|
-
|
|
20094
|
-
|
|
19899
|
+
import_react137 = __toESM(require("react"));
|
|
19900
|
+
import_react_sdk85 = require("@100mslive/react-sdk");
|
|
20095
19901
|
init_src();
|
|
20096
19902
|
init_ToastManager();
|
|
20097
19903
|
init_useUserPreferences();
|
|
20098
19904
|
ChangeNameModal = ({ onOpenChange }) => {
|
|
20099
19905
|
const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
|
|
20100
|
-
const hmsActions = (0,
|
|
20101
|
-
const localPeerName = (0,
|
|
20102
|
-
const [currentName, setCurrentName] = (0,
|
|
19906
|
+
const hmsActions = (0, import_react_sdk85.useHMSActions)();
|
|
19907
|
+
const localPeerName = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectLocalPeerName);
|
|
19908
|
+
const [currentName, setCurrentName] = (0, import_react137.useState)(localPeerName);
|
|
20103
19909
|
const changeName = () => __async(void 0, null, function* () {
|
|
20104
19910
|
const name = currentName.trim();
|
|
20105
19911
|
if (!name || name === localPeerName) {
|
|
@@ -20117,7 +19923,7 @@ var init_ChangeNameModal = __esm({
|
|
|
20117
19923
|
onOpenChange(false);
|
|
20118
19924
|
}
|
|
20119
19925
|
});
|
|
20120
|
-
return /* @__PURE__ */
|
|
19926
|
+
return /* @__PURE__ */ import_react137.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react137.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react137.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react137.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react137.default.createElement(Dialog.Title, { css: { p: "0 $4" } }, /* @__PURE__ */ import_react137.default.createElement(Text, { variant: "h6" }, " Change Name")), /* @__PURE__ */ import_react137.default.createElement(
|
|
20121
19927
|
"form",
|
|
20122
19928
|
{
|
|
20123
19929
|
onSubmit: (e) => __async(void 0, null, function* () {
|
|
@@ -20125,7 +19931,7 @@ var init_ChangeNameModal = __esm({
|
|
|
20125
19931
|
yield changeName();
|
|
20126
19932
|
})
|
|
20127
19933
|
},
|
|
20128
|
-
/* @__PURE__ */
|
|
19934
|
+
/* @__PURE__ */ import_react137.default.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%" } }, /* @__PURE__ */ import_react137.default.createElement(
|
|
20129
19935
|
Input,
|
|
20130
19936
|
{
|
|
20131
19937
|
css: { width: "100%" },
|
|
@@ -20138,7 +19944,7 @@ var init_ChangeNameModal = __esm({
|
|
|
20138
19944
|
"data-testid": "change_name_field"
|
|
20139
19945
|
}
|
|
20140
19946
|
)),
|
|
20141
|
-
/* @__PURE__ */
|
|
19947
|
+
/* @__PURE__ */ import_react137.default.createElement(
|
|
20142
19948
|
Flex,
|
|
20143
19949
|
{
|
|
20144
19950
|
justify: "between",
|
|
@@ -20149,8 +19955,8 @@ var init_ChangeNameModal = __esm({
|
|
|
20149
19955
|
mt: "$10"
|
|
20150
19956
|
}
|
|
20151
19957
|
},
|
|
20152
|
-
/* @__PURE__ */
|
|
20153
|
-
/* @__PURE__ */
|
|
19958
|
+
/* @__PURE__ */ import_react137.default.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ import_react137.default.createElement(Dialog.Close, { css: { w: "100%" } }, /* @__PURE__ */ import_react137.default.createElement(Button, { variant: "standard", css: { w: "100%" }, outlined: true, type: "submit", disabled: !localPeerName }, "Cancel"))),
|
|
19959
|
+
/* @__PURE__ */ import_react137.default.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ import_react137.default.createElement(
|
|
20154
19960
|
Button,
|
|
20155
19961
|
{
|
|
20156
19962
|
variant: "primary",
|
|
@@ -20168,15 +19974,15 @@ var init_ChangeNameModal = __esm({
|
|
|
20168
19974
|
});
|
|
20169
19975
|
|
|
20170
19976
|
// src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx
|
|
20171
|
-
var
|
|
19977
|
+
var import_react138, import_react_use23, import_react_sdk86, import_react_icons60, ChangeSelfRole;
|
|
20172
19978
|
var init_ChangeSelfRole = __esm({
|
|
20173
19979
|
"src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx"() {
|
|
20174
19980
|
"use strict";
|
|
20175
19981
|
init_define_process_env();
|
|
20176
|
-
|
|
19982
|
+
import_react138 = __toESM(require("react"));
|
|
20177
19983
|
import_react_use23 = require("react-use");
|
|
20178
|
-
|
|
20179
|
-
|
|
19984
|
+
import_react_sdk86 = require("@100mslive/react-sdk");
|
|
19985
|
+
import_react_icons60 = require("@100mslive/react-icons");
|
|
20180
19986
|
init_src();
|
|
20181
19987
|
init_ToastManager();
|
|
20182
19988
|
init_useAppLayout();
|
|
@@ -20184,17 +19990,17 @@ var init_ChangeSelfRole = __esm({
|
|
|
20184
19990
|
init_utils2();
|
|
20185
19991
|
ChangeSelfRole = ({ onClick }) => {
|
|
20186
19992
|
const roles = useFilteredRoles();
|
|
20187
|
-
const permissions = (0,
|
|
20188
|
-
const localPeerId = (0,
|
|
20189
|
-
const localPeerRole = (0,
|
|
20190
|
-
const hmsActions = (0,
|
|
19993
|
+
const permissions = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectPermissions);
|
|
19994
|
+
const localPeerId = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeerID);
|
|
19995
|
+
const localPeerRole = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeerRoleName);
|
|
19996
|
+
const hmsActions = (0, import_react_sdk86.useHMSActions)();
|
|
20191
19997
|
const hideTriggerItem = (0, import_react_use23.useMedia)(config.media.sm);
|
|
20192
19998
|
const selfRoleChangeTo = useAppLayout("selfRoleChangeTo");
|
|
20193
|
-
const availableSelfChangeRoles = (0,
|
|
19999
|
+
const availableSelfChangeRoles = (0, import_react138.useMemo)(() => arrayIntersection(selfRoleChangeTo, roles), [roles, selfRoleChangeTo]);
|
|
20194
20000
|
if (!permissions.changeRole) {
|
|
20195
20001
|
return null;
|
|
20196
20002
|
}
|
|
20197
|
-
return hideTriggerItem ? /* @__PURE__ */
|
|
20003
|
+
return hideTriggerItem ? /* @__PURE__ */ import_react138.default.createElement(Dropdown.Item, { onClick }, /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.PersonIcon, null), /* @__PURE__ */ import_react138.default.createElement(Text, { variant: "sm", css: { mx: "$4" } }, "Change My Role")) : /* @__PURE__ */ import_react138.default.createElement(Dropdown.SubMenu, null, /* @__PURE__ */ import_react138.default.createElement(Dropdown.TriggerItem, { "data-testid": "change_my_role_btn" }, /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.PersonIcon, null), /* @__PURE__ */ import_react138.default.createElement(Text, { variant: "sm", css: { flex: "1 1 0", mx: "$4" } }, "Change My Role"), /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.ArrowRightIcon, null)), /* @__PURE__ */ import_react138.default.createElement(Dropdown.SubMenuContent, { sideOffset: 8, alignOffset: -5, css: { py: "$0", "@md": { w: "$64" } } }, availableSelfChangeRoles.map((role) => /* @__PURE__ */ import_react138.default.createElement(
|
|
20198
20004
|
Dropdown.Item,
|
|
20199
20005
|
{
|
|
20200
20006
|
key: role,
|
|
@@ -20208,8 +20014,8 @@ var init_ChangeSelfRole = __esm({
|
|
|
20208
20014
|
}),
|
|
20209
20015
|
"data-testid": "change_to_role_" + role
|
|
20210
20016
|
},
|
|
20211
|
-
/* @__PURE__ */
|
|
20212
|
-
localPeerRole === role && /* @__PURE__ */
|
|
20017
|
+
/* @__PURE__ */ import_react138.default.createElement(Text, { variant: "sm" }, role),
|
|
20018
|
+
localPeerRole === role && /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.CheckIcon, { width: 16, height: 16 })
|
|
20213
20019
|
))));
|
|
20214
20020
|
};
|
|
20215
20021
|
}
|
|
@@ -20218,10 +20024,10 @@ var init_ChangeSelfRole = __esm({
|
|
|
20218
20024
|
// src/Prebuilt/components/MoreSettings/EmbedUrl.jsx
|
|
20219
20025
|
function EmbedUrlModal({ onOpenChange }) {
|
|
20220
20026
|
const [embedConfig, setEmbedConfig] = useSetAppDataByKey(APP_DATA.embedConfig);
|
|
20221
|
-
const [url, setUrl] = (0,
|
|
20027
|
+
const [url, setUrl] = (0, import_react139.useState)((embedConfig == null ? void 0 : embedConfig.url) || "");
|
|
20222
20028
|
const isAnythingEmbedded = !!(embedConfig == null ? void 0 : embedConfig.url);
|
|
20223
20029
|
const isModifying = isAnythingEmbedded && url && url !== embedConfig.url;
|
|
20224
|
-
return /* @__PURE__ */
|
|
20030
|
+
return /* @__PURE__ */ import_react139.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react139.default.createElement(DialogContent, { title: "Embed URL", Icon: import_react_icons61.ViewIcon }, /* @__PURE__ */ import_react139.default.createElement(DialogInput, { title: "URL", value: url, onChange: setUrl, placeholder: "https://www.tldraw.com/", type: "url" }), /* @__PURE__ */ import_react139.default.createElement(DialogRow, null, /* @__PURE__ */ import_react139.default.createElement(Text, null, "Embed a url and share with everyone in the room. Ensure that you're sharing the current tab when the prompt opens. Note that not all websites support being embedded.")), /* @__PURE__ */ import_react139.default.createElement(DialogRow, { justify: "end" }, isAnythingEmbedded ? /* @__PURE__ */ import_react139.default.createElement(import_react139.default.Fragment, null, /* @__PURE__ */ import_react139.default.createElement(
|
|
20225
20031
|
Button,
|
|
20226
20032
|
{
|
|
20227
20033
|
variant: "primary",
|
|
@@ -20235,7 +20041,7 @@ function EmbedUrlModal({ onOpenChange }) {
|
|
|
20235
20041
|
css: { mr: "$4" }
|
|
20236
20042
|
},
|
|
20237
20043
|
"Update Embed"
|
|
20238
|
-
), /* @__PURE__ */
|
|
20044
|
+
), /* @__PURE__ */ import_react139.default.createElement(
|
|
20239
20045
|
Button,
|
|
20240
20046
|
{
|
|
20241
20047
|
variant: "danger",
|
|
@@ -20247,7 +20053,7 @@ function EmbedUrlModal({ onOpenChange }) {
|
|
|
20247
20053
|
"data-testid": "embed_url_btn"
|
|
20248
20054
|
},
|
|
20249
20055
|
"Stop Embed"
|
|
20250
|
-
)) : /* @__PURE__ */
|
|
20056
|
+
)) : /* @__PURE__ */ import_react139.default.createElement(import_react139.default.Fragment, null, /* @__PURE__ */ import_react139.default.createElement(
|
|
20251
20057
|
Button,
|
|
20252
20058
|
{
|
|
20253
20059
|
variant: "primary",
|
|
@@ -20261,7 +20067,7 @@ function EmbedUrlModal({ onOpenChange }) {
|
|
|
20261
20067
|
css: { mr: "$4" }
|
|
20262
20068
|
},
|
|
20263
20069
|
"Just Embed"
|
|
20264
|
-
), /* @__PURE__ */
|
|
20070
|
+
), /* @__PURE__ */ import_react139.default.createElement(
|
|
20265
20071
|
Button,
|
|
20266
20072
|
{
|
|
20267
20073
|
variant: "primary",
|
|
@@ -20276,13 +20082,13 @@ function EmbedUrlModal({ onOpenChange }) {
|
|
|
20276
20082
|
"Embed and Share"
|
|
20277
20083
|
)))));
|
|
20278
20084
|
}
|
|
20279
|
-
var
|
|
20085
|
+
var import_react139, import_react_icons61, EmbedUrl;
|
|
20280
20086
|
var init_EmbedUrl = __esm({
|
|
20281
20087
|
"src/Prebuilt/components/MoreSettings/EmbedUrl.jsx"() {
|
|
20282
20088
|
"use strict";
|
|
20283
20089
|
init_define_process_env();
|
|
20284
|
-
|
|
20285
|
-
|
|
20090
|
+
import_react139 = __toESM(require("react"));
|
|
20091
|
+
import_react_icons61 = require("@100mslive/react-icons");
|
|
20286
20092
|
init_src();
|
|
20287
20093
|
init_DialogContent2();
|
|
20288
20094
|
init_useUISettings();
|
|
@@ -20291,7 +20097,7 @@ var init_EmbedUrl = __esm({
|
|
|
20291
20097
|
if (!window.CropTarget) {
|
|
20292
20098
|
return null;
|
|
20293
20099
|
}
|
|
20294
|
-
return /* @__PURE__ */
|
|
20100
|
+
return /* @__PURE__ */ import_react139.default.createElement(
|
|
20295
20101
|
Dropdown.Item,
|
|
20296
20102
|
{
|
|
20297
20103
|
onClick: () => {
|
|
@@ -20299,25 +20105,25 @@ var init_EmbedUrl = __esm({
|
|
|
20299
20105
|
},
|
|
20300
20106
|
"data-testid": "embed_url_btn"
|
|
20301
20107
|
},
|
|
20302
|
-
/* @__PURE__ */
|
|
20303
|
-
/* @__PURE__ */
|
|
20108
|
+
/* @__PURE__ */ import_react139.default.createElement(import_react_icons61.ViewIcon, null),
|
|
20109
|
+
/* @__PURE__ */ import_react139.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Embed URL")
|
|
20304
20110
|
);
|
|
20305
20111
|
};
|
|
20306
20112
|
}
|
|
20307
20113
|
});
|
|
20308
20114
|
|
|
20309
20115
|
// src/Prebuilt/components/hooks/useFullscreen.js
|
|
20310
|
-
var
|
|
20116
|
+
var import_react140, import_screenfull4, useFullscreen4;
|
|
20311
20117
|
var init_useFullscreen = __esm({
|
|
20312
20118
|
"src/Prebuilt/components/hooks/useFullscreen.js"() {
|
|
20313
20119
|
"use strict";
|
|
20314
20120
|
init_define_process_env();
|
|
20315
|
-
|
|
20121
|
+
import_react140 = require("react");
|
|
20316
20122
|
import_screenfull4 = __toESM(require("screenfull"));
|
|
20317
20123
|
init_ToastManager();
|
|
20318
20124
|
useFullscreen4 = () => {
|
|
20319
|
-
const [isFullScreenEnabled, setIsFullScreenEnabled] = (0,
|
|
20320
|
-
const toggle = (0,
|
|
20125
|
+
const [isFullScreenEnabled, setIsFullScreenEnabled] = (0, import_react140.useState)(import_screenfull4.default.isFullscreen);
|
|
20126
|
+
const toggle = (0, import_react140.useCallback)(() => __async(void 0, null, function* () {
|
|
20321
20127
|
if (!import_screenfull4.default.isEnabled) {
|
|
20322
20128
|
ToastManager.addToast({ title: "Fullscreen feature not supported" });
|
|
20323
20129
|
return;
|
|
@@ -20332,7 +20138,7 @@ var init_useFullscreen = __esm({
|
|
|
20332
20138
|
ToastManager.addToast({ title: err.message });
|
|
20333
20139
|
}
|
|
20334
20140
|
}), [isFullScreenEnabled]);
|
|
20335
|
-
(0,
|
|
20141
|
+
(0, import_react140.useEffect)(() => {
|
|
20336
20142
|
const onChange = () => {
|
|
20337
20143
|
setIsFullScreenEnabled(import_screenfull4.default.isFullscreen);
|
|
20338
20144
|
};
|
|
@@ -20355,13 +20161,13 @@ var init_useFullscreen = __esm({
|
|
|
20355
20161
|
});
|
|
20356
20162
|
|
|
20357
20163
|
// src/Prebuilt/components/MoreSettings/FullScreenItem.jsx
|
|
20358
|
-
var
|
|
20164
|
+
var import_react141, import_react_icons62, FullScreenItem;
|
|
20359
20165
|
var init_FullScreenItem = __esm({
|
|
20360
20166
|
"src/Prebuilt/components/MoreSettings/FullScreenItem.jsx"() {
|
|
20361
20167
|
"use strict";
|
|
20362
20168
|
init_define_process_env();
|
|
20363
|
-
|
|
20364
|
-
|
|
20169
|
+
import_react141 = __toESM(require("react"));
|
|
20170
|
+
import_react_icons62 = require("@100mslive/react-icons");
|
|
20365
20171
|
init_src();
|
|
20366
20172
|
init_useFeatures();
|
|
20367
20173
|
init_useFullscreen();
|
|
@@ -20372,7 +20178,7 @@ var init_FullScreenItem = __esm({
|
|
|
20372
20178
|
if (!isFullscreenEnabled || !allowed) {
|
|
20373
20179
|
return null;
|
|
20374
20180
|
}
|
|
20375
|
-
return /* @__PURE__ */
|
|
20181
|
+
return /* @__PURE__ */ import_react141.default.createElement(
|
|
20376
20182
|
Dropdown.Item,
|
|
20377
20183
|
{
|
|
20378
20184
|
onClick: () => {
|
|
@@ -20380,22 +20186,22 @@ var init_FullScreenItem = __esm({
|
|
|
20380
20186
|
},
|
|
20381
20187
|
"data-testid": "full_screen_btn"
|
|
20382
20188
|
},
|
|
20383
|
-
/* @__PURE__ */
|
|
20384
|
-
/* @__PURE__ */
|
|
20189
|
+
/* @__PURE__ */ import_react141.default.createElement(import_react_icons62.ExpandIcon, null),
|
|
20190
|
+
/* @__PURE__ */ import_react141.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isFullscreen ? "Exit " : "Go ", "Fullscreen")
|
|
20385
20191
|
);
|
|
20386
20192
|
};
|
|
20387
20193
|
}
|
|
20388
20194
|
});
|
|
20389
20195
|
|
|
20390
20196
|
// src/Prebuilt/components/MoreSettings/MuteAllModal.jsx
|
|
20391
|
-
var
|
|
20197
|
+
var import_react142, import_react_sdk87, import_react_icons63, trackSourceOptions, trackTypeOptions, MuteAllModal;
|
|
20392
20198
|
var init_MuteAllModal = __esm({
|
|
20393
20199
|
"src/Prebuilt/components/MoreSettings/MuteAllModal.jsx"() {
|
|
20394
20200
|
"use strict";
|
|
20395
20201
|
init_define_process_env();
|
|
20396
|
-
|
|
20397
|
-
|
|
20398
|
-
|
|
20202
|
+
import_react142 = __toESM(require("react"));
|
|
20203
|
+
import_react_sdk87 = require("@100mslive/react-sdk");
|
|
20204
|
+
import_react_icons63 = require("@100mslive/react-icons");
|
|
20399
20205
|
init_src();
|
|
20400
20206
|
init_DialogContent2();
|
|
20401
20207
|
init_hooks();
|
|
@@ -20413,12 +20219,12 @@ var init_MuteAllModal = __esm({
|
|
|
20413
20219
|
];
|
|
20414
20220
|
MuteAllModal = ({ onOpenChange }) => {
|
|
20415
20221
|
const roles = useFilteredRoles();
|
|
20416
|
-
const hmsActions = (0,
|
|
20417
|
-
const [enabled, setEnabled] = (0,
|
|
20418
|
-
const [trackType, setTrackType] = (0,
|
|
20419
|
-
const [selectedRole, setRole] = (0,
|
|
20420
|
-
const [selectedSource, setSource] = (0,
|
|
20421
|
-
const muteAll = (0,
|
|
20222
|
+
const hmsActions = (0, import_react_sdk87.useHMSActions)();
|
|
20223
|
+
const [enabled, setEnabled] = (0, import_react142.useState)(false);
|
|
20224
|
+
const [trackType, setTrackType] = (0, import_react142.useState)();
|
|
20225
|
+
const [selectedRole, setRole] = (0, import_react142.useState)();
|
|
20226
|
+
const [selectedSource, setSource] = (0, import_react142.useState)();
|
|
20227
|
+
const muteAll = (0, import_react142.useCallback)(() => __async(void 0, null, function* () {
|
|
20422
20228
|
yield hmsActions.setRemoteTracksEnabled({
|
|
20423
20229
|
enabled,
|
|
20424
20230
|
type: trackType,
|
|
@@ -20427,7 +20233,7 @@ var init_MuteAllModal = __esm({
|
|
|
20427
20233
|
});
|
|
20428
20234
|
onOpenChange(false);
|
|
20429
20235
|
}), [selectedRole, enabled, trackType, selectedSource, hmsActions, onOpenChange]);
|
|
20430
|
-
return /* @__PURE__ */
|
|
20236
|
+
return /* @__PURE__ */ import_react142.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react142.default.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: import_react_icons63.MicOffIcon }, /* @__PURE__ */ import_react142.default.createElement(
|
|
20431
20237
|
DialogSelect,
|
|
20432
20238
|
{
|
|
20433
20239
|
title: "Role",
|
|
@@ -20437,7 +20243,7 @@ var init_MuteAllModal = __esm({
|
|
|
20437
20243
|
labelField: "label",
|
|
20438
20244
|
onChange: setRole
|
|
20439
20245
|
}
|
|
20440
|
-
), /* @__PURE__ */
|
|
20246
|
+
), /* @__PURE__ */ import_react142.default.createElement(
|
|
20441
20247
|
DialogSelect,
|
|
20442
20248
|
{
|
|
20443
20249
|
title: "Track type",
|
|
@@ -20447,7 +20253,7 @@ var init_MuteAllModal = __esm({
|
|
|
20447
20253
|
keyField: "value",
|
|
20448
20254
|
labelField: "label"
|
|
20449
20255
|
}
|
|
20450
|
-
), /* @__PURE__ */
|
|
20256
|
+
), /* @__PURE__ */ import_react142.default.createElement(
|
|
20451
20257
|
DialogSelect,
|
|
20452
20258
|
{
|
|
20453
20259
|
title: "Track source",
|
|
@@ -20457,22 +20263,22 @@ var init_MuteAllModal = __esm({
|
|
|
20457
20263
|
keyField: "value",
|
|
20458
20264
|
labelField: "label"
|
|
20459
20265
|
}
|
|
20460
|
-
), /* @__PURE__ */
|
|
20266
|
+
), /* @__PURE__ */ import_react142.default.createElement(DialogRow, null, /* @__PURE__ */ import_react142.default.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Root, { value: enabled, onValueChange: setEnabled }, /* @__PURE__ */ import_react142.default.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Item, { value: false, id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ import_react142.default.createElement(Label3, { htmlFor: "trackDisableRadio" }, "Mute")), /* @__PURE__ */ import_react142.default.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Item, { value: true, id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ import_react142.default.createElement(Label3, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ import_react142.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react142.default.createElement(Button, { variant: "primary", onClick: muteAll }, "Apply"))));
|
|
20461
20267
|
};
|
|
20462
20268
|
}
|
|
20463
20269
|
});
|
|
20464
20270
|
|
|
20465
20271
|
// src/Prebuilt/components/MoreSettings/MoreSettings.jsx
|
|
20466
|
-
var
|
|
20272
|
+
var import_react143, import_react_use24, import_hls, import_react_sdk88, import_react_icons64, isMobileOS, MODALS, MoreSettings;
|
|
20467
20273
|
var init_MoreSettings = __esm({
|
|
20468
20274
|
"src/Prebuilt/components/MoreSettings/MoreSettings.jsx"() {
|
|
20469
20275
|
"use strict";
|
|
20470
20276
|
init_define_process_env();
|
|
20471
|
-
|
|
20277
|
+
import_react143 = __toESM(require("react"));
|
|
20472
20278
|
import_react_use24 = require("react-use");
|
|
20473
20279
|
import_hls = __toESM(require("hls.js"));
|
|
20474
|
-
|
|
20475
|
-
|
|
20280
|
+
import_react_sdk88 = require("@100mslive/react-sdk");
|
|
20281
|
+
import_react_icons64 = require("@100mslive/react-icons");
|
|
20476
20282
|
init_src();
|
|
20477
20283
|
init_IconButton3();
|
|
20478
20284
|
init_RoleChangeModal();
|
|
@@ -20502,18 +20308,18 @@ var init_MoreSettings = __esm({
|
|
|
20502
20308
|
EMBED_URL: "embedUrl"
|
|
20503
20309
|
};
|
|
20504
20310
|
MoreSettings = () => {
|
|
20505
|
-
const permissions = (0,
|
|
20506
|
-
const isAllowedToPublish = (0,
|
|
20507
|
-
const localPeerId = (0,
|
|
20508
|
-
const localPeerRole = (0,
|
|
20509
|
-
const hmsActions = (0,
|
|
20510
|
-
const enablHlsStats = (0,
|
|
20311
|
+
const permissions = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectPermissions);
|
|
20312
|
+
const isAllowedToPublish = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectIsAllowedToPublish);
|
|
20313
|
+
const localPeerId = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectLocalPeerID);
|
|
20314
|
+
const localPeerRole = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectLocalPeerRoleName);
|
|
20315
|
+
const hmsActions = (0, import_react_sdk88.useHMSActions)();
|
|
20316
|
+
const enablHlsStats = (0, import_react_sdk88.useHMSStore)((0, import_react_sdk88.selectAppData)(APP_DATA.hlsStats));
|
|
20511
20317
|
const isMobile = (0, import_react_use24.useMedia)(config.media.md);
|
|
20512
|
-
const { isBrowserRecordingOn } = (0,
|
|
20318
|
+
const { isBrowserRecordingOn } = (0, import_react_sdk88.useRecordingStreaming)();
|
|
20513
20319
|
const isChangeNameEnabled = useIsFeatureEnabled(FEATURE_LIST.CHANGE_NAME);
|
|
20514
20320
|
const isEmbedEnabled = useIsFeatureEnabled(FEATURE_LIST.EMBED_URL);
|
|
20515
20321
|
const isSFNEnabled = useIsFeatureEnabled(FEATURE_LIST.STARTS_FOR_NERDS);
|
|
20516
|
-
const [openModals, setOpenModals] = (0,
|
|
20322
|
+
const [openModals, setOpenModals] = (0, import_react143.useState)(/* @__PURE__ */ new Set());
|
|
20517
20323
|
useDropdownList({ open: openModals.size > 0, name: "MoreSettings" });
|
|
20518
20324
|
const updateState = (modalName, value) => {
|
|
20519
20325
|
setOpenModals((modals) => {
|
|
@@ -20526,14 +20332,14 @@ var init_MoreSettings = __esm({
|
|
|
20526
20332
|
return copy;
|
|
20527
20333
|
});
|
|
20528
20334
|
};
|
|
20529
|
-
return /* @__PURE__ */
|
|
20335
|
+
return /* @__PURE__ */ import_react143.default.createElement(import_react143.Fragment, null, /* @__PURE__ */ import_react143.default.createElement(
|
|
20530
20336
|
Dropdown.Root,
|
|
20531
20337
|
{
|
|
20532
20338
|
open: openModals.has(MODALS.MORE_SETTINGS),
|
|
20533
20339
|
onOpenChange: (value) => updateState(MODALS.MORE_SETTINGS, value)
|
|
20534
20340
|
},
|
|
20535
|
-
/* @__PURE__ */
|
|
20536
|
-
/* @__PURE__ */
|
|
20341
|
+
/* @__PURE__ */ import_react143.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ import_react143.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react143.default.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ import_react143.default.createElement(Box, null, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.VerticalMenuIcon, null))))),
|
|
20342
|
+
/* @__PURE__ */ import_react143.default.createElement(
|
|
20537
20343
|
Dropdown.Content,
|
|
20538
20344
|
{
|
|
20539
20345
|
sideOffset: 5,
|
|
@@ -20547,50 +20353,50 @@ var init_MoreSettings = __esm({
|
|
|
20547
20353
|
}
|
|
20548
20354
|
}
|
|
20549
20355
|
},
|
|
20550
|
-
isMobile && (permissions == null ? void 0 : permissions.browserRecording) ? /* @__PURE__ */
|
|
20551
|
-
isChangeNameEnabled && /* @__PURE__ */
|
|
20552
|
-
/* @__PURE__ */
|
|
20553
|
-
(permissions == null ? void 0 : permissions.changeRole) && /* @__PURE__ */
|
|
20356
|
+
isMobile && (permissions == null ? void 0 : permissions.browserRecording) ? /* @__PURE__ */ import_react143.default.createElement(import_react143.default.Fragment, null, /* @__PURE__ */ import_react143.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.START_RECORDING, true) }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.RecordIcon, null), /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isBrowserRecordingOn ? "Stop" : "Start", " Recording")), /* @__PURE__ */ import_react143.default.createElement(Dropdown.ItemSeparator, null)) : null,
|
|
20357
|
+
isChangeNameEnabled && /* @__PURE__ */ import_react143.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.CHANGE_NAME, true), "data-testid": "change_name_btn" }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.PencilIcon, null), /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Change Name")),
|
|
20358
|
+
/* @__PURE__ */ import_react143.default.createElement(ChangeSelfRole, { onClick: () => updateState(MODALS.SELF_ROLE_CHANGE, true) }),
|
|
20359
|
+
(permissions == null ? void 0 : permissions.changeRole) && /* @__PURE__ */ import_react143.default.createElement(
|
|
20554
20360
|
Dropdown.Item,
|
|
20555
20361
|
{
|
|
20556
20362
|
onClick: () => updateState(MODALS.BULK_ROLE_CHANGE, true),
|
|
20557
20363
|
"data-testid": "bulk_role_change_btn"
|
|
20558
20364
|
},
|
|
20559
|
-
/* @__PURE__ */
|
|
20560
|
-
/* @__PURE__ */
|
|
20365
|
+
/* @__PURE__ */ import_react143.default.createElement(import_react_icons64.ChangeRoleIcon, null),
|
|
20366
|
+
/* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Bulk Role Change")
|
|
20561
20367
|
),
|
|
20562
|
-
/* @__PURE__ */
|
|
20563
|
-
isAllowedToPublish.screen && isEmbedEnabled && /* @__PURE__ */
|
|
20564
|
-
permissions.mute && /* @__PURE__ */
|
|
20565
|
-
/* @__PURE__ */
|
|
20566
|
-
/* @__PURE__ */
|
|
20567
|
-
FeatureFlags.enableStatsForNerds && isSFNEnabled && (localPeerRole === "hls-viewer" ? import_hls.default.isSupported() ? /* @__PURE__ */
|
|
20368
|
+
/* @__PURE__ */ import_react143.default.createElement(FullScreenItem, null),
|
|
20369
|
+
isAllowedToPublish.screen && isEmbedEnabled && /* @__PURE__ */ import_react143.default.createElement(EmbedUrl, { setShowOpenUrl: () => updateState(MODALS.EMBED_URL, true) }),
|
|
20370
|
+
permissions.mute && /* @__PURE__ */ import_react143.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.MUTE_ALL, true), "data-testid": "mute_all_btn" }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.MicOffIcon, null), /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Mute All")),
|
|
20371
|
+
/* @__PURE__ */ import_react143.default.createElement(Dropdown.ItemSeparator, null),
|
|
20372
|
+
/* @__PURE__ */ import_react143.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.SettingsIcon, null), /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
|
|
20373
|
+
FeatureFlags.enableStatsForNerds && isSFNEnabled && (localPeerRole === "hls-viewer" ? import_hls.default.isSupported() ? /* @__PURE__ */ import_react143.default.createElement(
|
|
20568
20374
|
Dropdown.Item,
|
|
20569
20375
|
{
|
|
20570
20376
|
onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
|
|
20571
20377
|
"data-testid": "hls_stats"
|
|
20572
20378
|
},
|
|
20573
|
-
/* @__PURE__ */
|
|
20379
|
+
/* @__PURE__ */ import_react143.default.createElement(
|
|
20574
20380
|
Checkbox.Root,
|
|
20575
20381
|
{
|
|
20576
20382
|
css: { margin: "$2" },
|
|
20577
20383
|
checked: enablHlsStats,
|
|
20578
20384
|
onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
|
|
20579
20385
|
},
|
|
20580
|
-
/* @__PURE__ */
|
|
20386
|
+
/* @__PURE__ */ import_react143.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.CheckIcon, { width: 16, height: 16 }))
|
|
20581
20387
|
),
|
|
20582
|
-
/* @__PURE__ */
|
|
20583
|
-
) : null : /* @__PURE__ */
|
|
20388
|
+
/* @__PURE__ */ import_react143.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), !isMobileOS ? /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`) : null)
|
|
20389
|
+
) : null : /* @__PURE__ */ import_react143.default.createElement(
|
|
20584
20390
|
Dropdown.Item,
|
|
20585
20391
|
{
|
|
20586
20392
|
onClick: () => updateState(MODALS.STATS_FOR_NERDS, true),
|
|
20587
20393
|
"data-testid": "stats_for_nreds_btn"
|
|
20588
20394
|
},
|
|
20589
|
-
/* @__PURE__ */
|
|
20590
|
-
/* @__PURE__ */
|
|
20395
|
+
/* @__PURE__ */ import_react143.default.createElement(import_react_icons64.InfoIcon, null),
|
|
20396
|
+
/* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
|
|
20591
20397
|
))
|
|
20592
20398
|
)
|
|
20593
|
-
), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */
|
|
20399
|
+
), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ import_react143.default.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ import_react143.default.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.CHANGE_NAME) && /* @__PURE__ */ import_react143.default.createElement(ChangeNameModal, { onOpenChange: (value) => updateState(MODALS.CHANGE_NAME, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ import_react143.default.createElement(SettingsModal_default, { open: true, onOpenChange: (value) => updateState(MODALS.DEVICE_SETTINGS, value) }), FeatureFlags.enableStatsForNerds && openModals.has(MODALS.STATS_FOR_NERDS) && /* @__PURE__ */ import_react143.default.createElement(StatsForNerds, { open: true, onOpenChange: (value) => updateState(MODALS.STATS_FOR_NERDS, value) }), openModals.has(MODALS.SELF_ROLE_CHANGE) && /* @__PURE__ */ import_react143.default.createElement(RoleChangeModal, { peerId: localPeerId, onOpenChange: (value) => updateState(MODALS.SELF_ROLE_CHANGE, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ import_react143.default.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.EMBED_URL) && /* @__PURE__ */ import_react143.default.createElement(EmbedUrlModal, { onOpenChange: (value) => updateState(MODALS.EMBED_URL, value) }));
|
|
20594
20400
|
};
|
|
20595
20401
|
}
|
|
20596
20402
|
});
|
|
@@ -20991,12 +20797,12 @@ var init_PIPManager = __esm({
|
|
|
20991
20797
|
});
|
|
20992
20798
|
|
|
20993
20799
|
// src/Prebuilt/components/PIP/SetupMediaSession.js
|
|
20994
|
-
var
|
|
20800
|
+
var import_react_sdk89, SetupMediaSession, MediaSession;
|
|
20995
20801
|
var init_SetupMediaSession = __esm({
|
|
20996
20802
|
"src/Prebuilt/components/PIP/SetupMediaSession.js"() {
|
|
20997
20803
|
"use strict";
|
|
20998
20804
|
init_define_process_env();
|
|
20999
|
-
|
|
20805
|
+
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
21000
20806
|
SetupMediaSession = class {
|
|
21001
20807
|
constructor() {
|
|
21002
20808
|
__publicField(this, "setup", (actions, store) => {
|
|
@@ -21007,27 +20813,27 @@ var init_SetupMediaSession = __esm({
|
|
|
21007
20813
|
});
|
|
21008
20814
|
__publicField(this, "initState", () => {
|
|
21009
20815
|
var _a7, _b7, _c, _d;
|
|
21010
|
-
const isMicActive = this.store.getState(
|
|
21011
|
-
const isCamActive = this.store.getState(
|
|
20816
|
+
const isMicActive = this.store.getState(import_react_sdk89.selectIsLocalAudioEnabled);
|
|
20817
|
+
const isCamActive = this.store.getState(import_react_sdk89.selectIsLocalVideoEnabled);
|
|
21012
20818
|
(_b7 = (_a7 = navigator.mediaSession) == null ? void 0 : _a7.setMicrophoneActive) == null ? void 0 : _b7.call(_a7, isMicActive);
|
|
21013
20819
|
(_d = (_c = navigator.mediaSession) == null ? void 0 : _c.setCameraActive) == null ? void 0 : _d.call(_c, isCamActive);
|
|
21014
20820
|
this.store.subscribe((isMicActive2) => {
|
|
21015
20821
|
var _a8, _b8;
|
|
21016
20822
|
(_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b8.call(_a8, isMicActive2);
|
|
21017
|
-
},
|
|
20823
|
+
}, import_react_sdk89.selectIsLocalAudioEnabled);
|
|
21018
20824
|
this.store.subscribe((isCamActive2) => {
|
|
21019
20825
|
var _a8, _b8;
|
|
21020
20826
|
(_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setCameraActive) == null ? void 0 : _b8.call(_a8, isCamActive2);
|
|
21021
|
-
},
|
|
20827
|
+
}, import_react_sdk89.selectIsLocalVideoEnabled);
|
|
21022
20828
|
});
|
|
21023
20829
|
__publicField(this, "toggleMic", () => __async(this, null, function* () {
|
|
21024
20830
|
console.log("toggle mic clicked in pip");
|
|
21025
|
-
const current = this.store.getState(
|
|
20831
|
+
const current = this.store.getState(import_react_sdk89.selectIsLocalAudioEnabled);
|
|
21026
20832
|
yield this.actions.setLocalAudioEnabled(!current);
|
|
21027
20833
|
}));
|
|
21028
20834
|
__publicField(this, "toggleCam", () => __async(this, null, function* () {
|
|
21029
20835
|
console.log("toggle cam clicked in pip");
|
|
21030
|
-
const current = this.store.getState(
|
|
20836
|
+
const current = this.store.getState(import_react_sdk89.selectIsLocalVideoEnabled);
|
|
21031
20837
|
yield this.actions.setLocalVideoEnabled(!current);
|
|
21032
20838
|
}));
|
|
21033
20839
|
__publicField(this, "leave", () => {
|
|
@@ -21052,14 +20858,14 @@ var init_SetupMediaSession = __esm({
|
|
|
21052
20858
|
});
|
|
21053
20859
|
|
|
21054
20860
|
// src/Prebuilt/components/PIP/PIPComponent.jsx
|
|
21055
|
-
var
|
|
20861
|
+
var import_react144, import_react_sdk90, import_react_icons65, PIPComponent, ActivatedPIP, PIPComponent_default;
|
|
21056
20862
|
var init_PIPComponent = __esm({
|
|
21057
20863
|
"src/Prebuilt/components/PIP/PIPComponent.jsx"() {
|
|
21058
20864
|
"use strict";
|
|
21059
20865
|
init_define_process_env();
|
|
21060
|
-
|
|
21061
|
-
|
|
21062
|
-
|
|
20866
|
+
import_react144 = __toESM(require("react"));
|
|
20867
|
+
import_react_sdk90 = require("@100mslive/react-sdk");
|
|
20868
|
+
import_react_icons65 = require("@100mslive/react-icons");
|
|
21063
20869
|
init_src();
|
|
21064
20870
|
init_IconButton3();
|
|
21065
20871
|
init_PIPManager();
|
|
@@ -21067,12 +20873,12 @@ var init_PIPComponent = __esm({
|
|
|
21067
20873
|
init_useFeatures();
|
|
21068
20874
|
init_constants();
|
|
21069
20875
|
PIPComponent = ({ peers, showLocalPeer }) => {
|
|
21070
|
-
const localPeerRole = (0,
|
|
21071
|
-
const [isPipOn, setIsPipOn] = (0,
|
|
21072
|
-
const hmsActions = (0,
|
|
21073
|
-
const store = (0,
|
|
20876
|
+
const localPeerRole = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeerRoleName);
|
|
20877
|
+
const [isPipOn, setIsPipOn] = (0, import_react144.useState)(PictureInPicture.isOn());
|
|
20878
|
+
const hmsActions = (0, import_react_sdk90.useHMSActions)();
|
|
20879
|
+
const store = (0, import_react_sdk90.useHMSVanillaStore)();
|
|
21074
20880
|
const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.PICTURE_IN_PICTURE);
|
|
21075
|
-
const onPipToggle = (0,
|
|
20881
|
+
const onPipToggle = (0, import_react144.useCallback)(() => {
|
|
21076
20882
|
if (!isPipOn) {
|
|
21077
20883
|
PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
|
|
21078
20884
|
MediaSession.setup(hmsActions, store);
|
|
@@ -21080,7 +20886,7 @@ var init_PIPComponent = __esm({
|
|
|
21080
20886
|
PictureInPicture.stop().catch((err) => console.error("error in stopping pip", err));
|
|
21081
20887
|
}
|
|
21082
20888
|
}, [hmsActions, isPipOn, store]);
|
|
21083
|
-
(0,
|
|
20889
|
+
(0, import_react144.useEffect)(() => {
|
|
21084
20890
|
return () => {
|
|
21085
20891
|
PictureInPicture.stop().catch((err) => console.error("error in stopping pip on unmount", err));
|
|
21086
20892
|
};
|
|
@@ -21088,12 +20894,12 @@ var init_PIPComponent = __esm({
|
|
|
21088
20894
|
if (!PictureInPicture.isSupported() || localPeerRole === DEFAULT_HLS_VIEWER_ROLE || !isFeatureEnabled) {
|
|
21089
20895
|
return null;
|
|
21090
20896
|
}
|
|
21091
|
-
return /* @__PURE__ */
|
|
20897
|
+
return /* @__PURE__ */ import_react144.default.createElement(import_react144.default.Fragment, null, /* @__PURE__ */ import_react144.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react144.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react144.default.createElement(import_react_icons65.PipIcon, null))), isPipOn && /* @__PURE__ */ import_react144.default.createElement(ActivatedPIP, { showLocalPeer, peers }));
|
|
21092
20898
|
};
|
|
21093
20899
|
ActivatedPIP = ({ showLocalPeer, peers }) => {
|
|
21094
|
-
const tracksMap = (0,
|
|
21095
|
-
const storePeers = (0,
|
|
21096
|
-
(0,
|
|
20900
|
+
const tracksMap = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectTracksMap);
|
|
20901
|
+
const storePeers = (0, import_react_sdk90.useHMSStore)(showLocalPeer ? import_react_sdk90.selectPeers : import_react_sdk90.selectRemotePeers);
|
|
20902
|
+
(0, import_react144.useEffect)(() => {
|
|
21097
20903
|
let pipPeers = storePeers;
|
|
21098
20904
|
if (peers) {
|
|
21099
20905
|
pipPeers = storePeers.filter((peer) => peers.includes(peer.id));
|
|
@@ -21109,17 +20915,17 @@ var init_PIPComponent = __esm({
|
|
|
21109
20915
|
});
|
|
21110
20916
|
|
|
21111
20917
|
// src/Prebuilt/components/PIP/index.jsx
|
|
21112
|
-
var
|
|
20918
|
+
var import_react145, PIP;
|
|
21113
20919
|
var init_PIP = __esm({
|
|
21114
20920
|
"src/Prebuilt/components/PIP/index.jsx"() {
|
|
21115
20921
|
"use strict";
|
|
21116
20922
|
init_define_process_env();
|
|
21117
|
-
|
|
20923
|
+
import_react145 = __toESM(require("react"));
|
|
21118
20924
|
init_PIPComponent();
|
|
21119
20925
|
init_useUISettings();
|
|
21120
20926
|
PIP = () => {
|
|
21121
20927
|
const pinnedTrack = usePinnedTrack();
|
|
21122
|
-
return /* @__PURE__ */
|
|
20928
|
+
return /* @__PURE__ */ import_react145.default.createElement(PIPComponent_default, { peers: pinnedTrack && pinnedTrack.enabled ? [pinnedTrack.peerId] : void 0, showLocalPeer: true });
|
|
21123
20929
|
};
|
|
21124
20930
|
}
|
|
21125
20931
|
});
|
|
@@ -21158,17 +20964,17 @@ var init_ShareMenuIcon = __esm({
|
|
|
21158
20964
|
});
|
|
21159
20965
|
|
|
21160
20966
|
// src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx
|
|
21161
|
-
var
|
|
20967
|
+
var import_react146, import_react_icons66, PdfErrorView;
|
|
21162
20968
|
var init_pdfErrorView = __esm({
|
|
21163
20969
|
"src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx"() {
|
|
21164
20970
|
"use strict";
|
|
21165
20971
|
init_define_process_env();
|
|
21166
|
-
|
|
21167
|
-
|
|
20972
|
+
import_react146 = __toESM(require("react"));
|
|
20973
|
+
import_react_icons66 = require("@100mslive/react-icons");
|
|
21168
20974
|
init_src();
|
|
21169
20975
|
init_DialogContent2();
|
|
21170
20976
|
PdfErrorView = ({ isPDFUrlValid }) => {
|
|
21171
|
-
return !isPDFUrlValid && /* @__PURE__ */
|
|
20977
|
+
return !isPDFUrlValid && /* @__PURE__ */ import_react146.default.createElement(
|
|
21172
20978
|
DialogRow,
|
|
21173
20979
|
{
|
|
21174
20980
|
css: {
|
|
@@ -21177,8 +20983,8 @@ var init_pdfErrorView = __esm({
|
|
|
21177
20983
|
justifyContent: "start"
|
|
21178
20984
|
}
|
|
21179
20985
|
},
|
|
21180
|
-
/* @__PURE__ */
|
|
21181
|
-
/* @__PURE__ */
|
|
20986
|
+
/* @__PURE__ */ import_react146.default.createElement(import_react_icons66.InfoIcon, { width: "12px", height: "12px" }),
|
|
20987
|
+
/* @__PURE__ */ import_react146.default.createElement(
|
|
21182
20988
|
Text,
|
|
21183
20989
|
{
|
|
21184
20990
|
variant: "caption",
|
|
@@ -21195,16 +21001,16 @@ var init_pdfErrorView = __esm({
|
|
|
21195
21001
|
});
|
|
21196
21002
|
|
|
21197
21003
|
// src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx
|
|
21198
|
-
var
|
|
21004
|
+
var import_react147, PDFHeader;
|
|
21199
21005
|
var init_pdfHeader = __esm({
|
|
21200
21006
|
"src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx"() {
|
|
21201
21007
|
"use strict";
|
|
21202
21008
|
init_define_process_env();
|
|
21203
|
-
|
|
21009
|
+
import_react147 = __toESM(require("react"));
|
|
21204
21010
|
init_src();
|
|
21205
21011
|
init_DialogContent2();
|
|
21206
21012
|
PDFHeader = () => {
|
|
21207
|
-
return /* @__PURE__ */
|
|
21013
|
+
return /* @__PURE__ */ import_react147.default.createElement(
|
|
21208
21014
|
DialogCol,
|
|
21209
21015
|
{
|
|
21210
21016
|
align: "start",
|
|
@@ -21213,8 +21019,8 @@ var init_pdfHeader = __esm({
|
|
|
21213
21019
|
mb: "$6"
|
|
21214
21020
|
}
|
|
21215
21021
|
},
|
|
21216
|
-
/* @__PURE__ */
|
|
21217
|
-
/* @__PURE__ */
|
|
21022
|
+
/* @__PURE__ */ import_react147.default.createElement(Dialog.Title, { asChild: true }, /* @__PURE__ */ import_react147.default.createElement(Text, { as: "h6", variant: "h6" }, "Share PDF")),
|
|
21023
|
+
/* @__PURE__ */ import_react147.default.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ import_react147.default.createElement(
|
|
21218
21024
|
Text,
|
|
21219
21025
|
{
|
|
21220
21026
|
variant: "sm",
|
|
@@ -21230,17 +21036,17 @@ var init_pdfHeader = __esm({
|
|
|
21230
21036
|
});
|
|
21231
21037
|
|
|
21232
21038
|
// src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx
|
|
21233
|
-
var
|
|
21039
|
+
var import_react148, import_react_icons67, PDFInfo;
|
|
21234
21040
|
var init_pdfInfo = __esm({
|
|
21235
21041
|
"src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx"() {
|
|
21236
21042
|
"use strict";
|
|
21237
21043
|
init_define_process_env();
|
|
21238
|
-
|
|
21239
|
-
|
|
21044
|
+
import_react148 = __toESM(require("react"));
|
|
21045
|
+
import_react_icons67 = require("@100mslive/react-icons");
|
|
21240
21046
|
init_src();
|
|
21241
21047
|
init_DialogContent2();
|
|
21242
21048
|
PDFInfo = () => {
|
|
21243
|
-
return /* @__PURE__ */
|
|
21049
|
+
return /* @__PURE__ */ import_react148.default.createElement(
|
|
21244
21050
|
DialogRow,
|
|
21245
21051
|
{
|
|
21246
21052
|
css: {
|
|
@@ -21253,8 +21059,8 @@ var init_pdfInfo = __esm({
|
|
|
21253
21059
|
minHeight: "$11"
|
|
21254
21060
|
}
|
|
21255
21061
|
},
|
|
21256
|
-
/* @__PURE__ */
|
|
21257
|
-
|
|
21062
|
+
/* @__PURE__ */ import_react148.default.createElement(
|
|
21063
|
+
import_react_icons67.InfoIcon,
|
|
21258
21064
|
{
|
|
21259
21065
|
width: "64px",
|
|
21260
21066
|
height: "64px",
|
|
@@ -21263,19 +21069,19 @@ var init_pdfInfo = __esm({
|
|
|
21263
21069
|
}
|
|
21264
21070
|
}
|
|
21265
21071
|
),
|
|
21266
|
-
/* @__PURE__ */
|
|
21072
|
+
/* @__PURE__ */ import_react148.default.createElement(Text, { variant: "caption" }, "On the next screen, ensure you select \u201CThis Tab\u201D and click on share. Only the PDF viewer will be seen by other participants")
|
|
21267
21073
|
);
|
|
21268
21074
|
};
|
|
21269
21075
|
}
|
|
21270
21076
|
});
|
|
21271
21077
|
|
|
21272
21078
|
// src/Prebuilt/components/pdfAnnotator/submitPdf.jsx
|
|
21273
|
-
var
|
|
21079
|
+
var import_react149, SubmitPDF;
|
|
21274
21080
|
var init_submitPdf = __esm({
|
|
21275
21081
|
"src/Prebuilt/components/pdfAnnotator/submitPdf.jsx"() {
|
|
21276
21082
|
"use strict";
|
|
21277
21083
|
init_define_process_env();
|
|
21278
|
-
|
|
21084
|
+
import_react149 = __toESM(require("react"));
|
|
21279
21085
|
init_src();
|
|
21280
21086
|
init_useUISettings();
|
|
21281
21087
|
init_constants();
|
|
@@ -21288,7 +21094,7 @@ var init_submitPdf = __esm({
|
|
|
21288
21094
|
onOpenChange
|
|
21289
21095
|
}) => {
|
|
21290
21096
|
const [, setPDFConfig] = useSetAppDataByKey(APP_DATA.pdfConfig);
|
|
21291
|
-
const isValidPDF = (0,
|
|
21097
|
+
const isValidPDF = (0, import_react149.useCallback)(
|
|
21292
21098
|
(pdfURL2) => {
|
|
21293
21099
|
const extension = pdfURL2.split(".").pop().toLowerCase();
|
|
21294
21100
|
setIsValidateProgress(true);
|
|
@@ -21315,7 +21121,7 @@ var init_submitPdf = __esm({
|
|
|
21315
21121
|
},
|
|
21316
21122
|
[onOpenChange, pdfFile, setIsPDFUrlValid, setIsValidateProgress, setPDFConfig]
|
|
21317
21123
|
);
|
|
21318
|
-
return /* @__PURE__ */
|
|
21124
|
+
return /* @__PURE__ */ import_react149.default.createElement(
|
|
21319
21125
|
Flex,
|
|
21320
21126
|
{
|
|
21321
21127
|
direction: "row",
|
|
@@ -21325,7 +21131,7 @@ var init_submitPdf = __esm({
|
|
|
21325
21131
|
gap: "$8"
|
|
21326
21132
|
}
|
|
21327
21133
|
},
|
|
21328
|
-
/* @__PURE__ */
|
|
21134
|
+
/* @__PURE__ */ import_react149.default.createElement(
|
|
21329
21135
|
Button,
|
|
21330
21136
|
{
|
|
21331
21137
|
variant: "standard",
|
|
@@ -21338,7 +21144,7 @@ var init_submitPdf = __esm({
|
|
|
21338
21144
|
},
|
|
21339
21145
|
"Cancel"
|
|
21340
21146
|
),
|
|
21341
|
-
/* @__PURE__ */
|
|
21147
|
+
/* @__PURE__ */ import_react149.default.createElement(
|
|
21342
21148
|
Button,
|
|
21343
21149
|
{
|
|
21344
21150
|
variant: "primary",
|
|
@@ -21366,13 +21172,13 @@ var init_submitPdf = __esm({
|
|
|
21366
21172
|
});
|
|
21367
21173
|
|
|
21368
21174
|
// src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx
|
|
21369
|
-
var
|
|
21175
|
+
var import_react150, import_react_icons68, UploadedFile;
|
|
21370
21176
|
var init_uploadedFile = __esm({
|
|
21371
21177
|
"src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx"() {
|
|
21372
21178
|
"use strict";
|
|
21373
21179
|
init_define_process_env();
|
|
21374
|
-
|
|
21375
|
-
|
|
21180
|
+
import_react150 = __toESM(require("react"));
|
|
21181
|
+
import_react_icons68 = require("@100mslive/react-icons");
|
|
21376
21182
|
init_src();
|
|
21377
21183
|
init_DialogContent2();
|
|
21378
21184
|
init_pdfHeader();
|
|
@@ -21388,7 +21194,7 @@ var init_uploadedFile = __esm({
|
|
|
21388
21194
|
onOpenChange
|
|
21389
21195
|
}) => {
|
|
21390
21196
|
const [fileName, ext] = pdfFile.name.split(".");
|
|
21391
|
-
return /* @__PURE__ */
|
|
21197
|
+
return /* @__PURE__ */ import_react150.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react150.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react150.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react150.default.createElement(
|
|
21392
21198
|
Dialog.Content,
|
|
21393
21199
|
{
|
|
21394
21200
|
css: {
|
|
@@ -21397,7 +21203,7 @@ var init_uploadedFile = __esm({
|
|
|
21397
21203
|
p: "$10"
|
|
21398
21204
|
}
|
|
21399
21205
|
},
|
|
21400
|
-
/* @__PURE__ */
|
|
21206
|
+
/* @__PURE__ */ import_react150.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react150.default.createElement(PDFHeader, null), /* @__PURE__ */ import_react150.default.createElement(
|
|
21401
21207
|
DialogRow,
|
|
21402
21208
|
{
|
|
21403
21209
|
css: {
|
|
@@ -21419,7 +21225,7 @@ var init_uploadedFile = __esm({
|
|
|
21419
21225
|
mt: "$6"
|
|
21420
21226
|
}
|
|
21421
21227
|
},
|
|
21422
|
-
/* @__PURE__ */
|
|
21228
|
+
/* @__PURE__ */ import_react150.default.createElement(Flex, { direction: "row", css: { flexGrow: "1", maxWidth: "88%" } }, /* @__PURE__ */ import_react150.default.createElement(
|
|
21423
21229
|
Text,
|
|
21424
21230
|
{
|
|
21425
21231
|
css: {
|
|
@@ -21429,9 +21235,9 @@ var init_uploadedFile = __esm({
|
|
|
21429
21235
|
}
|
|
21430
21236
|
},
|
|
21431
21237
|
fileName
|
|
21432
|
-
), /* @__PURE__ */
|
|
21433
|
-
/* @__PURE__ */
|
|
21434
|
-
|
|
21238
|
+
), /* @__PURE__ */ import_react150.default.createElement(Text, { css: { whiteSpace: "nowrap" } }, ".", ext)),
|
|
21239
|
+
/* @__PURE__ */ import_react150.default.createElement(
|
|
21240
|
+
import_react_icons68.TrashIcon,
|
|
21435
21241
|
{
|
|
21436
21242
|
onClick: () => setPDFFile(null),
|
|
21437
21243
|
style: {
|
|
@@ -21439,7 +21245,7 @@ var init_uploadedFile = __esm({
|
|
|
21439
21245
|
}
|
|
21440
21246
|
}
|
|
21441
21247
|
)
|
|
21442
|
-
), /* @__PURE__ */
|
|
21248
|
+
), /* @__PURE__ */ import_react150.default.createElement(PDFInfo, null), /* @__PURE__ */ import_react150.default.createElement(
|
|
21443
21249
|
SubmitPDF,
|
|
21444
21250
|
{
|
|
21445
21251
|
pdfFile,
|
|
@@ -21457,11 +21263,11 @@ var init_uploadedFile = __esm({
|
|
|
21457
21263
|
|
|
21458
21264
|
// src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx
|
|
21459
21265
|
function PDFFileOptions({ onOpenChange }) {
|
|
21460
|
-
const [isPDFUrlValid, setIsPDFUrlValid] = (0,
|
|
21461
|
-
const [isValidateProgress, setIsValidateProgress] = (0,
|
|
21462
|
-
const [pdfFile, setPDFFile] = (0,
|
|
21463
|
-
const [pdfURL, setPDFURL] = (0,
|
|
21464
|
-
return !pdfFile ? /* @__PURE__ */
|
|
21266
|
+
const [isPDFUrlValid, setIsPDFUrlValid] = (0, import_react151.useState)(true);
|
|
21267
|
+
const [isValidateProgress, setIsValidateProgress] = (0, import_react151.useState)(false);
|
|
21268
|
+
const [pdfFile, setPDFFile] = (0, import_react151.useState)(null);
|
|
21269
|
+
const [pdfURL, setPDFURL] = (0, import_react151.useState)("");
|
|
21270
|
+
return !pdfFile ? /* @__PURE__ */ import_react151.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react151.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react151.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react151.default.createElement(
|
|
21465
21271
|
Dialog.Content,
|
|
21466
21272
|
{
|
|
21467
21273
|
css: {
|
|
@@ -21470,7 +21276,7 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21470
21276
|
p: "$10"
|
|
21471
21277
|
}
|
|
21472
21278
|
},
|
|
21473
|
-
/* @__PURE__ */
|
|
21279
|
+
/* @__PURE__ */ import_react151.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react151.default.createElement(PDFHeader, null), /* @__PURE__ */ import_react151.default.createElement(
|
|
21474
21280
|
DialogInputFile,
|
|
21475
21281
|
{
|
|
21476
21282
|
onChange: (target) => {
|
|
@@ -21480,14 +21286,14 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21480
21286
|
type: "file",
|
|
21481
21287
|
accept: ".pdf"
|
|
21482
21288
|
}
|
|
21483
|
-
), /* @__PURE__ */
|
|
21289
|
+
), /* @__PURE__ */ import_react151.default.createElement(
|
|
21484
21290
|
DialogRow,
|
|
21485
21291
|
{
|
|
21486
21292
|
css: {
|
|
21487
21293
|
m: "$10 0"
|
|
21488
21294
|
}
|
|
21489
21295
|
},
|
|
21490
|
-
/* @__PURE__ */
|
|
21296
|
+
/* @__PURE__ */ import_react151.default.createElement(
|
|
21491
21297
|
HorizontalDivider,
|
|
21492
21298
|
{
|
|
21493
21299
|
css: {
|
|
@@ -21495,7 +21301,7 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21495
21301
|
}
|
|
21496
21302
|
}
|
|
21497
21303
|
),
|
|
21498
|
-
/* @__PURE__ */
|
|
21304
|
+
/* @__PURE__ */ import_react151.default.createElement(
|
|
21499
21305
|
Text,
|
|
21500
21306
|
{
|
|
21501
21307
|
variant: "tiny",
|
|
@@ -21505,7 +21311,7 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21505
21311
|
},
|
|
21506
21312
|
"OR"
|
|
21507
21313
|
),
|
|
21508
|
-
/* @__PURE__ */
|
|
21314
|
+
/* @__PURE__ */ import_react151.default.createElement(
|
|
21509
21315
|
HorizontalDivider,
|
|
21510
21316
|
{
|
|
21511
21317
|
css: {
|
|
@@ -21513,7 +21319,7 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21513
21319
|
}
|
|
21514
21320
|
}
|
|
21515
21321
|
)
|
|
21516
|
-
), /* @__PURE__ */
|
|
21322
|
+
), /* @__PURE__ */ import_react151.default.createElement(
|
|
21517
21323
|
Text,
|
|
21518
21324
|
{
|
|
21519
21325
|
variant: "sm",
|
|
@@ -21522,7 +21328,7 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21522
21328
|
}
|
|
21523
21329
|
},
|
|
21524
21330
|
"Import from URL"
|
|
21525
|
-
), /* @__PURE__ */
|
|
21331
|
+
), /* @__PURE__ */ import_react151.default.createElement(
|
|
21526
21332
|
Input,
|
|
21527
21333
|
{
|
|
21528
21334
|
css: { w: "100%", mb: "$10" },
|
|
@@ -21538,7 +21344,7 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21538
21344
|
type: "text",
|
|
21539
21345
|
error: !isPDFUrlValid
|
|
21540
21346
|
}
|
|
21541
|
-
), !isPDFUrlValid && /* @__PURE__ */
|
|
21347
|
+
), !isPDFUrlValid && /* @__PURE__ */ import_react151.default.createElement(PdfErrorView, { isPDFUrlValid }), /* @__PURE__ */ import_react151.default.createElement(PDFInfo, null), /* @__PURE__ */ import_react151.default.createElement(
|
|
21542
21348
|
SubmitPDF,
|
|
21543
21349
|
{
|
|
21544
21350
|
pdfFile,
|
|
@@ -21549,7 +21355,7 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21549
21355
|
onOpenChange
|
|
21550
21356
|
}
|
|
21551
21357
|
))
|
|
21552
|
-
))) : /* @__PURE__ */
|
|
21358
|
+
))) : /* @__PURE__ */ import_react151.default.createElement(
|
|
21553
21359
|
UploadedFile,
|
|
21554
21360
|
{
|
|
21555
21361
|
pdfFile,
|
|
@@ -21562,12 +21368,12 @@ function PDFFileOptions({ onOpenChange }) {
|
|
|
21562
21368
|
}
|
|
21563
21369
|
);
|
|
21564
21370
|
}
|
|
21565
|
-
var
|
|
21371
|
+
var import_react151;
|
|
21566
21372
|
var init_pdfFileOptions = __esm({
|
|
21567
21373
|
"src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx"() {
|
|
21568
21374
|
"use strict";
|
|
21569
21375
|
init_define_process_env();
|
|
21570
|
-
|
|
21376
|
+
import_react151 = __toESM(require("react"));
|
|
21571
21377
|
init_src();
|
|
21572
21378
|
init_DialogContent2();
|
|
21573
21379
|
init_pdfErrorView();
|
|
@@ -21580,8 +21386,8 @@ var init_pdfFileOptions = __esm({
|
|
|
21580
21386
|
|
|
21581
21387
|
// src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
|
|
21582
21388
|
function ShareScreenOptions() {
|
|
21583
|
-
const [openModals, setOpenModals] = (0,
|
|
21584
|
-
const { amIScreenSharing } = (0,
|
|
21389
|
+
const [openModals, setOpenModals] = (0, import_react152.useState)(/* @__PURE__ */ new Set());
|
|
21390
|
+
const { amIScreenSharing } = (0, import_react_sdk91.useScreenShare)();
|
|
21585
21391
|
const updateState = (modalName, value) => {
|
|
21586
21392
|
setOpenModals((modals) => {
|
|
21587
21393
|
const copy = new Set(modals);
|
|
@@ -21593,8 +21399,8 @@ function ShareScreenOptions() {
|
|
|
21593
21399
|
return copy;
|
|
21594
21400
|
});
|
|
21595
21401
|
};
|
|
21596
|
-
const { toggleScreenShare } = (0,
|
|
21597
|
-
return /* @__PURE__ */
|
|
21402
|
+
const { toggleScreenShare } = (0, import_react_sdk91.useScreenShare)();
|
|
21403
|
+
return /* @__PURE__ */ import_react152.default.createElement(import_react152.Fragment, null, /* @__PURE__ */ import_react152.default.createElement(Dropdown.Root, { open: openModals.has(MODALS2.SHARE), onOpenChange: (value) => updateState(MODALS2.SHARE, value) }, /* @__PURE__ */ import_react152.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "sharing_btn", disabled: amIScreenSharing }, /* @__PURE__ */ import_react152.default.createElement(ShareMenuIcon, { disabled: amIScreenSharing }, /* @__PURE__ */ import_react152.default.createElement(Tooltip, { title: "Share" }, /* @__PURE__ */ import_react152.default.createElement(Box, null, /* @__PURE__ */ import_react152.default.createElement(import_react_icons69.VerticalMenuIcon, null))))), /* @__PURE__ */ import_react152.default.createElement(
|
|
21598
21404
|
Dropdown.Content,
|
|
21599
21405
|
{
|
|
21600
21406
|
sideOffset: 5,
|
|
@@ -21604,7 +21410,7 @@ function ShareScreenOptions() {
|
|
|
21604
21410
|
p: 0
|
|
21605
21411
|
}
|
|
21606
21412
|
},
|
|
21607
|
-
/* @__PURE__ */
|
|
21413
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21608
21414
|
Dropdown.Item,
|
|
21609
21415
|
{
|
|
21610
21416
|
css: {
|
|
@@ -21619,10 +21425,10 @@ function ShareScreenOptions() {
|
|
|
21619
21425
|
}
|
|
21620
21426
|
}
|
|
21621
21427
|
},
|
|
21622
|
-
/* @__PURE__ */
|
|
21623
|
-
/* @__PURE__ */
|
|
21428
|
+
/* @__PURE__ */ import_react152.default.createElement(Text, { variant: "h6" }, "Start Sharing"),
|
|
21429
|
+
/* @__PURE__ */ import_react152.default.createElement(Text, { variant: "sm" }, "Choose what you want to share")
|
|
21624
21430
|
),
|
|
21625
|
-
/* @__PURE__ */
|
|
21431
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21626
21432
|
Dropdown.Item,
|
|
21627
21433
|
{
|
|
21628
21434
|
css: {
|
|
@@ -21637,7 +21443,7 @@ function ShareScreenOptions() {
|
|
|
21637
21443
|
}
|
|
21638
21444
|
}
|
|
21639
21445
|
},
|
|
21640
|
-
/* @__PURE__ */
|
|
21446
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21641
21447
|
Flex,
|
|
21642
21448
|
{
|
|
21643
21449
|
direction: "column",
|
|
@@ -21646,7 +21452,7 @@ function ShareScreenOptions() {
|
|
|
21646
21452
|
gap: "$6"
|
|
21647
21453
|
}
|
|
21648
21454
|
},
|
|
21649
|
-
/* @__PURE__ */
|
|
21455
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21650
21456
|
IconButton,
|
|
21651
21457
|
{
|
|
21652
21458
|
as: "div",
|
|
@@ -21661,8 +21467,8 @@ function ShareScreenOptions() {
|
|
|
21661
21467
|
pb: "0"
|
|
21662
21468
|
}
|
|
21663
21469
|
},
|
|
21664
|
-
/* @__PURE__ */
|
|
21665
|
-
|
|
21470
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21471
|
+
import_react_icons69.ScreenShare,
|
|
21666
21472
|
{
|
|
21667
21473
|
width: "100%",
|
|
21668
21474
|
height: "100%",
|
|
@@ -21673,7 +21479,7 @@ function ShareScreenOptions() {
|
|
|
21673
21479
|
}
|
|
21674
21480
|
)
|
|
21675
21481
|
),
|
|
21676
|
-
/* @__PURE__ */
|
|
21482
|
+
/* @__PURE__ */ import_react152.default.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ import_react152.default.createElement(Text, { variant: "body2" }, "Share Screen"), /* @__PURE__ */ import_react152.default.createElement(
|
|
21677
21483
|
Text,
|
|
21678
21484
|
{
|
|
21679
21485
|
variant: "caption",
|
|
@@ -21685,7 +21491,7 @@ function ShareScreenOptions() {
|
|
|
21685
21491
|
"Share your tab, window or your entire screen"
|
|
21686
21492
|
))
|
|
21687
21493
|
),
|
|
21688
|
-
/* @__PURE__ */
|
|
21494
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21689
21495
|
Flex,
|
|
21690
21496
|
{
|
|
21691
21497
|
direction: "column",
|
|
@@ -21694,7 +21500,7 @@ function ShareScreenOptions() {
|
|
|
21694
21500
|
gap: "$6"
|
|
21695
21501
|
}
|
|
21696
21502
|
},
|
|
21697
|
-
/* @__PURE__ */
|
|
21503
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21698
21504
|
IconButton,
|
|
21699
21505
|
{
|
|
21700
21506
|
onClick: () => {
|
|
@@ -21711,8 +21517,8 @@ function ShareScreenOptions() {
|
|
|
21711
21517
|
pb: "0"
|
|
21712
21518
|
}
|
|
21713
21519
|
},
|
|
21714
|
-
/* @__PURE__ */
|
|
21715
|
-
|
|
21520
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21521
|
+
import_react_icons69.PdfShare,
|
|
21716
21522
|
{
|
|
21717
21523
|
width: "100%",
|
|
21718
21524
|
height: "100%",
|
|
@@ -21722,7 +21528,7 @@ function ShareScreenOptions() {
|
|
|
21722
21528
|
}
|
|
21723
21529
|
}
|
|
21724
21530
|
),
|
|
21725
|
-
/* @__PURE__ */
|
|
21531
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21726
21532
|
Flex,
|
|
21727
21533
|
{
|
|
21728
21534
|
direction: "row",
|
|
@@ -21738,8 +21544,8 @@ function ShareScreenOptions() {
|
|
|
21738
21544
|
gap: "$2"
|
|
21739
21545
|
}
|
|
21740
21546
|
},
|
|
21741
|
-
/* @__PURE__ */
|
|
21742
|
-
/* @__PURE__ */
|
|
21547
|
+
/* @__PURE__ */ import_react152.default.createElement(import_react_icons69.StarIcon, { height: 14, width: 14 }),
|
|
21548
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21743
21549
|
Text,
|
|
21744
21550
|
{
|
|
21745
21551
|
variant: "xs",
|
|
@@ -21753,7 +21559,7 @@ function ShareScreenOptions() {
|
|
|
21753
21559
|
)
|
|
21754
21560
|
)
|
|
21755
21561
|
),
|
|
21756
|
-
/* @__PURE__ */
|
|
21562
|
+
/* @__PURE__ */ import_react152.default.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ import_react152.default.createElement(Text, { variant: "body2" }, "Share PDF"), /* @__PURE__ */ import_react152.default.createElement(
|
|
21757
21563
|
Text,
|
|
21758
21564
|
{
|
|
21759
21565
|
variant: "caption",
|
|
@@ -21766,7 +21572,7 @@ function ShareScreenOptions() {
|
|
|
21766
21572
|
))
|
|
21767
21573
|
)
|
|
21768
21574
|
),
|
|
21769
|
-
/* @__PURE__ */
|
|
21575
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21770
21576
|
Dropdown.Item,
|
|
21771
21577
|
{
|
|
21772
21578
|
css: {
|
|
@@ -21779,7 +21585,7 @@ function ShareScreenOptions() {
|
|
|
21779
21585
|
}
|
|
21780
21586
|
}
|
|
21781
21587
|
},
|
|
21782
|
-
/* @__PURE__ */
|
|
21588
|
+
/* @__PURE__ */ import_react152.default.createElement(
|
|
21783
21589
|
Button,
|
|
21784
21590
|
{
|
|
21785
21591
|
variant: "standard",
|
|
@@ -21796,16 +21602,16 @@ function ShareScreenOptions() {
|
|
|
21796
21602
|
"Cancel"
|
|
21797
21603
|
)
|
|
21798
21604
|
)
|
|
21799
|
-
)), openModals.has(MODALS2.PDF_SHARE) && /* @__PURE__ */
|
|
21605
|
+
)), openModals.has(MODALS2.PDF_SHARE) && /* @__PURE__ */ import_react152.default.createElement(PDFFileOptions, { onOpenChange: (value) => updateState(MODALS2.PDF_SHARE, value) }));
|
|
21800
21606
|
}
|
|
21801
|
-
var
|
|
21607
|
+
var import_react152, import_react_sdk91, import_react_icons69, MODALS2;
|
|
21802
21608
|
var init_shareScreenOptions = __esm({
|
|
21803
21609
|
"src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx"() {
|
|
21804
21610
|
"use strict";
|
|
21805
21611
|
init_define_process_env();
|
|
21806
|
-
|
|
21807
|
-
|
|
21808
|
-
|
|
21612
|
+
import_react152 = __toESM(require("react"));
|
|
21613
|
+
import_react_sdk91 = require("@100mslive/react-sdk");
|
|
21614
|
+
import_react_icons69 = require("@100mslive/react-icons");
|
|
21809
21615
|
init_src();
|
|
21810
21616
|
init_ShareMenuIcon();
|
|
21811
21617
|
init_pdfFileOptions();
|
|
@@ -21818,14 +21624,14 @@ var init_shareScreenOptions = __esm({
|
|
|
21818
21624
|
});
|
|
21819
21625
|
|
|
21820
21626
|
// src/Prebuilt/components/ScreenShare.jsx
|
|
21821
|
-
var
|
|
21627
|
+
var import_react153, import_react_sdk92, import_react_icons70, ScreenshareToggle;
|
|
21822
21628
|
var init_ScreenShare = __esm({
|
|
21823
21629
|
"src/Prebuilt/components/ScreenShare.jsx"() {
|
|
21824
21630
|
"use strict";
|
|
21825
21631
|
init_define_process_env();
|
|
21826
|
-
|
|
21827
|
-
|
|
21828
|
-
|
|
21632
|
+
import_react153 = __toESM(require("react"));
|
|
21633
|
+
import_react_sdk92 = require("@100mslive/react-sdk");
|
|
21634
|
+
import_react_icons70 = require("@100mslive/react-icons");
|
|
21829
21635
|
init_shareScreenOptions();
|
|
21830
21636
|
init_Layout();
|
|
21831
21637
|
init_Tooltip2();
|
|
@@ -21834,14 +21640,14 @@ var init_ScreenShare = __esm({
|
|
|
21834
21640
|
init_utils2();
|
|
21835
21641
|
init_constants();
|
|
21836
21642
|
ScreenshareToggle = ({ css: css2 = {} }) => {
|
|
21837
|
-
const isAllowedToPublish = (0,
|
|
21643
|
+
const isAllowedToPublish = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectIsAllowedToPublish);
|
|
21838
21644
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
21839
|
-
const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = (0,
|
|
21645
|
+
const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = (0, import_react_sdk92.useScreenShare)();
|
|
21840
21646
|
const isVideoScreenshare = amIScreenSharing && !!video;
|
|
21841
21647
|
if (!isAllowedToPublish.screen || !isScreenshareSupported()) {
|
|
21842
21648
|
return null;
|
|
21843
21649
|
}
|
|
21844
|
-
return /* @__PURE__ */
|
|
21650
|
+
return /* @__PURE__ */ import_react153.default.createElement(import_react153.Fragment, null, /* @__PURE__ */ import_react153.default.createElement(Flex, { direction: "row" }, /* @__PURE__ */ import_react153.default.createElement(
|
|
21845
21651
|
ScreenShareButton,
|
|
21846
21652
|
{
|
|
21847
21653
|
variant: "standard",
|
|
@@ -21853,33 +21659,33 @@ var init_ScreenShare = __esm({
|
|
|
21853
21659
|
toggleScreenShare();
|
|
21854
21660
|
}
|
|
21855
21661
|
},
|
|
21856
|
-
/* @__PURE__ */
|
|
21857
|
-
), /* @__PURE__ */
|
|
21662
|
+
/* @__PURE__ */ import_react153.default.createElement(Tooltip, { title: `${!isVideoScreenshare ? "Start" : "Stop"} screen sharing` }, /* @__PURE__ */ import_react153.default.createElement(Box, null, /* @__PURE__ */ import_react153.default.createElement(import_react_icons70.ShareScreenIcon, null)))
|
|
21663
|
+
), /* @__PURE__ */ import_react153.default.createElement(ShareScreenOptions, null)));
|
|
21858
21664
|
};
|
|
21859
21665
|
}
|
|
21860
21666
|
});
|
|
21861
21667
|
|
|
21862
21668
|
// src/Prebuilt/components/ScreenshareHintModal.jsx
|
|
21863
|
-
var
|
|
21669
|
+
var import_react154, import_react_sdk93, ScreenShareHintModal;
|
|
21864
21670
|
var init_ScreenshareHintModal = __esm({
|
|
21865
21671
|
"src/Prebuilt/components/ScreenshareHintModal.jsx"() {
|
|
21866
21672
|
"use strict";
|
|
21867
21673
|
init_define_process_env();
|
|
21868
|
-
|
|
21869
|
-
|
|
21674
|
+
import_react154 = __toESM(require("react"));
|
|
21675
|
+
import_react_sdk93 = require("@100mslive/react-sdk");
|
|
21870
21676
|
init_Button2();
|
|
21871
21677
|
init_Modal();
|
|
21872
21678
|
init_DialogContent2();
|
|
21873
21679
|
ScreenShareHintModal = ({ onClose }) => {
|
|
21874
|
-
const hmsActions = (0,
|
|
21875
|
-
return /* @__PURE__ */
|
|
21680
|
+
const hmsActions = (0, import_react_sdk93.useHMSActions)();
|
|
21681
|
+
return /* @__PURE__ */ import_react154.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange: (value) => !value && onClose() }, /* @__PURE__ */ import_react154.default.createElement(DialogContent, { title: "AudioOnly Screenshare" }, /* @__PURE__ */ import_react154.default.createElement(
|
|
21876
21682
|
"img",
|
|
21877
21683
|
{
|
|
21878
21684
|
src: "https://images.app.100ms.live/share-audio.png",
|
|
21879
21685
|
alt: "AudioOnly Screenshare instructions",
|
|
21880
21686
|
width: "100%"
|
|
21881
21687
|
}
|
|
21882
|
-
), /* @__PURE__ */
|
|
21688
|
+
), /* @__PURE__ */ import_react154.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react154.default.createElement(
|
|
21883
21689
|
Button,
|
|
21884
21690
|
{
|
|
21885
21691
|
variant: "primary",
|
|
@@ -21899,40 +21705,40 @@ var init_ScreenshareHintModal = __esm({
|
|
|
21899
21705
|
});
|
|
21900
21706
|
|
|
21901
21707
|
// src/Prebuilt/components/Footer/ChatToggle.jsx
|
|
21902
|
-
var
|
|
21708
|
+
var import_react155, import_react_sdk94, import_react_icons71, ChatToggle;
|
|
21903
21709
|
var init_ChatToggle = __esm({
|
|
21904
21710
|
"src/Prebuilt/components/Footer/ChatToggle.jsx"() {
|
|
21905
21711
|
"use strict";
|
|
21906
21712
|
init_define_process_env();
|
|
21907
|
-
|
|
21908
|
-
|
|
21909
|
-
|
|
21713
|
+
import_react155 = __toESM(require("react"));
|
|
21714
|
+
import_react_sdk94 = require("@100mslive/react-sdk");
|
|
21715
|
+
import_react_icons71 = require("@100mslive/react-icons");
|
|
21910
21716
|
init_src();
|
|
21911
21717
|
init_IconButton3();
|
|
21912
21718
|
init_useSidepane();
|
|
21913
21719
|
init_useFeatures();
|
|
21914
21720
|
init_constants();
|
|
21915
21721
|
ChatToggle = () => {
|
|
21916
|
-
const countUnreadMessages = (0,
|
|
21722
|
+
const countUnreadMessages = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectUnreadHMSMessagesCount);
|
|
21917
21723
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
21918
21724
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
21919
21725
|
const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.CHAT);
|
|
21920
21726
|
if (!isFeatureEnabled) {
|
|
21921
21727
|
return;
|
|
21922
21728
|
}
|
|
21923
|
-
return /* @__PURE__ */
|
|
21729
|
+
return /* @__PURE__ */ import_react155.default.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ import_react155.default.createElement(IconButton_default, { onClick: toggleChat, active: !isChatOpen, "data-testid": "chat_btn" }, countUnreadMessages === 0 ? /* @__PURE__ */ import_react155.default.createElement(import_react_icons71.ChatIcon, null) : /* @__PURE__ */ import_react155.default.createElement(import_react_icons71.ChatUnreadIcon, { "data-testid": "chat_unread_btn" })));
|
|
21924
21730
|
};
|
|
21925
21731
|
}
|
|
21926
21732
|
});
|
|
21927
21733
|
|
|
21928
21734
|
// src/Prebuilt/plugins/transcription/Transcriber.js
|
|
21929
|
-
var import_recordrtc,
|
|
21735
|
+
var import_recordrtc, import_react_sdk95, Transcriber;
|
|
21930
21736
|
var init_Transcriber = __esm({
|
|
21931
21737
|
"src/Prebuilt/plugins/transcription/Transcriber.js"() {
|
|
21932
21738
|
"use strict";
|
|
21933
21739
|
init_define_process_env();
|
|
21934
21740
|
import_recordrtc = __toESM(require("recordrtc"));
|
|
21935
|
-
|
|
21741
|
+
import_react_sdk95 = require("@100mslive/react-sdk");
|
|
21936
21742
|
Transcriber = class {
|
|
21937
21743
|
constructor({ hmsStore, setTranscriptAndSpeakingPeer, setIsTranscriptionEnabled }) {
|
|
21938
21744
|
/**
|
|
@@ -21971,7 +21777,7 @@ var init_Transcriber = __esm({
|
|
|
21971
21777
|
bufferSize: 256
|
|
21972
21778
|
};
|
|
21973
21779
|
this.resetTextTimer = null;
|
|
21974
|
-
this.localPeerName = hmsStore.getState(
|
|
21780
|
+
this.localPeerName = hmsStore.getState(import_react_sdk95.selectLocalPeerName);
|
|
21975
21781
|
this.observingLocalPeerTrack = false;
|
|
21976
21782
|
this.trackIdBeingObserved = null;
|
|
21977
21783
|
this.recordRTCInstance = null;
|
|
@@ -22077,7 +21883,7 @@ var init_Transcriber = __esm({
|
|
|
22077
21883
|
}
|
|
22078
21884
|
this.observingLocalPeerTrack = true;
|
|
22079
21885
|
console.log("transcription - observing local peer track");
|
|
22080
|
-
let unsub = this.hmsStore.subscribe(this.getAndObserveStream,
|
|
21886
|
+
let unsub = this.hmsStore.subscribe(this.getAndObserveStream, import_react_sdk95.selectIsLocalAudioEnabled);
|
|
22081
21887
|
this.unsubscribes.push(unsub);
|
|
22082
21888
|
this.getAndObserveStream();
|
|
22083
21889
|
} catch (err) {
|
|
@@ -22138,28 +21944,28 @@ var init_Transcriber = __esm({
|
|
|
22138
21944
|
|
|
22139
21945
|
// src/Prebuilt/plugins/transcription/TranscriptionButton.jsx
|
|
22140
21946
|
function TranscriptionButton() {
|
|
22141
|
-
const transcriptionState = (0,
|
|
22142
|
-
const rawStore = (0,
|
|
21947
|
+
const transcriptionState = (0, import_react_sdk96.useHMSStore)((0, import_react_sdk96.selectSessionStore)(SESSION_STORE_KEY.TRANSCRIPTION_STATE));
|
|
21948
|
+
const rawStore = (0, import_react_sdk96.useHMSVanillaStore)();
|
|
22143
21949
|
const isTranscriptionEnabled = !!(transcriptionState == null ? void 0 : transcriptionState.enabled);
|
|
22144
21950
|
let transcript = "", speakingPeer = "";
|
|
22145
21951
|
if (isTranscriptionEnabled) {
|
|
22146
21952
|
transcript = transcriptionState.transcript || "";
|
|
22147
21953
|
speakingPeer = transcriptionState.speakingPeer || "";
|
|
22148
21954
|
}
|
|
22149
|
-
const transcriber = (0,
|
|
22150
|
-
const hmsActions = (0,
|
|
22151
|
-
const isAllowedToPublish = (0,
|
|
22152
|
-
(0,
|
|
21955
|
+
const transcriber = (0, import_react156.useRef)(null);
|
|
21956
|
+
const hmsActions = (0, import_react_sdk96.useHMSActions)();
|
|
21957
|
+
const isAllowedToPublish = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectIsAllowedToPublish);
|
|
21958
|
+
(0, import_react156.useEffect)(() => {
|
|
22153
21959
|
hmsActions.sessionStore.observe(SESSION_STORE_KEY.TRANSCRIPTION_STATE);
|
|
22154
21960
|
}, [hmsActions]);
|
|
22155
|
-
(0,
|
|
21961
|
+
(0, import_react156.useEffect)(() => {
|
|
22156
21962
|
if (!transcriber.current) {
|
|
22157
21963
|
transcriber.current = new Transcriber({
|
|
22158
21964
|
hmsStore: rawStore,
|
|
22159
21965
|
setTranscriptAndSpeakingPeer: (transcript2, peerName) => __async(this, null, function* () {
|
|
22160
21966
|
var _a7;
|
|
22161
21967
|
const transcriptionCurrentEnabledState = !!((_a7 = rawStore.getState(
|
|
22162
|
-
(0,
|
|
21968
|
+
(0, import_react_sdk96.selectSessionStore)(SESSION_STORE_KEY.TRANSCRIPTION_STATE)
|
|
22163
21969
|
)) == null ? void 0 : _a7.enabled);
|
|
22164
21970
|
yield hmsActions.sessionStore.set(SESSION_STORE_KEY.TRANSCRIPTION_STATE, {
|
|
22165
21971
|
enabled: transcriptionCurrentEnabledState,
|
|
@@ -22180,15 +21986,15 @@ function TranscriptionButton() {
|
|
|
22180
21986
|
}
|
|
22181
21987
|
};
|
|
22182
21988
|
}, [hmsActions, rawStore]);
|
|
22183
|
-
(0,
|
|
21989
|
+
(0, import_react156.useEffect)(() => {
|
|
22184
21990
|
if (isTranscriptionEnabled) {
|
|
22185
21991
|
transcriber.current.enableTranscription(true);
|
|
22186
21992
|
}
|
|
22187
21993
|
}, [isTranscriptionEnabled]);
|
|
22188
|
-
const toggleTranscriptionState = (0,
|
|
21994
|
+
const toggleTranscriptionState = (0, import_react156.useCallback)(() => {
|
|
22189
21995
|
transcriber.current.toggleTranscriptionState();
|
|
22190
21996
|
}, []);
|
|
22191
|
-
return /* @__PURE__ */
|
|
21997
|
+
return /* @__PURE__ */ import_react156.default.createElement(import_react156.default.Fragment, null, /* @__PURE__ */ import_react156.default.createElement(
|
|
22192
21998
|
Box,
|
|
22193
21999
|
{
|
|
22194
22000
|
css: {
|
|
@@ -22205,7 +22011,7 @@ function TranscriptionButton() {
|
|
|
22205
22011
|
paddingLeft: "40px"
|
|
22206
22012
|
}
|
|
22207
22013
|
}
|
|
22208
|
-
), /* @__PURE__ */
|
|
22014
|
+
), /* @__PURE__ */ import_react156.default.createElement(
|
|
22209
22015
|
Box,
|
|
22210
22016
|
{
|
|
22211
22017
|
css: {
|
|
@@ -22221,7 +22027,7 @@ function TranscriptionButton() {
|
|
|
22221
22027
|
whiteSpace: "pre-line"
|
|
22222
22028
|
}
|
|
22223
22029
|
},
|
|
22224
|
-
/* @__PURE__ */
|
|
22030
|
+
/* @__PURE__ */ import_react156.default.createElement(
|
|
22225
22031
|
Text,
|
|
22226
22032
|
{
|
|
22227
22033
|
css: {
|
|
@@ -22231,7 +22037,7 @@ function TranscriptionButton() {
|
|
|
22231
22037
|
},
|
|
22232
22038
|
transcript
|
|
22233
22039
|
),
|
|
22234
|
-
/* @__PURE__ */
|
|
22040
|
+
/* @__PURE__ */ import_react156.default.createElement(
|
|
22235
22041
|
Text,
|
|
22236
22042
|
{
|
|
22237
22043
|
css: {
|
|
@@ -22242,24 +22048,24 @@ function TranscriptionButton() {
|
|
|
22242
22048
|
},
|
|
22243
22049
|
speakingPeer
|
|
22244
22050
|
)
|
|
22245
|
-
), isAllowedToPublish.audio && /* @__PURE__ */
|
|
22051
|
+
), isAllowedToPublish.audio && /* @__PURE__ */ import_react156.default.createElement(Tooltip, { title: `Turn ${!isTranscriptionEnabled ? "on" : "off"} transcription` }, /* @__PURE__ */ import_react156.default.createElement(
|
|
22246
22052
|
IconButton_default,
|
|
22247
22053
|
{
|
|
22248
22054
|
active: !isTranscriptionEnabled,
|
|
22249
22055
|
onClick: toggleTranscriptionState,
|
|
22250
22056
|
"data-testid": "transcription_btn"
|
|
22251
22057
|
},
|
|
22252
|
-
/* @__PURE__ */
|
|
22058
|
+
/* @__PURE__ */ import_react156.default.createElement(import_react_icons72.ClosedCaptionIcon, null)
|
|
22253
22059
|
)));
|
|
22254
22060
|
}
|
|
22255
|
-
var
|
|
22061
|
+
var import_react156, import_react_sdk96, import_react_icons72;
|
|
22256
22062
|
var init_TranscriptionButton = __esm({
|
|
22257
22063
|
"src/Prebuilt/plugins/transcription/TranscriptionButton.jsx"() {
|
|
22258
22064
|
"use strict";
|
|
22259
22065
|
init_define_process_env();
|
|
22260
|
-
|
|
22261
|
-
|
|
22262
|
-
|
|
22066
|
+
import_react156 = __toESM(require("react"));
|
|
22067
|
+
import_react_sdk96 = require("@100mslive/react-sdk");
|
|
22068
|
+
import_react_icons72 = require("@100mslive/react-icons");
|
|
22263
22069
|
init_Layout();
|
|
22264
22070
|
init_Text2();
|
|
22265
22071
|
init_Tooltip2();
|
|
@@ -22283,16 +22089,15 @@ var init_transcription = __esm({
|
|
|
22283
22089
|
});
|
|
22284
22090
|
|
|
22285
22091
|
// src/Prebuilt/components/Footer/ConferencingFooter.jsx
|
|
22286
|
-
var
|
|
22092
|
+
var import_react157, import_react_use25, import_react_sdk97, import_react_icons73, TranscriptionButton2, VirtualBackground3, ScreenshareAudio, ConferencingFooter;
|
|
22287
22093
|
var init_ConferencingFooter = __esm({
|
|
22288
22094
|
"src/Prebuilt/components/Footer/ConferencingFooter.jsx"() {
|
|
22289
22095
|
"use strict";
|
|
22290
22096
|
init_define_process_env();
|
|
22291
|
-
|
|
22097
|
+
import_react157 = __toESM(require("react"));
|
|
22292
22098
|
import_react_use25 = require("react-use");
|
|
22293
|
-
|
|
22294
|
-
|
|
22295
|
-
init_Playlist();
|
|
22099
|
+
import_react_sdk97 = require("@100mslive/react-sdk");
|
|
22100
|
+
import_react_icons73 = require("@100mslive/react-icons");
|
|
22296
22101
|
init_src();
|
|
22297
22102
|
init_IconButton3();
|
|
22298
22103
|
init_AudioVideoToggle();
|
|
@@ -22308,23 +22113,23 @@ var init_ConferencingFooter = __esm({
|
|
|
22308
22113
|
init_utils2();
|
|
22309
22114
|
init_FeatureFlags();
|
|
22310
22115
|
init_constants();
|
|
22311
|
-
TranscriptionButton2 =
|
|
22312
|
-
VirtualBackground3 =
|
|
22116
|
+
TranscriptionButton2 = import_react157.default.lazy(() => Promise.resolve().then(() => (init_transcription(), transcription_exports)));
|
|
22117
|
+
VirtualBackground3 = import_react157.default.lazy(() => Promise.resolve().then(() => (init_VirtualBackground(), VirtualBackground_exports)));
|
|
22313
22118
|
ScreenshareAudio = () => {
|
|
22314
22119
|
const {
|
|
22315
22120
|
amIScreenSharing,
|
|
22316
22121
|
screenShareVideoTrackId: video,
|
|
22317
22122
|
screenShareAudioTrackId: audio,
|
|
22318
22123
|
toggleScreenShare
|
|
22319
|
-
} = (0,
|
|
22320
|
-
const isAllowedToPublish = (0,
|
|
22124
|
+
} = (0, import_react_sdk97.useScreenShare)();
|
|
22125
|
+
const isAllowedToPublish = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectIsAllowedToPublish);
|
|
22321
22126
|
const isAudioScreenshare = amIScreenSharing && !video && !!audio;
|
|
22322
|
-
const [showModal, setShowModal] = (0,
|
|
22127
|
+
const [showModal, setShowModal] = (0, import_react157.useState)(false);
|
|
22323
22128
|
const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.AUDIO_ONLY_SCREENSHARE);
|
|
22324
22129
|
if (!isFeatureEnabled || !isAllowedToPublish.screen || !isScreenshareSupported()) {
|
|
22325
22130
|
return null;
|
|
22326
22131
|
}
|
|
22327
|
-
return /* @__PURE__ */
|
|
22132
|
+
return /* @__PURE__ */ import_react157.default.createElement(import_react157.Fragment, null, /* @__PURE__ */ import_react157.default.createElement(Tooltip, { title: `${!isAudioScreenshare ? "Start" : "Stop"} audio sharing`, key: "shareAudio" }, /* @__PURE__ */ import_react157.default.createElement(
|
|
22328
22133
|
IconButton_default,
|
|
22329
22134
|
{
|
|
22330
22135
|
active: !isAudioScreenshare,
|
|
@@ -22337,12 +22142,12 @@ var init_ConferencingFooter = __esm({
|
|
|
22337
22142
|
},
|
|
22338
22143
|
"data-testid": "screenshare_audio"
|
|
22339
22144
|
},
|
|
22340
|
-
/* @__PURE__ */
|
|
22341
|
-
)), showModal && /* @__PURE__ */
|
|
22145
|
+
/* @__PURE__ */ import_react157.default.createElement(import_react_icons73.MusicIcon, null)
|
|
22146
|
+
)), showModal && /* @__PURE__ */ import_react157.default.createElement(ScreenShareHintModal, { onClose: () => setShowModal(false) }));
|
|
22342
22147
|
};
|
|
22343
22148
|
ConferencingFooter = () => {
|
|
22344
22149
|
const isMobile = (0, import_react_use25.useMedia)(config.media.md);
|
|
22345
|
-
return /* @__PURE__ */
|
|
22150
|
+
return /* @__PURE__ */ import_react157.default.createElement(Footer.Root, null, /* @__PURE__ */ import_react157.default.createElement(Footer.Left, null, /* @__PURE__ */ import_react157.default.createElement(ScreenshareAudio, null), /* @__PURE__ */ import_react157.default.createElement(import_react157.Suspense, { fallback: "" }, /* @__PURE__ */ import_react157.default.createElement(VirtualBackground3, null)), FeatureFlags.enableTranscription ? /* @__PURE__ */ import_react157.default.createElement(TranscriptionButton2, null) : null, /* @__PURE__ */ import_react157.default.createElement(
|
|
22346
22151
|
Flex,
|
|
22347
22152
|
{
|
|
22348
22153
|
align: "center",
|
|
@@ -22354,20 +22159,20 @@ var init_ConferencingFooter = __esm({
|
|
|
22354
22159
|
}
|
|
22355
22160
|
}
|
|
22356
22161
|
},
|
|
22357
|
-
isMobile && /* @__PURE__ */
|
|
22358
|
-
/* @__PURE__ */
|
|
22359
|
-
)), /* @__PURE__ */
|
|
22162
|
+
isMobile && /* @__PURE__ */ import_react157.default.createElement(EmojiReaction, null),
|
|
22163
|
+
/* @__PURE__ */ import_react157.default.createElement(MetaActions_default, { isMobile: true })
|
|
22164
|
+
)), /* @__PURE__ */ import_react157.default.createElement(Footer.Center, null, /* @__PURE__ */ import_react157.default.createElement(AudioVideoToggle, null), /* @__PURE__ */ import_react157.default.createElement(ScreenshareToggle, null), /* @__PURE__ */ import_react157.default.createElement(PIP, null), /* @__PURE__ */ import_react157.default.createElement(MoreSettings, null), /* @__PURE__ */ import_react157.default.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ import_react157.default.createElement(ChatToggle, null)), /* @__PURE__ */ import_react157.default.createElement(LeaveRoom, null)), /* @__PURE__ */ import_react157.default.createElement(Footer.Right, null, !isMobile && /* @__PURE__ */ import_react157.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react157.default.createElement(MetaActions_default, null), /* @__PURE__ */ import_react157.default.createElement(ChatToggle, null)));
|
|
22360
22165
|
};
|
|
22361
22166
|
}
|
|
22362
22167
|
});
|
|
22363
22168
|
|
|
22364
22169
|
// src/Prebuilt/components/Footer/StreamingFooter.jsx
|
|
22365
|
-
var
|
|
22170
|
+
var import_react158, StreamingFooter;
|
|
22366
22171
|
var init_StreamingFooter = __esm({
|
|
22367
22172
|
"src/Prebuilt/components/Footer/StreamingFooter.jsx"() {
|
|
22368
22173
|
"use strict";
|
|
22369
22174
|
init_define_process_env();
|
|
22370
|
-
|
|
22175
|
+
import_react158 = __toESM(require("react"));
|
|
22371
22176
|
init_src();
|
|
22372
22177
|
init_AudioVideoToggle();
|
|
22373
22178
|
init_EmojiReaction();
|
|
@@ -22379,7 +22184,7 @@ var init_StreamingFooter = __esm({
|
|
|
22379
22184
|
init_ScreenShare();
|
|
22380
22185
|
init_ChatToggle();
|
|
22381
22186
|
StreamingFooter = () => {
|
|
22382
|
-
return /* @__PURE__ */
|
|
22187
|
+
return /* @__PURE__ */ import_react158.default.createElement(
|
|
22383
22188
|
Footer.Root,
|
|
22384
22189
|
{
|
|
22385
22190
|
css: {
|
|
@@ -22389,7 +22194,7 @@ var init_StreamingFooter = __esm({
|
|
|
22389
22194
|
}
|
|
22390
22195
|
}
|
|
22391
22196
|
},
|
|
22392
|
-
/* @__PURE__ */
|
|
22197
|
+
/* @__PURE__ */ import_react158.default.createElement(
|
|
22393
22198
|
Footer.Left,
|
|
22394
22199
|
{
|
|
22395
22200
|
css: {
|
|
@@ -22399,9 +22204,9 @@ var init_StreamingFooter = __esm({
|
|
|
22399
22204
|
}
|
|
22400
22205
|
}
|
|
22401
22206
|
},
|
|
22402
|
-
/* @__PURE__ */
|
|
22207
|
+
/* @__PURE__ */ import_react158.default.createElement(AudioVideoToggle, null)
|
|
22403
22208
|
),
|
|
22404
|
-
/* @__PURE__ */
|
|
22209
|
+
/* @__PURE__ */ import_react158.default.createElement(
|
|
22405
22210
|
Footer.Center,
|
|
22406
22211
|
{
|
|
22407
22212
|
css: {
|
|
@@ -22410,9 +22215,9 @@ var init_StreamingFooter = __esm({
|
|
|
22410
22215
|
}
|
|
22411
22216
|
}
|
|
22412
22217
|
},
|
|
22413
|
-
/* @__PURE__ */
|
|
22414
|
-
/* @__PURE__ */
|
|
22415
|
-
/* @__PURE__ */
|
|
22218
|
+
/* @__PURE__ */ import_react158.default.createElement(ScreenshareToggle, { css: { "@sm": { display: "none" } } }),
|
|
22219
|
+
/* @__PURE__ */ import_react158.default.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ import_react158.default.createElement(PIP, null)),
|
|
22220
|
+
/* @__PURE__ */ import_react158.default.createElement(
|
|
22416
22221
|
Box,
|
|
22417
22222
|
{
|
|
22418
22223
|
css: {
|
|
@@ -22424,53 +22229,53 @@ var init_StreamingFooter = __esm({
|
|
|
22424
22229
|
}
|
|
22425
22230
|
}
|
|
22426
22231
|
},
|
|
22427
|
-
/* @__PURE__ */
|
|
22232
|
+
/* @__PURE__ */ import_react158.default.createElement(StreamActions, null)
|
|
22428
22233
|
),
|
|
22429
|
-
/* @__PURE__ */
|
|
22430
|
-
/* @__PURE__ */
|
|
22431
|
-
/* @__PURE__ */
|
|
22234
|
+
/* @__PURE__ */ import_react158.default.createElement(MoreSettings, null),
|
|
22235
|
+
/* @__PURE__ */ import_react158.default.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ import_react158.default.createElement(LeaveRoom, null)),
|
|
22236
|
+
/* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ import_react158.default.createElement(ChatToggle, null))
|
|
22432
22237
|
),
|
|
22433
|
-
/* @__PURE__ */
|
|
22238
|
+
/* @__PURE__ */ import_react158.default.createElement(Footer.Right, null, /* @__PURE__ */ import_react158.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react158.default.createElement(MetaActions_default, null), /* @__PURE__ */ import_react158.default.createElement(ChatToggle, null))
|
|
22434
22239
|
);
|
|
22435
22240
|
};
|
|
22436
22241
|
}
|
|
22437
22242
|
});
|
|
22438
22243
|
|
|
22439
22244
|
// src/Prebuilt/components/Footer.jsx
|
|
22440
|
-
var
|
|
22245
|
+
var import_react159, Footer2;
|
|
22441
22246
|
var init_Footer3 = __esm({
|
|
22442
22247
|
"src/Prebuilt/components/Footer.jsx"() {
|
|
22443
22248
|
"use strict";
|
|
22444
22249
|
init_define_process_env();
|
|
22445
|
-
|
|
22250
|
+
import_react159 = __toESM(require("react"));
|
|
22446
22251
|
init_ConferencingFooter();
|
|
22447
22252
|
init_StreamingFooter();
|
|
22448
22253
|
init_utils2();
|
|
22449
22254
|
Footer2 = () => {
|
|
22450
|
-
return isStreamingKit() ? /* @__PURE__ */
|
|
22255
|
+
return isStreamingKit() ? /* @__PURE__ */ import_react159.default.createElement(StreamingFooter, null) : /* @__PURE__ */ import_react159.default.createElement(ConferencingFooter, null);
|
|
22451
22256
|
};
|
|
22452
22257
|
}
|
|
22453
22258
|
});
|
|
22454
22259
|
|
|
22455
22260
|
// src/Prebuilt/components/RoleChangeRequestModal.jsx
|
|
22456
|
-
var
|
|
22261
|
+
var import_react160, import_react_sdk98, RoleChangeRequestModal;
|
|
22457
22262
|
var init_RoleChangeRequestModal = __esm({
|
|
22458
22263
|
"src/Prebuilt/components/RoleChangeRequestModal.jsx"() {
|
|
22459
22264
|
"use strict";
|
|
22460
22265
|
init_define_process_env();
|
|
22461
|
-
|
|
22462
|
-
|
|
22266
|
+
import_react160 = __toESM(require("react"));
|
|
22267
|
+
import_react_sdk98 = require("@100mslive/react-sdk");
|
|
22463
22268
|
init_DialogContent2();
|
|
22464
22269
|
init_useUISettings();
|
|
22465
22270
|
RoleChangeRequestModal = () => {
|
|
22466
22271
|
var _a7, _b7;
|
|
22467
|
-
const hmsActions = (0,
|
|
22272
|
+
const hmsActions = (0, import_react_sdk98.useHMSActions)();
|
|
22468
22273
|
const isHeadless = useIsHeadless();
|
|
22469
|
-
const roleChangeRequest = (0,
|
|
22274
|
+
const roleChangeRequest = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectRoleChangeRequest);
|
|
22470
22275
|
if (!(roleChangeRequest == null ? void 0 : roleChangeRequest.role) || isHeadless) {
|
|
22471
22276
|
return null;
|
|
22472
22277
|
}
|
|
22473
|
-
return /* @__PURE__ */
|
|
22278
|
+
return /* @__PURE__ */ import_react160.default.createElement(
|
|
22474
22279
|
RequestDialog,
|
|
22475
22280
|
{
|
|
22476
22281
|
title: "Role Change Request",
|
|
@@ -22491,15 +22296,15 @@ var conference_exports = {};
|
|
|
22491
22296
|
__export(conference_exports, {
|
|
22492
22297
|
default: () => conference_default
|
|
22493
22298
|
});
|
|
22494
|
-
var
|
|
22299
|
+
var import_react161, import_react_router_dom6, import_react_use26, import_react_sdk99, Conference, conference_default;
|
|
22495
22300
|
var init_conference = __esm({
|
|
22496
22301
|
"src/Prebuilt/components/conference.jsx"() {
|
|
22497
22302
|
"use strict";
|
|
22498
22303
|
init_define_process_env();
|
|
22499
|
-
|
|
22304
|
+
import_react161 = __toESM(require("react"));
|
|
22500
22305
|
import_react_router_dom6 = require("react-router-dom");
|
|
22501
22306
|
import_react_use26 = require("react-use");
|
|
22502
|
-
|
|
22307
|
+
import_react_sdk99 = require("@100mslive/react-sdk");
|
|
22503
22308
|
init_HLSFailureModal();
|
|
22504
22309
|
init_Layout();
|
|
22505
22310
|
init_AppContext();
|
|
@@ -22517,18 +22322,18 @@ var init_conference = __esm({
|
|
|
22517
22322
|
const navigate = useNavigation();
|
|
22518
22323
|
const { roomId, role } = (0, import_react_router_dom6.useParams)();
|
|
22519
22324
|
const isHeadless = useIsHeadless();
|
|
22520
|
-
const roomState = (0,
|
|
22325
|
+
const roomState = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectRoomState);
|
|
22521
22326
|
const prevState = (0, import_react_use26.usePrevious)(roomState);
|
|
22522
|
-
const isConnectedToRoom = (0,
|
|
22523
|
-
const hmsActions = (0,
|
|
22524
|
-
const [hideControls, setHideControls] = (0,
|
|
22525
|
-
const dropdownList = (0,
|
|
22327
|
+
const isConnectedToRoom = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsConnectedToRoom);
|
|
22328
|
+
const hmsActions = (0, import_react_sdk99.useHMSActions)();
|
|
22329
|
+
const [hideControls, setHideControls] = (0, import_react161.useState)(false);
|
|
22330
|
+
const dropdownList = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectAppData)(APP_DATA.dropdownList));
|
|
22526
22331
|
const skipPreview = useSkipPreview();
|
|
22527
22332
|
const { showPreview } = useHMSPrebuiltContext();
|
|
22528
22333
|
const authTokenInAppData = useAuthToken();
|
|
22529
|
-
const headerRef = (0,
|
|
22530
|
-
const footerRef = (0,
|
|
22531
|
-
const dropdownListRef = (0,
|
|
22334
|
+
const headerRef = (0, import_react161.useRef)();
|
|
22335
|
+
const footerRef = (0, import_react161.useRef)();
|
|
22336
|
+
const dropdownListRef = (0, import_react161.useRef)();
|
|
22532
22337
|
const performAutoHide = hideControls && (isAndroid || isIOS || isIPadOS);
|
|
22533
22338
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
22534
22339
|
const toggleControls = () => {
|
|
@@ -22537,7 +22342,7 @@ var init_conference = __esm({
|
|
|
22537
22342
|
setHideControls((value) => !value);
|
|
22538
22343
|
}
|
|
22539
22344
|
};
|
|
22540
|
-
(0,
|
|
22345
|
+
(0, import_react161.useEffect)(() => {
|
|
22541
22346
|
let timeout = null;
|
|
22542
22347
|
dropdownListRef.current = dropdownList || [];
|
|
22543
22348
|
if (dropdownListRef.current.length === 0) {
|
|
@@ -22552,7 +22357,7 @@ var init_conference = __esm({
|
|
|
22552
22357
|
clearTimeout(timeout);
|
|
22553
22358
|
};
|
|
22554
22359
|
}, [dropdownList, hideControls]);
|
|
22555
|
-
(0,
|
|
22360
|
+
(0, import_react161.useEffect)(() => {
|
|
22556
22361
|
if (!roomId) {
|
|
22557
22362
|
navigate(`/`);
|
|
22558
22363
|
return;
|
|
@@ -22560,15 +22365,15 @@ var init_conference = __esm({
|
|
|
22560
22365
|
if (!showPreview) {
|
|
22561
22366
|
return;
|
|
22562
22367
|
}
|
|
22563
|
-
if (!prevState && !(roomState ===
|
|
22368
|
+
if (!prevState && !(roomState === import_react_sdk99.HMSRoomState.Connecting || roomState === import_react_sdk99.HMSRoomState.Reconnecting || isConnectedToRoom)) {
|
|
22564
22369
|
if (role)
|
|
22565
22370
|
navigate(`/preview/${roomId || ""}/${role}`);
|
|
22566
22371
|
else
|
|
22567
22372
|
navigate(`/preview/${roomId || ""}`);
|
|
22568
22373
|
}
|
|
22569
22374
|
}, [isConnectedToRoom, prevState, roomState, navigate, role, roomId, showPreview]);
|
|
22570
|
-
(0,
|
|
22571
|
-
if (authTokenInAppData && !isConnectedToRoom && !showPreview && roomState !==
|
|
22375
|
+
(0, import_react161.useEffect)(() => {
|
|
22376
|
+
if (authTokenInAppData && !isConnectedToRoom && !showPreview && roomState !== import_react_sdk99.HMSRoomState.Connecting) {
|
|
22572
22377
|
hmsActions.join({
|
|
22573
22378
|
userName: "Test",
|
|
22574
22379
|
authToken: authTokenInAppData,
|
|
@@ -22581,18 +22386,18 @@ var init_conference = __esm({
|
|
|
22581
22386
|
}).catch(console.error);
|
|
22582
22387
|
}
|
|
22583
22388
|
}, [authTokenInAppData, skipPreview, hmsActions, isConnectedToRoom, showPreview, roomState]);
|
|
22584
|
-
(0,
|
|
22389
|
+
(0, import_react161.useEffect)(() => {
|
|
22585
22390
|
if (isHeadless) {
|
|
22586
22391
|
hmsActions.ignoreMessageTypes(["chat", EMOJI_REACTION_TYPE]);
|
|
22587
22392
|
}
|
|
22588
22393
|
}, [isHeadless, hmsActions]);
|
|
22589
22394
|
if (!isConnectedToRoom) {
|
|
22590
|
-
return /* @__PURE__ */
|
|
22395
|
+
return /* @__PURE__ */ import_react161.default.createElement(FullPageProgress_default, { loadingText: "Joining..." });
|
|
22591
22396
|
}
|
|
22592
22397
|
if (isHLSStarted) {
|
|
22593
|
-
return /* @__PURE__ */
|
|
22398
|
+
return /* @__PURE__ */ import_react161.default.createElement(FullPageProgress_default, { loadingText: "Starting live stream..." });
|
|
22594
22399
|
}
|
|
22595
|
-
return /* @__PURE__ */
|
|
22400
|
+
return /* @__PURE__ */ import_react161.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !isHeadless && /* @__PURE__ */ import_react161.default.createElement(
|
|
22596
22401
|
Box,
|
|
22597
22402
|
{
|
|
22598
22403
|
ref: headerRef,
|
|
@@ -22606,8 +22411,8 @@ var init_conference = __esm({
|
|
|
22606
22411
|
},
|
|
22607
22412
|
"data-testid": "header"
|
|
22608
22413
|
},
|
|
22609
|
-
/* @__PURE__ */
|
|
22610
|
-
), /* @__PURE__ */
|
|
22414
|
+
/* @__PURE__ */ import_react161.default.createElement(Header2, null)
|
|
22415
|
+
), /* @__PURE__ */ import_react161.default.createElement(
|
|
22611
22416
|
Box,
|
|
22612
22417
|
{
|
|
22613
22418
|
css: {
|
|
@@ -22620,8 +22425,8 @@ var init_conference = __esm({
|
|
|
22620
22425
|
"data-testid": "conferencing",
|
|
22621
22426
|
onClick: toggleControls
|
|
22622
22427
|
},
|
|
22623
|
-
/* @__PURE__ */
|
|
22624
|
-
), !isHeadless && /* @__PURE__ */
|
|
22428
|
+
/* @__PURE__ */ import_react161.default.createElement(ConferenceMainView, null)
|
|
22429
|
+
), !isHeadless && /* @__PURE__ */ import_react161.default.createElement(
|
|
22625
22430
|
Box,
|
|
22626
22431
|
{
|
|
22627
22432
|
ref: footerRef,
|
|
@@ -22636,8 +22441,8 @@ var init_conference = __esm({
|
|
|
22636
22441
|
},
|
|
22637
22442
|
"data-testid": "footer"
|
|
22638
22443
|
},
|
|
22639
|
-
/* @__PURE__ */
|
|
22640
|
-
), /* @__PURE__ */
|
|
22444
|
+
/* @__PURE__ */ import_react161.default.createElement(Footer2, null)
|
|
22445
|
+
), /* @__PURE__ */ import_react161.default.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ import_react161.default.createElement(HLSFailureModal, null));
|
|
22641
22446
|
};
|
|
22642
22447
|
conference_default = Conference;
|
|
22643
22448
|
}
|
|
@@ -22645,16 +22450,16 @@ var init_conference = __esm({
|
|
|
22645
22450
|
|
|
22646
22451
|
// src/Prebuilt/App.jsx
|
|
22647
22452
|
function AppRoutes({ authTokenByRoomCodeEndpoint }) {
|
|
22648
|
-
return /* @__PURE__ */
|
|
22453
|
+
return /* @__PURE__ */ import_react162.default.createElement(Router, null, /* @__PURE__ */ import_react162.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react162.default.createElement(Notifications, null), /* @__PURE__ */ import_react162.default.createElement(BackSwipe, null), /* @__PURE__ */ import_react162.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react162.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react162.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react162.default.createElement(BeamSpeakerLabelsLogging, null), /* @__PURE__ */ import_react162.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint }), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Routes, null, /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "/*", element: /* @__PURE__ */ import_react162.default.createElement(RouteList, null) }), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "/streaming/*", element: /* @__PURE__ */ import_react162.default.createElement(RouteList, null) })));
|
|
22649
22454
|
}
|
|
22650
|
-
var
|
|
22455
|
+
var import_react162, import_react_router_dom7, import_react_sdk100, Conference2, getAspectRatio2, HMSPrebuilt, Redirector, RouteList, BackSwipe, Router;
|
|
22651
22456
|
var init_App = __esm({
|
|
22652
22457
|
"src/Prebuilt/App.jsx"() {
|
|
22653
22458
|
"use strict";
|
|
22654
22459
|
init_define_process_env();
|
|
22655
|
-
|
|
22460
|
+
import_react162 = __toESM(require("react"));
|
|
22656
22461
|
import_react_router_dom7 = require("react-router-dom");
|
|
22657
|
-
|
|
22462
|
+
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
22658
22463
|
init_AppData();
|
|
22659
22464
|
init_BeamSpeakerLabelsLogging();
|
|
22660
22465
|
init_AuthToken();
|
|
@@ -22674,7 +22479,7 @@ var init_App = __esm({
|
|
|
22674
22479
|
init_RemoteStopScreenshare();
|
|
22675
22480
|
init_utils2();
|
|
22676
22481
|
init_FeatureFlags();
|
|
22677
|
-
Conference2 =
|
|
22482
|
+
Conference2 = import_react162.default.lazy(() => Promise.resolve().then(() => (init_conference(), conference_exports)));
|
|
22678
22483
|
getAspectRatio2 = ({ width, height }) => {
|
|
22679
22484
|
const host = define_process_env_default.REACT_APP_HOST_NAME;
|
|
22680
22485
|
const portraitDomains = (define_process_env_default.REACT_APP_PORTRAIT_MODE_DOMAINS || "").split(",");
|
|
@@ -22683,7 +22488,7 @@ var init_App = __esm({
|
|
|
22683
22488
|
}
|
|
22684
22489
|
return { width, height };
|
|
22685
22490
|
};
|
|
22686
|
-
HMSPrebuilt =
|
|
22491
|
+
HMSPrebuilt = import_react162.default.forwardRef(
|
|
22687
22492
|
({
|
|
22688
22493
|
roomCode = "",
|
|
22689
22494
|
logo,
|
|
@@ -22705,11 +22510,11 @@ var init_App = __esm({
|
|
|
22705
22510
|
const aspectRatio = "1-1";
|
|
22706
22511
|
const metadata = "";
|
|
22707
22512
|
const { 0: width, 1: height } = aspectRatio.split("-").map((el) => parseInt(el));
|
|
22708
|
-
const reactiveStore = (0,
|
|
22709
|
-
const [hydrated, setHydrated] =
|
|
22710
|
-
(0,
|
|
22513
|
+
const reactiveStore = (0, import_react162.useRef)();
|
|
22514
|
+
const [hydrated, setHydrated] = import_react162.default.useState(false);
|
|
22515
|
+
(0, import_react162.useEffect)(() => {
|
|
22711
22516
|
setHydrated(true);
|
|
22712
|
-
const hms = new
|
|
22517
|
+
const hms = new import_react_sdk100.HMSReactiveStore();
|
|
22713
22518
|
const hmsStore = hms.getStore();
|
|
22714
22519
|
const hmsActions = hms.getActions();
|
|
22715
22520
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -22721,13 +22526,13 @@ var init_App = __esm({
|
|
|
22721
22526
|
hmsNotifications
|
|
22722
22527
|
};
|
|
22723
22528
|
}, []);
|
|
22724
|
-
(0,
|
|
22529
|
+
(0, import_react162.useEffect)(() => {
|
|
22725
22530
|
if (!ref || !reactiveStore.current) {
|
|
22726
22531
|
return;
|
|
22727
22532
|
}
|
|
22728
22533
|
ref.current = __spreadValues({}, reactiveStore.current);
|
|
22729
22534
|
}, [ref]);
|
|
22730
|
-
(0,
|
|
22535
|
+
(0, import_react162.useEffect)(
|
|
22731
22536
|
() => () => {
|
|
22732
22537
|
return reactiveStore.current.hmsActions.leave();
|
|
22733
22538
|
},
|
|
@@ -22749,7 +22554,7 @@ var init_App = __esm({
|
|
|
22749
22554
|
return null;
|
|
22750
22555
|
}
|
|
22751
22556
|
globalStyles();
|
|
22752
|
-
return /* @__PURE__ */
|
|
22557
|
+
return /* @__PURE__ */ import_react162.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react162.default.createElement(
|
|
22753
22558
|
HMSPrebuiltContext.Provider,
|
|
22754
22559
|
{
|
|
22755
22560
|
value: {
|
|
@@ -22762,8 +22567,8 @@ var init_App = __esm({
|
|
|
22762
22567
|
endpoints
|
|
22763
22568
|
}
|
|
22764
22569
|
},
|
|
22765
|
-
/* @__PURE__ */
|
|
22766
|
-
|
|
22570
|
+
/* @__PURE__ */ import_react162.default.createElement(
|
|
22571
|
+
import_react_sdk100.HMSRoomProvider,
|
|
22767
22572
|
{
|
|
22768
22573
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
22769
22574
|
actions: reactiveStore.current.hmsActions,
|
|
@@ -22771,7 +22576,7 @@ var init_App = __esm({
|
|
|
22771
22576
|
notifications: reactiveStore.current.hmsNotifications,
|
|
22772
22577
|
stats: reactiveStore.current.hmsStats
|
|
22773
22578
|
},
|
|
22774
|
-
/* @__PURE__ */
|
|
22579
|
+
/* @__PURE__ */ import_react162.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react162.default.createElement(RoomLayoutContext.Consumer, null, (layout) => {
|
|
22775
22580
|
var _a7;
|
|
22776
22581
|
const theme2 = ((_a7 = layout.themes) == null ? void 0 : _a7[0]) || {};
|
|
22777
22582
|
const { typography: typography2 } = layout;
|
|
@@ -22779,7 +22584,7 @@ var init_App = __esm({
|
|
|
22779
22584
|
if (typography2 == null ? void 0 : typography2.font_family) {
|
|
22780
22585
|
fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
|
|
22781
22586
|
}
|
|
22782
|
-
return /* @__PURE__ */
|
|
22587
|
+
return /* @__PURE__ */ import_react162.default.createElement(
|
|
22783
22588
|
HMSThemeProvider,
|
|
22784
22589
|
{
|
|
22785
22590
|
themeType: theme2.name,
|
|
@@ -22791,9 +22596,9 @@ var init_App = __esm({
|
|
|
22791
22596
|
}
|
|
22792
22597
|
}
|
|
22793
22598
|
},
|
|
22794
|
-
/* @__PURE__ */
|
|
22795
|
-
/* @__PURE__ */
|
|
22796
|
-
/* @__PURE__ */
|
|
22599
|
+
/* @__PURE__ */ import_react162.default.createElement(AppData, { appDetails: metadata, tokenEndpoint: tokenByRoomIdRoleEndpoint }),
|
|
22600
|
+
/* @__PURE__ */ import_react162.default.createElement(Init, null),
|
|
22601
|
+
/* @__PURE__ */ import_react162.default.createElement(
|
|
22797
22602
|
Box,
|
|
22798
22603
|
{
|
|
22799
22604
|
css: {
|
|
@@ -22803,7 +22608,7 @@ var init_App = __esm({
|
|
|
22803
22608
|
"-webkit-text-size-adjust": "100%"
|
|
22804
22609
|
}
|
|
22805
22610
|
},
|
|
22806
|
-
/* @__PURE__ */
|
|
22611
|
+
/* @__PURE__ */ import_react162.default.createElement(AppRoutes, { authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint })
|
|
22807
22612
|
)
|
|
22808
22613
|
);
|
|
22809
22614
|
}))
|
|
@@ -22815,48 +22620,48 @@ var init_App = __esm({
|
|
|
22815
22620
|
Redirector = ({ showPreview }) => {
|
|
22816
22621
|
const { roomId, role } = (0, import_react_router_dom7.useParams)();
|
|
22817
22622
|
if (!roomId && !role) {
|
|
22818
|
-
return /* @__PURE__ */
|
|
22623
|
+
return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
|
|
22819
22624
|
}
|
|
22820
22625
|
if (!roomId) {
|
|
22821
|
-
return /* @__PURE__ */
|
|
22626
|
+
return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
|
|
22822
22627
|
}
|
|
22823
22628
|
if (["streaming", "preview", "meeting", "leave"].includes(roomId) && !role) {
|
|
22824
|
-
return /* @__PURE__ */
|
|
22629
|
+
return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
|
|
22825
22630
|
}
|
|
22826
|
-
return /* @__PURE__ */
|
|
22631
|
+
return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Navigate, { to: `${getRoutePrefix()}/${showPreview ? "preview" : "meeting"}/${roomId}/${role || ""}` });
|
|
22827
22632
|
};
|
|
22828
22633
|
RouteList = () => {
|
|
22829
22634
|
const { showPreview, showLeave } = useHMSPrebuiltContext();
|
|
22830
|
-
return /* @__PURE__ */
|
|
22635
|
+
return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Routes, null, showPreview && /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "preview" }, /* @__PURE__ */ import_react162.default.createElement(
|
|
22831
22636
|
import_react_router_dom7.Route,
|
|
22832
22637
|
{
|
|
22833
22638
|
path: ":roomId/:role",
|
|
22834
|
-
element: /* @__PURE__ */
|
|
22639
|
+
element: /* @__PURE__ */ import_react162.default.createElement(import_react162.Suspense, { fallback: /* @__PURE__ */ import_react162.default.createElement(FullPageProgress_default, { loadingText: "Loading preview..." }) }, /* @__PURE__ */ import_react162.default.createElement(PreviewContainer_default, null))
|
|
22835
22640
|
}
|
|
22836
|
-
), /* @__PURE__ */
|
|
22641
|
+
), /* @__PURE__ */ import_react162.default.createElement(
|
|
22837
22642
|
import_react_router_dom7.Route,
|
|
22838
22643
|
{
|
|
22839
22644
|
path: ":roomId",
|
|
22840
|
-
element: /* @__PURE__ */
|
|
22645
|
+
element: /* @__PURE__ */ import_react162.default.createElement(import_react162.Suspense, { fallback: /* @__PURE__ */ import_react162.default.createElement(FullPageProgress_default, { loadingText: "Loading preview..." }) }, /* @__PURE__ */ import_react162.default.createElement(PreviewContainer_default, null))
|
|
22841
22646
|
}
|
|
22842
|
-
)), /* @__PURE__ */
|
|
22647
|
+
)), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "meeting" }, /* @__PURE__ */ import_react162.default.createElement(
|
|
22843
22648
|
import_react_router_dom7.Route,
|
|
22844
22649
|
{
|
|
22845
22650
|
path: ":roomId/:role",
|
|
22846
|
-
element: /* @__PURE__ */
|
|
22651
|
+
element: /* @__PURE__ */ import_react162.default.createElement(import_react162.Suspense, { fallback: /* @__PURE__ */ import_react162.default.createElement(FullPageProgress_default, { loadingText: "Joining..." }) }, /* @__PURE__ */ import_react162.default.createElement(Conference2, null))
|
|
22847
22652
|
}
|
|
22848
|
-
), /* @__PURE__ */
|
|
22653
|
+
), /* @__PURE__ */ import_react162.default.createElement(
|
|
22849
22654
|
import_react_router_dom7.Route,
|
|
22850
22655
|
{
|
|
22851
22656
|
path: ":roomId",
|
|
22852
|
-
element: /* @__PURE__ */
|
|
22657
|
+
element: /* @__PURE__ */ import_react162.default.createElement(import_react162.Suspense, { fallback: /* @__PURE__ */ import_react162.default.createElement(FullPageProgress_default, { loadingText: "Joining..." }) }, /* @__PURE__ */ import_react162.default.createElement(Conference2, null))
|
|
22853
22658
|
}
|
|
22854
|
-
)), showLeave && /* @__PURE__ */
|
|
22659
|
+
)), showLeave && /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "leave" }, /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: ":roomId/:role", element: /* @__PURE__ */ import_react162.default.createElement(PostLeave_default, null) }), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: ":roomId", element: /* @__PURE__ */ import_react162.default.createElement(PostLeave_default, null) })), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "/:roomId/:role", element: /* @__PURE__ */ import_react162.default.createElement(Redirector, { showPreview }) }), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "/:roomId/", element: /* @__PURE__ */ import_react162.default.createElement(Redirector, { showPreview }) }));
|
|
22855
22660
|
};
|
|
22856
22661
|
BackSwipe = () => {
|
|
22857
|
-
const isConnectedToRoom = (0,
|
|
22858
|
-
const hmsActions = (0,
|
|
22859
|
-
(0,
|
|
22662
|
+
const isConnectedToRoom = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsConnectedToRoom);
|
|
22663
|
+
const hmsActions = (0, import_react_sdk100.useHMSActions)();
|
|
22664
|
+
(0, import_react162.useEffect)(() => {
|
|
22860
22665
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
22861
22666
|
if (isConnectedToRoom) {
|
|
22862
22667
|
yield hmsActions.leave();
|
|
@@ -22871,7 +22676,7 @@ var init_App = __esm({
|
|
|
22871
22676
|
};
|
|
22872
22677
|
Router = ({ children }) => {
|
|
22873
22678
|
const { roomId, role, roomCode } = useHMSPrebuiltContext();
|
|
22874
|
-
return [roomId, role, roomCode].every((value) => !value) ? /* @__PURE__ */
|
|
22679
|
+
return [roomId, role, roomCode].every((value) => !value) ? /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.BrowserRouter, null, children) : /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.MemoryRouter, { initialEntries: [`/${roomCode ? roomCode : `${roomId}/${role || ""}`}`], initialIndex: 0 }, children);
|
|
22875
22680
|
};
|
|
22876
22681
|
}
|
|
22877
22682
|
});
|