@100mslive/roomkit-react 0.3.3-alpha.0 → 0.3.3-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.d.ts +1 -0
- package/dist/Accordion/index.d.ts +1 -0
- package/dist/{HLSView-NVF25XHT.js → HLSView-GI5NXBYN.js} +2 -2
- package/dist/Prebuilt/components/RaiseHand.d.ts +1 -1
- package/dist/Prebuilt/components/hooks/useMetadata.d.ts +8 -0
- package/dist/{chunk-2V7F62FX.js → chunk-KUFQ5ONV.js} +34 -35
- package/dist/chunk-KUFQ5ONV.js.map +7 -0
- package/dist/index.cjs.js +485 -483
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +39 -44
- package/dist/meta.esbuild.json +45 -50
- package/package.json +7 -7
- package/src/Accordion/Accordion.tsx +4 -4
- package/src/Prebuilt/components/Chat/ChatBody.tsx +10 -0
- package/src/Prebuilt/components/Chat/ChatFooter.tsx +2 -4
- package/src/Prebuilt/components/ConferenceScreen.tsx +1 -4
- package/src/Prebuilt/components/Footer/Footer.tsx +1 -4
- package/src/Prebuilt/components/Footer/ParticipantList.tsx +4 -1
- package/src/Prebuilt/components/Footer/RoleAccordion.tsx +6 -6
- package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx +0 -1
- package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +1 -5
- package/src/Prebuilt/components/PreviousRoleInMetadata.tsx +0 -1
- package/src/Prebuilt/components/RaiseHand.tsx +7 -1
- package/src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx +0 -1
- package/src/Prebuilt/components/hooks/{useMetadata.jsx → useMetadata.tsx} +2 -8
- package/dist/chunk-2V7F62FX.js.map +0 -7
- /package/dist/{HLSView-NVF25XHT.js.map → HLSView-GI5NXBYN.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_c141a2c0-32b5-4eb1-9121-895143e951e6", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.19.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.10.3-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c141a2c0-32b5-4eb1-9121-895143e951e6", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.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.13.3-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.7", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "601", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240310.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:20031", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.3-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", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8295361424", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "23e3bf90410ae16869b67438ac403cba6027db98", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "febdcd611bd2e7b71c95773975a838963da6d830e4eb4ca2aaad2680a9697a39", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1710501539063-0.8992863326107012:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710501538840-0.4644413486761725:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710501517171-0.06504511434237248:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710501516997-0.10551021203929101:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_66b9242f-a1e3-45f9-b76e-814147f38a5f", INVOCATION_ID: "62606dcd62ad4362bca459c2f50d146f", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "481", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 55", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.3-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.3-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "23e3bf90410ae16869b67438ac403cba6027db98", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_c141a2c0-32b5-4eb1-9121-895143e951e6", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_c141a2c0-32b5-4eb1-9121-895143e951e6", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_c141a2c0-32b5-4eb1-9121-895143e951e6" };
|
|
111
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.19.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.10.3-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.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.13.3-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "593", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240310.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19847", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.3-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8339008099", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "ada10fb3dc34984fd59f37f08629e8bd2a0f6c4c", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "c2142c3cc8bf8d6ed2ac27c56ab4a600b5c8eb8e9391d303a398693a6a4a21e8", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1710832689540-0.1579875898379377:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832689347-0.6191761134799965:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832667592-0.18702594396511474:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832667416-0.6771953480301691:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e14939ec-5f43-488a-8f80-7eb5d6b530d2", INVOCATION_ID: "26b5f425f34b46f2b1ca5d99eb8c8e31", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "483", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 442", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.3-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.3-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "ada10fb3dc34984fd59f37f08629e8bd2a0f6c4c", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d" };
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
|
|
@@ -3331,8 +3331,8 @@ var init_Accordion = __esm({
|
|
|
3331
3331
|
AccordionRoot = StyledAccordion;
|
|
3332
3332
|
AccordionItem = StyledItem;
|
|
3333
3333
|
AccordionHeader = import_react23.default.forwardRef((_a8, forwardedRef) => {
|
|
3334
|
-
var _b7 = _a8, { children, iconStyles, css: css2 } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css"]);
|
|
3335
|
-
return /* @__PURE__ */ import_react23.default.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ import_react23.default.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ import_react23.default.createElement(StyledChevron, { "aria-hidden": true, css: iconStyles })));
|
|
3334
|
+
var _b7 = _a8, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
|
|
3335
|
+
return /* @__PURE__ */ import_react23.default.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ import_react23.default.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ import_react23.default.createElement(StyledChevron, { "data-testid": chevronID, "aria-hidden": true, css: iconStyles })));
|
|
3336
3336
|
});
|
|
3337
3337
|
AccordionContent = import_react23.default.forwardRef(
|
|
3338
3338
|
(_a8, forwardedRef) => {
|
|
@@ -13728,10 +13728,10 @@ var init_MuteAllModal = __esm({
|
|
|
13728
13728
|
}
|
|
13729
13729
|
});
|
|
13730
13730
|
|
|
13731
|
-
// src/Prebuilt/components/hooks/useMetadata.
|
|
13731
|
+
// src/Prebuilt/components/hooks/useMetadata.tsx
|
|
13732
13732
|
var import_react67, import_react_sdk27, useMyMetadata;
|
|
13733
13733
|
var init_useMetadata = __esm({
|
|
13734
|
-
"src/Prebuilt/components/hooks/useMetadata.
|
|
13734
|
+
"src/Prebuilt/components/hooks/useMetadata.tsx"() {
|
|
13735
13735
|
"use strict";
|
|
13736
13736
|
init_define_process_env();
|
|
13737
13737
|
import_react67 = require("react");
|
|
@@ -13750,6 +13750,7 @@ var init_useMetadata = __esm({
|
|
|
13750
13750
|
} catch (error) {
|
|
13751
13751
|
console.error("failed to update metadata ", updatedFields);
|
|
13752
13752
|
}
|
|
13753
|
+
return false;
|
|
13753
13754
|
});
|
|
13754
13755
|
const toggleHandRaise = (0, import_react67.useCallback)(() => __async(void 0, null, function* () {
|
|
13755
13756
|
if (isHandRaised) {
|
|
@@ -13766,19 +13767,13 @@ var init_useMetadata = __esm({
|
|
|
13766
13767
|
yield hmsActions.lowerLocalPeerHand();
|
|
13767
13768
|
}
|
|
13768
13769
|
}), [metaData == null ? void 0 : metaData.isBRBOn]);
|
|
13769
|
-
const setPrevRole = (role) => __async(void 0, null, function* () {
|
|
13770
|
-
yield update({
|
|
13771
|
-
prevRole: role
|
|
13772
|
-
});
|
|
13773
|
-
});
|
|
13774
13770
|
return {
|
|
13775
13771
|
isHandRaised,
|
|
13776
13772
|
isBRBOn: !!(metaData == null ? void 0 : metaData.isBRBOn),
|
|
13777
13773
|
metaData,
|
|
13778
13774
|
updateMetaData: update,
|
|
13779
13775
|
toggleHandRaise,
|
|
13780
|
-
toggleBRB
|
|
13781
|
-
setPrevRole
|
|
13776
|
+
toggleBRB
|
|
13782
13777
|
};
|
|
13783
13778
|
};
|
|
13784
13779
|
}
|
|
@@ -19564,7 +19559,7 @@ var init_dist = __esm({
|
|
|
19564
19559
|
};
|
|
19565
19560
|
Ia = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
19566
19561
|
lr = Ia((ed, Ka) => {
|
|
19567
|
-
Ka.exports = { version: "0.12.3-alpha.
|
|
19562
|
+
Ka.exports = { version: "0.12.3-alpha.2", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
|
|
19568
19563
|
});
|
|
19569
19564
|
Zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Zi || {});
|
|
19570
19565
|
Ra = ((e) => (e.CHAT = "chat", e))(Ra || {});
|
|
@@ -21341,8 +21336,6 @@ var init_MwebOptions = __esm({
|
|
|
21341
21336
|
const peerCount = (0, import_react_sdk36.useHMSStore)(import_react_sdk36.selectPeerCount);
|
|
21342
21337
|
const emojiCardRef = (0, import_react78.useRef)(null);
|
|
21343
21338
|
const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
|
|
21344
|
-
const { toggleAudio, toggleVideo } = (0, import_react_sdk36.useAVToggle)();
|
|
21345
|
-
const noAVPermissions = !(toggleAudio || toggleVideo);
|
|
21346
21339
|
const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
|
|
21347
21340
|
const { title, description } = useRoomLayoutHeader();
|
|
21348
21341
|
const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
@@ -21404,7 +21397,7 @@ var init_MwebOptions = __esm({
|
|
|
21404
21397
|
/* @__PURE__ */ import_react78.default.createElement(import_react_icons31.PeopleIcon, null),
|
|
21405
21398
|
/* @__PURE__ */ import_react78.default.createElement(ActionTile.Title, null, "Participants")
|
|
21406
21399
|
),
|
|
21407
|
-
|
|
21400
|
+
elements.hand_raise ? /* @__PURE__ */ import_react78.default.createElement(
|
|
21408
21401
|
ActionTile.Root,
|
|
21409
21402
|
{
|
|
21410
21403
|
active: isHandRaised,
|
|
@@ -21597,9 +21590,14 @@ var init_RaiseHand = __esm({
|
|
|
21597
21590
|
import_react_icons32 = require("@100mslive/react-icons");
|
|
21598
21591
|
init_Tooltip2();
|
|
21599
21592
|
init_IconButton3();
|
|
21593
|
+
init_useRoomLayoutScreen();
|
|
21600
21594
|
init_useMetadata();
|
|
21601
21595
|
RaiseHand = ({ css: css2 }) => {
|
|
21602
21596
|
const { isHandRaised, toggleHandRaise } = useMyMetadata();
|
|
21597
|
+
const { elements } = useRoomLayoutConferencingScreen();
|
|
21598
|
+
if (!elements.hand_raise) {
|
|
21599
|
+
return null;
|
|
21600
|
+
}
|
|
21603
21601
|
return /* @__PURE__ */ import_react80.default.createElement(Tooltip, { title: isHandRaised ? "Lower hand" : "Raise hand" }, /* @__PURE__ */ import_react80.default.createElement(
|
|
21604
21602
|
IconButton_default,
|
|
21605
21603
|
{
|
|
@@ -22703,6 +22701,7 @@ var init_RoleAccordion = __esm({
|
|
|
22703
22701
|
return /* @__PURE__ */ import_react93.default.createElement(Accordion.Item, { value: roleName, css: { "&:hover .role_actions": { visibility: "visible" }, mb: "$8" }, ref }, /* @__PURE__ */ import_react93.default.createElement(
|
|
22704
22702
|
Accordion.Header,
|
|
22705
22703
|
{
|
|
22704
|
+
chevronID: `role_accordion_btn_${roleName}`,
|
|
22706
22705
|
iconStyles: { c: "$on_surface_high" },
|
|
22707
22706
|
css: {
|
|
22708
22707
|
textTransform: "capitalize",
|
|
@@ -22755,7 +22754,7 @@ var init_RoleAccordion = __esm({
|
|
|
22755
22754
|
},
|
|
22756
22755
|
/* @__PURE__ */ import_react93.default.createElement(Text, { variant: "sm", css: { color: "inherit" } }, "View All"),
|
|
22757
22756
|
/* @__PURE__ */ import_react93.default.createElement(import_react_icons42.ChevronRightIcon, null)
|
|
22758
|
-
) : null, isHandRaisedAccordion && /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react93.default.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ import_react93.default.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons42.CrossIcon, null), " Lower all hands"),
|
|
22757
|
+
) : null, isHandRaisedAccordion && canBringToStage && /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react93.default.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ import_react93.default.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons42.CrossIcon, null), " Lower all hands"), /* @__PURE__ */ import_react93.default.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons42.AddIcon, null), " ", bring_to_stage_label)))));
|
|
22759
22758
|
};
|
|
22760
22759
|
}
|
|
22761
22760
|
});
|
|
@@ -23076,7 +23075,10 @@ var init_ParticipantList = __esm({
|
|
|
23076
23075
|
peerId,
|
|
23077
23076
|
role
|
|
23078
23077
|
});
|
|
23079
|
-
|
|
23078
|
+
if (!shouldShowStageRoleChange) {
|
|
23079
|
+
return null;
|
|
23080
|
+
}
|
|
23081
|
+
return /* @__PURE__ */ import_react95.default.createElement(import_react95.default.Fragment, null, /* @__PURE__ */ import_react95.default.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ import_react95.default.createElement(import_react_icons43.CrossIcon, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ import_react95.default.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ import_react95.default.createElement(import_react_icons43.AddIcon, { height: 18, width: 18 })));
|
|
23080
23082
|
};
|
|
23081
23083
|
ParticipantMoreActions = ({ peerId, role }) => {
|
|
23082
23084
|
const {
|
|
@@ -23237,7 +23239,7 @@ var init_WhiteboardToggle = __esm({
|
|
|
23237
23239
|
});
|
|
23238
23240
|
|
|
23239
23241
|
// src/Prebuilt/components/Footer/Footer.tsx
|
|
23240
|
-
var import_react98, import_react_use15, import_chat,
|
|
23242
|
+
var import_react98, import_react_use15, import_chat, Footer2;
|
|
23241
23243
|
var init_Footer3 = __esm({
|
|
23242
23244
|
"src/Prebuilt/components/Footer/Footer.tsx"() {
|
|
23243
23245
|
"use strict";
|
|
@@ -23245,7 +23247,6 @@ var init_Footer3 = __esm({
|
|
|
23245
23247
|
import_react98 = __toESM(require("react"));
|
|
23246
23248
|
import_react_use15 = require("react-use");
|
|
23247
23249
|
import_chat = require("@100mslive/types-prebuilt/elements/chat");
|
|
23248
|
-
import_react_sdk49 = require("@100mslive/react-sdk");
|
|
23249
23250
|
init_src();
|
|
23250
23251
|
init_AudioVideoToggle();
|
|
23251
23252
|
init_EmojiReaction();
|
|
@@ -23269,8 +23270,6 @@ var init_Footer3 = __esm({
|
|
|
23269
23270
|
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
23270
23271
|
const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
|
|
23271
23272
|
const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === import_chat.Chat_ChatState.CHAT_STATE_OPEN;
|
|
23272
|
-
const { toggleAudio, toggleVideo } = (0, import_react_sdk49.useAVToggle)();
|
|
23273
|
-
const noAVPermissions = !(toggleAudio || toggleVideo);
|
|
23274
23273
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
|
23275
23274
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
23276
23275
|
const { showPolls } = useShowPolls();
|
|
@@ -23318,7 +23317,7 @@ var init_Footer3 = __esm({
|
|
|
23318
23317
|
}
|
|
23319
23318
|
}
|
|
23320
23319
|
},
|
|
23321
|
-
isMobile ? /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null,
|
|
23320
|
+
isMobile ? /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, /* @__PURE__ */ import_react98.default.createElement(RaiseHand, null), (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ import_react98.default.createElement(ChatToggle, null), /* @__PURE__ */ import_react98.default.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, /* @__PURE__ */ import_react98.default.createElement(ScreenshareToggle, null), /* @__PURE__ */ import_react98.default.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ import_react98.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react98.default.createElement(LeaveRoom, { screenType }))
|
|
23322
23321
|
),
|
|
23323
23322
|
/* @__PURE__ */ import_react98.default.createElement(Footer.Right, null, /* @__PURE__ */ import_react98.default.createElement(WhiteboardToggle, null), showPolls && /* @__PURE__ */ import_react98.default.createElement(PollsToggle, null), !isMobile && (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ import_react98.default.createElement(ChatToggle, null), (elements == null ? void 0 : elements.participant_list) && /* @__PURE__ */ import_react98.default.createElement(ParticipantCount, null), /* @__PURE__ */ import_react98.default.createElement(MoreSettings, { elements, screenType }))
|
|
23324
23323
|
);
|
|
@@ -23328,10 +23327,10 @@ var init_Footer3 = __esm({
|
|
|
23328
23327
|
|
|
23329
23328
|
// src/Prebuilt/components/Notifications/HLSFailureModal.tsx
|
|
23330
23329
|
function HLSFailureModal() {
|
|
23331
|
-
const hlsError = (0,
|
|
23330
|
+
const hlsError = (0, import_react_sdk49.useHMSStore)(import_react_sdk49.selectHLSState).error || false;
|
|
23332
23331
|
const [openModal, setOpenModal] = (0, import_react99.useState)(!!hlsError);
|
|
23333
|
-
const hmsActions = (0,
|
|
23334
|
-
const { isRTMPRunning } = (0,
|
|
23332
|
+
const hmsActions = (0, import_react_sdk49.useHMSActions)();
|
|
23333
|
+
const { isRTMPRunning } = (0, import_react_sdk49.useRecordingStreaming)();
|
|
23335
23334
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
23336
23335
|
const startHLS = (0, import_react99.useCallback)(() => __async(this, null, function* () {
|
|
23337
23336
|
try {
|
|
@@ -23370,13 +23369,13 @@ function HLSFailureModal() {
|
|
|
23370
23369
|
), /* @__PURE__ */ import_react99.default.createElement(Text, { variant: "sm", css: { mb: "$10", color: "$on_surface_medium" } }, "Something went wrong and your live broadcast failed. Please try again."), /* @__PURE__ */ import_react99.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react99.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setOpenModal(false) }, "Dismiss"), /* @__PURE__ */ import_react99.default.createElement(Button, { css: { w: "100%" }, onClick: startHLS }, "Go Live"))))
|
|
23371
23370
|
) : null;
|
|
23372
23371
|
}
|
|
23373
|
-
var import_react99,
|
|
23372
|
+
var import_react99, import_react_sdk49;
|
|
23374
23373
|
var init_HLSFailureModal = __esm({
|
|
23375
23374
|
"src/Prebuilt/components/Notifications/HLSFailureModal.tsx"() {
|
|
23376
23375
|
"use strict";
|
|
23377
23376
|
init_define_process_env();
|
|
23378
23377
|
import_react99 = __toESM(require("react"));
|
|
23379
|
-
|
|
23378
|
+
import_react_sdk49 = require("@100mslive/react-sdk");
|
|
23380
23379
|
init_Button2();
|
|
23381
23380
|
init_Layout();
|
|
23382
23381
|
init_Modal();
|
|
@@ -23387,13 +23386,13 @@ var init_HLSFailureModal = __esm({
|
|
|
23387
23386
|
});
|
|
23388
23387
|
|
|
23389
23388
|
// src/Prebuilt/components/Streaming/Common.jsx
|
|
23390
|
-
var import_react100,
|
|
23389
|
+
var import_react100, import_react_sdk50, import_react_icons46, ContentHeader, Container3, ErrorText;
|
|
23391
23390
|
var init_Common = __esm({
|
|
23392
23391
|
"src/Prebuilt/components/Streaming/Common.jsx"() {
|
|
23393
23392
|
"use strict";
|
|
23394
23393
|
init_define_process_env();
|
|
23395
23394
|
import_react100 = __toESM(require("react"));
|
|
23396
|
-
|
|
23395
|
+
import_react_sdk50 = require("@100mslive/react-sdk");
|
|
23397
23396
|
import_react_icons46 = require("@100mslive/react-icons");
|
|
23398
23397
|
init_src();
|
|
23399
23398
|
ContentHeader = ({ onBack, onClose, title = "", content }) => {
|
|
@@ -23537,13 +23536,13 @@ function InteractionSelectionCard({
|
|
|
23537
23536
|
/* @__PURE__ */ import_react102.default.createElement(Text, { variant: "sub1", css: { ml: "$md" } }, title)
|
|
23538
23537
|
);
|
|
23539
23538
|
}
|
|
23540
|
-
var import_react102,
|
|
23539
|
+
var import_react102, import_react_sdk51, import_react_icons47, PollsQuizMenu, AddMenu, PrevMenu, InteractionCard;
|
|
23541
23540
|
var init_PollsQuizMenu = __esm({
|
|
23542
23541
|
"src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx"() {
|
|
23543
23542
|
"use strict";
|
|
23544
23543
|
init_define_process_env();
|
|
23545
23544
|
import_react102 = __toESM(require("react"));
|
|
23546
|
-
|
|
23545
|
+
import_react_sdk51 = require("@100mslive/react-sdk");
|
|
23547
23546
|
import_react_icons47 = require("@100mslive/react-icons");
|
|
23548
23547
|
init_src();
|
|
23549
23548
|
init_Common();
|
|
@@ -23554,13 +23553,13 @@ var init_PollsQuizMenu = __esm({
|
|
|
23554
23553
|
init_constants();
|
|
23555
23554
|
PollsQuizMenu = () => {
|
|
23556
23555
|
const togglePollView = usePollViewToggle();
|
|
23557
|
-
const permissions = (0,
|
|
23556
|
+
const permissions = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions);
|
|
23558
23557
|
return /* @__PURE__ */ import_react102.default.createElement(Container3, { rounded: true }, /* @__PURE__ */ import_react102.default.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ import_react102.default.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ import_react102.default.createElement(AddMenu, null), /* @__PURE__ */ import_react102.default.createElement(PrevMenu, null)));
|
|
23559
23558
|
};
|
|
23560
23559
|
AddMenu = () => {
|
|
23561
|
-
const actions = (0,
|
|
23560
|
+
const actions = (0, import_react_sdk51.useHMSActions)();
|
|
23562
23561
|
const [title, setTitle] = (0, import_react102.useState)("");
|
|
23563
|
-
const localPeerRoleName = (0,
|
|
23562
|
+
const localPeerRoleName = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectLocalPeerRoleName);
|
|
23564
23563
|
const [hideVoteCount, setHideVoteCount] = (0, import_react102.useState)(false);
|
|
23565
23564
|
const [error, setError] = (0, import_react102.useState)();
|
|
23566
23565
|
const [titleError, setTitleError] = (0, import_react102.useState)("");
|
|
@@ -23641,8 +23640,8 @@ var init_PollsQuizMenu = __esm({
|
|
|
23641
23640
|
), /* @__PURE__ */ import_react102.default.createElement(ErrorText, { error: error || titleError })));
|
|
23642
23641
|
};
|
|
23643
23642
|
PrevMenu = () => {
|
|
23644
|
-
const hmsActions = (0,
|
|
23645
|
-
const polls = (0,
|
|
23643
|
+
const hmsActions = (0, import_react_sdk51.useHMSActions)();
|
|
23644
|
+
const polls = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPolls);
|
|
23646
23645
|
const sortedPolls = (0, import_react102.useMemo)(
|
|
23647
23646
|
() => {
|
|
23648
23647
|
var _a8;
|
|
@@ -23653,7 +23652,7 @@ var init_PollsQuizMenu = __esm({
|
|
|
23653
23652
|
},
|
|
23654
23653
|
[polls]
|
|
23655
23654
|
);
|
|
23656
|
-
const permissions = (0,
|
|
23655
|
+
const permissions = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions);
|
|
23657
23656
|
(0, import_react102.useEffect)(() => {
|
|
23658
23657
|
const updatePolls = () => __async(void 0, null, function* () {
|
|
23659
23658
|
yield hmsActions.interactivityCenter.getPolls();
|
|
@@ -24295,11 +24294,11 @@ var init_SavedQuestion = __esm({
|
|
|
24295
24294
|
// src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
|
|
24296
24295
|
function CreateQuestions() {
|
|
24297
24296
|
var _a8, _b7, _c, _d;
|
|
24298
|
-
const actions = (0,
|
|
24299
|
-
const { isHLSRunning } = (0,
|
|
24297
|
+
const actions = (0, import_react_sdk52.useHMSActions)();
|
|
24298
|
+
const { isHLSRunning } = (0, import_react_sdk52.useRecordingStreaming)();
|
|
24300
24299
|
const togglePollView = usePollViewToggle();
|
|
24301
24300
|
const { pollInView: id, setPollView } = usePollViewState();
|
|
24302
|
-
const interaction = (0,
|
|
24301
|
+
const interaction = (0, import_react_sdk52.useHMSStore)((0, import_react_sdk52.selectPollByID)(id));
|
|
24303
24302
|
const [questions, setQuestions] = (0, import_react112.useState)(
|
|
24304
24303
|
((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
|
|
24305
24304
|
);
|
|
@@ -24379,14 +24378,14 @@ function CreateQuestions() {
|
|
|
24379
24378
|
return launchPoll();
|
|
24380
24379
|
}) }, "Launch ", interaction == null ? void 0 : interaction.type))));
|
|
24381
24380
|
}
|
|
24382
|
-
var import_react112, import_uuid11,
|
|
24381
|
+
var import_react112, import_uuid11, import_react_sdk52, import_react_icons54, getEditableFormat, QuestionCard;
|
|
24383
24382
|
var init_CreateQuestions = __esm({
|
|
24384
24383
|
"src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx"() {
|
|
24385
24384
|
"use strict";
|
|
24386
24385
|
init_define_process_env();
|
|
24387
24386
|
import_react112 = __toESM(require("react"));
|
|
24388
24387
|
import_uuid11 = require("uuid");
|
|
24389
|
-
|
|
24388
|
+
import_react_sdk52 = require("@100mslive/react-sdk");
|
|
24390
24389
|
import_react_icons54 = require("@100mslive/react-icons");
|
|
24391
24390
|
init_src();
|
|
24392
24391
|
init_Common();
|
|
@@ -24514,16 +24513,16 @@ var init_StatisticBox = __esm({
|
|
|
24514
24513
|
});
|
|
24515
24514
|
|
|
24516
24515
|
// src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
|
|
24517
|
-
var import_react115,
|
|
24516
|
+
var import_react115, import_react_sdk53, useQuizSummary;
|
|
24518
24517
|
var init_useQuizSummary = __esm({
|
|
24519
24518
|
"src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx"() {
|
|
24520
24519
|
"use strict";
|
|
24521
24520
|
init_define_process_env();
|
|
24522
24521
|
import_react115 = require("react");
|
|
24523
|
-
|
|
24522
|
+
import_react_sdk53 = require("@100mslive/react-sdk");
|
|
24524
24523
|
useQuizSummary = (quizID) => {
|
|
24525
|
-
const hmsActions = (0,
|
|
24526
|
-
const quiz = (0,
|
|
24524
|
+
const hmsActions = (0, import_react_sdk53.useHMSActions)();
|
|
24525
|
+
const quiz = (0, import_react_sdk53.useHMSStore)((0, import_react_sdk53.selectPollByID)(quizID));
|
|
24527
24526
|
const [quizLeaderboard, setQuizLeaderboard] = (0, import_react115.useState)();
|
|
24528
24527
|
const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
|
|
24529
24528
|
totalUsers: 0,
|
|
@@ -24561,20 +24560,20 @@ var init_useQuizSummary = __esm({
|
|
|
24561
24560
|
});
|
|
24562
24561
|
|
|
24563
24562
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
24564
|
-
var import_react116,
|
|
24563
|
+
var import_react116, import_react_sdk54, PeerParticipationSummary;
|
|
24565
24564
|
var init_PeerParticipationSummary = __esm({
|
|
24566
24565
|
"src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx"() {
|
|
24567
24566
|
"use strict";
|
|
24568
24567
|
init_define_process_env();
|
|
24569
24568
|
import_react116 = __toESM(require("react"));
|
|
24570
|
-
|
|
24569
|
+
import_react_sdk54 = require("@100mslive/react-sdk");
|
|
24571
24570
|
init_Layout();
|
|
24572
24571
|
init_Text2();
|
|
24573
24572
|
init_StatisticBox();
|
|
24574
24573
|
init_useQuizSummary();
|
|
24575
24574
|
init_utils4();
|
|
24576
24575
|
PeerParticipationSummary = ({ quiz }) => {
|
|
24577
|
-
const localPeerId = (0,
|
|
24576
|
+
const localPeerId = (0, import_react_sdk54.useHMSStore)(import_react_sdk54.selectLocalPeerID);
|
|
24578
24577
|
const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
|
|
24579
24578
|
if (quiz.state !== "stopped") {
|
|
24580
24579
|
return /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null);
|
|
@@ -24615,13 +24614,13 @@ var init_PeerParticipationSummary = __esm({
|
|
|
24615
24614
|
});
|
|
24616
24615
|
|
|
24617
24616
|
// src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
|
|
24618
|
-
var import_react117,
|
|
24617
|
+
var import_react117, import_react_sdk55, import_react_icons56, LeaderboardSummary;
|
|
24619
24618
|
var init_LeaderboardSummary = __esm({
|
|
24620
24619
|
"src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx"() {
|
|
24621
24620
|
"use strict";
|
|
24622
24621
|
init_define_process_env();
|
|
24623
24622
|
import_react117 = __toESM(require("react"));
|
|
24624
|
-
|
|
24623
|
+
import_react_sdk55 = require("@100mslive/react-sdk");
|
|
24625
24624
|
import_react_icons56 = require("@100mslive/react-icons");
|
|
24626
24625
|
init_Layout();
|
|
24627
24626
|
init_Loading2();
|
|
@@ -24635,7 +24634,7 @@ var init_LeaderboardSummary = __esm({
|
|
|
24635
24634
|
init_constants();
|
|
24636
24635
|
LeaderboardSummary = ({ pollID }) => {
|
|
24637
24636
|
var _a8, _b7;
|
|
24638
|
-
const quiz = (0,
|
|
24637
|
+
const quiz = (0, import_react_sdk55.useHMSStore)((0, import_react_sdk55.selectPollByID)(pollID));
|
|
24639
24638
|
const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
|
|
24640
24639
|
const [viewAllEntries, setViewAllEntries] = (0, import_react117.useState)(false);
|
|
24641
24640
|
const { setPollView } = usePollViewState();
|
|
@@ -24708,14 +24707,14 @@ var init_LeaderboardSummary = __esm({
|
|
|
24708
24707
|
});
|
|
24709
24708
|
|
|
24710
24709
|
// src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
|
|
24711
|
-
var import_react118, import_ts_pattern7,
|
|
24710
|
+
var import_react118, import_ts_pattern7, import_react_sdk56, import_react_icons57, QuestionCard2, QuestionActions;
|
|
24712
24711
|
var init_QuestionCard = __esm({
|
|
24713
24712
|
"src/Prebuilt/components/Polls/Voting/QuestionCard.jsx"() {
|
|
24714
24713
|
"use strict";
|
|
24715
24714
|
init_define_process_env();
|
|
24716
24715
|
import_react118 = __toESM(require("react"));
|
|
24717
24716
|
import_ts_pattern7 = require("ts-pattern");
|
|
24718
|
-
|
|
24717
|
+
import_react_sdk56 = require("@100mslive/react-sdk");
|
|
24719
24718
|
import_react_icons57 = require("@100mslive/react-icons");
|
|
24720
24719
|
init_src();
|
|
24721
24720
|
init_utils2();
|
|
@@ -24737,8 +24736,8 @@ var init_QuestionCard = __esm({
|
|
|
24737
24736
|
responses = [],
|
|
24738
24737
|
rolesThatCanViewResponses
|
|
24739
24738
|
}) => {
|
|
24740
|
-
const actions = (0,
|
|
24741
|
-
const localPeer = (0,
|
|
24739
|
+
const actions = (0, import_react_sdk56.useHMSActions)();
|
|
24740
|
+
const localPeer = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectLocalPeer);
|
|
24742
24741
|
const localPeerResponse = responses == null ? void 0 : responses.find(
|
|
24743
24742
|
(response) => {
|
|
24744
24743
|
var _a8, _b7;
|
|
@@ -24746,7 +24745,7 @@ var init_QuestionCard = __esm({
|
|
|
24746
24745
|
}
|
|
24747
24746
|
);
|
|
24748
24747
|
const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
|
|
24749
|
-
const localPeerRoleName = (0,
|
|
24748
|
+
const localPeerRoleName = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectLocalPeerRoleName);
|
|
24750
24749
|
const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
|
|
24751
24750
|
const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
|
|
24752
24751
|
const isLive = pollState === "started";
|
|
@@ -24946,18 +24945,18 @@ var init_StandardVoting = __esm({
|
|
|
24946
24945
|
});
|
|
24947
24946
|
|
|
24948
24947
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
|
24949
|
-
var import_react120,
|
|
24948
|
+
var import_react120, import_react_sdk57, TimedView;
|
|
24950
24949
|
var init_TimedVoting = __esm({
|
|
24951
24950
|
"src/Prebuilt/components/Polls/Voting/TimedVoting.tsx"() {
|
|
24952
24951
|
"use strict";
|
|
24953
24952
|
init_define_process_env();
|
|
24954
24953
|
import_react120 = __toESM(require("react"));
|
|
24955
|
-
|
|
24954
|
+
import_react_sdk57 = require("@100mslive/react-sdk");
|
|
24956
24955
|
init_QuestionCard();
|
|
24957
24956
|
init_utils2();
|
|
24958
24957
|
TimedView = ({ poll }) => {
|
|
24959
24958
|
var _a8, _b7, _c;
|
|
24960
|
-
const localPeerId = (0,
|
|
24959
|
+
const localPeerId = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectLocalPeerID);
|
|
24961
24960
|
const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
|
|
24962
24961
|
const [currentIndex, setCurrentIndex] = (0, import_react120.useState)(lastAttemptedIndex);
|
|
24963
24962
|
const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
|
|
@@ -24993,13 +24992,13 @@ var init_TimedVoting = __esm({
|
|
|
24993
24992
|
});
|
|
24994
24993
|
|
|
24995
24994
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
|
24996
|
-
var import_react121,
|
|
24995
|
+
var import_react121, import_react_sdk58, import_react_icons58, Voting;
|
|
24997
24996
|
var init_Voting = __esm({
|
|
24998
24997
|
"src/Prebuilt/components/Polls/Voting/Voting.tsx"() {
|
|
24999
24998
|
"use strict";
|
|
25000
24999
|
init_define_process_env();
|
|
25001
25000
|
import_react121 = __toESM(require("react"));
|
|
25002
|
-
|
|
25001
|
+
import_react_sdk58 = require("@100mslive/react-sdk");
|
|
25003
25002
|
import_react_icons58 = require("@100mslive/react-icons");
|
|
25004
25003
|
init_src();
|
|
25005
25004
|
init_Common();
|
|
@@ -25009,10 +25008,10 @@ var init_Voting = __esm({
|
|
|
25009
25008
|
init_StatusIndicator();
|
|
25010
25009
|
init_constants();
|
|
25011
25010
|
Voting = ({ id, toggleVoting }) => {
|
|
25012
|
-
const actions = (0,
|
|
25013
|
-
const poll = (0,
|
|
25014
|
-
const pollCreatorName = (0,
|
|
25015
|
-
const permissions = (0,
|
|
25011
|
+
const actions = (0, import_react_sdk58.useHMSActions)();
|
|
25012
|
+
const poll = (0, import_react_sdk58.useHMSStore)((0, import_react_sdk58.selectPollByID)(id));
|
|
25013
|
+
const pollCreatorName = (0, import_react_sdk58.useHMSStore)((0, import_react_sdk58.selectPeerNameByID)(poll == null ? void 0 : poll.createdBy));
|
|
25014
|
+
const permissions = (0, import_react_sdk58.useHMSStore)(import_react_sdk58.selectPermissions);
|
|
25016
25015
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
|
25017
25016
|
const { setPollView } = usePollViewState();
|
|
25018
25017
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
|
@@ -25110,18 +25109,18 @@ var init_Polls = __esm({
|
|
|
25110
25109
|
});
|
|
25111
25110
|
|
|
25112
25111
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
|
25113
|
-
var import_react123,
|
|
25112
|
+
var import_react123, import_react_sdk59, import_react_icons59, SpeakerTag, LogoImg, Logo;
|
|
25114
25113
|
var init_HeaderComponents = __esm({
|
|
25115
25114
|
"src/Prebuilt/components/Header/HeaderComponents.jsx"() {
|
|
25116
25115
|
"use strict";
|
|
25117
25116
|
init_define_process_env();
|
|
25118
25117
|
import_react123 = __toESM(require("react"));
|
|
25119
|
-
|
|
25118
|
+
import_react_sdk59 = require("@100mslive/react-sdk");
|
|
25120
25119
|
import_react_icons59 = require("@100mslive/react-icons");
|
|
25121
25120
|
init_src();
|
|
25122
25121
|
init_roomLayoutProvider();
|
|
25123
25122
|
SpeakerTag = () => {
|
|
25124
|
-
const dominantSpeaker = (0,
|
|
25123
|
+
const dominantSpeaker = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectDominantSpeaker);
|
|
25125
25124
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ import_react123.default.createElement(
|
|
25126
25125
|
Flex,
|
|
25127
25126
|
{
|
|
@@ -25270,17 +25269,17 @@ var init_MwebChatOption = __esm({
|
|
|
25270
25269
|
});
|
|
25271
25270
|
|
|
25272
25271
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
|
25273
|
-
var import_react128,
|
|
25272
|
+
var import_react128, import_react_sdk60, useChatBlacklist, useIsPeerBlacklisted;
|
|
25274
25273
|
var init_useChatBlacklist = __esm({
|
|
25275
25274
|
"src/Prebuilt/components/hooks/useChatBlacklist.ts"() {
|
|
25276
25275
|
"use strict";
|
|
25277
25276
|
init_define_process_env();
|
|
25278
25277
|
import_react128 = require("react");
|
|
25279
|
-
|
|
25278
|
+
import_react_sdk60 = require("@100mslive/react-sdk");
|
|
25280
25279
|
init_ToastManager();
|
|
25281
25280
|
useChatBlacklist = (sessionStoreKey) => {
|
|
25282
|
-
const hmsActions = (0,
|
|
25283
|
-
const blacklistedIDs = (0,
|
|
25281
|
+
const hmsActions = (0, import_react_sdk60.useHMSActions)();
|
|
25282
|
+
const blacklistedIDs = (0, import_react_sdk60.useHMSStore)((0, import_react_sdk60.selectSessionStore)(sessionStoreKey));
|
|
25284
25283
|
const blacklistItem = (0, import_react128.useCallback)(
|
|
25285
25284
|
(blacklistID) => __async(void 0, null, function* () {
|
|
25286
25285
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -25290,35 +25289,35 @@ var init_useChatBlacklist = __esm({
|
|
|
25290
25289
|
return { blacklistItem, blacklistedIDs };
|
|
25291
25290
|
};
|
|
25292
25291
|
useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
|
25293
|
-
const localPeer = (0,
|
|
25294
|
-
const blacklistedPeerIDs = (0,
|
|
25292
|
+
const localPeer = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectLocalPeer);
|
|
25293
|
+
const blacklistedPeerIDs = (0, import_react_sdk60.useHMSStore)((0, import_react_sdk60.selectSessionStore)("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
|
25295
25294
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
|
25296
25295
|
};
|
|
25297
25296
|
}
|
|
25298
25297
|
});
|
|
25299
25298
|
|
|
25300
25299
|
// src/Prebuilt/components/hooks/usePinnedMessages.ts
|
|
25301
|
-
var import_react129,
|
|
25300
|
+
var import_react129, import_react_sdk61, usePinnedMessages;
|
|
25302
25301
|
var init_usePinnedMessages = __esm({
|
|
25303
25302
|
"src/Prebuilt/components/hooks/usePinnedMessages.ts"() {
|
|
25304
25303
|
"use strict";
|
|
25305
25304
|
init_define_process_env();
|
|
25306
25305
|
import_react129 = require("react");
|
|
25307
|
-
|
|
25306
|
+
import_react_sdk61 = require("@100mslive/react-sdk");
|
|
25308
25307
|
init_ToastManager();
|
|
25309
25308
|
usePinnedMessages = () => {
|
|
25310
|
-
const hmsActions = (0,
|
|
25311
|
-
const vanillaStore = (0,
|
|
25309
|
+
const hmsActions = (0, import_react_sdk61.useHMSActions)();
|
|
25310
|
+
const vanillaStore = (0, import_react_sdk61.useHMSVanillaStore)();
|
|
25312
25311
|
const setPinnedMessages = (0, import_react129.useCallback)(
|
|
25313
25312
|
(message, pinnedBy) => __async(void 0, null, function* () {
|
|
25314
|
-
const peerName = vanillaStore.getState((0,
|
|
25313
|
+
const peerName = vanillaStore.getState((0, import_react_sdk61.selectPeerNameByID)(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
|
|
25315
25314
|
const newPinnedMessage = { text: "", id: message.id, pinnedBy };
|
|
25316
25315
|
if (message && peerName) {
|
|
25317
25316
|
newPinnedMessage["text"] = `${peerName}: ${message.message}`;
|
|
25318
25317
|
} else if (message) {
|
|
25319
25318
|
newPinnedMessage["text"] = message.message;
|
|
25320
25319
|
}
|
|
25321
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
25320
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk61.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
25322
25321
|
if (!(pinnedMessages == null ? void 0 : pinnedMessages.find((pinnedMessage) => pinnedMessage.id === newPinnedMessage.id))) {
|
|
25323
25322
|
yield hmsActions.sessionStore.set("pinnedMessages" /* PINNED_MESSAGES */, [...pinnedMessages, newPinnedMessage].slice(-3)).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
25324
25323
|
}
|
|
@@ -25327,7 +25326,7 @@ var init_usePinnedMessages = __esm({
|
|
|
25327
25326
|
);
|
|
25328
25327
|
const removePinnedMessage = (0, import_react129.useCallback)(
|
|
25329
25328
|
(indexToRemove) => __async(void 0, null, function* () {
|
|
25330
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
25329
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk61.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
25331
25330
|
if (pinnedMessages[indexToRemove]) {
|
|
25332
25331
|
yield hmsActions.sessionStore.set(
|
|
25333
25332
|
"pinnedMessages" /* PINNED_MESSAGES */,
|
|
@@ -25339,7 +25338,7 @@ var init_usePinnedMessages = __esm({
|
|
|
25339
25338
|
);
|
|
25340
25339
|
const unpinBlacklistedMessages = (0, import_react129.useCallback)(
|
|
25341
25340
|
(blacklistedMessageIDSet) => __async(void 0, null, function* () {
|
|
25342
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
25341
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk61.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
25343
25342
|
const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
|
|
25344
25343
|
(pinnedMessage) => !(blacklistedMessageIDSet == null ? void 0 : blacklistedMessageIDSet.has(pinnedMessage.id))
|
|
25345
25344
|
);
|
|
@@ -25353,13 +25352,13 @@ var init_usePinnedMessages = __esm({
|
|
|
25353
25352
|
});
|
|
25354
25353
|
|
|
25355
25354
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
|
25356
|
-
var import_react130,
|
|
25355
|
+
var import_react130, import_react_sdk62, import_react_icons61, iconStyle, tooltipBoxCSS, ChatActions;
|
|
25357
25356
|
var init_ChatActions = __esm({
|
|
25358
25357
|
"src/Prebuilt/components/Chat/ChatActions.tsx"() {
|
|
25359
25358
|
"use strict";
|
|
25360
25359
|
init_define_process_env();
|
|
25361
25360
|
import_react130 = __toESM(require("react"));
|
|
25362
|
-
|
|
25361
|
+
import_react_sdk62 = require("@100mslive/react-sdk");
|
|
25363
25362
|
import_react_icons61 = require("@100mslive/react-icons");
|
|
25364
25363
|
init_Dropdown2();
|
|
25365
25364
|
init_IconButton2();
|
|
@@ -25396,10 +25395,10 @@ var init_ChatActions = __esm({
|
|
|
25396
25395
|
const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
|
|
25397
25396
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
|
25398
25397
|
const [open, setOpen] = (0, import_react130.useState)(false);
|
|
25399
|
-
const actions = (0,
|
|
25400
|
-
const canRemoveOthers = (_b7 = (0,
|
|
25398
|
+
const actions = (0, import_react_sdk62.useHMSActions)();
|
|
25399
|
+
const canRemoveOthers = (_b7 = (0, import_react_sdk62.useHMSStore)(import_react_sdk62.selectPermissions)) == null ? void 0 : _b7.removeOthers;
|
|
25401
25400
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
|
25402
|
-
const localPeerName = (0,
|
|
25401
|
+
const localPeerName = (0, import_react_sdk62.useHMSStore)(import_react_sdk62.selectLocalPeerName);
|
|
25403
25402
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
|
25404
25403
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
|
25405
25404
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
|
@@ -25638,15 +25637,15 @@ var init_EmptyChat = __esm({
|
|
|
25638
25637
|
});
|
|
25639
25638
|
|
|
25640
25639
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
|
25641
|
-
var import_react132,
|
|
25640
|
+
var import_react132, import_react_sdk63, usePinnedBy;
|
|
25642
25641
|
var init_usePinnedBy = __esm({
|
|
25643
25642
|
"src/Prebuilt/components/hooks/usePinnedBy.tsx"() {
|
|
25644
25643
|
"use strict";
|
|
25645
25644
|
init_define_process_env();
|
|
25646
25645
|
import_react132 = require("react");
|
|
25647
|
-
|
|
25646
|
+
import_react_sdk63 = require("@100mslive/react-sdk");
|
|
25648
25647
|
usePinnedBy = (messageId) => {
|
|
25649
|
-
const pinnedMessages = (0,
|
|
25648
|
+
const pinnedMessages = (0, import_react_sdk63.useHMSStore)((0, import_react_sdk63.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
25650
25649
|
const [pinnedBy, setPinnedBy] = (0, import_react132.useState)("");
|
|
25651
25650
|
(0, import_react132.useEffect)(() => {
|
|
25652
25651
|
let match14 = "";
|
|
@@ -25667,7 +25666,7 @@ function getRowHeight(index) {
|
|
|
25667
25666
|
var _a8;
|
|
25668
25667
|
return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
|
|
25669
25668
|
}
|
|
25670
|
-
var import_react133, import_react_use17, import_react_virtualized_auto_sizer, import_react_window2,
|
|
25669
|
+
var import_react133, import_react_use17, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk64, import_react_icons62, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
|
|
25671
25670
|
var init_ChatBody = __esm({
|
|
25672
25671
|
"src/Prebuilt/components/Chat/ChatBody.tsx"() {
|
|
25673
25672
|
"use strict";
|
|
@@ -25676,7 +25675,7 @@ var init_ChatBody = __esm({
|
|
|
25676
25675
|
import_react_use17 = require("react-use");
|
|
25677
25676
|
import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
|
|
25678
25677
|
import_react_window2 = require("react-window");
|
|
25679
|
-
|
|
25678
|
+
import_react_sdk64 = require("@100mslive/react-sdk");
|
|
25680
25679
|
import_react_icons62 = require("@100mslive/react-icons");
|
|
25681
25680
|
init_Layout();
|
|
25682
25681
|
init_Text2();
|
|
@@ -25752,8 +25751,8 @@ var init_ChatBody = __esm({
|
|
|
25752
25751
|
hasCurrentUserSent,
|
|
25753
25752
|
receiver
|
|
25754
25753
|
}) => {
|
|
25755
|
-
const peerName = (0,
|
|
25756
|
-
const localPeerRoleName = (0,
|
|
25754
|
+
const peerName = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectPeerNameByID)(receiver));
|
|
25755
|
+
const localPeerRoleName = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectLocalPeerRoleName);
|
|
25757
25756
|
if (receiver) {
|
|
25758
25757
|
return /* @__PURE__ */ import_react133.default.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
|
25759
25758
|
}
|
|
@@ -25801,7 +25800,7 @@ var init_ChatBody = __esm({
|
|
|
25801
25800
|
const isMobile = (0, import_react_use17.useMedia)(config.media.md);
|
|
25802
25801
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
25803
25802
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
25804
|
-
const localPeerId = (0,
|
|
25803
|
+
const localPeerId = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectLocalPeerID);
|
|
25805
25804
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
25806
25805
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
25807
25806
|
const messageType = getMessageType({
|
|
@@ -25965,7 +25964,7 @@ var init_ChatBody = __esm({
|
|
|
25965
25964
|
}
|
|
25966
25965
|
);
|
|
25967
25966
|
VirtualizedChatMessages = import_react133.default.forwardRef(({ messages, scrollToBottom }, listRef) => {
|
|
25968
|
-
const hmsActions = (0,
|
|
25967
|
+
const hmsActions = (0, import_react_sdk64.useHMSActions)();
|
|
25969
25968
|
const itemKey2 = (0, import_react133.useCallback)((index, data3) => {
|
|
25970
25969
|
return data3[index].id;
|
|
25971
25970
|
}, []);
|
|
@@ -26020,13 +26019,14 @@ var init_ChatBody = __esm({
|
|
|
26020
26019
|
});
|
|
26021
26020
|
ChatBody = import_react133.default.forwardRef(
|
|
26022
26021
|
({ scrollToBottom }, listRef) => {
|
|
26023
|
-
const messages = (0,
|
|
26024
|
-
const blacklistedMessageIDs = (0,
|
|
26022
|
+
const messages = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectHMSMessages);
|
|
26023
|
+
const blacklistedMessageIDs = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
|
26025
26024
|
const filteredMessages = (0, import_react133.useMemo)(() => {
|
|
26026
26025
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
26027
26026
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
|
26028
26027
|
}, [blacklistedMessageIDs, messages]);
|
|
26029
|
-
const vanillaStore = (0,
|
|
26028
|
+
const vanillaStore = (0, import_react_sdk64.useHMSVanillaStore)();
|
|
26029
|
+
const rerenderOnFirstMount = (0, import_react133.useRef)(false);
|
|
26030
26030
|
(0, import_react133.useEffect)(() => {
|
|
26031
26031
|
const unsubscribe = vanillaStore.subscribe(() => {
|
|
26032
26032
|
if (!listRef.current) {
|
|
@@ -26036,9 +26036,15 @@ var init_ChatBody = __esm({
|
|
|
26036
26036
|
if (outerElement.clientHeight + outerElement.scrollTop + outerElement.offsetTop >= outerElement.scrollHeight) {
|
|
26037
26037
|
requestAnimationFrame(() => scrollToBottom(1));
|
|
26038
26038
|
}
|
|
26039
|
-
},
|
|
26039
|
+
}, import_react_sdk64.selectUnreadHMSMessagesCount);
|
|
26040
26040
|
return unsubscribe;
|
|
26041
26041
|
}, [vanillaStore, listRef, scrollToBottom]);
|
|
26042
|
+
(0, import_react133.useEffect)(() => {
|
|
26043
|
+
if (filteredMessages.length > 0 && (listRef == null ? void 0 : listRef.current) && !rerenderOnFirstMount.current) {
|
|
26044
|
+
rerenderOnFirstMount.current = true;
|
|
26045
|
+
listRef.current.resetAfterIndex(0);
|
|
26046
|
+
}
|
|
26047
|
+
}, [listRef, filteredMessages]);
|
|
26042
26048
|
return filteredMessages.length === 0 ? /* @__PURE__ */ import_react133.default.createElement(EmptyChat, null) : /* @__PURE__ */ import_react133.default.createElement(VirtualizedChatMessages, { messages: filteredMessages, ref: listRef, scrollToBottom });
|
|
26043
26049
|
}
|
|
26044
26050
|
);
|
|
@@ -26048,7 +26054,7 @@ var init_ChatBody = __esm({
|
|
|
26048
26054
|
rowRef
|
|
26049
26055
|
}) => {
|
|
26050
26056
|
const pinnedBy = usePinnedBy(messageId);
|
|
26051
|
-
const localPeerName = (0,
|
|
26057
|
+
const localPeerName = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectLocalPeerName);
|
|
26052
26058
|
(0, import_react133.useLayoutEffect)(() => {
|
|
26053
26059
|
if (rowRef == null ? void 0 : rowRef.current) {
|
|
26054
26060
|
if (pinnedBy) {
|
|
@@ -26068,14 +26074,14 @@ var init_ChatBody = __esm({
|
|
|
26068
26074
|
});
|
|
26069
26075
|
|
|
26070
26076
|
// src/Prebuilt/components/Chat/ChatSelector.tsx
|
|
26071
|
-
var import_react134, import_react_use18,
|
|
26077
|
+
var import_react134, import_react_use18, import_react_sdk65, import_react_icons63, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
|
|
26072
26078
|
var init_ChatSelector = __esm({
|
|
26073
26079
|
"src/Prebuilt/components/Chat/ChatSelector.tsx"() {
|
|
26074
26080
|
"use strict";
|
|
26075
26081
|
init_define_process_env();
|
|
26076
26082
|
import_react134 = __toESM(require("react"));
|
|
26077
26083
|
import_react_use18 = require("react-use");
|
|
26078
|
-
|
|
26084
|
+
import_react_sdk65 = require("@100mslive/react-sdk");
|
|
26079
26085
|
import_react_icons63 = require("@100mslive/react-icons");
|
|
26080
26086
|
init_src();
|
|
26081
26087
|
init_Theme();
|
|
@@ -26131,7 +26137,7 @@ var init_ChatSelector = __esm({
|
|
|
26131
26137
|
}
|
|
26132
26138
|
);
|
|
26133
26139
|
Everyone = import_react134.default.memo(({ active }) => {
|
|
26134
|
-
const unreadCount = (0,
|
|
26140
|
+
const unreadCount = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectUnreadHMSMessagesCount);
|
|
26135
26141
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
26136
26142
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
26137
26143
|
return /* @__PURE__ */ import_react134.default.createElement(
|
|
@@ -26149,7 +26155,7 @@ var init_ChatSelector = __esm({
|
|
|
26149
26155
|
);
|
|
26150
26156
|
});
|
|
26151
26157
|
RoleItem = import_react134.default.memo(({ role, active }) => {
|
|
26152
|
-
const unreadCount = (0,
|
|
26158
|
+
const unreadCount = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectMessagesUnreadCountByRole)(role));
|
|
26153
26159
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
26154
26160
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
26155
26161
|
return /* @__PURE__ */ import_react134.default.createElement(
|
|
@@ -26166,7 +26172,7 @@ var init_ChatSelector = __esm({
|
|
|
26166
26172
|
);
|
|
26167
26173
|
});
|
|
26168
26174
|
PeerItem = ({ peerId, name, active }) => {
|
|
26169
|
-
const unreadCount = (0,
|
|
26175
|
+
const unreadCount = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectMessagesUnreadCountByPeerID)(peerId));
|
|
26170
26176
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
26171
26177
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
26172
26178
|
return /* @__PURE__ */ import_react134.default.createElement(
|
|
@@ -26225,7 +26231,7 @@ var init_ChatSelector = __esm({
|
|
|
26225
26231
|
ChatSelector = ({ role, peerId }) => {
|
|
26226
26232
|
var _a8, _b7;
|
|
26227
26233
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
26228
|
-
const peers = (0,
|
|
26234
|
+
const peers = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectRemotePeers);
|
|
26229
26235
|
const [search, setSearch] = (0, import_react134.useState)("");
|
|
26230
26236
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
26231
26237
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
|
@@ -26383,17 +26389,17 @@ var init_ChatSelectorContainer = __esm({
|
|
|
26383
26389
|
});
|
|
26384
26390
|
|
|
26385
26391
|
// src/Prebuilt/components/AppData/useChatState.js
|
|
26386
|
-
var import_react136,
|
|
26392
|
+
var import_react136, import_react_sdk66, useChatDraftMessage;
|
|
26387
26393
|
var init_useChatState = __esm({
|
|
26388
26394
|
"src/Prebuilt/components/AppData/useChatState.js"() {
|
|
26389
26395
|
"use strict";
|
|
26390
26396
|
init_define_process_env();
|
|
26391
26397
|
import_react136 = require("react");
|
|
26392
|
-
|
|
26398
|
+
import_react_sdk66 = require("@100mslive/react-sdk");
|
|
26393
26399
|
init_constants();
|
|
26394
26400
|
useChatDraftMessage = () => {
|
|
26395
|
-
const hmsActions = (0,
|
|
26396
|
-
let chatDraftMessage = (0,
|
|
26401
|
+
const hmsActions = (0, import_react_sdk66.useHMSActions)();
|
|
26402
|
+
let chatDraftMessage = (0, import_react_sdk66.useHMSStore)((0, import_react_sdk66.selectAppData)(APP_DATA.chatDraft));
|
|
26397
26403
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
|
26398
26404
|
chatDraftMessage = "";
|
|
26399
26405
|
}
|
|
@@ -26475,7 +26481,7 @@ function EmojiPicker({ onSelect }) {
|
|
|
26475
26481
|
)
|
|
26476
26482
|
)));
|
|
26477
26483
|
}
|
|
26478
|
-
var import_react138, import_react_use20, import_data, import_react139,
|
|
26484
|
+
var import_react138, import_react_use20, import_data, import_react139, import_react_sdk67, import_react_icons65, TextArea2, ChatFooter;
|
|
26479
26485
|
var init_ChatFooter = __esm({
|
|
26480
26486
|
"src/Prebuilt/components/Chat/ChatFooter.tsx"() {
|
|
26481
26487
|
"use strict";
|
|
@@ -26484,7 +26490,7 @@ var init_ChatFooter = __esm({
|
|
|
26484
26490
|
import_react_use20 = require("react-use");
|
|
26485
26491
|
import_data = __toESM(require("@emoji-mart/data"));
|
|
26486
26492
|
import_react139 = __toESM(require("@emoji-mart/react"));
|
|
26487
|
-
|
|
26493
|
+
import_react_sdk67 = require("@100mslive/react-sdk");
|
|
26488
26494
|
import_react_icons65 = require("@100mslive/react-icons");
|
|
26489
26495
|
init_src();
|
|
26490
26496
|
init_IconButton2();
|
|
@@ -26518,13 +26524,13 @@ var init_ChatFooter = __esm({
|
|
|
26518
26524
|
});
|
|
26519
26525
|
ChatFooter = ({ onSend, children }) => {
|
|
26520
26526
|
var _a8, _b7, _c, _d;
|
|
26521
|
-
const hmsActions = (0,
|
|
26527
|
+
const hmsActions = (0, import_react_sdk67.useHMSActions)();
|
|
26522
26528
|
const inputRef = (0, import_react138.useRef)(null);
|
|
26523
26529
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
|
26524
26530
|
const isMobile = (0, import_react_use20.useMedia)(config.media.md);
|
|
26525
26531
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
26526
26532
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
|
26527
|
-
const localPeer = (0,
|
|
26533
|
+
const localPeer = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectLocalPeer);
|
|
26528
26534
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
|
26529
26535
|
const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
|
|
26530
26536
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -26532,8 +26538,6 @@ var init_ChatFooter = __esm({
|
|
|
26532
26538
|
const defaultSelection = useDefaultChatSelection();
|
|
26533
26539
|
const selection = selectedPeer.name || selectedRole || defaultSelection;
|
|
26534
26540
|
const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
|
|
26535
|
-
const { toggleAudio, toggleVideo } = (0, import_react_sdk68.useAVToggle)();
|
|
26536
|
-
const noAVPermissions = !(toggleAudio || toggleVideo);
|
|
26537
26541
|
const isMwebHLSStream = useMobileHLSStream();
|
|
26538
26542
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
26539
26543
|
(0, import_react138.useEffect)(() => {
|
|
@@ -26699,7 +26703,7 @@ var init_ChatFooter = __esm({
|
|
|
26699
26703
|
},
|
|
26700
26704
|
gap: "2"
|
|
26701
26705
|
},
|
|
26702
|
-
|
|
26706
|
+
/* @__PURE__ */ import_react138.default.createElement(RaiseHand, { css: { bg: "$surface_default" } }),
|
|
26703
26707
|
/* @__PURE__ */ import_react138.default.createElement(MoreSettings, { elements, screenType })
|
|
26704
26708
|
))));
|
|
26705
26709
|
};
|
|
@@ -26707,13 +26711,13 @@ var init_ChatFooter = __esm({
|
|
|
26707
26711
|
});
|
|
26708
26712
|
|
|
26709
26713
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
|
26710
|
-
var import_react140,
|
|
26714
|
+
var import_react140, import_react_sdk68, ChatPaused, ChatBlocked;
|
|
26711
26715
|
var init_ChatStates = __esm({
|
|
26712
26716
|
"src/Prebuilt/components/Chat/ChatStates.tsx"() {
|
|
26713
26717
|
"use strict";
|
|
26714
26718
|
init_define_process_env();
|
|
26715
26719
|
import_react140 = __toESM(require("react"));
|
|
26716
|
-
|
|
26720
|
+
import_react_sdk68 = require("@100mslive/react-sdk");
|
|
26717
26721
|
init_Button2();
|
|
26718
26722
|
init_Layout();
|
|
26719
26723
|
init_Text2();
|
|
@@ -26721,11 +26725,11 @@ var init_ChatStates = __esm({
|
|
|
26721
26725
|
init_useChatBlacklist();
|
|
26722
26726
|
ChatPaused = () => {
|
|
26723
26727
|
var _a8, _b7;
|
|
26724
|
-
const hmsActions = (0,
|
|
26728
|
+
const hmsActions = (0, import_react_sdk68.useHMSActions)();
|
|
26725
26729
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
26726
26730
|
const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
26727
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0,
|
|
26728
|
-
const localPeer = (0,
|
|
26731
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk68.useHMSStore)((0, import_react_sdk68.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
|
|
26732
|
+
const localPeer = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.selectLocalPeer);
|
|
26729
26733
|
const unPauseChat = (0, import_react140.useCallback)(
|
|
26730
26734
|
() => __async(void 0, null, function* () {
|
|
26731
26735
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
|
@@ -26838,7 +26842,7 @@ var init_StickIndicator = __esm({
|
|
|
26838
26842
|
});
|
|
26839
26843
|
|
|
26840
26844
|
// src/Prebuilt/components/Chat/PinnedMessage.tsx
|
|
26841
|
-
var import_react143, import_react_swipeable, import_react_use21,
|
|
26845
|
+
var import_react143, import_react_swipeable, import_react_use21, import_react_sdk69, import_react_icons67, PINNED_MESSAGE_LENGTH, PinnedMessage;
|
|
26842
26846
|
var init_PinnedMessage = __esm({
|
|
26843
26847
|
"src/Prebuilt/components/Chat/PinnedMessage.tsx"() {
|
|
26844
26848
|
"use strict";
|
|
@@ -26846,7 +26850,7 @@ var init_PinnedMessage = __esm({
|
|
|
26846
26850
|
import_react143 = __toESM(require("react"));
|
|
26847
26851
|
import_react_swipeable = require("react-swipeable");
|
|
26848
26852
|
import_react_use21 = require("react-use");
|
|
26849
|
-
|
|
26853
|
+
import_react_sdk69 = require("@100mslive/react-sdk");
|
|
26850
26854
|
import_react_icons67 = require("@100mslive/react-icons");
|
|
26851
26855
|
init_Layout();
|
|
26852
26856
|
init_Text2();
|
|
@@ -26859,7 +26863,7 @@ var init_PinnedMessage = __esm({
|
|
|
26859
26863
|
PINNED_MESSAGE_LENGTH = 75;
|
|
26860
26864
|
PinnedMessage = () => {
|
|
26861
26865
|
var _a8, _b7, _c, _d;
|
|
26862
|
-
const pinnedMessages = (0,
|
|
26866
|
+
const pinnedMessages = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
26863
26867
|
const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react143.useState)(0);
|
|
26864
26868
|
const { removePinnedMessage } = usePinnedMessages();
|
|
26865
26869
|
const isMobile = (0, import_react_use21.useMedia)(config.media.md);
|
|
@@ -26974,7 +26978,7 @@ var init_PinnedMessage = __esm({
|
|
|
26974
26978
|
});
|
|
26975
26979
|
|
|
26976
26980
|
// src/Prebuilt/components/Chat/Chat.tsx
|
|
26977
|
-
var import_react144, import_react_use22, import_ts_pattern8,
|
|
26981
|
+
var import_react144, import_react_use22, import_ts_pattern8, import_react_sdk70, import_react_icons68, Chat, NewMessageIndicator;
|
|
26978
26982
|
var init_Chat = __esm({
|
|
26979
26983
|
"src/Prebuilt/components/Chat/Chat.tsx"() {
|
|
26980
26984
|
"use strict";
|
|
@@ -26983,7 +26987,7 @@ var init_Chat = __esm({
|
|
|
26983
26987
|
import_react_use22 = require("react-use");
|
|
26984
26988
|
init_dist();
|
|
26985
26989
|
import_ts_pattern8 = require("ts-pattern");
|
|
26986
|
-
|
|
26990
|
+
import_react_sdk70 = require("@100mslive/react-sdk");
|
|
26987
26991
|
import_react_icons68 = require("@100mslive/react-icons");
|
|
26988
26992
|
init_Button2();
|
|
26989
26993
|
init_Layout();
|
|
@@ -26999,9 +27003,9 @@ var init_Chat = __esm({
|
|
|
26999
27003
|
var _a8, _b7;
|
|
27000
27004
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
27001
27005
|
const listRef = (0, import_react144.useRef)(null);
|
|
27002
|
-
const hmsActions = (0,
|
|
27003
|
-
const vanillaStore = (0,
|
|
27004
|
-
const { enabled: isChatEnabled = true } = (0,
|
|
27006
|
+
const hmsActions = (0, import_react_sdk70.useHMSActions)();
|
|
27007
|
+
const vanillaStore = (0, import_react_sdk70.useHMSVanillaStore)();
|
|
27008
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk70.useHMSStore)(nm("chatState" /* CHAT_STATE */)) || {};
|
|
27005
27009
|
const isMobile = (0, import_react_use22.useMedia)(config.media.md);
|
|
27006
27010
|
const isMobileHLSStream = useMobileHLSStream();
|
|
27007
27011
|
const isLandscapeStream = useLandscapeHLSStream();
|
|
@@ -27009,7 +27013,7 @@ var init_Chat = __esm({
|
|
|
27009
27013
|
(unreadCount = 0) => {
|
|
27010
27014
|
var _a9;
|
|
27011
27015
|
if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
|
|
27012
|
-
const messagesCount = vanillaStore.getState(
|
|
27016
|
+
const messagesCount = vanillaStore.getState(import_react_sdk70.selectHMSMessagesCount);
|
|
27013
27017
|
(_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
|
|
27014
27018
|
requestAnimationFrame(() => {
|
|
27015
27019
|
var _a10;
|
|
@@ -27085,7 +27089,7 @@ var init_Chat = __esm({
|
|
|
27085
27089
|
scrollToBottom,
|
|
27086
27090
|
listRef
|
|
27087
27091
|
}) => {
|
|
27088
|
-
const unreadCount = (0,
|
|
27092
|
+
const unreadCount = (0, import_react_sdk70.useHMSStore)(Kn);
|
|
27089
27093
|
if (!unreadCount || !listRef.current) {
|
|
27090
27094
|
return null;
|
|
27091
27095
|
}
|
|
@@ -27132,7 +27136,7 @@ var init_Chat = __esm({
|
|
|
27132
27136
|
});
|
|
27133
27137
|
|
|
27134
27138
|
// src/Prebuilt/components/Footer/PaginatedParticipants.tsx
|
|
27135
|
-
var import_react145, import_react_intersection_observer, import_react_use23, import_react_window3,
|
|
27139
|
+
var import_react145, import_react_intersection_observer, import_react_use23, import_react_window3, import_react_sdk71, import_react_icons69, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
|
|
27136
27140
|
var init_PaginatedParticipants = __esm({
|
|
27137
27141
|
"src/Prebuilt/components/Footer/PaginatedParticipants.tsx"() {
|
|
27138
27142
|
"use strict";
|
|
@@ -27141,7 +27145,7 @@ var init_PaginatedParticipants = __esm({
|
|
|
27141
27145
|
import_react_intersection_observer = require("react-intersection-observer");
|
|
27142
27146
|
import_react_use23 = require("react-use");
|
|
27143
27147
|
import_react_window3 = require("react-window");
|
|
27144
|
-
|
|
27148
|
+
import_react_sdk71 = require("@100mslive/react-sdk");
|
|
27145
27149
|
import_react_icons69 = require("@100mslive/react-icons");
|
|
27146
27150
|
init_IconButton2();
|
|
27147
27151
|
init_Layout();
|
|
@@ -27187,13 +27191,13 @@ var init_PaginatedParticipants = __esm({
|
|
|
27187
27191
|
}
|
|
27188
27192
|
);
|
|
27189
27193
|
PaginatedParticipants = ({ roleName, onBack }) => {
|
|
27190
|
-
const { peers, total, hasNext, loadPeers, loadMorePeers } = (0,
|
|
27194
|
+
const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk71.usePaginatedParticipants)({ role: roleName, limit: 20 });
|
|
27191
27195
|
const [search, setSearch] = (0, import_react145.useState)("");
|
|
27192
27196
|
const filteredPeers = peers.filter((p) => {
|
|
27193
27197
|
var _a8;
|
|
27194
27198
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
|
27195
27199
|
});
|
|
27196
|
-
const isConnected = (0,
|
|
27200
|
+
const isConnected = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectIsConnectedToRoom);
|
|
27197
27201
|
const [ref, { width }] = (0, import_react_use23.useMeasure)();
|
|
27198
27202
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
|
27199
27203
|
const resetSidePane = useSidepaneReset();
|
|
@@ -27227,13 +27231,13 @@ var init_PaginatedParticipants = __esm({
|
|
|
27227
27231
|
});
|
|
27228
27232
|
|
|
27229
27233
|
// src/Prebuilt/components/ChatSettings.tsx
|
|
27230
|
-
var import_react146,
|
|
27234
|
+
var import_react146, import_react_sdk72, import_react_icons70, ChatSettings;
|
|
27231
27235
|
var init_ChatSettings = __esm({
|
|
27232
27236
|
"src/Prebuilt/components/ChatSettings.tsx"() {
|
|
27233
27237
|
"use strict";
|
|
27234
27238
|
init_define_process_env();
|
|
27235
27239
|
import_react146 = __toESM(require("react"));
|
|
27236
|
-
|
|
27240
|
+
import_react_sdk72 = require("@100mslive/react-sdk");
|
|
27237
27241
|
import_react_icons70 = require("@100mslive/react-icons");
|
|
27238
27242
|
init_Layout();
|
|
27239
27243
|
init_Popover();
|
|
@@ -27241,11 +27245,11 @@ var init_ChatSettings = __esm({
|
|
|
27241
27245
|
init_useRoomLayoutScreen();
|
|
27242
27246
|
ChatSettings = () => {
|
|
27243
27247
|
var _a8, _b7;
|
|
27244
|
-
const hmsActions = (0,
|
|
27245
|
-
const localPeer = (0,
|
|
27248
|
+
const hmsActions = (0, import_react_sdk72.useHMSActions)();
|
|
27249
|
+
const localPeer = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectLocalPeer);
|
|
27246
27250
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
27247
27251
|
const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
27248
|
-
const { enabled: isChatEnabled = true } = (0,
|
|
27252
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
|
|
27249
27253
|
const showPause = canPauseChat && isChatEnabled;
|
|
27250
27254
|
if (!showPause) {
|
|
27251
27255
|
return null;
|
|
@@ -27294,7 +27298,7 @@ var init_ChatSettings = __esm({
|
|
|
27294
27298
|
});
|
|
27295
27299
|
|
|
27296
27300
|
// src/Prebuilt/components/SidePaneTabs.tsx
|
|
27297
|
-
var import_react147, import_react_use24, import_ts_pattern9,
|
|
27301
|
+
var import_react147, import_react_use24, import_ts_pattern9, import_react_sdk73, import_react_icons71, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
|
|
27298
27302
|
var init_SidePaneTabs = __esm({
|
|
27299
27303
|
"src/Prebuilt/components/SidePaneTabs.tsx"() {
|
|
27300
27304
|
"use strict";
|
|
@@ -27302,7 +27306,7 @@ var init_SidePaneTabs = __esm({
|
|
|
27302
27306
|
import_react147 = __toESM(require("react"));
|
|
27303
27307
|
import_react_use24 = require("react-use");
|
|
27304
27308
|
import_ts_pattern9 = require("ts-pattern");
|
|
27305
|
-
|
|
27309
|
+
import_react_sdk73 = require("@100mslive/react-sdk");
|
|
27306
27310
|
import_react_icons71 = require("@100mslive/react-icons");
|
|
27307
27311
|
init_Chat();
|
|
27308
27312
|
init_PaginatedParticipants();
|
|
@@ -27335,7 +27339,7 @@ var init_SidePaneTabs = __esm({
|
|
|
27335
27339
|
const resetSidePane = useSidepaneReset();
|
|
27336
27340
|
const [activeTab, setActiveTab] = (0, import_react147.useState)(active);
|
|
27337
27341
|
const [activeRole, setActiveRole] = (0, import_react147.useState)("");
|
|
27338
|
-
const peerCount = (0,
|
|
27342
|
+
const peerCount = (0, import_react_sdk73.useHMSStore)(import_react_sdk73.selectPeerCount);
|
|
27339
27343
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
|
27340
27344
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
|
27341
27345
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
@@ -27455,13 +27459,13 @@ var init_SidePaneTabs = __esm({
|
|
|
27455
27459
|
});
|
|
27456
27460
|
|
|
27457
27461
|
// src/Prebuilt/components/Connection/TileConnection.tsx
|
|
27458
|
-
var import_react148,
|
|
27462
|
+
var import_react148, import_react_sdk74, import_react_icons72, TileConnection, IconWrapper, Wrapper2, TileConnection_default;
|
|
27459
27463
|
var init_TileConnection = __esm({
|
|
27460
27464
|
"src/Prebuilt/components/Connection/TileConnection.tsx"() {
|
|
27461
27465
|
"use strict";
|
|
27462
27466
|
init_define_process_env();
|
|
27463
27467
|
import_react148 = __toESM(require("react"));
|
|
27464
|
-
|
|
27468
|
+
import_react_sdk74 = require("@100mslive/react-sdk");
|
|
27465
27469
|
import_react_icons72 = require("@100mslive/react-icons");
|
|
27466
27470
|
init_src();
|
|
27467
27471
|
init_ConnectionIndicator();
|
|
@@ -27472,8 +27476,8 @@ var init_TileConnection = __esm({
|
|
|
27472
27476
|
width,
|
|
27473
27477
|
pinned
|
|
27474
27478
|
}) => {
|
|
27475
|
-
const spotlighted = (0,
|
|
27476
|
-
const isPeerScreenSharing = !!(0,
|
|
27479
|
+
const spotlighted = (0, import_react_sdk74.useHMSStore)((0, import_react_sdk74.selectSessionStore)("spotlight" /* SPOTLIGHT */)) === peerId;
|
|
27480
|
+
const isPeerScreenSharing = !!(0, import_react_sdk74.useHMSStore)((0, import_react_sdk74.selectScreenShareByPeerID)(peerId));
|
|
27477
27481
|
return /* @__PURE__ */ import_react148.default.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, name ? /* @__PURE__ */ import_react148.default.createElement(Flex, { align: "center" }, isPeerScreenSharing && /* @__PURE__ */ import_react148.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react148.default.createElement(import_react_icons72.ShareScreenIcon, { width: "15", height: "15" })), pinned && /* @__PURE__ */ import_react148.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react148.default.createElement(import_react_icons72.PinIcon, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ import_react148.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react148.default.createElement(import_react_icons72.SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ import_react148.default.createElement(
|
|
27478
27482
|
Text,
|
|
27479
27483
|
{
|
|
@@ -27519,14 +27523,14 @@ var init_utils5 = __esm({
|
|
|
27519
27523
|
});
|
|
27520
27524
|
|
|
27521
27525
|
// src/Prebuilt/components/TileMenu/TileMenuContent.tsx
|
|
27522
|
-
var import_react149, import_react_use25,
|
|
27526
|
+
var import_react149, import_react_use25, import_react_sdk75, import_react_icons73, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
|
|
27523
27527
|
var init_TileMenuContent = __esm({
|
|
27524
27528
|
"src/Prebuilt/components/TileMenu/TileMenuContent.tsx"() {
|
|
27525
27529
|
"use strict";
|
|
27526
27530
|
init_define_process_env();
|
|
27527
27531
|
import_react149 = __toESM(require("react"));
|
|
27528
27532
|
import_react_use25 = require("react-use");
|
|
27529
|
-
|
|
27533
|
+
import_react_sdk75 = require("@100mslive/react-sdk");
|
|
27530
27534
|
import_react_icons73 = require("@100mslive/react-icons");
|
|
27531
27535
|
init_Layout();
|
|
27532
27536
|
init_Slider2();
|
|
@@ -27551,8 +27555,8 @@ var init_TileMenuContent = __esm({
|
|
|
27551
27555
|
return;
|
|
27552
27556
|
}
|
|
27553
27557
|
}) => {
|
|
27554
|
-
const hmsActions = (0,
|
|
27555
|
-
const spotlightPeerId = (0,
|
|
27558
|
+
const hmsActions = (0, import_react_sdk75.useHMSActions)();
|
|
27559
|
+
const spotlightPeerId = (0, import_react_sdk75.useHMSStore)((0, import_react_sdk75.selectSessionStore)("spotlight" /* SPOTLIGHT */));
|
|
27556
27560
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
|
27557
27561
|
const dragClassName = getDragClassName();
|
|
27558
27562
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -27600,8 +27604,8 @@ var init_TileMenuContent = __esm({
|
|
|
27600
27604
|
};
|
|
27601
27605
|
SimulcastLayers = ({ trackId }) => {
|
|
27602
27606
|
var _a8;
|
|
27603
|
-
const track = (0,
|
|
27604
|
-
const actions = (0,
|
|
27607
|
+
const track = (0, import_react_sdk75.useHMSStore)((0, import_react_sdk75.selectTrackByID)(trackId));
|
|
27608
|
+
const actions = (0, import_react_sdk75.useHMSActions)();
|
|
27605
27609
|
const bg = useDropdownSelection();
|
|
27606
27610
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
|
27607
27611
|
return null;
|
|
@@ -27684,15 +27688,15 @@ var init_TileMenuContent = __esm({
|
|
|
27684
27688
|
}
|
|
27685
27689
|
}) => {
|
|
27686
27690
|
var _a8;
|
|
27687
|
-
const actions = (0,
|
|
27691
|
+
const actions = (0, import_react_sdk75.useHMSActions)();
|
|
27688
27692
|
const dragClassName = getDragClassName();
|
|
27689
|
-
const removeOthers = (_a8 = (0,
|
|
27693
|
+
const removeOthers = (_a8 = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectPermissions)) == null ? void 0 : _a8.removeOthers;
|
|
27690
27694
|
const { userName } = useHMSPrebuiltContext();
|
|
27691
|
-
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0,
|
|
27695
|
+
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0, import_react_sdk75.useRemoteAVToggle)(
|
|
27692
27696
|
audioTrackID,
|
|
27693
27697
|
videoTrackID
|
|
27694
27698
|
);
|
|
27695
|
-
const { sendEvent } = (0,
|
|
27699
|
+
const { sendEvent } = (0, import_react_sdk75.useCustomEvent)({
|
|
27696
27700
|
type: REMOTE_STOP_SCREENSHARE_TYPE
|
|
27697
27701
|
});
|
|
27698
27702
|
const isMobile = (0, import_react_use25.useMedia)(config.media.md);
|
|
@@ -27776,14 +27780,14 @@ var init_TileMenuContent = __esm({
|
|
|
27776
27780
|
});
|
|
27777
27781
|
|
|
27778
27782
|
// src/Prebuilt/components/TileMenu/TileMenu.tsx
|
|
27779
|
-
var import_react150, import_react_use26,
|
|
27783
|
+
var import_react150, import_react_use26, import_react_sdk76, import_react_icons74, TileMenu, TileMenu_default;
|
|
27780
27784
|
var init_TileMenu2 = __esm({
|
|
27781
27785
|
"src/Prebuilt/components/TileMenu/TileMenu.tsx"() {
|
|
27782
27786
|
"use strict";
|
|
27783
27787
|
init_define_process_env();
|
|
27784
27788
|
import_react150 = __toESM(require("react"));
|
|
27785
27789
|
import_react_use26 = require("react-use");
|
|
27786
|
-
|
|
27790
|
+
import_react_sdk76 = require("@100mslive/react-sdk");
|
|
27787
27791
|
import_react_icons74 = require("@100mslive/react-icons");
|
|
27788
27792
|
init_Layout();
|
|
27789
27793
|
init_Sheet2();
|
|
@@ -27806,17 +27810,17 @@ var init_TileMenu2 = __esm({
|
|
|
27806
27810
|
var _a8, _b7;
|
|
27807
27811
|
const [open, setOpen] = (0, import_react150.useState)(false);
|
|
27808
27812
|
const { theme: theme2 } = useTheme();
|
|
27809
|
-
const localPeerID = (0,
|
|
27813
|
+
const localPeerID = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeerID);
|
|
27810
27814
|
const isLocal = localPeerID === peerID;
|
|
27811
|
-
const { removeOthers } = (0,
|
|
27812
|
-
const { setVolume, toggleAudio, toggleVideo } = (0,
|
|
27815
|
+
const { removeOthers } = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectPermissions) || {};
|
|
27816
|
+
const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk76.useRemoteAVToggle)(audioTrackID, videoTrackID);
|
|
27813
27817
|
const showSpotlight = enableSpotlightingPeer;
|
|
27814
|
-
const isPrimaryVideoTrack = ((_a8 = (0,
|
|
27818
|
+
const isPrimaryVideoTrack = ((_a8 = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
|
27815
27819
|
const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
|
|
27816
|
-
const track = (0,
|
|
27820
|
+
const track = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectTrackByID)(videoTrackID));
|
|
27817
27821
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
27818
27822
|
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
27819
|
-
const peer = (0,
|
|
27823
|
+
const peer = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectPeerByID)(peerID));
|
|
27820
27824
|
const [showNameChangeModal, setShowNameChangeModal] = (0, import_react150.useState)(false);
|
|
27821
27825
|
useDropdownList({ open, name: "TileMenu" });
|
|
27822
27826
|
const dragClassName = getDragClassName();
|
|
@@ -27900,14 +27904,14 @@ var init_peerTileUtils = __esm({
|
|
|
27900
27904
|
});
|
|
27901
27905
|
|
|
27902
27906
|
// src/Prebuilt/components/VideoTile.tsx
|
|
27903
|
-
var import_react151, import_react_use27,
|
|
27907
|
+
var import_react151, import_react_use27, import_react_sdk77, import_react_icons75, PeerMetadata, Tile, VideoTile, VideoTile_default;
|
|
27904
27908
|
var init_VideoTile2 = __esm({
|
|
27905
27909
|
"src/Prebuilt/components/VideoTile.tsx"() {
|
|
27906
27910
|
"use strict";
|
|
27907
27911
|
init_define_process_env();
|
|
27908
27912
|
import_react151 = __toESM(require("react"));
|
|
27909
27913
|
import_react_use27 = require("react-use");
|
|
27910
|
-
|
|
27914
|
+
import_react_sdk77 = require("@100mslive/react-sdk");
|
|
27911
27915
|
import_react_icons75 = require("@100mslive/react-icons");
|
|
27912
27916
|
init_TileConnection();
|
|
27913
27917
|
init_TileMenu2();
|
|
@@ -27921,9 +27925,9 @@ var init_VideoTile2 = __esm({
|
|
|
27921
27925
|
init_utils2();
|
|
27922
27926
|
init_constants();
|
|
27923
27927
|
PeerMetadata = ({ peerId, size }) => {
|
|
27924
|
-
const metaData = (0,
|
|
27928
|
+
const metaData = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectPeerMetadata)(peerId));
|
|
27925
27929
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
|
27926
|
-
const isHandRaised = (0,
|
|
27930
|
+
const isHandRaised = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectHasPeerHandRaised)(peerId));
|
|
27927
27931
|
return /* @__PURE__ */ import_react151.default.createElement(import_react151.default.Fragment, null, isHandRaised ? /* @__PURE__ */ import_react151.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ import_react151.default.createElement(import_react_icons75.HandIcon, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ import_react151.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ import_react151.default.createElement(import_react_icons75.BrbTileIcon, { width: 22, height: 22 })) : null);
|
|
27928
27932
|
};
|
|
27929
27933
|
Tile = ({
|
|
@@ -27942,15 +27946,15 @@ var init_VideoTile2 = __esm({
|
|
|
27942
27946
|
hideAudioMuteOnTile = false,
|
|
27943
27947
|
hideMetadataOnTile = false
|
|
27944
27948
|
}) => {
|
|
27945
|
-
const trackSelector = trackId ? (0,
|
|
27946
|
-
const track = (0,
|
|
27947
|
-
const peerName = (0,
|
|
27948
|
-
const audioTrack = (0,
|
|
27949
|
-
const localPeerID = (0,
|
|
27949
|
+
const trackSelector = trackId ? (0, import_react_sdk77.selectVideoTrackByID)(trackId) : (0, import_react_sdk77.selectVideoTrackByPeerID)(peerId);
|
|
27950
|
+
const track = (0, import_react_sdk77.useHMSStore)(trackSelector);
|
|
27951
|
+
const peerName = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectPeerNameByID)(peerId));
|
|
27952
|
+
const audioTrack = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectAudioTrackByPeerID)(peerId));
|
|
27953
|
+
const localPeerID = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectLocalPeerID);
|
|
27950
27954
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
27951
27955
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
27952
27956
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
27953
|
-
const isAudioMuted = !(0,
|
|
27957
|
+
const isAudioMuted = !(0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectIsPeerAudioEnabled)(peerId));
|
|
27954
27958
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
|
27955
27959
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react151.useState)(false);
|
|
27956
27960
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
|
@@ -28243,7 +28247,7 @@ var init_constants4 = __esm({
|
|
|
28243
28247
|
});
|
|
28244
28248
|
|
|
28245
28249
|
// src/Prebuilt/components/VirtualBackground/VBPicker.tsx
|
|
28246
|
-
var import_react154, import_hms_virtual_background3,
|
|
28250
|
+
var import_react154, import_hms_virtual_background3, import_react_sdk78, import_react_icons76, iconDims, VBPicker;
|
|
28247
28251
|
var init_VBPicker = __esm({
|
|
28248
28252
|
"src/Prebuilt/components/VirtualBackground/VBPicker.tsx"() {
|
|
28249
28253
|
"use strict";
|
|
@@ -28251,7 +28255,7 @@ var init_VBPicker = __esm({
|
|
|
28251
28255
|
import_react154 = __toESM(require("react"));
|
|
28252
28256
|
init_dist();
|
|
28253
28257
|
import_hms_virtual_background3 = require("@100mslive/hms-virtual-background");
|
|
28254
|
-
|
|
28258
|
+
import_react_sdk78 = require("@100mslive/react-sdk");
|
|
28255
28259
|
import_react_icons76 = require("@100mslive/react-icons");
|
|
28256
28260
|
init_src();
|
|
28257
28261
|
init_Text2();
|
|
@@ -28265,22 +28269,22 @@ var init_VBPicker = __esm({
|
|
|
28265
28269
|
VBPicker = ({ backgroundMedia = [] }) => {
|
|
28266
28270
|
var _a8;
|
|
28267
28271
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
28268
|
-
const hmsActions = (0,
|
|
28269
|
-
const localPeer = (0,
|
|
28270
|
-
const role = (0,
|
|
28271
|
-
const isVideoOn = (0,
|
|
28272
|
+
const hmsActions = (0, import_react_sdk78.useHMSActions)();
|
|
28273
|
+
const localPeer = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectLocalPeer);
|
|
28274
|
+
const role = (0, import_react_sdk78.useHMSStore)(Kt);
|
|
28275
|
+
const isVideoOn = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectIsLocalVideoEnabled);
|
|
28272
28276
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
28273
|
-
const trackSelector = (0,
|
|
28274
|
-
const track = (0,
|
|
28277
|
+
const trackSelector = (0, import_react_sdk78.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
28278
|
+
const track = (0, import_react_sdk78.useHMSStore)(trackSelector);
|
|
28275
28279
|
const [blurAmount, setBlurAmount] = (0, import_react154.useState)(VBHandler.getBlurAmount() || 0.5);
|
|
28276
|
-
const roomState = (0,
|
|
28277
|
-
const isLargeRoom = (0,
|
|
28278
|
-
const isEffectsEnabled = (0,
|
|
28279
|
-
const effectsKey = (0,
|
|
28280
|
-
const isPluginAdded = (0,
|
|
28281
|
-
const background = (0,
|
|
28280
|
+
const roomState = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectRoomState);
|
|
28281
|
+
const isLargeRoom = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectIsLargeRoom);
|
|
28282
|
+
const isEffectsEnabled = (0, import_react_sdk78.useHMSStore)(ic);
|
|
28283
|
+
const effectsKey = (0, import_react_sdk78.useHMSStore)(rc);
|
|
28284
|
+
const isPluginAdded = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
28285
|
+
const background = (0, import_react_sdk78.useHMSStore)(om(APP_DATA.background));
|
|
28282
28286
|
const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
|
|
28283
|
-
const inPreview = roomState ===
|
|
28287
|
+
const inPreview = roomState === import_react_sdk78.HMSRoomState.Preview;
|
|
28284
28288
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
28285
28289
|
(0, import_react154.useEffect)(() => {
|
|
28286
28290
|
if (!(track == null ? void 0 : track.id)) {
|
|
@@ -28411,7 +28415,7 @@ var init_VBPicker = __esm({
|
|
|
28411
28415
|
});
|
|
28412
28416
|
|
|
28413
28417
|
// src/Prebuilt/layouts/SidePane.tsx
|
|
28414
|
-
var import_react155, import_react_use28, import_ts_pattern10,
|
|
28418
|
+
var import_react155, import_react_use28, import_ts_pattern10, import_react_sdk79, Wrapper3, SidePane, SidePane_default;
|
|
28415
28419
|
var init_SidePane = __esm({
|
|
28416
28420
|
"src/Prebuilt/layouts/SidePane.tsx"() {
|
|
28417
28421
|
"use strict";
|
|
@@ -28419,7 +28423,7 @@ var init_SidePane = __esm({
|
|
|
28419
28423
|
import_react155 = __toESM(require("react"));
|
|
28420
28424
|
import_react_use28 = require("react-use");
|
|
28421
28425
|
import_ts_pattern10 = require("ts-pattern");
|
|
28422
|
-
|
|
28426
|
+
import_react_sdk79 = require("@100mslive/react-sdk");
|
|
28423
28427
|
init_Polls();
|
|
28424
28428
|
init_RoomDetailsPane();
|
|
28425
28429
|
init_LayoutSettings();
|
|
@@ -28529,9 +28533,9 @@ var init_SidePane = __esm({
|
|
|
28529
28533
|
}) => {
|
|
28530
28534
|
var _a8, _b7, _c, _d, _e, _f, _g;
|
|
28531
28535
|
const isMobile = (0, import_react_use28.useMedia)(config.media.md);
|
|
28532
|
-
const sidepane = (0,
|
|
28533
|
-
const activeScreensharePeerId = (0,
|
|
28534
|
-
const trackId = (_a8 = (0,
|
|
28536
|
+
const sidepane = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectAppData)(APP_DATA.sidePane));
|
|
28537
|
+
const activeScreensharePeerId = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
28538
|
+
const trackId = (_a8 = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
|
28535
28539
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
28536
28540
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
|
28537
28541
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
@@ -28663,7 +28667,7 @@ var init_FullPageProgress = __esm({
|
|
|
28663
28667
|
});
|
|
28664
28668
|
|
|
28665
28669
|
// src/Prebuilt/components/Preview/PreviewForm.tsx
|
|
28666
|
-
var import_react158, import_react_use29, import_join_form3,
|
|
28670
|
+
var import_react158, import_react_use29, import_join_form3, import_react_sdk80, import_react_icons77, PreviewForm, Form, PreviewForm_default;
|
|
28667
28671
|
var init_PreviewForm = __esm({
|
|
28668
28672
|
"src/Prebuilt/components/Preview/PreviewForm.tsx"() {
|
|
28669
28673
|
"use strict";
|
|
@@ -28671,7 +28675,7 @@ var init_PreviewForm = __esm({
|
|
|
28671
28675
|
import_react158 = __toESM(require("react"));
|
|
28672
28676
|
import_react_use29 = require("react-use");
|
|
28673
28677
|
import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
28674
|
-
|
|
28678
|
+
import_react_sdk80 = require("@100mslive/react-sdk");
|
|
28675
28679
|
import_react_icons77 = require("@100mslive/react-icons");
|
|
28676
28680
|
init_src();
|
|
28677
28681
|
init_roomLayoutProvider();
|
|
@@ -28690,7 +28694,7 @@ var init_PreviewForm = __esm({
|
|
|
28690
28694
|
e.preventDefault();
|
|
28691
28695
|
};
|
|
28692
28696
|
const isMobile = (0, import_react_use29.useMedia)(config.media.md);
|
|
28693
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
28697
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk80.useRecordingStreaming)();
|
|
28694
28698
|
const layout = useRoomLayout();
|
|
28695
28699
|
const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
|
|
28696
28700
|
const showGoLive = (joinForm == null ? void 0 : joinForm.join_btn_type) === import_join_form3.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE && !isHLSRunning && !isRTMPRunning && !isHLSRecordingOn && !isBrowserRecordingOn;
|
|
@@ -28742,14 +28746,14 @@ var init_PreviewForm = __esm({
|
|
|
28742
28746
|
});
|
|
28743
28747
|
|
|
28744
28748
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
28745
|
-
var import_react159, import_react_use30,
|
|
28749
|
+
var import_react159, import_react_use30, import_react_sdk81, import_react_icons78, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
|
|
28746
28750
|
var init_PreviewJoin = __esm({
|
|
28747
28751
|
"src/Prebuilt/components/Preview/PreviewJoin.tsx"() {
|
|
28748
28752
|
"use strict";
|
|
28749
28753
|
init_define_process_env();
|
|
28750
28754
|
import_react159 = __toESM(require("react"));
|
|
28751
28755
|
import_react_use30 = require("react-use");
|
|
28752
|
-
|
|
28756
|
+
import_react_sdk81 = require("@100mslive/react-sdk");
|
|
28753
28757
|
import_react_icons78 = require("@100mslive/react-icons");
|
|
28754
28758
|
init_src();
|
|
28755
28759
|
init_AudioLevel2();
|
|
@@ -28777,8 +28781,8 @@ var init_PreviewJoin = __esm({
|
|
|
28777
28781
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
|
28778
28782
|
};
|
|
28779
28783
|
useLocalTileAspectRatio = () => {
|
|
28780
|
-
const localPeer = (0,
|
|
28781
|
-
const videoTrack = (0,
|
|
28784
|
+
const localPeer = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeer);
|
|
28785
|
+
const videoTrack = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
28782
28786
|
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
28783
28787
|
let aspectRatio = 0;
|
|
28784
28788
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
@@ -28797,14 +28801,14 @@ var init_PreviewJoin = __esm({
|
|
|
28797
28801
|
UserPreferencesKeys.PREVIEW,
|
|
28798
28802
|
defaultPreviewPreference
|
|
28799
28803
|
);
|
|
28800
|
-
const { isStreamingOn } = (0,
|
|
28804
|
+
const { isStreamingOn } = (0, import_react_sdk81.useRecordingStreaming)();
|
|
28801
28805
|
const authToken = useAuthToken();
|
|
28802
28806
|
const [name, setName] = (0, import_react159.useState)(initialName || previewPreference.name);
|
|
28803
|
-
const { toggleAudio, toggleVideo } = (0,
|
|
28807
|
+
const { toggleAudio, toggleVideo } = (0, import_react_sdk81.useAVToggle)();
|
|
28804
28808
|
const [previewError, setPreviewError] = (0, import_react159.useState)(false);
|
|
28805
28809
|
const { endpoints } = useHMSPrebuiltContext();
|
|
28806
|
-
const { peerCount } = (0,
|
|
28807
|
-
const { enableJoin, preview, join } = (0,
|
|
28810
|
+
const { peerCount } = (0, import_react_sdk81.useParticipants)();
|
|
28811
|
+
const { enableJoin, preview, join } = (0, import_react_sdk81.usePreviewJoin)({
|
|
28808
28812
|
name,
|
|
28809
28813
|
token: authToken,
|
|
28810
28814
|
initEndpoint: endpoints == null ? void 0 : endpoints.init,
|
|
@@ -28821,7 +28825,7 @@ var init_PreviewJoin = __esm({
|
|
|
28821
28825
|
},
|
|
28822
28826
|
asRole
|
|
28823
28827
|
});
|
|
28824
|
-
const roomState = (0,
|
|
28828
|
+
const roomState = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectRoomState);
|
|
28825
28829
|
const savePreferenceAndJoin = (0, import_react159.useCallback)(() => {
|
|
28826
28830
|
setPreviewPreference({
|
|
28827
28831
|
name
|
|
@@ -28845,7 +28849,7 @@ var init_PreviewJoin = __esm({
|
|
|
28845
28849
|
setName(initialName);
|
|
28846
28850
|
}
|
|
28847
28851
|
}, [initialName]);
|
|
28848
|
-
return roomState ===
|
|
28852
|
+
return roomState === import_react_sdk81.HMSRoomState.Preview ? /* @__PURE__ */ import_react159.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react159.default.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ import_react159.default.createElement(Box, null), /* @__PURE__ */ import_react159.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "640px" } }, /* @__PURE__ */ import_react159.default.createElement(Logo, null), /* @__PURE__ */ import_react159.default.createElement(
|
|
28849
28853
|
Text,
|
|
28850
28854
|
{
|
|
28851
28855
|
variant: "h4",
|
|
@@ -28887,12 +28891,12 @@ var init_PreviewJoin = __esm({
|
|
|
28887
28891
|
px: "$10"
|
|
28888
28892
|
}));
|
|
28889
28893
|
PreviewTile = ({ name, error }) => {
|
|
28890
|
-
const localPeer = (0,
|
|
28891
|
-
const { isLocalAudioEnabled, toggleAudio } = (0,
|
|
28892
|
-
const isVideoOn = (0,
|
|
28894
|
+
const localPeer = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeer);
|
|
28895
|
+
const { isLocalAudioEnabled, toggleAudio } = (0, import_react_sdk81.useAVToggle)();
|
|
28896
|
+
const isVideoOn = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectIsLocalVideoEnabled);
|
|
28893
28897
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
28894
|
-
const trackSelector = (0,
|
|
28895
|
-
const track = (0,
|
|
28898
|
+
const trackSelector = (0, import_react_sdk81.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
28899
|
+
const track = (0, import_react_sdk81.useHMSStore)(trackSelector);
|
|
28896
28900
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
28897
28901
|
const aspectRatio = useLocalTileAspectRatio();
|
|
28898
28902
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use30.useMeasure)();
|
|
@@ -28989,13 +28993,13 @@ var init_RequestPrompt = __esm({
|
|
|
28989
28993
|
});
|
|
28990
28994
|
|
|
28991
28995
|
// src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
|
|
28992
|
-
var import_react161,
|
|
28996
|
+
var import_react161, import_react_sdk82, RoleChangeRequestModal;
|
|
28993
28997
|
var init_RoleChangeRequestModal = __esm({
|
|
28994
28998
|
"src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx"() {
|
|
28995
28999
|
"use strict";
|
|
28996
29000
|
init_define_process_env();
|
|
28997
29001
|
import_react161 = __toESM(require("react"));
|
|
28998
|
-
|
|
29002
|
+
import_react_sdk82 = require("@100mslive/react-sdk");
|
|
28999
29003
|
init_src();
|
|
29000
29004
|
init_PreviewJoin();
|
|
29001
29005
|
init_RequestPrompt();
|
|
@@ -29003,13 +29007,13 @@ var init_RoleChangeRequestModal = __esm({
|
|
|
29003
29007
|
init_useMetadata();
|
|
29004
29008
|
init_constants();
|
|
29005
29009
|
RoleChangeRequestModal = () => {
|
|
29006
|
-
const hmsActions = (0,
|
|
29010
|
+
const hmsActions = (0, import_react_sdk82.useHMSActions)();
|
|
29007
29011
|
const { updateMetaData } = useMyMetadata();
|
|
29008
|
-
const isPreview = (0,
|
|
29009
|
-
const currentRole = (0,
|
|
29010
|
-
const roleChangeRequest = (0,
|
|
29011
|
-
const name = (0,
|
|
29012
|
-
const { sendEvent } = (0,
|
|
29012
|
+
const isPreview = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsInPreview);
|
|
29013
|
+
const currentRole = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeerRoleName);
|
|
29014
|
+
const roleChangeRequest = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoleChangeRequest);
|
|
29015
|
+
const name = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeerName);
|
|
29016
|
+
const { sendEvent } = (0, import_react_sdk82.useCustomEvent)({ type: ROLE_CHANGE_DECLINED });
|
|
29013
29017
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
|
29014
29018
|
const { virtual_background } = elements || {};
|
|
29015
29019
|
(0, import_react161.useEffect)(() => {
|
|
@@ -29100,7 +29104,7 @@ var init_useVideoTileLayout = __esm({
|
|
|
29100
29104
|
});
|
|
29101
29105
|
|
|
29102
29106
|
// src/Prebuilt/components/InsetTile.tsx
|
|
29103
|
-
var import_react163, import_react_draggable, import_react_use32,
|
|
29107
|
+
var import_react163, import_react_draggable, import_react_use32, import_react_sdk83, import_react_icons79, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
|
|
29104
29108
|
var init_InsetTile = __esm({
|
|
29105
29109
|
"src/Prebuilt/components/InsetTile.tsx"() {
|
|
29106
29110
|
"use strict";
|
|
@@ -29108,7 +29112,7 @@ var init_InsetTile = __esm({
|
|
|
29108
29112
|
import_react163 = __toESM(require("react"));
|
|
29109
29113
|
import_react_draggable = __toESM(require("react-draggable"));
|
|
29110
29114
|
import_react_use32 = require("react-use");
|
|
29111
|
-
|
|
29115
|
+
import_react_sdk83 = require("@100mslive/react-sdk");
|
|
29112
29116
|
import_react_icons79 = require("@100mslive/react-icons");
|
|
29113
29117
|
init_Layout();
|
|
29114
29118
|
init_Text2();
|
|
@@ -29137,11 +29141,11 @@ var init_InsetTile = __esm({
|
|
|
29137
29141
|
InsetTile = ({ peerId }) => {
|
|
29138
29142
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
29139
29143
|
const isLandscape = (0, import_react_use32.useMedia)(config.media.ls);
|
|
29140
|
-
const selector = peerId ? (0,
|
|
29141
|
-
const peer = (0,
|
|
29144
|
+
const selector = peerId ? (0, import_react_sdk83.selectPeerByID)(peerId) : import_react_sdk83.selectLocalPeer;
|
|
29145
|
+
const peer = (0, import_react_sdk83.useHMSStore)(selector);
|
|
29142
29146
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
29143
|
-
const videoTrack = (0,
|
|
29144
|
-
const isAllowedToPublish = (0,
|
|
29147
|
+
const videoTrack = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByID)(peer == null ? void 0 : peer.videoTrack));
|
|
29148
|
+
const isAllowedToPublish = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectIsAllowedToPublish);
|
|
29145
29149
|
const videoTileProps = useVideoTileContext();
|
|
29146
29150
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
|
29147
29151
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
|
@@ -29312,21 +29316,21 @@ var init_Grid = __esm({
|
|
|
29312
29316
|
});
|
|
29313
29317
|
|
|
29314
29318
|
// src/Prebuilt/components/hooks/useTileLayout.tsx
|
|
29315
|
-
var import_react166, import_react_use33,
|
|
29319
|
+
var import_react166, import_react_use33, import_react_sdk84, aspectRatioConfig, usePagesWithTiles, useTileLayout;
|
|
29316
29320
|
var init_useTileLayout = __esm({
|
|
29317
29321
|
"src/Prebuilt/components/hooks/useTileLayout.tsx"() {
|
|
29318
29322
|
"use strict";
|
|
29319
29323
|
init_define_process_env();
|
|
29320
29324
|
import_react166 = require("react");
|
|
29321
29325
|
import_react_use33 = require("react-use");
|
|
29322
|
-
|
|
29326
|
+
import_react_sdk84 = require("@100mslive/react-sdk");
|
|
29323
29327
|
init_Theme();
|
|
29324
29328
|
aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
|
|
29325
29329
|
usePagesWithTiles = ({ peers, maxTileCount }) => {
|
|
29326
|
-
const vanillaStore = (0,
|
|
29327
|
-
const tracksMap = vanillaStore.getState(
|
|
29330
|
+
const vanillaStore = (0, import_react_sdk84.useHMSVanillaStore)();
|
|
29331
|
+
const tracksMap = vanillaStore.getState(import_react_sdk84.selectTracksMap);
|
|
29328
29332
|
const peersWithTiles = (0, import_react166.useMemo)(
|
|
29329
|
-
() => (0,
|
|
29333
|
+
() => (0, import_react_sdk84.getPeersWithTiles)(peers, tracksMap, () => false),
|
|
29330
29334
|
[peers, tracksMap]
|
|
29331
29335
|
);
|
|
29332
29336
|
const noOfPages = Math.ceil(peersWithTiles.length / maxTileCount);
|
|
@@ -29349,7 +29353,7 @@ var init_useTileLayout = __esm({
|
|
|
29349
29353
|
maxTileCount,
|
|
29350
29354
|
edgeToEdge = false
|
|
29351
29355
|
}) => {
|
|
29352
|
-
const vanillaStore = (0,
|
|
29356
|
+
const vanillaStore = (0, import_react_sdk84.useHMSVanillaStore)();
|
|
29353
29357
|
const [ref, { width, height }] = (0, import_react_use33.useMeasure)();
|
|
29354
29358
|
const isMobile = (0, import_react_use33.useMedia)(config.media.lg);
|
|
29355
29359
|
const [pagesWithTiles, setPagesWithTiles] = (0, import_react166.useState)([]);
|
|
@@ -29422,7 +29426,7 @@ var init_useTileLayout = __esm({
|
|
|
29422
29426
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
|
29423
29427
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
|
29424
29428
|
var _a8;
|
|
29425
|
-
const localPeer = (0,
|
|
29429
|
+
const localPeer = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectLocalPeer);
|
|
29426
29430
|
const isMobile = (0, import_react_use34.useMedia)(config.media.md);
|
|
29427
29431
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
29428
29432
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
@@ -29464,14 +29468,14 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
29464
29468
|
}
|
|
29465
29469
|
), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ import_react167.default.createElement(InsetTile, null));
|
|
29466
29470
|
}
|
|
29467
|
-
var import_react167, import_react_use34,
|
|
29471
|
+
var import_react167, import_react_use34, import_react_sdk85;
|
|
29468
29472
|
var init_EqualProminence = __esm({
|
|
29469
29473
|
"src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
|
|
29470
29474
|
"use strict";
|
|
29471
29475
|
init_define_process_env();
|
|
29472
29476
|
import_react167 = __toESM(require("react"));
|
|
29473
29477
|
import_react_use34 = require("react-use");
|
|
29474
|
-
|
|
29478
|
+
import_react_sdk85 = require("@100mslive/react-sdk");
|
|
29475
29479
|
init_Layout();
|
|
29476
29480
|
init_Theme();
|
|
29477
29481
|
init_InsetTile();
|
|
@@ -29572,14 +29576,14 @@ var init_ProminenceLayout = __esm({
|
|
|
29572
29576
|
});
|
|
29573
29577
|
|
|
29574
29578
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
|
29575
|
-
var import_react169, import_react_use35,
|
|
29579
|
+
var import_react169, import_react_use35, import_react_sdk86, SecondaryTiles;
|
|
29576
29580
|
var init_SecondaryTiles = __esm({
|
|
29577
29581
|
"src/Prebuilt/components/SecondaryTiles.tsx"() {
|
|
29578
29582
|
"use strict";
|
|
29579
29583
|
init_define_process_env();
|
|
29580
29584
|
import_react169 = __toESM(require("react"));
|
|
29581
29585
|
import_react_use35 = require("react-use");
|
|
29582
|
-
|
|
29586
|
+
import_react_sdk86 = require("@100mslive/react-sdk");
|
|
29583
29587
|
init_ProminenceLayout();
|
|
29584
29588
|
init_Theme();
|
|
29585
29589
|
init_Pagination2();
|
|
@@ -29590,10 +29594,10 @@ var init_SecondaryTiles = __esm({
|
|
|
29590
29594
|
const isMobile = (0, import_react_use35.useMedia)(config.media.md);
|
|
29591
29595
|
const maxTileCount = isMobile ? 2 : 4;
|
|
29592
29596
|
const [page, setPage] = (0, import_react169.useState)(0);
|
|
29593
|
-
const pinnedTrackId = (0,
|
|
29594
|
-
const spotlightPeerId = (0,
|
|
29595
|
-
const activeScreensharePeerId = (0,
|
|
29596
|
-
const pinnedPeer = (_a8 = (0,
|
|
29597
|
+
const pinnedTrackId = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectAppData)(APP_DATA.pinnedTrackId));
|
|
29598
|
+
const spotlightPeerId = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectSessionStore)("spotlight" /* SPOTLIGHT */));
|
|
29599
|
+
const activeScreensharePeerId = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
29600
|
+
const pinnedPeer = (_a8 = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a8.peerId;
|
|
29597
29601
|
const pageChangedAfterPinning = (0, import_react169.useRef)(false);
|
|
29598
29602
|
const pagesWithTiles = usePagesWithTiles({
|
|
29599
29603
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
|
@@ -29696,7 +29700,7 @@ function RoleProminence({
|
|
|
29696
29700
|
}) {
|
|
29697
29701
|
var _a8;
|
|
29698
29702
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
29699
|
-
const localPeer = (0,
|
|
29703
|
+
const localPeer = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectLocalPeer);
|
|
29700
29704
|
const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
|
|
29701
29705
|
const isMobile = (0, import_react_use36.useMedia)(config.media.md);
|
|
29702
29706
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
@@ -29736,14 +29740,14 @@ function RoleProminence({
|
|
|
29736
29740
|
}
|
|
29737
29741
|
), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react171.default.createElement(InsetTile, null));
|
|
29738
29742
|
}
|
|
29739
|
-
var import_react171, import_react_use36,
|
|
29743
|
+
var import_react171, import_react_use36, import_react_sdk87;
|
|
29740
29744
|
var init_RoleProminence = __esm({
|
|
29741
29745
|
"src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
|
|
29742
29746
|
"use strict";
|
|
29743
29747
|
init_define_process_env();
|
|
29744
29748
|
import_react171 = __toESM(require("react"));
|
|
29745
29749
|
import_react_use36 = require("react-use");
|
|
29746
|
-
|
|
29750
|
+
import_react_sdk87 = require("@100mslive/react-sdk");
|
|
29747
29751
|
init_Theme();
|
|
29748
29752
|
init_InsetTile();
|
|
29749
29753
|
init_Pagination2();
|
|
@@ -29868,19 +29872,19 @@ var init_LayoutModeSelector = __esm({
|
|
|
29868
29872
|
});
|
|
29869
29873
|
|
|
29870
29874
|
// src/Prebuilt/components/ScreenshareDisplay.tsx
|
|
29871
|
-
var import_react173,
|
|
29875
|
+
var import_react173, import_react_sdk88, import_react_icons82, ScreenshareDisplay;
|
|
29872
29876
|
var init_ScreenshareDisplay = __esm({
|
|
29873
29877
|
"src/Prebuilt/components/ScreenshareDisplay.tsx"() {
|
|
29874
29878
|
"use strict";
|
|
29875
29879
|
init_define_process_env();
|
|
29876
29880
|
import_react173 = __toESM(require("react"));
|
|
29877
|
-
|
|
29881
|
+
import_react_sdk88 = require("@100mslive/react-sdk");
|
|
29878
29882
|
import_react_icons82 = require("@100mslive/react-icons");
|
|
29879
29883
|
init_Button2();
|
|
29880
29884
|
init_Layout();
|
|
29881
29885
|
init_Text2();
|
|
29882
29886
|
ScreenshareDisplay = () => {
|
|
29883
|
-
const hmsActions = (0,
|
|
29887
|
+
const hmsActions = (0, import_react_sdk88.useHMSActions)();
|
|
29884
29888
|
return /* @__PURE__ */ import_react173.default.createElement(
|
|
29885
29889
|
Flex,
|
|
29886
29890
|
{
|
|
@@ -29914,7 +29918,7 @@ var init_ScreenshareDisplay = __esm({
|
|
|
29914
29918
|
});
|
|
29915
29919
|
|
|
29916
29920
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
|
29917
|
-
var import_react174, import_react_use37, import_screenfull2,
|
|
29921
|
+
var import_react174, import_react_use37, import_screenfull2, import_react_sdk89, import_react_icons83, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
|
|
29918
29922
|
var init_ScreenshareTile = __esm({
|
|
29919
29923
|
"src/Prebuilt/components/ScreenshareTile.tsx"() {
|
|
29920
29924
|
"use strict";
|
|
@@ -29922,7 +29926,7 @@ var init_ScreenshareTile = __esm({
|
|
|
29922
29926
|
import_react174 = __toESM(require("react"));
|
|
29923
29927
|
import_react_use37 = require("react-use");
|
|
29924
29928
|
import_screenfull2 = __toESM(require("screenfull"));
|
|
29925
|
-
|
|
29929
|
+
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
29926
29930
|
import_react_icons83 = require("@100mslive/react-icons");
|
|
29927
29931
|
init_TileMenu2();
|
|
29928
29932
|
init_Layout();
|
|
@@ -29944,10 +29948,10 @@ var init_ScreenshareTile = __esm({
|
|
|
29944
29948
|
flexShrink: 0
|
|
29945
29949
|
};
|
|
29946
29950
|
Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
29947
|
-
const isLocal = (0,
|
|
29948
|
-
const track = (0,
|
|
29951
|
+
const isLocal = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectLocalPeerID) === peerId;
|
|
29952
|
+
const track = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectScreenShareByPeerID)(peerId));
|
|
29949
29953
|
const { theme: theme2 } = useTheme();
|
|
29950
|
-
const peer = (0,
|
|
29954
|
+
const peer = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectPeerByID)(peerId));
|
|
29951
29955
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
29952
29956
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react174.useState)(false);
|
|
29953
29957
|
const isMobile = (0, import_react_use37.useMedia)(config.media.md);
|
|
@@ -29958,7 +29962,7 @@ var init_ScreenshareTile = __esm({
|
|
|
29958
29962
|
onClose: () => setFullscreen(false)
|
|
29959
29963
|
});
|
|
29960
29964
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
|
29961
|
-
const audioTrack = (0,
|
|
29965
|
+
const audioTrack = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
|
|
29962
29966
|
if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
|
|
29963
29967
|
return /* @__PURE__ */ import_react174.default.createElement(ScreenshareDisplay, null);
|
|
29964
29968
|
}
|
|
@@ -30037,14 +30041,14 @@ var init_ScreenshareTile = __esm({
|
|
|
30037
30041
|
});
|
|
30038
30042
|
|
|
30039
30043
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
30040
|
-
var import_react175, import_react_use38,
|
|
30044
|
+
var import_react175, import_react_use38, import_react_sdk90, ScreenshareLayout;
|
|
30041
30045
|
var init_ScreenshareLayout = __esm({
|
|
30042
30046
|
"src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
|
|
30043
30047
|
"use strict";
|
|
30044
30048
|
init_define_process_env();
|
|
30045
30049
|
import_react175 = __toESM(require("react"));
|
|
30046
30050
|
import_react_use38 = require("react-use");
|
|
30047
|
-
|
|
30051
|
+
import_react_sdk90 = require("@100mslive/react-sdk");
|
|
30048
30052
|
init_Theme();
|
|
30049
30053
|
init_InsetTile();
|
|
30050
30054
|
init_Pagination2();
|
|
@@ -30056,7 +30060,7 @@ var init_ScreenshareLayout = __esm({
|
|
|
30056
30060
|
init_constants();
|
|
30057
30061
|
ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
30058
30062
|
var _a8;
|
|
30059
|
-
const peersSharing = (0,
|
|
30063
|
+
const peersSharing = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectPeersScreenSharing);
|
|
30060
30064
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
30061
30065
|
const [page, setPage] = (0, import_react175.useState)(0);
|
|
30062
30066
|
const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
|
|
@@ -30107,12 +30111,12 @@ var init_ScreenshareLayout = __esm({
|
|
|
30107
30111
|
});
|
|
30108
30112
|
|
|
30109
30113
|
// src/Prebuilt/common/PeersSorter.ts
|
|
30110
|
-
var
|
|
30114
|
+
var import_react_sdk91, PeersSorter, PeersSorter_default;
|
|
30111
30115
|
var init_PeersSorter = __esm({
|
|
30112
30116
|
"src/Prebuilt/common/PeersSorter.ts"() {
|
|
30113
30117
|
"use strict";
|
|
30114
30118
|
init_define_process_env();
|
|
30115
|
-
|
|
30119
|
+
import_react_sdk91 = require("@100mslive/react-sdk");
|
|
30116
30120
|
PeersSorter = class {
|
|
30117
30121
|
constructor(store) {
|
|
30118
30122
|
this.storeUnsubscribe = void 0;
|
|
@@ -30134,7 +30138,7 @@ var init_PeersSorter = __esm({
|
|
|
30134
30138
|
}
|
|
30135
30139
|
});
|
|
30136
30140
|
if (!this.storeUnsubscribe) {
|
|
30137
|
-
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange,
|
|
30141
|
+
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk91.selectDominantSpeaker);
|
|
30138
30142
|
}
|
|
30139
30143
|
this.moveSpeakerToFront(this.speaker);
|
|
30140
30144
|
};
|
|
@@ -30208,13 +30212,13 @@ var init_PeersSorter = __esm({
|
|
|
30208
30212
|
});
|
|
30209
30213
|
|
|
30210
30214
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
|
30211
|
-
var import_react176,
|
|
30215
|
+
var import_react176, import_react_sdk92, GridLayout;
|
|
30212
30216
|
var init_GridLayout = __esm({
|
|
30213
30217
|
"src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
|
|
30214
30218
|
"use strict";
|
|
30215
30219
|
init_define_process_env();
|
|
30216
30220
|
import_react176 = __toESM(require("react"));
|
|
30217
|
-
|
|
30221
|
+
import_react_sdk92 = require("@100mslive/react-sdk");
|
|
30218
30222
|
init_EqualProminence();
|
|
30219
30223
|
init_RoleProminence();
|
|
30220
30224
|
init_ScreenshareLayout();
|
|
@@ -30233,11 +30237,11 @@ var init_GridLayout = __esm({
|
|
|
30233
30237
|
edge_to_edge = false,
|
|
30234
30238
|
hide_metadata_on_tile = false
|
|
30235
30239
|
}) => {
|
|
30236
|
-
const peerSharing = (0,
|
|
30240
|
+
const peerSharing = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectPeerScreenSharing);
|
|
30237
30241
|
const pinnedTrack = usePinnedTrack();
|
|
30238
|
-
const peers = (0,
|
|
30239
|
-
const localPeerRole = (0,
|
|
30240
|
-
const localPeerID = (0,
|
|
30242
|
+
const peers = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectPeers);
|
|
30243
|
+
const localPeerRole = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerRoleName);
|
|
30244
|
+
const localPeerID = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerID);
|
|
30241
30245
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
30242
30246
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
30243
30247
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -30256,7 +30260,7 @@ var init_GridLayout = __esm({
|
|
|
30256
30260
|
}
|
|
30257
30261
|
return peers;
|
|
30258
30262
|
}, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
|
|
30259
|
-
const vanillaStore = (0,
|
|
30263
|
+
const vanillaStore = (0, import_react_sdk92.useHMSVanillaStore)();
|
|
30260
30264
|
const [sortedPeers, setSortedPeers] = (0, import_react176.useState)(updatedPeers);
|
|
30261
30265
|
const peersSorter = (0, import_react176.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
|
|
30262
30266
|
const [pageSize, setPageSize] = (0, import_react176.useState)(0);
|
|
@@ -30317,13 +30321,13 @@ var init_GridLayout = __esm({
|
|
|
30317
30321
|
});
|
|
30318
30322
|
|
|
30319
30323
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
30320
|
-
var import_react177,
|
|
30324
|
+
var import_react177, import_react_sdk93, EmbedView, EmbedScreenShareView, EmbedComponent;
|
|
30321
30325
|
var init_EmbedView = __esm({
|
|
30322
30326
|
"src/Prebuilt/layouts/EmbedView.jsx"() {
|
|
30323
30327
|
"use strict";
|
|
30324
30328
|
init_define_process_env();
|
|
30325
30329
|
import_react177 = __toESM(require("react"));
|
|
30326
|
-
|
|
30330
|
+
import_react_sdk93 = require("@100mslive/react-sdk");
|
|
30327
30331
|
init_SecondaryTiles();
|
|
30328
30332
|
init_ToastManager();
|
|
30329
30333
|
init_ProminenceLayout();
|
|
@@ -30334,8 +30338,8 @@ var init_EmbedView = __esm({
|
|
|
30334
30338
|
return /* @__PURE__ */ import_react177.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react177.default.createElement(EmbedComponent, null));
|
|
30335
30339
|
};
|
|
30336
30340
|
EmbedScreenShareView = ({ children }) => {
|
|
30337
|
-
const peers = (0,
|
|
30338
|
-
const peerPresenting = (0,
|
|
30341
|
+
const peers = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeers);
|
|
30342
|
+
const peerPresenting = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeerScreenSharing);
|
|
30339
30343
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
30340
30344
|
const smallTilePeers = (0, import_react177.useMemo)(() => {
|
|
30341
30345
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
@@ -30350,9 +30354,9 @@ var init_EmbedView = __esm({
|
|
|
30350
30354
|
return /* @__PURE__ */ import_react177.default.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ import_react177.default.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ import_react177.default.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
|
30351
30355
|
};
|
|
30352
30356
|
EmbedComponent = () => {
|
|
30353
|
-
const embedConfig = (0,
|
|
30357
|
+
const embedConfig = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectAppData)(APP_DATA.embedConfig));
|
|
30354
30358
|
const resetConfig = useResetEmbedConfig();
|
|
30355
|
-
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0,
|
|
30359
|
+
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk93.useEmbedShare)(resetConfig);
|
|
30356
30360
|
(0, import_react177.useEffect)(() => {
|
|
30357
30361
|
(() => __async(void 0, null, function* () {
|
|
30358
30362
|
if (embedConfig && !isEmbedShareInProgress) {
|
|
@@ -30402,13 +30406,13 @@ var init_EmbedView = __esm({
|
|
|
30402
30406
|
});
|
|
30403
30407
|
|
|
30404
30408
|
// src/Prebuilt/layouts/PDFView.jsx
|
|
30405
|
-
var import_react178,
|
|
30409
|
+
var import_react178, import_react_sdk94, PDFView;
|
|
30406
30410
|
var init_PDFView = __esm({
|
|
30407
30411
|
"src/Prebuilt/layouts/PDFView.jsx"() {
|
|
30408
30412
|
"use strict";
|
|
30409
30413
|
init_define_process_env();
|
|
30410
30414
|
import_react178 = __toESM(require("react"));
|
|
30411
|
-
|
|
30415
|
+
import_react_sdk94 = require("@100mslive/react-sdk");
|
|
30412
30416
|
init_ToastManager();
|
|
30413
30417
|
init_Layout();
|
|
30414
30418
|
init_EmbedView();
|
|
@@ -30416,7 +30420,7 @@ var init_PDFView = __esm({
|
|
|
30416
30420
|
PDFView = () => {
|
|
30417
30421
|
const pdfConfig = usePDFConfig();
|
|
30418
30422
|
const resetConfig = useResetPDFConfig();
|
|
30419
|
-
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0,
|
|
30423
|
+
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk94.usePDFShare)(resetConfig);
|
|
30420
30424
|
(0, import_react178.useEffect)(() => {
|
|
30421
30425
|
(() => __async(void 0, null, function* () {
|
|
30422
30426
|
try {
|
|
@@ -30525,14 +30529,14 @@ var init_WaitingView = __esm({
|
|
|
30525
30529
|
});
|
|
30526
30530
|
|
|
30527
30531
|
// src/Prebuilt/layouts/WhiteboardView.tsx
|
|
30528
|
-
var import_react180, import_react_use39,
|
|
30532
|
+
var import_react180, import_react_use39, import_react_sdk95, EmbedComponent2, WhiteboardView;
|
|
30529
30533
|
var init_WhiteboardView = __esm({
|
|
30530
30534
|
"src/Prebuilt/layouts/WhiteboardView.tsx"() {
|
|
30531
30535
|
"use strict";
|
|
30532
30536
|
init_define_process_env();
|
|
30533
30537
|
import_react180 = __toESM(require("react"));
|
|
30534
30538
|
import_react_use39 = require("react-use");
|
|
30535
|
-
|
|
30539
|
+
import_react_sdk95 = require("@100mslive/react-sdk");
|
|
30536
30540
|
init_SecondaryTiles();
|
|
30537
30541
|
init_ProminenceLayout();
|
|
30538
30542
|
init_src();
|
|
@@ -30541,7 +30545,7 @@ var init_WhiteboardView = __esm({
|
|
|
30541
30545
|
init_constants();
|
|
30542
30546
|
EmbedComponent2 = () => {
|
|
30543
30547
|
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
30544
|
-
const { iframeRef } = (0,
|
|
30548
|
+
const { iframeRef } = (0, import_react_sdk95.useWhiteboard)(isMobile);
|
|
30545
30549
|
return /* @__PURE__ */ import_react180.default.createElement(
|
|
30546
30550
|
Box,
|
|
30547
30551
|
{
|
|
@@ -30573,8 +30577,8 @@ var init_WhiteboardView = __esm({
|
|
|
30573
30577
|
);
|
|
30574
30578
|
};
|
|
30575
30579
|
WhiteboardView = () => {
|
|
30576
|
-
const peers = (0,
|
|
30577
|
-
const whiteboard = (0,
|
|
30580
|
+
const peers = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectPeers);
|
|
30581
|
+
const whiteboard = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectWhiteboard);
|
|
30578
30582
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
30579
30583
|
const smallTilePeers = (0, import_react180.useMemo)(() => {
|
|
30580
30584
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
|
|
@@ -30592,17 +30596,17 @@ var init_WhiteboardView = __esm({
|
|
|
30592
30596
|
});
|
|
30593
30597
|
|
|
30594
30598
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
|
30595
|
-
var import_react181, import_react_use40,
|
|
30599
|
+
var import_react181, import_react_use40, import_react_sdk96, useCloseScreenshareWhiteboard;
|
|
30596
30600
|
var init_useCloseScreenshareWhiteboard = __esm({
|
|
30597
30601
|
"src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
|
|
30598
30602
|
"use strict";
|
|
30599
30603
|
init_define_process_env();
|
|
30600
30604
|
import_react181 = require("react");
|
|
30601
30605
|
import_react_use40 = require("react-use");
|
|
30602
|
-
|
|
30606
|
+
import_react_sdk96 = require("@100mslive/react-sdk");
|
|
30603
30607
|
useCloseScreenshareWhiteboard = () => {
|
|
30604
|
-
const { amIScreenSharing, toggleScreenShare } = (0,
|
|
30605
|
-
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0,
|
|
30608
|
+
const { amIScreenSharing, toggleScreenShare } = (0, import_react_sdk96.useScreenShare)();
|
|
30609
|
+
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk96.useWhiteboard)();
|
|
30606
30610
|
const prevScreenSharer = (0, import_react_use40.usePrevious)(amIScreenSharing);
|
|
30607
30611
|
const prevWhiteboardOwner = (0, import_react_use40.usePrevious)(isWhiteboardOwner);
|
|
30608
30612
|
(0, import_react181.useEffect)(() => {
|
|
@@ -31547,7 +31551,7 @@ var HLSView_exports = {};
|
|
|
31547
31551
|
__export(HLSView_exports, {
|
|
31548
31552
|
default: () => HLSView_default
|
|
31549
31553
|
});
|
|
31550
|
-
var import_react195, import_react_use43, import_hls_player3, import_screenfull3, import_ts_pattern11,
|
|
31554
|
+
var import_react195, import_react_use43, import_hls_player3, import_screenfull3, import_ts_pattern11, import_react_sdk97, import_react_icons93, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
|
|
31551
31555
|
var init_HLSView = __esm({
|
|
31552
31556
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
|
31553
31557
|
"use strict";
|
|
@@ -31557,7 +31561,7 @@ var init_HLSView = __esm({
|
|
|
31557
31561
|
import_hls_player3 = require("@100mslive/hls-player");
|
|
31558
31562
|
import_screenfull3 = __toESM(require("screenfull"));
|
|
31559
31563
|
import_ts_pattern11 = require("ts-pattern");
|
|
31560
|
-
|
|
31564
|
+
import_react_sdk97 = require("@100mslive/react-sdk");
|
|
31561
31565
|
import_react_icons93 = require("@100mslive/react-icons");
|
|
31562
31566
|
init_ChatToggle();
|
|
31563
31567
|
init_HlsStatsOverlay();
|
|
@@ -31584,11 +31588,11 @@ var init_HLSView = __esm({
|
|
|
31584
31588
|
toastMap = {};
|
|
31585
31589
|
ToggleChat = () => {
|
|
31586
31590
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
31587
|
-
const sidepane = (0,
|
|
31591
|
+
const sidepane = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.sidePane));
|
|
31588
31592
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
|
31589
31593
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
31590
31594
|
const isMobile = (0, import_react_use43.useMedia)(config.media.md);
|
|
31591
|
-
const hmsActions = (0,
|
|
31595
|
+
const hmsActions = (0, import_react_sdk97.useHMSActions)();
|
|
31592
31596
|
(0, import_react195.useEffect)(() => {
|
|
31593
31597
|
(0, import_ts_pattern11.match)({ sidepane, isMobile, showChat }).with({ isMobile: true, showChat: true, sidepane: import_ts_pattern11.P.when((value) => !value) }, () => {
|
|
31594
31598
|
toggleChat();
|
|
@@ -31603,10 +31607,10 @@ var init_HLSView = __esm({
|
|
|
31603
31607
|
var _a8, _b7, _c, _d, _e, _f;
|
|
31604
31608
|
const videoRef = (0, import_react195.useRef)(null);
|
|
31605
31609
|
const hlsViewRef = (0, import_react195.useRef)();
|
|
31606
|
-
const hlsState = (0,
|
|
31607
|
-
const enablHlsStats = (0,
|
|
31608
|
-
const notification = (0,
|
|
31609
|
-
const hmsActions = (0,
|
|
31610
|
+
const hlsState = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectHLSState);
|
|
31611
|
+
const enablHlsStats = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.hlsStats));
|
|
31612
|
+
const notification = (0, import_react_sdk97.useHMSNotifications)(import_react_sdk97.HMSNotificationTypes.POLL_STOPPED);
|
|
31613
|
+
const hmsActions = (0, import_react_sdk97.useHMSActions)();
|
|
31610
31614
|
const { themeType } = useTheme();
|
|
31611
31615
|
const [streamEnded, setStreamEnded] = (0, import_react195.useState)(false);
|
|
31612
31616
|
let [hlsStatsState, setHlsStatsState] = (0, import_react195.useState)(null);
|
|
@@ -31621,7 +31625,7 @@ var init_HLSView = __esm({
|
|
|
31621
31625
|
const [isPaused, setIsPaused] = (0, import_react195.useState)(false);
|
|
31622
31626
|
const [show, toggle] = (0, import_react_use43.useToggle)(false);
|
|
31623
31627
|
const lastHlsUrl = (0, import_react_use43.usePrevious)(hlsUrl);
|
|
31624
|
-
const vanillaStore = (0,
|
|
31628
|
+
const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
|
|
31625
31629
|
const [controlsVisible, setControlsVisible] = (0, import_react195.useState)(true);
|
|
31626
31630
|
const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react195.useState)(true);
|
|
31627
31631
|
const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react195.useState)(false);
|
|
@@ -31705,8 +31709,8 @@ var init_HLSView = __esm({
|
|
|
31705
31709
|
const parsedPayload = parsePayload(payload);
|
|
31706
31710
|
if (parsedPayload.startsWith("poll:")) {
|
|
31707
31711
|
const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
|
|
31708
|
-
const poll = vanillaStore.getState((0,
|
|
31709
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
31712
|
+
const poll = vanillaStore.getState((0, import_react_sdk97.selectPollByID)(pollId));
|
|
31713
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk97.selectPeerNameByID)(poll.startedBy)) || "Participant";
|
|
31710
31714
|
if (!toastMap[pollId]) {
|
|
31711
31715
|
const toastID = ToastManager.addToast({
|
|
31712
31716
|
title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
|
|
@@ -31834,7 +31838,7 @@ var init_HLSView = __esm({
|
|
|
31834
31838
|
const onDoubleClickHandler = (0, import_react195.useCallback)(
|
|
31835
31839
|
(event) => {
|
|
31836
31840
|
var _a9;
|
|
31837
|
-
if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !==
|
|
31841
|
+
if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== import_react_sdk97.HLSPlaylistType.DVR) {
|
|
31838
31842
|
return;
|
|
31839
31843
|
}
|
|
31840
31844
|
const sidePercentage = event.screenX * 100 / event.target.clientWidth;
|
|
@@ -31852,7 +31856,7 @@ var init_HLSView = __esm({
|
|
|
31852
31856
|
);
|
|
31853
31857
|
const onClickHandler = (0, import_react195.useCallback)(() => __async(void 0, null, function* () {
|
|
31854
31858
|
var _a9;
|
|
31855
|
-
(0, import_ts_pattern11.match)({ isMobile, isLandscape, playlist_type: (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type }).with({ playlist_type:
|
|
31859
|
+
(0, import_ts_pattern11.match)({ isMobile, isLandscape, playlist_type: (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type }).with({ playlist_type: import_react_sdk97.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
|
|
31856
31860
|
if (isPaused) {
|
|
31857
31861
|
yield hlsPlayer == null ? void 0 : hlsPlayer.play();
|
|
31858
31862
|
} else {
|
|
@@ -31940,7 +31944,7 @@ var init_HLSView = __esm({
|
|
|
31940
31944
|
},
|
|
31941
31945
|
onKeyDown: (event) => __async(void 0, null, function* () {
|
|
31942
31946
|
var _a9;
|
|
31943
|
-
if (((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) ===
|
|
31947
|
+
if (((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR) {
|
|
31944
31948
|
yield keyHandler(event);
|
|
31945
31949
|
}
|
|
31946
31950
|
}),
|
|
@@ -31986,7 +31990,7 @@ var init_HLSView = __esm({
|
|
|
31986
31990
|
opacity: controlsVisible ? `1` : "0"
|
|
31987
31991
|
}
|
|
31988
31992
|
},
|
|
31989
|
-
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) ===
|
|
31993
|
+
!showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR && /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, /* @__PURE__ */ import_react195.default.createElement(
|
|
31990
31994
|
HMSVideoPlayer.Seeker,
|
|
31991
31995
|
{
|
|
31992
31996
|
title: "backward",
|
|
@@ -32063,7 +32067,7 @@ var init_HLSView = __esm({
|
|
|
32063
32067
|
align: "start",
|
|
32064
32068
|
css: {
|
|
32065
32069
|
position: "absolute",
|
|
32066
|
-
bottom: isFullScreen && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) ===
|
|
32070
|
+
bottom: isFullScreen && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? "$8" : "0",
|
|
32067
32071
|
left: "0",
|
|
32068
32072
|
zIndex: 1,
|
|
32069
32073
|
background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
|
|
@@ -32073,7 +32077,7 @@ var init_HLSView = __esm({
|
|
|
32073
32077
|
transition: "visibility 0s 0.5s, opacity 0.5s linear"
|
|
32074
32078
|
}
|
|
32075
32079
|
},
|
|
32076
|
-
((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) ===
|
|
32080
|
+
((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
|
|
32077
32081
|
/* @__PURE__ */ import_react195.default.createElement(
|
|
32078
32082
|
HMSVideoPlayer.Controls.Root,
|
|
32079
32083
|
{
|
|
@@ -32081,7 +32085,7 @@ var init_HLSView = __esm({
|
|
|
32081
32085
|
p: "$4 $8"
|
|
32082
32086
|
}
|
|
32083
32087
|
},
|
|
32084
|
-
/* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) ===
|
|
32088
|
+
/* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, /* @__PURE__ */ import_react195.default.createElement(
|
|
32085
32089
|
HMSVideoPlayer.Seeker,
|
|
32086
32090
|
{
|
|
32087
32091
|
onClick: () => {
|
|
@@ -32131,7 +32135,7 @@ var init_HLSView = __esm({
|
|
|
32131
32135
|
},
|
|
32132
32136
|
isVideoLive ? "LIVE" : "GO LIVE"
|
|
32133
32137
|
)))
|
|
32134
|
-
), (isMobile || isLandscape) && !isVideoLive && ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) ===
|
|
32138
|
+
), (isMobile || isLandscape) && !isVideoLive && ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Duration, null) : null),
|
|
32135
32139
|
/* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react195.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react195.default.createElement(
|
|
32136
32140
|
HLSQualitySelector,
|
|
32137
32141
|
{
|
|
@@ -32156,14 +32160,14 @@ var init_HLSView = __esm({
|
|
|
32156
32160
|
});
|
|
32157
32161
|
|
|
32158
32162
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
32159
|
-
var import_react196, import_ts_pattern12,
|
|
32163
|
+
var import_react196, import_ts_pattern12, import_react_sdk98, HLSView2, VideoStreamingSection;
|
|
32160
32164
|
var init_VideoStreamingSection = __esm({
|
|
32161
32165
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
|
32162
32166
|
"use strict";
|
|
32163
32167
|
init_define_process_env();
|
|
32164
32168
|
import_react196 = __toESM(require("react"));
|
|
32165
32169
|
import_ts_pattern12 = require("ts-pattern");
|
|
32166
|
-
|
|
32170
|
+
import_react_sdk98 = require("@100mslive/react-sdk");
|
|
32167
32171
|
init_FullPageProgress();
|
|
32168
32172
|
init_GridLayout();
|
|
32169
32173
|
init_Layout();
|
|
@@ -32182,11 +32186,11 @@ var init_VideoStreamingSection = __esm({
|
|
|
32182
32186
|
hideControls = false
|
|
32183
32187
|
}) => {
|
|
32184
32188
|
var _a8, _b7, _c, _d;
|
|
32185
|
-
const localPeerRole = (0,
|
|
32186
|
-
const isConnected = (0,
|
|
32187
|
-
const peerSharing = (0,
|
|
32188
|
-
const isWhiteboardOpen = (_a8 = (0,
|
|
32189
|
-
const hmsActions = (0,
|
|
32189
|
+
const localPeerRole = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectLocalPeerRoleName);
|
|
32190
|
+
const isConnected = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectIsConnectedToRoom);
|
|
32191
|
+
const peerSharing = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeerScreenSharing);
|
|
32192
|
+
const isWhiteboardOpen = (_a8 = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectWhiteboard)) == null ? void 0 : _a8.open;
|
|
32193
|
+
const hmsActions = (0, import_react_sdk98.useHMSActions)();
|
|
32190
32194
|
const waitingViewerRole = useWaitingViewerRole();
|
|
32191
32195
|
const urlToIframe = useUrlToEmbed();
|
|
32192
32196
|
const pdfAnnotatorActive = usePDFConfig();
|
|
@@ -32299,13 +32303,13 @@ var init_RoomDetailsHeader = __esm({
|
|
|
32299
32303
|
});
|
|
32300
32304
|
|
|
32301
32305
|
// src/Prebuilt/components/Header/common.jsx
|
|
32302
|
-
var import_react198,
|
|
32306
|
+
var import_react198, import_react_sdk99, import_react_icons95, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
|
32303
32307
|
var init_common2 = __esm({
|
|
32304
32308
|
"src/Prebuilt/components/Header/common.jsx"() {
|
|
32305
32309
|
"use strict";
|
|
32306
32310
|
init_define_process_env();
|
|
32307
32311
|
import_react198 = __toESM(require("react"));
|
|
32308
|
-
|
|
32312
|
+
import_react_sdk99 = require("@100mslive/react-sdk");
|
|
32309
32313
|
import_react_icons95 = require("@100mslive/react-icons");
|
|
32310
32314
|
init_Divider2();
|
|
32311
32315
|
init_Label2();
|
|
@@ -32315,12 +32319,12 @@ var init_common2 = __esm({
|
|
|
32315
32319
|
init_IconButton3();
|
|
32316
32320
|
init_ToastManager();
|
|
32317
32321
|
CamaraFlipActions = () => {
|
|
32318
|
-
const actions = (0,
|
|
32319
|
-
const { allDevices } = (0,
|
|
32322
|
+
const actions = (0, import_react_sdk99.useHMSActions)();
|
|
32323
|
+
const { allDevices } = (0, import_react_sdk99.useDevices)();
|
|
32320
32324
|
const { videoInput } = allDevices;
|
|
32321
|
-
const isVideoOn = (0,
|
|
32322
|
-
const videoTrackId = (0,
|
|
32323
|
-
const localVideoTrack = (0,
|
|
32325
|
+
const isVideoOn = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsLocalVideoEnabled);
|
|
32326
|
+
const videoTrackId = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectLocalVideoTrackID);
|
|
32327
|
+
const localVideoTrack = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectVideoTrackByID)(videoTrackId));
|
|
32324
32328
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
32325
32329
|
return null;
|
|
32326
32330
|
}
|
|
@@ -32343,7 +32347,7 @@ var init_common2 = __esm({
|
|
|
32343
32347
|
));
|
|
32344
32348
|
};
|
|
32345
32349
|
AudioActions = () => {
|
|
32346
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
|
32350
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk99.useDevices)();
|
|
32347
32351
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
|
32348
32352
|
const { audioInput, audioOutput } = allDevices;
|
|
32349
32353
|
let availableAudioDevices = audioInput;
|
|
@@ -32352,7 +32356,7 @@ var init_common2 = __esm({
|
|
|
32352
32356
|
availableAudioDevices = audioOutput;
|
|
32353
32357
|
selectedAudio = selectedDeviceIDs.audioOutput;
|
|
32354
32358
|
}
|
|
32355
|
-
const hmsActions = (0,
|
|
32359
|
+
const hmsActions = (0, import_react_sdk99.useHMSActions)();
|
|
32356
32360
|
const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
|
|
32357
32361
|
const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
|
|
32358
32362
|
if (!audioFiltered) {
|
|
@@ -32373,7 +32377,7 @@ var init_common2 = __esm({
|
|
|
32373
32377
|
try {
|
|
32374
32378
|
yield updateDevice({
|
|
32375
32379
|
deviceId,
|
|
32376
|
-
deviceType: shouldShowAudioOutput ?
|
|
32380
|
+
deviceType: shouldShowAudioOutput ? import_react_sdk99.DeviceType.audioOutput : import_react_sdk99.DeviceType.audioInput
|
|
32377
32381
|
});
|
|
32378
32382
|
} catch (e) {
|
|
32379
32383
|
ToastManager.addToast({
|
|
@@ -32457,23 +32461,23 @@ var init_common2 = __esm({
|
|
|
32457
32461
|
});
|
|
32458
32462
|
|
|
32459
32463
|
// src/Prebuilt/components/Header/Header.tsx
|
|
32460
|
-
var import_react199, import_react_use45,
|
|
32464
|
+
var import_react199, import_react_use45, import_react_sdk100, Header2;
|
|
32461
32465
|
var init_Header = __esm({
|
|
32462
32466
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
32463
32467
|
"use strict";
|
|
32464
32468
|
init_define_process_env();
|
|
32465
32469
|
import_react199 = __toESM(require("react"));
|
|
32466
32470
|
import_react_use45 = require("react-use");
|
|
32467
|
-
|
|
32471
|
+
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
32468
32472
|
init_src();
|
|
32469
32473
|
init_HeaderComponents();
|
|
32470
32474
|
init_RoomDetailsHeader();
|
|
32471
32475
|
init_StreamActions();
|
|
32472
32476
|
init_common2();
|
|
32473
32477
|
Header2 = () => {
|
|
32474
|
-
const roomState = (0,
|
|
32478
|
+
const roomState = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectRoomState);
|
|
32475
32479
|
const isMobile = (0, import_react_use45.useMedia)(config.media.md);
|
|
32476
|
-
if (roomState !==
|
|
32480
|
+
if (roomState !== import_react_sdk100.HMSRoomState.Connected) {
|
|
32477
32481
|
return /* @__PURE__ */ import_react199.default.createElement(import_react199.default.Fragment, null);
|
|
32478
32482
|
}
|
|
32479
32483
|
return /* @__PURE__ */ import_react199.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react199.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react199.default.createElement(Logo, null), /* @__PURE__ */ import_react199.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react199.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react199.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react199.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react199.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react199.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react199.default.createElement(
|
|
@@ -32503,25 +32507,25 @@ var init_Header2 = __esm({
|
|
|
32503
32507
|
});
|
|
32504
32508
|
|
|
32505
32509
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
|
32506
|
-
var import_react200,
|
|
32510
|
+
var import_react200, import_react_sdk101, PreviousRoleInMetadata;
|
|
32507
32511
|
var init_PreviousRoleInMetadata = __esm({
|
|
32508
32512
|
"src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
|
|
32509
32513
|
"use strict";
|
|
32510
32514
|
init_define_process_env();
|
|
32511
32515
|
import_react200 = require("react");
|
|
32512
|
-
|
|
32516
|
+
import_react_sdk101 = require("@100mslive/react-sdk");
|
|
32513
32517
|
init_useMetadata();
|
|
32514
32518
|
PreviousRoleInMetadata = () => {
|
|
32515
|
-
const vanillaStore = (0,
|
|
32519
|
+
const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
|
|
32516
32520
|
const { updateMetaData } = useMyMetadata();
|
|
32517
32521
|
(0, import_react200.useEffect)(() => {
|
|
32518
|
-
let previousRole = vanillaStore.getState(
|
|
32522
|
+
let previousRole = vanillaStore.getState(import_react_sdk101.selectLocalPeerRoleName);
|
|
32519
32523
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
|
32520
32524
|
if (previousRole !== currentRole && currentRole) {
|
|
32521
32525
|
updateMetaData({ prevRole: previousRole });
|
|
32522
32526
|
previousRole = currentRole;
|
|
32523
32527
|
}
|
|
32524
|
-
},
|
|
32528
|
+
}, import_react_sdk101.selectLocalPeerRoleName);
|
|
32525
32529
|
return unsubscribe;
|
|
32526
32530
|
}, [vanillaStore]);
|
|
32527
32531
|
return null;
|
|
@@ -32530,14 +32534,14 @@ var init_PreviousRoleInMetadata = __esm({
|
|
|
32530
32534
|
});
|
|
32531
32535
|
|
|
32532
32536
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
32533
|
-
var import_react201, import_uuid12,
|
|
32537
|
+
var import_react201, import_uuid12, import_react_sdk102, ConferenceScreen;
|
|
32534
32538
|
var init_ConferenceScreen = __esm({
|
|
32535
32539
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
|
32536
32540
|
"use strict";
|
|
32537
32541
|
init_define_process_env();
|
|
32538
32542
|
import_react201 = __toESM(require("react"));
|
|
32539
32543
|
import_uuid12 = require("uuid");
|
|
32540
|
-
|
|
32544
|
+
import_react_sdk102 = require("@100mslive/react-sdk");
|
|
32541
32545
|
init_Footer3();
|
|
32542
32546
|
init_MoreSettings();
|
|
32543
32547
|
init_HLSFailureModal();
|
|
@@ -32561,19 +32565,17 @@ var init_ConferenceScreen = __esm({
|
|
|
32561
32565
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
32562
32566
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
32563
32567
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
32564
|
-
const roomState = (0,
|
|
32565
|
-
const isConnectedToRoom = (0,
|
|
32566
|
-
const hmsActions = (0,
|
|
32568
|
+
const roomState = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectRoomState);
|
|
32569
|
+
const isConnectedToRoom = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
|
|
32570
|
+
const hmsActions = (0, import_react_sdk102.useHMSActions)();
|
|
32567
32571
|
const [hideControls, setHideControls] = (0, import_react201.useState)(false);
|
|
32568
|
-
const dropdownList = (0,
|
|
32572
|
+
const dropdownList = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.dropdownList));
|
|
32569
32573
|
const authTokenInAppData = useAuthToken();
|
|
32570
32574
|
const headerRef = (0, import_react201.useRef)(null);
|
|
32571
32575
|
const footerRef = (0, import_react201.useRef)(null);
|
|
32572
32576
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
|
32573
32577
|
const dropdownListRef = (0, import_react201.useRef)();
|
|
32574
32578
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
32575
|
-
const { toggleAudio, toggleVideo } = (0, import_react_sdk103.useAVToggle)();
|
|
32576
|
-
const noAVPermissions = !(toggleAudio || toggleVideo);
|
|
32577
32579
|
const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
|
|
32578
32580
|
const autoRoomJoined = (0, import_react201.useRef)(isPreviewScreenEnabled);
|
|
32579
32581
|
const isMobileHLSStream = useMobileHLSStream();
|
|
@@ -32601,7 +32603,7 @@ var init_ConferenceScreen = __esm({
|
|
|
32601
32603
|
};
|
|
32602
32604
|
}, [dropdownList, hideControls, isMobileDevice]);
|
|
32603
32605
|
(0, import_react201.useEffect)(() => {
|
|
32604
|
-
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !==
|
|
32606
|
+
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk102.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
|
32605
32607
|
hmsActions.join({
|
|
32606
32608
|
userName: userName || (0, import_uuid12.v4)(),
|
|
32607
32609
|
authToken: authTokenInAppData,
|
|
@@ -32621,8 +32623,8 @@ var init_ConferenceScreen = __esm({
|
|
|
32621
32623
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
|
32622
32624
|
};
|
|
32623
32625
|
}, [onJoinFunc]);
|
|
32624
|
-
if (!isConnectedToRoom && ![
|
|
32625
|
-
return /* @__PURE__ */ import_react201.default.createElement(FullPageProgress_default, { text: roomState ===
|
|
32626
|
+
if (!isConnectedToRoom && ![import_react_sdk102.HMSRoomState.Reconnecting, import_react_sdk102.HMSRoomState.Disconnected].includes(roomState)) {
|
|
32627
|
+
return /* @__PURE__ */ import_react201.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk102.HMSRoomState.Connecting ? "Joining..." : "" });
|
|
32626
32628
|
}
|
|
32627
32629
|
const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
|
|
32628
32630
|
return /* @__PURE__ */ import_react201.default.createElement(import_react201.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react201.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react201.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react201.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react201.default.createElement(
|
|
@@ -32697,7 +32699,7 @@ var init_ConferenceScreen = __esm({
|
|
|
32697
32699
|
justify: "end",
|
|
32698
32700
|
gap: "2"
|
|
32699
32701
|
},
|
|
32700
|
-
|
|
32702
|
+
/* @__PURE__ */ import_react201.default.createElement(RaiseHand, null),
|
|
32701
32703
|
/* @__PURE__ */ import_react201.default.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType }),
|
|
32702
32704
|
/* @__PURE__ */ import_react201.default.createElement(
|
|
32703
32705
|
Box,
|
|
@@ -32808,7 +32810,7 @@ var init_ErrorBoundary = __esm({
|
|
|
32808
32810
|
|
|
32809
32811
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
32810
32812
|
function FeatureFlagsInit() {
|
|
32811
|
-
const roomId = (0,
|
|
32813
|
+
const roomId = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectRoomID);
|
|
32812
32814
|
(0, import_react203.useEffect)(() => {
|
|
32813
32815
|
if (roomId) {
|
|
32814
32816
|
FeatureFlags.init(roomId);
|
|
@@ -32816,13 +32818,13 @@ function FeatureFlagsInit() {
|
|
|
32816
32818
|
}, [roomId]);
|
|
32817
32819
|
return null;
|
|
32818
32820
|
}
|
|
32819
|
-
var import_react203,
|
|
32821
|
+
var import_react203, import_react_sdk103, FeatureFlags;
|
|
32820
32822
|
var init_FeatureFlags = __esm({
|
|
32821
32823
|
"src/Prebuilt/services/FeatureFlags.jsx"() {
|
|
32822
32824
|
"use strict";
|
|
32823
32825
|
init_define_process_env();
|
|
32824
32826
|
import_react203 = require("react");
|
|
32825
|
-
|
|
32827
|
+
import_react_sdk103 = require("@100mslive/react-sdk");
|
|
32826
32828
|
FeatureFlags = class {
|
|
32827
32829
|
static init(roomId) {
|
|
32828
32830
|
if (!window.HMS) {
|
|
@@ -32880,13 +32882,13 @@ var init_Init = __esm({
|
|
|
32880
32882
|
});
|
|
32881
32883
|
|
|
32882
32884
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
|
32883
|
-
var import_react205,
|
|
32885
|
+
var import_react205, import_react_sdk104, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
|
|
32884
32886
|
var init_KeyboardInputManager = __esm({
|
|
32885
32887
|
"src/Prebuilt/components/Input/KeyboardInputManager.js"() {
|
|
32886
32888
|
"use strict";
|
|
32887
32889
|
init_define_process_env();
|
|
32888
32890
|
import_react205 = require("react");
|
|
32889
|
-
|
|
32891
|
+
import_react_sdk104 = require("@100mslive/react-sdk");
|
|
32890
32892
|
init_constants();
|
|
32891
32893
|
isEvenListenersAttached = false;
|
|
32892
32894
|
KeyboardInputManager = class {
|
|
@@ -32894,27 +32896,27 @@ var init_KeyboardInputManager = __esm({
|
|
|
32894
32896
|
__privateAdd(this, _actions, void 0);
|
|
32895
32897
|
__privateAdd(this, _store, void 0);
|
|
32896
32898
|
__privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
|
|
32897
|
-
const enabled = __privateGet(this, _store).getState(
|
|
32899
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk104.selectIsLocalAudioEnabled);
|
|
32898
32900
|
yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
|
|
32899
32901
|
}));
|
|
32900
32902
|
__privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
|
|
32901
|
-
const enabled = __privateGet(this, _store).getState(
|
|
32903
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk104.selectIsLocalVideoEnabled);
|
|
32902
32904
|
yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
|
|
32903
32905
|
}));
|
|
32904
32906
|
__privateAdd(this, _hideSidepane, () => {
|
|
32905
|
-
if (__privateGet(this, _store).getState((0,
|
|
32907
|
+
if (__privateGet(this, _store).getState((0, import_react_sdk104.selectAppData)(APP_DATA.sidePane))) {
|
|
32906
32908
|
__privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
|
|
32907
32909
|
}
|
|
32908
32910
|
});
|
|
32909
32911
|
__privateAdd(this, _toggleStatsForNerds, () => {
|
|
32910
|
-
const uiSettings = __privateGet(this, _store).getState((0,
|
|
32912
|
+
const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk104.selectAppData)(APP_DATA.uiSettings));
|
|
32911
32913
|
const statsEnabled = uiSettings.showStatsOnTiles;
|
|
32912
32914
|
__privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
|
|
32913
32915
|
showStatsOnTiles: !statsEnabled
|
|
32914
32916
|
}));
|
|
32915
32917
|
});
|
|
32916
32918
|
__privateAdd(this, _toggleHlsStats, () => {
|
|
32917
|
-
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0,
|
|
32919
|
+
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk104.selectAppData)(APP_DATA.hlsStats)));
|
|
32918
32920
|
});
|
|
32919
32921
|
// eslint-disable-next-line complexity
|
|
32920
32922
|
__privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
|
|
@@ -32972,8 +32974,8 @@ var init_KeyboardInputManager = __esm({
|
|
|
32972
32974
|
_bind = new WeakMap();
|
|
32973
32975
|
_unbind = new WeakMap();
|
|
32974
32976
|
KeyboardHandler = () => {
|
|
32975
|
-
const store = (0,
|
|
32976
|
-
const actions = (0,
|
|
32977
|
+
const store = (0, import_react_sdk104.useHMSVanillaStore)();
|
|
32978
|
+
const actions = (0, import_react_sdk104.useHMSActions)();
|
|
32977
32979
|
(0, import_react205.useEffect)(() => {
|
|
32978
32980
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
|
32979
32981
|
keyboardManager.bindAllShortcuts();
|
|
@@ -33012,14 +33014,14 @@ var init_useRedirectToLeave = __esm({
|
|
|
33012
33014
|
});
|
|
33013
33015
|
|
|
33014
33016
|
// src/Prebuilt/AppStateContext.tsx
|
|
33015
|
-
var import_react207, import_react_use46,
|
|
33017
|
+
var import_react207, import_react_use46, import_react_sdk105, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
|
33016
33018
|
var init_AppStateContext = __esm({
|
|
33017
33019
|
"src/Prebuilt/AppStateContext.tsx"() {
|
|
33018
33020
|
"use strict";
|
|
33019
33021
|
init_define_process_env();
|
|
33020
33022
|
import_react207 = __toESM(require("react"));
|
|
33021
33023
|
import_react_use46 = require("react-use");
|
|
33022
|
-
|
|
33024
|
+
import_react_sdk105 = require("@100mslive/react-sdk");
|
|
33023
33025
|
init_VBHandler();
|
|
33024
33026
|
init_roomLayoutProvider();
|
|
33025
33027
|
init_useRedirectToLeave();
|
|
@@ -33040,7 +33042,7 @@ var init_AppStateContext = __esm({
|
|
|
33040
33042
|
useAppStateManager = () => {
|
|
33041
33043
|
const roomLayout = useRoomLayout();
|
|
33042
33044
|
const [activeState, setActiveState] = import_react207.default.useState();
|
|
33043
|
-
const roomState = (0,
|
|
33045
|
+
const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
|
|
33044
33046
|
const prevRoomState = (0, import_react_use46.usePreviousDistinct)(roomState);
|
|
33045
33047
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
33046
33048
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
@@ -33052,14 +33054,14 @@ var init_AppStateContext = __esm({
|
|
|
33052
33054
|
if (!roomLayout) {
|
|
33053
33055
|
return;
|
|
33054
33056
|
}
|
|
33055
|
-
if (roomState ===
|
|
33057
|
+
if (roomState === import_react_sdk105.HMSRoomState.Connected) {
|
|
33056
33058
|
setActiveState("meeting" /* MEETING */);
|
|
33057
|
-
} else if (prevRoomState && [
|
|
33059
|
+
} else if (prevRoomState && [import_react_sdk105.HMSRoomState.Reconnecting, import_react_sdk105.HMSRoomState.Connected, import_react_sdk105.HMSRoomState.Connecting].includes(prevRoomState) && [import_react_sdk105.HMSRoomState.Disconnecting, import_react_sdk105.HMSRoomState.Disconnected].includes(roomState)) {
|
|
33058
33060
|
const goTo = isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */;
|
|
33059
33061
|
setActiveState(isLeaveScreenEnabled ? "leave" /* LEAVE */ : goTo);
|
|
33060
33062
|
VBHandler.reset();
|
|
33061
33063
|
redirectToLeave(1e3);
|
|
33062
|
-
} else if (!prevRoomState && roomState ===
|
|
33064
|
+
} else if (!prevRoomState && roomState === import_react_sdk105.HMSRoomState.Disconnected) {
|
|
33063
33065
|
setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
|
|
33064
33066
|
}
|
|
33065
33067
|
}, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave]);
|
|
@@ -33194,7 +33196,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
33194
33196
|
|
|
33195
33197
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
33196
33198
|
function AutoplayBlockedModal() {
|
|
33197
|
-
const { error, resetError, unblockAudio } = (0,
|
|
33199
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk106.useAutoplayError)();
|
|
33198
33200
|
return /* @__PURE__ */ import_react210.default.createElement(
|
|
33199
33201
|
Dialog.Root,
|
|
33200
33202
|
{
|
|
@@ -33219,33 +33221,33 @@ function AutoplayBlockedModal() {
|
|
|
33219
33221
|
)))
|
|
33220
33222
|
);
|
|
33221
33223
|
}
|
|
33222
|
-
var import_react210,
|
|
33224
|
+
var import_react210, import_react_sdk106;
|
|
33223
33225
|
var init_AutoplayBlockedModal = __esm({
|
|
33224
33226
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
|
33225
33227
|
"use strict";
|
|
33226
33228
|
init_define_process_env();
|
|
33227
33229
|
import_react210 = __toESM(require("react"));
|
|
33228
|
-
|
|
33230
|
+
import_react_sdk106 = require("@100mslive/react-sdk");
|
|
33229
33231
|
init_src();
|
|
33230
33232
|
init_DialogContent2();
|
|
33231
33233
|
}
|
|
33232
33234
|
});
|
|
33233
33235
|
|
|
33234
33236
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
33235
|
-
var import_react211, import_uuid13,
|
|
33237
|
+
var import_react211, import_uuid13, import_react_sdk107, import_react_icons99, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
33236
33238
|
var init_ChatNotifications = __esm({
|
|
33237
33239
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
33238
33240
|
"use strict";
|
|
33239
33241
|
init_define_process_env();
|
|
33240
33242
|
import_react211 = __toESM(require("react"));
|
|
33241
33243
|
import_uuid13 = require("uuid");
|
|
33242
|
-
|
|
33244
|
+
import_react_sdk107 = require("@100mslive/react-sdk");
|
|
33243
33245
|
import_react_icons99 = require("@100mslive/react-icons");
|
|
33244
33246
|
init_ToastManager();
|
|
33245
33247
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
33246
33248
|
ChatNotifications = () => {
|
|
33247
|
-
const chatState = (0,
|
|
33248
|
-
const localPeerId = (0,
|
|
33249
|
+
const chatState = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.selectSessionStore)("chatState" /* CHAT_STATE */));
|
|
33250
|
+
const localPeerId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectLocalPeerID);
|
|
33249
33251
|
(0, import_react211.useEffect)(() => {
|
|
33250
33252
|
var _a8, _b7;
|
|
33251
33253
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
|
@@ -33268,13 +33270,13 @@ var init_ChatNotifications = __esm({
|
|
|
33268
33270
|
});
|
|
33269
33271
|
|
|
33270
33272
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
33271
|
-
var import_react212,
|
|
33273
|
+
var import_react212, import_react_sdk108, import_react_icons100, ChatAction, HandRaiseAction, ToastConfig;
|
|
33272
33274
|
var init_ToastConfig = __esm({
|
|
33273
33275
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
|
33274
33276
|
"use strict";
|
|
33275
33277
|
init_define_process_env();
|
|
33276
33278
|
import_react212 = __toESM(require("react"));
|
|
33277
|
-
|
|
33279
|
+
import_react_sdk108 = require("@100mslive/react-sdk");
|
|
33278
33280
|
import_react_icons100 = require("@100mslive/react-icons");
|
|
33279
33281
|
init_Button2();
|
|
33280
33282
|
init_roomLayoutProvider();
|
|
@@ -33290,10 +33292,10 @@ var init_ToastConfig = __esm({
|
|
|
33290
33292
|
});
|
|
33291
33293
|
HandRaiseAction = import_react212.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
33292
33294
|
var _a8, _b7, _c;
|
|
33293
|
-
const hmsActions = (0,
|
|
33295
|
+
const hmsActions = (0, import_react_sdk108.useHMSActions)();
|
|
33294
33296
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
33295
33297
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
33296
|
-
const peer = (0,
|
|
33298
|
+
const peer = (0, import_react_sdk108.useHMSStore)((0, import_react_sdk108.selectPeerByID)(id));
|
|
33297
33299
|
const layout = useRoomLayout();
|
|
33298
33300
|
const {
|
|
33299
33301
|
bring_to_stage_label,
|
|
@@ -33531,21 +33533,21 @@ var init_ToastBatcher = __esm({
|
|
|
33531
33533
|
});
|
|
33532
33534
|
|
|
33533
33535
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
33534
|
-
var import_react213,
|
|
33536
|
+
var import_react213, import_react_sdk109, HandRaisedNotifications;
|
|
33535
33537
|
var init_HandRaisedNotifications = __esm({
|
|
33536
33538
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
|
33537
33539
|
"use strict";
|
|
33538
33540
|
init_define_process_env();
|
|
33539
33541
|
import_react213 = require("react");
|
|
33540
|
-
|
|
33542
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
|
33541
33543
|
init_ToastBatcher();
|
|
33542
33544
|
init_useRoomLayoutScreen();
|
|
33543
33545
|
init_useUISettings();
|
|
33544
33546
|
init_constants();
|
|
33545
33547
|
HandRaisedNotifications = () => {
|
|
33546
|
-
const notification = (0,
|
|
33547
|
-
const roomState = (0,
|
|
33548
|
-
const vanillaStore = (0,
|
|
33548
|
+
const notification = (0, import_react_sdk109.useHMSNotifications)(import_react_sdk109.HMSNotificationTypes.HAND_RAISE_CHANGED);
|
|
33549
|
+
const roomState = (0, import_react_sdk109.useHMSStore)(import_react_sdk109.selectRoomState);
|
|
33550
|
+
const vanillaStore = (0, import_react_sdk109.useHMSVanillaStore)();
|
|
33549
33551
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
33550
33552
|
const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
|
|
33551
33553
|
(0, import_react213.useEffect)(() => {
|
|
@@ -33553,11 +33555,11 @@ var init_HandRaisedNotifications = __esm({
|
|
|
33553
33555
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
33554
33556
|
return;
|
|
33555
33557
|
}
|
|
33556
|
-
if (roomState !==
|
|
33558
|
+
if (roomState !== import_react_sdk109.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
|
|
33557
33559
|
return;
|
|
33558
33560
|
}
|
|
33559
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
33560
|
-
const peer = vanillaStore.getState((0,
|
|
33561
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk109.selectHasPeerHandRaised)(notification.data.id));
|
|
33562
|
+
const peer = vanillaStore.getState((0, import_react_sdk109.selectPeerByID)(notification.data.id));
|
|
33561
33563
|
if (hasPeerHandRaised) {
|
|
33562
33564
|
const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
|
|
33563
33565
|
ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
|
|
@@ -33570,17 +33572,17 @@ var init_HandRaisedNotifications = __esm({
|
|
|
33570
33572
|
});
|
|
33571
33573
|
|
|
33572
33574
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
33573
|
-
var import_react214,
|
|
33575
|
+
var import_react214, import_react_sdk110, InitErrorModal;
|
|
33574
33576
|
var init_InitErrorModal = __esm({
|
|
33575
33577
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
|
33576
33578
|
"use strict";
|
|
33577
33579
|
init_define_process_env();
|
|
33578
33580
|
import_react214 = __toESM(require("react"));
|
|
33579
|
-
|
|
33581
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
|
33580
33582
|
init_src();
|
|
33581
33583
|
init_DialogContent2();
|
|
33582
33584
|
InitErrorModal = () => {
|
|
33583
|
-
const notification = (0,
|
|
33585
|
+
const notification = (0, import_react_sdk110.useHMSNotifications)(import_react_sdk110.HMSNotificationTypes.ERROR);
|
|
33584
33586
|
const [showModal, setShowModal] = (0, import_react214.useState)(false);
|
|
33585
33587
|
const [info, setInfo] = (0, import_react214.useState)({ title: "Init Error", description: "" });
|
|
33586
33588
|
(0, import_react214.useEffect)(() => {
|
|
@@ -33609,23 +33611,23 @@ var init_InitErrorModal = __esm({
|
|
|
33609
33611
|
});
|
|
33610
33612
|
|
|
33611
33613
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
|
33612
|
-
var import_react215,
|
|
33614
|
+
var import_react215, import_react_sdk111, notificationTypes, PeerNotifications;
|
|
33613
33615
|
var init_PeerNotifications = __esm({
|
|
33614
33616
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
|
33615
33617
|
"use strict";
|
|
33616
33618
|
init_define_process_env();
|
|
33617
33619
|
import_react215 = require("react");
|
|
33618
|
-
|
|
33620
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
|
33619
33621
|
init_ToastBatcher();
|
|
33620
33622
|
init_useUISettings();
|
|
33621
33623
|
init_constants();
|
|
33622
33624
|
notificationTypes = [
|
|
33623
|
-
|
|
33624
|
-
|
|
33625
|
-
|
|
33625
|
+
import_react_sdk111.HMSNotificationTypes.PEER_LIST,
|
|
33626
|
+
import_react_sdk111.HMSNotificationTypes.PEER_JOINED,
|
|
33627
|
+
import_react_sdk111.HMSNotificationTypes.PEER_LEFT
|
|
33626
33628
|
];
|
|
33627
33629
|
PeerNotifications = () => {
|
|
33628
|
-
const notification = (0,
|
|
33630
|
+
const notification = (0, import_react_sdk111.useHMSNotifications)(notificationTypes);
|
|
33629
33631
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
33630
33632
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
|
33631
33633
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -33635,17 +33637,17 @@ var init_PeerNotifications = __esm({
|
|
|
33635
33637
|
}
|
|
33636
33638
|
console.debug(`[${notification.type}]`, notification);
|
|
33637
33639
|
switch (notification.type) {
|
|
33638
|
-
case
|
|
33640
|
+
case import_react_sdk111.HMSNotificationTypes.PEER_LIST:
|
|
33639
33641
|
if (!isPeerJoinSubscribed || notification.data.length === 0) {
|
|
33640
33642
|
return;
|
|
33641
33643
|
}
|
|
33642
33644
|
break;
|
|
33643
|
-
case
|
|
33645
|
+
case import_react_sdk111.HMSNotificationTypes.PEER_JOINED:
|
|
33644
33646
|
if (!isPeerJoinSubscribed) {
|
|
33645
33647
|
return;
|
|
33646
33648
|
}
|
|
33647
33649
|
break;
|
|
33648
|
-
case
|
|
33650
|
+
case import_react_sdk111.HMSNotificationTypes.PEER_LEFT:
|
|
33649
33651
|
if (selectedPeer.id === notification.data.id) {
|
|
33650
33652
|
setPeerSelector({});
|
|
33651
33653
|
}
|
|
@@ -33681,7 +33683,7 @@ var init_ios_perm_0 = __esm({
|
|
|
33681
33683
|
|
|
33682
33684
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
33683
33685
|
function PermissionErrorModal() {
|
|
33684
|
-
const notification = (0,
|
|
33686
|
+
const notification = (0, import_react_sdk112.useHMSNotifications)(import_react_sdk112.HMSNotificationTypes.ERROR);
|
|
33685
33687
|
const [deviceType, setDeviceType] = (0, import_react216.useState)("");
|
|
33686
33688
|
const [isSystemError, setIsSystemError] = (0, import_react216.useState)(false);
|
|
33687
33689
|
const isMobile = (0, import_react_use48.useMedia)(config.media.md);
|
|
@@ -33740,14 +33742,14 @@ function PermissionErrorModal() {
|
|
|
33740
33742
|
!isMobile ? /* @__PURE__ */ import_react216.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react216.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
|
|
33741
33743
|
))) : null;
|
|
33742
33744
|
}
|
|
33743
|
-
var import_react216, import_react_use48,
|
|
33745
|
+
var import_react216, import_react_use48, import_react_sdk112;
|
|
33744
33746
|
var init_PermissionErrorModal = __esm({
|
|
33745
33747
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
33746
33748
|
"use strict";
|
|
33747
33749
|
init_define_process_env();
|
|
33748
33750
|
import_react216 = __toESM(require("react"));
|
|
33749
33751
|
import_react_use48 = require("react-use");
|
|
33750
|
-
|
|
33752
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
33751
33753
|
init_src();
|
|
33752
33754
|
init_android_perm_1();
|
|
33753
33755
|
init_ios_perm_0();
|
|
@@ -33756,36 +33758,36 @@ var init_PermissionErrorModal = __esm({
|
|
|
33756
33758
|
});
|
|
33757
33759
|
|
|
33758
33760
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
|
33759
|
-
var import_react217,
|
|
33761
|
+
var import_react217, import_react_sdk113, notificationTypes2, notificationId, ReconnectNotifications;
|
|
33760
33762
|
var init_ReconnectNotifications = __esm({
|
|
33761
33763
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
|
33762
33764
|
"use strict";
|
|
33763
33765
|
init_define_process_env();
|
|
33764
33766
|
import_react217 = __toESM(require("react"));
|
|
33765
|
-
|
|
33767
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
|
33766
33768
|
init_src();
|
|
33767
33769
|
init_ToastConfig();
|
|
33768
33770
|
init_ToastManager();
|
|
33769
33771
|
notificationTypes2 = [
|
|
33770
|
-
|
|
33771
|
-
|
|
33772
|
-
|
|
33772
|
+
import_react_sdk113.HMSNotificationTypes.RECONNECTED,
|
|
33773
|
+
import_react_sdk113.HMSNotificationTypes.RECONNECTING,
|
|
33774
|
+
import_react_sdk113.HMSNotificationTypes.ERROR
|
|
33773
33775
|
];
|
|
33774
33776
|
notificationId = null;
|
|
33775
33777
|
ReconnectNotifications = () => {
|
|
33776
|
-
const notification = (0,
|
|
33778
|
+
const notification = (0, import_react_sdk113.useHMSNotifications)(notificationTypes2);
|
|
33777
33779
|
const [open, setOpen] = (0, import_react217.useState)(false);
|
|
33778
33780
|
(0, import_react217.useEffect)(() => {
|
|
33779
33781
|
var _a8, _b7;
|
|
33780
33782
|
if (!notification) {
|
|
33781
33783
|
return;
|
|
33782
33784
|
}
|
|
33783
|
-
if (notification.type ===
|
|
33785
|
+
if (notification.type === import_react_sdk113.HMSNotificationTypes.ERROR && ((_a8 = notification.data) == null ? void 0 : _a8.isTerminal)) {
|
|
33784
33786
|
setOpen(false);
|
|
33785
|
-
} else if (notification.type ===
|
|
33787
|
+
} else if (notification.type === import_react_sdk113.HMSNotificationTypes.RECONNECTED) {
|
|
33786
33788
|
notificationId = ToastManager.replaceToast(notificationId, ToastConfig.RECONNECTED.single());
|
|
33787
33789
|
setOpen(false);
|
|
33788
|
-
} else if (notification.type ===
|
|
33790
|
+
} else if (notification.type === import_react_sdk113.HMSNotificationTypes.RECONNECTING) {
|
|
33789
33791
|
notificationId = ToastManager.replaceToast(
|
|
33790
33792
|
notificationId,
|
|
33791
33793
|
ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
|
|
@@ -33815,30 +33817,30 @@ var init_ReconnectNotifications = __esm({
|
|
|
33815
33817
|
});
|
|
33816
33818
|
|
|
33817
33819
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
33818
|
-
var import_react218,
|
|
33820
|
+
var import_react218, import_react_sdk114, import_react_icons101, TrackBulkUnmuteModal;
|
|
33819
33821
|
var init_TrackBulkUnmuteModal = __esm({
|
|
33820
33822
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
|
33821
33823
|
"use strict";
|
|
33822
33824
|
init_define_process_env();
|
|
33823
33825
|
import_react218 = __toESM(require("react"));
|
|
33824
|
-
|
|
33826
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
|
33825
33827
|
import_react_icons101 = require("@100mslive/react-icons");
|
|
33826
33828
|
init_DialogContent2();
|
|
33827
33829
|
TrackBulkUnmuteModal = () => {
|
|
33828
|
-
const hmsActions = (0,
|
|
33830
|
+
const hmsActions = (0, import_react_sdk114.useHMSActions)();
|
|
33829
33831
|
const [muteNotification, setMuteNotification] = (0, import_react218.useState)(null);
|
|
33830
|
-
const notification = (0,
|
|
33831
|
-
|
|
33832
|
-
|
|
33833
|
-
|
|
33832
|
+
const notification = (0, import_react_sdk114.useHMSNotifications)([
|
|
33833
|
+
import_react_sdk114.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
|
33834
|
+
import_react_sdk114.HMSNotificationTypes.ROOM_ENDED,
|
|
33835
|
+
import_react_sdk114.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
33834
33836
|
]);
|
|
33835
33837
|
(0, import_react218.useEffect)(() => {
|
|
33836
33838
|
switch (notification == null ? void 0 : notification.type) {
|
|
33837
|
-
case
|
|
33838
|
-
case
|
|
33839
|
+
case import_react_sdk114.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
33840
|
+
case import_react_sdk114.HMSNotificationTypes.ROOM_ENDED:
|
|
33839
33841
|
setMuteNotification(null);
|
|
33840
33842
|
break;
|
|
33841
|
-
case
|
|
33843
|
+
case import_react_sdk114.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
|
33842
33844
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
33843
33845
|
setMuteNotification(notification.data);
|
|
33844
33846
|
}
|
|
@@ -33872,21 +33874,21 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
33872
33874
|
});
|
|
33873
33875
|
|
|
33874
33876
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
33875
|
-
var import_react219,
|
|
33877
|
+
var import_react219, import_react_sdk115, notificationTypes3, TrackNotifications;
|
|
33876
33878
|
var init_TrackNotifications = __esm({
|
|
33877
33879
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
|
33878
33880
|
"use strict";
|
|
33879
33881
|
init_define_process_env();
|
|
33880
33882
|
import_react219 = require("react");
|
|
33881
|
-
|
|
33883
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
33882
33884
|
notificationTypes3 = [
|
|
33883
|
-
|
|
33884
|
-
|
|
33885
|
-
|
|
33886
|
-
|
|
33885
|
+
import_react_sdk115.HMSNotificationTypes.TRACK_ADDED,
|
|
33886
|
+
import_react_sdk115.HMSNotificationTypes.TRACK_REMOVED,
|
|
33887
|
+
import_react_sdk115.HMSNotificationTypes.TRACK_MUTED,
|
|
33888
|
+
import_react_sdk115.HMSNotificationTypes.TRACK_UNMUTED
|
|
33887
33889
|
];
|
|
33888
33890
|
TrackNotifications = () => {
|
|
33889
|
-
const notification = (0,
|
|
33891
|
+
const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes3);
|
|
33890
33892
|
(0, import_react219.useEffect)(() => {
|
|
33891
33893
|
if (notification) {
|
|
33892
33894
|
console.debug(`[${notification.type}]`, notification);
|
|
@@ -33898,30 +33900,30 @@ var init_TrackNotifications = __esm({
|
|
|
33898
33900
|
});
|
|
33899
33901
|
|
|
33900
33902
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
33901
|
-
var import_react220,
|
|
33903
|
+
var import_react220, import_react_sdk116, import_react_icons102, TrackUnmuteModal;
|
|
33902
33904
|
var init_TrackUnmuteModal = __esm({
|
|
33903
33905
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
|
33904
33906
|
"use strict";
|
|
33905
33907
|
init_define_process_env();
|
|
33906
33908
|
import_react220 = __toESM(require("react"));
|
|
33907
|
-
|
|
33909
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
|
33908
33910
|
import_react_icons102 = require("@100mslive/react-icons");
|
|
33909
33911
|
init_DialogContent2();
|
|
33910
33912
|
TrackUnmuteModal = () => {
|
|
33911
|
-
const hmsActions = (0,
|
|
33912
|
-
const notification = (0,
|
|
33913
|
-
|
|
33914
|
-
|
|
33915
|
-
|
|
33913
|
+
const hmsActions = (0, import_react_sdk116.useHMSActions)();
|
|
33914
|
+
const notification = (0, import_react_sdk116.useHMSNotifications)([
|
|
33915
|
+
import_react_sdk116.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
|
33916
|
+
import_react_sdk116.HMSNotificationTypes.ROOM_ENDED,
|
|
33917
|
+
import_react_sdk116.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
33916
33918
|
]);
|
|
33917
33919
|
const [muteNotification, setMuteNotification] = (0, import_react220.useState)(null);
|
|
33918
33920
|
(0, import_react220.useEffect)(() => {
|
|
33919
33921
|
switch (notification == null ? void 0 : notification.type) {
|
|
33920
|
-
case
|
|
33921
|
-
case
|
|
33922
|
+
case import_react_sdk116.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
33923
|
+
case import_react_sdk116.HMSNotificationTypes.ROOM_ENDED:
|
|
33922
33924
|
setMuteNotification(null);
|
|
33923
33925
|
break;
|
|
33924
|
-
case
|
|
33926
|
+
case import_react_sdk116.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
33925
33927
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
33926
33928
|
setMuteNotification(notification.data);
|
|
33927
33929
|
}
|
|
@@ -33954,17 +33956,17 @@ var init_TrackUnmuteModal = __esm({
|
|
|
33954
33956
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
33955
33957
|
function Notifications() {
|
|
33956
33958
|
var _a8, _b7;
|
|
33957
|
-
const localPeerID = (0,
|
|
33958
|
-
const notification = (0,
|
|
33959
|
+
const localPeerID = (0, import_react_sdk117.useHMSStore)(import_react_sdk117.selectLocalPeerID);
|
|
33960
|
+
const notification = (0, import_react_sdk117.useHMSNotifications)();
|
|
33959
33961
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
33960
|
-
const roomState = (0,
|
|
33962
|
+
const roomState = (0, import_react_sdk117.useHMSStore)(import_react_sdk117.selectRoomState);
|
|
33961
33963
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
33962
33964
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
33963
33965
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
33964
|
-
const vanillaStore = (0,
|
|
33966
|
+
const vanillaStore = (0, import_react_sdk117.useHMSVanillaStore)();
|
|
33965
33967
|
const togglePollView = usePollViewToggle();
|
|
33966
|
-
const { showNotification } = (0,
|
|
33967
|
-
const amIScreenSharing = (0,
|
|
33968
|
+
const { showNotification } = (0, import_react_sdk117.useAwayNotifications)();
|
|
33969
|
+
const amIScreenSharing = (0, import_react_sdk117.useHMSStore)(import_react_sdk117.selectIsLocalScreenShared);
|
|
33968
33970
|
const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
|
|
33969
33971
|
const handleRoleChangeDenied = (0, import_react221.useCallback)((request) => {
|
|
33970
33972
|
ToastManager.addToast({
|
|
@@ -33972,17 +33974,17 @@ function Notifications() {
|
|
|
33972
33974
|
variant: "error"
|
|
33973
33975
|
});
|
|
33974
33976
|
}, []);
|
|
33975
|
-
(0,
|
|
33977
|
+
(0, import_react_sdk117.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
33976
33978
|
(0, import_react221.useEffect)(() => {
|
|
33977
33979
|
var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p;
|
|
33978
33980
|
if (!notification || isNotificationDisabled) {
|
|
33979
33981
|
return;
|
|
33980
33982
|
}
|
|
33981
33983
|
switch (notification.type) {
|
|
33982
|
-
case
|
|
33984
|
+
case import_react_sdk117.HMSNotificationTypes.NAME_UPDATED:
|
|
33983
33985
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
33984
33986
|
break;
|
|
33985
|
-
case
|
|
33987
|
+
case import_react_sdk117.HMSNotificationTypes.ERROR:
|
|
33986
33988
|
if (((_a9 = notification.data) == null ? void 0 : _a9.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
|
|
33987
33989
|
if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
|
|
33988
33990
|
ToastManager.addToast({
|
|
@@ -34014,7 +34016,7 @@ function Notifications() {
|
|
|
34014
34016
|
title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
|
|
34015
34017
|
});
|
|
34016
34018
|
break;
|
|
34017
|
-
case
|
|
34019
|
+
case import_react_sdk117.HMSNotificationTypes.ROLE_UPDATED: {
|
|
34018
34020
|
if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
|
|
34019
34021
|
ToastManager.addToast({
|
|
34020
34022
|
title: `You are now a ${notification.data.roleName}`
|
|
@@ -34023,7 +34025,7 @@ function Notifications() {
|
|
|
34023
34025
|
}
|
|
34024
34026
|
break;
|
|
34025
34027
|
}
|
|
34026
|
-
case
|
|
34028
|
+
case import_react_sdk117.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
34027
34029
|
const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
|
|
34028
34030
|
if (!notification.data.enabled) {
|
|
34029
34031
|
ToastManager.addToast({
|
|
@@ -34032,21 +34034,21 @@ function Notifications() {
|
|
|
34032
34034
|
});
|
|
34033
34035
|
}
|
|
34034
34036
|
break;
|
|
34035
|
-
case
|
|
34036
|
-
case
|
|
34037
|
+
case import_react_sdk117.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
34038
|
+
case import_react_sdk117.HMSNotificationTypes.ROOM_ENDED:
|
|
34037
34039
|
ToastManager.addToast({
|
|
34038
34040
|
title: `${notification.message}.
|
|
34039
34041
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
34040
34042
|
});
|
|
34041
34043
|
break;
|
|
34042
|
-
case
|
|
34044
|
+
case import_react_sdk117.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
34043
34045
|
ToastManager.addToast({
|
|
34044
34046
|
title: notification.message
|
|
34045
34047
|
});
|
|
34046
34048
|
break;
|
|
34047
|
-
case
|
|
34049
|
+
case import_react_sdk117.HMSNotificationTypes.POLL_STARTED:
|
|
34048
34050
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
34049
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
34051
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk117.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
34050
34052
|
const pollToastID = ToastManager.addToast({
|
|
34051
34053
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
34052
34054
|
action: /* @__PURE__ */ import_react221.default.createElement(
|
|
@@ -34068,14 +34070,14 @@ function Notifications() {
|
|
|
34068
34070
|
pollToastKey[notification.data.id] = pollToastID;
|
|
34069
34071
|
}
|
|
34070
34072
|
break;
|
|
34071
|
-
case
|
|
34073
|
+
case import_react_sdk117.HMSNotificationTypes.POLL_STOPPED:
|
|
34072
34074
|
const pollID = notification == null ? void 0 : notification.data.id;
|
|
34073
34075
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
|
34074
34076
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
|
34075
34077
|
delete pollToastKey[notification == null ? void 0 : notification.data.id];
|
|
34076
34078
|
}
|
|
34077
34079
|
break;
|
|
34078
|
-
case
|
|
34080
|
+
case import_react_sdk117.HMSNotificationTypes.NEW_MESSAGE:
|
|
34079
34081
|
if (amIScreenSharing) {
|
|
34080
34082
|
showNotification(`New message from ${notification.data.senderName}`, {
|
|
34081
34083
|
body: notification.data.message,
|
|
@@ -34090,15 +34092,15 @@ function Notifications() {
|
|
|
34090
34092
|
if (isNotificationDisabled) {
|
|
34091
34093
|
return null;
|
|
34092
34094
|
}
|
|
34093
|
-
return /* @__PURE__ */ import_react221.default.createElement(import_react221.default.Fragment, null, /* @__PURE__ */ import_react221.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react221.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react221.default.createElement(TrackNotifications, null), roomState ===
|
|
34095
|
+
return /* @__PURE__ */ import_react221.default.createElement(import_react221.default.Fragment, null, /* @__PURE__ */ import_react221.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react221.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react221.default.createElement(TrackNotifications, null), roomState === import_react_sdk117.HMSRoomState.Connected ? /* @__PURE__ */ import_react221.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react221.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react221.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react221.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react221.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react221.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react221.default.createElement(HandRaisedNotifications, null));
|
|
34094
34096
|
}
|
|
34095
|
-
var import_react221,
|
|
34097
|
+
var import_react221, import_react_sdk117, import_react_icons103, pollToastKey;
|
|
34096
34098
|
var init_Notifications = __esm({
|
|
34097
34099
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
34098
34100
|
"use strict";
|
|
34099
34101
|
init_define_process_env();
|
|
34100
34102
|
import_react221 = __toESM(require("react"));
|
|
34101
|
-
|
|
34103
|
+
import_react_sdk117 = require("@100mslive/react-sdk");
|
|
34102
34104
|
import_react_icons103 = require("@100mslive/react-icons");
|
|
34103
34105
|
init_src();
|
|
34104
34106
|
init_roomLayoutProvider();
|
|
@@ -34196,19 +34198,19 @@ var init_Toast3 = __esm({
|
|
|
34196
34198
|
});
|
|
34197
34199
|
|
|
34198
34200
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
34199
|
-
var import_react224,
|
|
34201
|
+
var import_react224, import_react_sdk118, ToastContainer;
|
|
34200
34202
|
var init_ToastContainer = __esm({
|
|
34201
34203
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
34202
34204
|
"use strict";
|
|
34203
34205
|
init_define_process_env();
|
|
34204
34206
|
import_react224 = __toESM(require("react"));
|
|
34205
|
-
|
|
34207
|
+
import_react_sdk118 = require("@100mslive/react-sdk");
|
|
34206
34208
|
init_Toast2();
|
|
34207
34209
|
init_Toast3();
|
|
34208
34210
|
init_ToastManager();
|
|
34209
34211
|
init_constants();
|
|
34210
34212
|
ToastContainer = () => {
|
|
34211
|
-
const isConnected = (0,
|
|
34213
|
+
const isConnected = (0, import_react_sdk118.useHMSStore)(import_react_sdk118.selectIsConnectedToRoom);
|
|
34212
34214
|
const [toasts, setToast] = (0, import_react224.useState)([]);
|
|
34213
34215
|
(0, import_react224.useEffect)(() => {
|
|
34214
34216
|
ToastManager.addListener(setToast);
|
|
@@ -34265,18 +34267,18 @@ var init_RoomDetailsSheet = __esm({
|
|
|
34265
34267
|
});
|
|
34266
34268
|
|
|
34267
34269
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
34268
|
-
var import_react226,
|
|
34270
|
+
var import_react226, import_react_sdk119, Sheet2;
|
|
34269
34271
|
var init_Sheet3 = __esm({
|
|
34270
34272
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
|
34271
34273
|
"use strict";
|
|
34272
34274
|
init_define_process_env();
|
|
34273
34275
|
import_react226 = __toESM(require("react"));
|
|
34274
|
-
|
|
34276
|
+
import_react_sdk119 = require("@100mslive/react-sdk");
|
|
34275
34277
|
init_RoomDetailsSheet();
|
|
34276
34278
|
init_Layout();
|
|
34277
34279
|
init_constants();
|
|
34278
34280
|
Sheet2 = () => {
|
|
34279
|
-
const sheet = (0,
|
|
34281
|
+
const sheet = (0, import_react_sdk119.useHMSStore)((0, import_react_sdk119.selectAppData)(APP_DATA.sheet));
|
|
34280
34282
|
let ViewComponent;
|
|
34281
34283
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
34282
34284
|
ViewComponent = /* @__PURE__ */ import_react226.default.createElement(RoomDetailsSheet, null);
|
|
@@ -34288,8 +34290,8 @@ var init_Sheet3 = __esm({
|
|
|
34288
34290
|
|
|
34289
34291
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
34290
34292
|
function FlyingEmoji() {
|
|
34291
|
-
const localPeerId = (0,
|
|
34292
|
-
const vanillaStore = (0,
|
|
34293
|
+
const localPeerId = (0, import_react_sdk120.useHMSStore)(import_react_sdk120.selectLocalPeerID);
|
|
34294
|
+
const vanillaStore = (0, import_react_sdk120.useHMSVanillaStore)();
|
|
34293
34295
|
const [emojis, setEmojis] = (0, import_react227.useState)([]);
|
|
34294
34296
|
const isMobile = (0, import_react_use50.useMedia)(config.media.md);
|
|
34295
34297
|
const startingPoints = (0, import_react227.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
@@ -34298,7 +34300,7 @@ function FlyingEmoji() {
|
|
|
34298
34300
|
if (!emojiId || !senderId || document.hidden) {
|
|
34299
34301
|
return;
|
|
34300
34302
|
}
|
|
34301
|
-
const senderPeerName = vanillaStore.getState((0,
|
|
34303
|
+
const senderPeerName = vanillaStore.getState((0, import_react_sdk120.selectPeerNameByID)(senderId));
|
|
34302
34304
|
const nameToShow = localPeerId === senderId ? "You" : senderPeerName;
|
|
34303
34305
|
const startingPoint = startingPoints[emojiCount % startingPoints.length];
|
|
34304
34306
|
const id = emojiCount++;
|
|
@@ -34317,7 +34319,7 @@ function FlyingEmoji() {
|
|
|
34317
34319
|
},
|
|
34318
34320
|
[localPeerId, vanillaStore, startingPoints]
|
|
34319
34321
|
);
|
|
34320
|
-
(0,
|
|
34322
|
+
(0, import_react_sdk120.useCustomEvent)({
|
|
34321
34323
|
type: EMOJI_REACTION_TYPE,
|
|
34322
34324
|
onEvent: showFlyingEmoji
|
|
34323
34325
|
});
|
|
@@ -34383,14 +34385,14 @@ function FlyingEmoji() {
|
|
|
34383
34385
|
})
|
|
34384
34386
|
);
|
|
34385
34387
|
}
|
|
34386
|
-
var import_react227, import_react_use50,
|
|
34388
|
+
var import_react227, import_react_use50, import_react_sdk120, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
34387
34389
|
var init_FlyingEmoji = __esm({
|
|
34388
34390
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
34389
34391
|
"use strict";
|
|
34390
34392
|
init_define_process_env();
|
|
34391
34393
|
import_react227 = __toESM(require("react"));
|
|
34392
34394
|
import_react_use50 = require("react-use");
|
|
34393
|
-
|
|
34395
|
+
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
34394
34396
|
init_Layout();
|
|
34395
34397
|
init_Text2();
|
|
34396
34398
|
init_Theme();
|
|
@@ -34423,45 +34425,45 @@ var init_FlyingEmoji = __esm({
|
|
|
34423
34425
|
|
|
34424
34426
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
34425
34427
|
function RemoteStopScreenshare() {
|
|
34426
|
-
const actions = (0,
|
|
34428
|
+
const actions = (0, import_react_sdk121.useHMSActions)();
|
|
34427
34429
|
const onRemoteStopScreenshare = (0, import_react228.useCallback)(() => __async(this, null, function* () {
|
|
34428
34430
|
yield actions.setScreenShareEnabled(false);
|
|
34429
34431
|
}), [actions]);
|
|
34430
|
-
(0,
|
|
34432
|
+
(0, import_react_sdk121.useCustomEvent)({
|
|
34431
34433
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
34432
34434
|
onEvent: onRemoteStopScreenshare
|
|
34433
34435
|
});
|
|
34434
34436
|
return /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null);
|
|
34435
34437
|
}
|
|
34436
|
-
var import_react228,
|
|
34438
|
+
var import_react228, import_react_sdk121;
|
|
34437
34439
|
var init_RemoteStopScreenshare = __esm({
|
|
34438
34440
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
34439
34441
|
"use strict";
|
|
34440
34442
|
init_define_process_env();
|
|
34441
34443
|
import_react228 = __toESM(require("react"));
|
|
34442
|
-
|
|
34444
|
+
import_react_sdk121 = require("@100mslive/react-sdk");
|
|
34443
34445
|
init_constants();
|
|
34444
34446
|
}
|
|
34445
34447
|
});
|
|
34446
34448
|
|
|
34447
34449
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
34448
|
-
var import_react229,
|
|
34450
|
+
var import_react229, import_react_sdk122, useAutoStartStreaming;
|
|
34449
34451
|
var init_useAutoStartStreaming = __esm({
|
|
34450
34452
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
34451
34453
|
"use strict";
|
|
34452
34454
|
init_define_process_env();
|
|
34453
34455
|
import_react229 = require("react");
|
|
34454
|
-
|
|
34456
|
+
import_react_sdk122 = require("@100mslive/react-sdk");
|
|
34455
34457
|
init_useUISettings();
|
|
34456
34458
|
init_hooks();
|
|
34457
34459
|
init_constants();
|
|
34458
34460
|
useAutoStartStreaming = () => {
|
|
34459
34461
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
34460
|
-
const permissions = (0,
|
|
34462
|
+
const permissions = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectPermissions);
|
|
34461
34463
|
const showStreamingUI = useShowStreamingUI();
|
|
34462
|
-
const hmsActions = (0,
|
|
34463
|
-
const isConnected = (0,
|
|
34464
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
34464
|
+
const hmsActions = (0, import_react_sdk122.useHMSActions)();
|
|
34465
|
+
const isConnected = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsConnectedToRoom);
|
|
34466
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk122.useRecordingStreaming)();
|
|
34465
34467
|
const streamStartedRef = (0, import_react229.useRef)(false);
|
|
34466
34468
|
const startHLS = (0, import_react229.useCallback)(() => __async(void 0, null, function* () {
|
|
34467
34469
|
try {
|
|
@@ -34511,13 +34513,13 @@ function AppRoutes({
|
|
|
34511
34513
|
const { activeState, rejoin } = useAppStateManager();
|
|
34512
34514
|
return /* @__PURE__ */ import_react230.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react230.default.createElement(import_react230.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react230.default.createElement(AppData, null), /* @__PURE__ */ import_react230.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react230.default.createElement(Notifications, null), /* @__PURE__ */ import_react230.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react230.default.createElement(Sheet2, null), /* @__PURE__ */ import_react230.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react230.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react230.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react230.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react230.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ import_react230.default.createElement(AppStates, { activeState })));
|
|
34513
34515
|
}
|
|
34514
|
-
var import_react230,
|
|
34516
|
+
var import_react230, import_react_sdk123, HMSPrebuilt, AppStates, BackSwipe;
|
|
34515
34517
|
var init_App = __esm({
|
|
34516
34518
|
"src/Prebuilt/App.tsx"() {
|
|
34517
34519
|
"use strict";
|
|
34518
34520
|
init_define_process_env();
|
|
34519
34521
|
import_react230 = __toESM(require("react"));
|
|
34520
|
-
|
|
34522
|
+
import_react_sdk123 = require("@100mslive/react-sdk");
|
|
34521
34523
|
init_AppData();
|
|
34522
34524
|
init_AuthToken();
|
|
34523
34525
|
init_ConferenceScreen();
|
|
@@ -34562,7 +34564,7 @@ var init_App = __esm({
|
|
|
34562
34564
|
const [hydrated, setHydrated] = import_react230.default.useState(false);
|
|
34563
34565
|
(0, import_react230.useEffect)(() => {
|
|
34564
34566
|
setHydrated(true);
|
|
34565
|
-
const hms = new
|
|
34567
|
+
const hms = new import_react_sdk123.HMSReactiveStore();
|
|
34566
34568
|
const hmsStore = hms.getStore();
|
|
34567
34569
|
const hmsActions = hms.getActions();
|
|
34568
34570
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -34628,7 +34630,7 @@ var init_App = __esm({
|
|
|
34628
34630
|
}
|
|
34629
34631
|
},
|
|
34630
34632
|
/* @__PURE__ */ import_react230.default.createElement(
|
|
34631
|
-
|
|
34633
|
+
import_react_sdk123.HMSRoomProvider,
|
|
34632
34634
|
{
|
|
34633
34635
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
34634
34636
|
actions: (_a8 = reactiveStore.current) == null ? void 0 : _a8.hmsActions,
|
|
@@ -34698,8 +34700,8 @@ var init_App = __esm({
|
|
|
34698
34700
|
return /* @__PURE__ */ import_react230.default.createElement(ConferenceScreen, null);
|
|
34699
34701
|
};
|
|
34700
34702
|
BackSwipe = () => {
|
|
34701
|
-
const isConnectedToRoom = (0,
|
|
34702
|
-
const hmsActions = (0,
|
|
34703
|
+
const isConnectedToRoom = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
|
|
34704
|
+
const hmsActions = (0, import_react_sdk123.useHMSActions)();
|
|
34703
34705
|
(0, import_react230.useEffect)(() => {
|
|
34704
34706
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
34705
34707
|
if (isConnectedToRoom) {
|