@100mslive/roomkit-react 0.3.3-alpha.0 → 0.3.3-alpha.2
Sign up to get free protection for your applications and to get access to all the features.
- 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) {
|