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