@100mslive/roomkit-react 0.2.2-alpha.4 → 0.2.2-alpha.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-DPM6YJWZ.js → HLSView-U346BIZQ.js} +2 -2
- package/dist/Prebuilt/components/Chat/ChatActions.d.ts +1 -1
- package/dist/Prebuilt/components/Polls/common/utils.d.ts +1 -0
- package/dist/{chunk-S5NNUR2M.js → chunk-DY3FWEXJ.js} +317 -263
- package/dist/{chunk-S5NNUR2M.js.map → chunk-DY3FWEXJ.js.map} +4 -4
- package/dist/index.cjs.js +554 -493
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +60 -26
- package/dist/meta.esbuild.json +66 -32
- package/package.json +6 -6
- package/src/Prebuilt/common/utils.js +13 -0
- package/src/Prebuilt/components/Chat/ChatActions.tsx +3 -3
- package/src/Prebuilt/components/Chat/ChatBody.tsx +9 -5
- package/src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx +3 -2
- package/src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx +4 -3
- package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +16 -21
- package/src/Prebuilt/components/Polls/Voting/StatisticBox.tsx +1 -1
- package/src/Prebuilt/components/Polls/Voting/TimedVoting.tsx +31 -20
- package/src/Prebuilt/components/Polls/Voting/Voting.tsx +7 -8
- package/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx +2 -2
- package/src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx +4 -5
- package/src/Prebuilt/components/Polls/common/utils.ts +16 -0
- /package/dist/{HLSView-DPM6YJWZ.js.map → HLSView-U346BIZQ.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 = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v18.17.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_emoji_mart: "^5.2.2", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_dependencies__100mslive_types_prebuilt: "0.12.5", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks/examples", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.9.2-alpha.4", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", TERM_PROGRAM_VERSION: "1.85.2", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_dependencies_screenfull: "^5.1.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_dependencies_uuid: "^8.3.2", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", 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_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.18.2", NX_TASK_HASH: "2cac5cbb6f8b3a94641136a9fb8d9d96ac69e3cf6ddd3f3ae9754eeb6d618fbc", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.5lUeYdLBIu/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", PAGER: "less", npm_package_module: "dist/index.js", npm_package_dependencies_react_use: "^17.4.0", npm_package_devDependencies__types_mdx: "2.0.2", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_dependencies__stitches_react: "^1.2.8", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706079013181-0.1639248454412272:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706079012682-0.5987315984824728:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706078992416-0.16177324076315092:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--no-private"]}', npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_scripts_lint_fix: "yarn lint --fix", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_size_limit_5_limit: "20 KB", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_nx: "^14.5.1", npm_config_workspaces_experimental: "true", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_devDependencies_rollup: "^2.70.1", _: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706079013181-0.1639248454412272/node", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__radix_ui_react_progress: "1.0.0", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/roomkit-react", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_dependencies__100mslive_react_sdk: "0.9.2-alpha.4", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", npm_package_keywords_0: "100mslive", npm_package_size_limit_2_limit: "400 KB", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.2-alpha.4", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_1: "react", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_keywords_2: "prebuilt", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "--ms-enable-electron-run-as-node", XPC_FLAGS: "0x0", npm_package_keywords_3: "roomkit", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_package_devDependencies__storybook_react: "^7.0.27", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_main: "dist/index.cjs.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.2.2-alpha.4", npm_package_dependencies_recordrtc: "^5.6.2", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_dependencies_react_window: "^1.8.7", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_source: "src/index.ts", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies__100mslive_hls_player: "0.2.2-alpha.4", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", npm_package_dependencies_qrcode_react: "^3.1.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_typings: "dist/index.d.ts", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-4dbfa2fdda.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_scripts_babel: "npx storybook@latest babelrc", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v18.17.0 darwin x64", npm_package_dependencies__radix_ui_react_label: "1.0.0", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^16.11.17", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_1: "src", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", npm_package_dependencies_react_draggable: "^4.4.5", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", REACT_APP_TILE_SHAPE: "16-9", REACT_APP_THEME: "dark", REACT_APP_COLOR: "#FF0000", REACT_APP_LOGO: "", REACT_APP_FONT: "Roboto", REACT_APP_SHOW_CHAT: "true", REACT_APP_SHOW_SCREENSHARE: "true", REACT_APP_VIDEO_AVATAR: "true", REACT_APP_TOKEN_GENERATION_ENDPOINT: "https://qa-in2.100ms.live/hmsapi/hrashi-studystream.qa-app.100ms.live/", REACT_APP_ENV: "qa", REACT_APP_LOGROCKET_ID: "<Your Logrocket project ID>", REACT_APP_POLICY_CONFIG: "", REACT_APP_WEBINAR_PROPS: "{}", REACT_APP_ENABLE_STATS_FOR_NERDS: "true", REACT_APP_AUDIO_PLAYLIST: '[{"name":"Audio1","id":"audio1","metadata":{"description":"Artist1"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio1.mp3","type":"audio"},{"name":"Audio2","id":"audio2","metadata":{"description":"Artist2"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio2.mp3","type":"audio"},{"name":"Audio3","id":"audio3","metadata":{"description":"Artist3"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio3.mp3","type":"audio"},{"name":"Audio4","id":"audio4","metadata":{"description":"Artist4"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio4.mp3","type":"audio"},{"name":"Audio5","id":"audio5","metadata":{"description":"Artist5"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio5.mp3","type":"audio"},{"name":"Audio6","id":"audio6","metadata":{"description":"Artist6"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio6.mp3","type":"audio"}]', REACT_APP_VIDEO_PLAYLIST: '[{"name":"Video1","id":"video1","url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/video1.mp4","type":"video"}]', REACT_APP_HOST_NAME: "ravi.qa-app.100ms.live", REACT_APP_DEFAULT_APP_DETAILS: '{"headlessConfig":{"uiMode":"activespeaker","hideAudioLevel":true,"hideTileAudioMute":true}}', REACT_APP_TOKEN_GENERATION_ENDPOINT_DOMAIN: "ravi.qa-app.100ms.live", REACT_APP_ZIPY_KEY: "", REACT_APP_PUSHER_APP_KEY: "4ae6f78bb2b7f2d9ed11", REACT_APP_PUSHER_AUTHENDPOINT: "https://whiteboard-server.vercel.app/api/pusher/auth", REACT_APP_ENABLE_WHITEBOARD: "true", REACT_APP_TRANSCRIPTION_ROOM_ID: "644df1027cebfa471fcc52fd", STORYBOOK_ROOM_LAYOUT_ENDPOINT: "https://api-nonprod.100ms.live/v2/layouts/ui", STORYBOOK_TOKEN_BY_ROOM_CODE_ENDPOINT: "https://auth-nonprod.100ms.live/v2/token", STORYBOOK_INIT_API_ENDPOINT: "https://qa-init.100ms.live/init", STORYBOOK_SAMPLE_ROOM_CODE: "dkz-teqx-wap" };
|
|
111
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.2-alpha.6", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.2-alpha.6", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.5", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "602", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.13/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.6/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240122.3.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18737", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.2-alpha.6", 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: "7653355023", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "6398566b05595e4d9ab9c6b293142a657933eb15", 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: "e96a6dbeb622aa275c62fd98df0475ad1b1ff49c17c77f84ee8ad5c24f40035d", 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--1706179561305-0.5559343089129356:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179561108-0.329559105644069:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179539127-0.40070722217174426:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179538951-0.7560126397977354:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_f76ebfa3-e445-4f40-afeb-fdd57785c70f", INVOCATION_ID: "f27fb32fb8ad496990075e88082579fc", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "415", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 191", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.2-alpha.6", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.2-alpha.6", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "6398566b05595e4d9ab9c6b293142a657933eb15", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", 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_1c9b8f07-72cd-4449-bf50-0ca387bbfe35" };
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
|
|
@@ -18321,7 +18321,7 @@ var init_dist = __esm({
|
|
|
18321
18321
|
};
|
|
18322
18322
|
ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
18323
18323
|
nr = ya((jc, Va) => {
|
|
18324
|
-
Va.exports = { version: "0.11.2-alpha.
|
|
18324
|
+
Va.exports = { version: "0.11.2-alpha.6", 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", 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/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
|
|
18325
18325
|
});
|
|
18326
18326
|
zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
|
|
18327
18327
|
ka = ((e) => (e.CHAT = "chat", e))(ka || {});
|
|
@@ -19480,7 +19480,7 @@ var init_AdditionalRoomState = __esm({
|
|
|
19480
19480
|
});
|
|
19481
19481
|
|
|
19482
19482
|
// src/Prebuilt/common/utils.js
|
|
19483
|
-
var getMetadata, isScreenshareSupported, getFormattedCount, formatTime, compareArrays, checkCorrectAnswer, isValidTextInput, calculateAvatarAndAttribBoxSize, isMobileUserAgent;
|
|
19483
|
+
var getMetadata, isScreenshareSupported, getFormattedCount, formatTime, compareArrays, checkCorrectAnswer, isValidTextInput, calculateAvatarAndAttribBoxSize, isMobileUserAgent, getPeerResponses, getLastAttemptedIndex;
|
|
19484
19484
|
var init_utils3 = __esm({
|
|
19485
19485
|
"src/Prebuilt/common/utils.js"() {
|
|
19486
19486
|
"use strict";
|
|
@@ -19547,6 +19547,28 @@ var init_utils3 = __esm({
|
|
|
19547
19547
|
return [avatarSize, attribBoxSize];
|
|
19548
19548
|
};
|
|
19549
19549
|
isMobileUserAgent = /Mobi|Android|iPhone/i.test(navigator.userAgent);
|
|
19550
|
+
getPeerResponses = (questions, peerid, userid) => {
|
|
19551
|
+
return questions.map(
|
|
19552
|
+
(question) => {
|
|
19553
|
+
var _a8;
|
|
19554
|
+
return (_a8 = question.responses) == null ? void 0 : _a8.filter(
|
|
19555
|
+
(response) => {
|
|
19556
|
+
var _a9, _b7;
|
|
19557
|
+
return (response && ((_a9 = response.peer) == null ? void 0 : _a9.peerid) === peerid || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === userid) && !response.skipped;
|
|
19558
|
+
}
|
|
19559
|
+
);
|
|
19560
|
+
}
|
|
19561
|
+
);
|
|
19562
|
+
};
|
|
19563
|
+
getLastAttemptedIndex = (questions, peerid, userid = "") => {
|
|
19564
|
+
const peerResponses = getPeerResponses(questions, peerid, userid) || [];
|
|
19565
|
+
for (let i = 0; i < peerResponses.length; i++) {
|
|
19566
|
+
if (peerResponses[i] === void 0 || peerResponses[i].length === 0) {
|
|
19567
|
+
return i + 1;
|
|
19568
|
+
}
|
|
19569
|
+
}
|
|
19570
|
+
return questions.length + 1;
|
|
19571
|
+
};
|
|
19550
19572
|
}
|
|
19551
19573
|
});
|
|
19552
19574
|
|
|
@@ -22444,12 +22466,12 @@ var init_MultipleChoiceOptions = __esm({
|
|
|
22444
22466
|
}
|
|
22445
22467
|
},
|
|
22446
22468
|
/* @__PURE__ */ import_react104.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react104.default.createElement(import_react_icons50.CheckIcon, { width: 16, height: 16 }))
|
|
22447
|
-
) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ import_react104.default.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react104.default.createElement(import_react_icons50.CheckCircleIcon,
|
|
22469
|
+
) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ import_react104.default.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react104.default.createElement(import_react_icons50.CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ import_react104.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react104.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react104.default.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ import_react104.default.createElement(Label3, { htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ import_react104.default.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ import_react104.default.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.options.includes(option.index)) ? /* @__PURE__ */ import_react104.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
|
|
22448
22470
|
}));
|
|
22449
22471
|
};
|
|
22450
22472
|
MultipleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
|
|
22451
22473
|
return /* @__PURE__ */ import_react104.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option, index) => {
|
|
22452
|
-
return /* @__PURE__ */ import_react104.default.createElement(Flex, { align: "center", key: index, css: { w: "100%", gap: "$
|
|
22474
|
+
return /* @__PURE__ */ import_react104.default.createElement(Flex, { align: "center", key: index, css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ import_react104.default.createElement(
|
|
22453
22475
|
Checkbox.Root,
|
|
22454
22476
|
{
|
|
22455
22477
|
onCheckedChange: (checked) => selectAnswer(checked, index),
|
|
@@ -22496,11 +22518,10 @@ var init_SingleChoiceOptions = __esm({
|
|
|
22496
22518
|
correctOptionIndex,
|
|
22497
22519
|
isStopped,
|
|
22498
22520
|
isQuiz,
|
|
22499
|
-
localPeerResponse
|
|
22500
|
-
answer
|
|
22521
|
+
localPeerResponse
|
|
22501
22522
|
}) => {
|
|
22502
|
-
return /* @__PURE__ */ import_react105.default.createElement(RadioGroup.Root, { value:
|
|
22503
|
-
return /* @__PURE__ */ import_react105.default.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$
|
|
22523
|
+
return /* @__PURE__ */ import_react105.default.createElement(RadioGroup.Root, { value: localPeerResponse == null ? void 0 : localPeerResponse.option, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ import_react105.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
|
|
22524
|
+
return /* @__PURE__ */ import_react105.default.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ import_react105.default.createElement(
|
|
22504
22525
|
RadioGroup.Item,
|
|
22505
22526
|
{
|
|
22506
22527
|
css: {
|
|
@@ -22533,13 +22554,13 @@ var init_SingleChoiceOptions = __esm({
|
|
|
22533
22554
|
}
|
|
22534
22555
|
}
|
|
22535
22556
|
)
|
|
22536
|
-
) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ import_react105.default.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react105.default.createElement(import_react_icons51.CheckCircleIcon,
|
|
22557
|
+
) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ import_react105.default.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react105.default.createElement(import_react_icons51.CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ import_react105.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react105.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react105.default.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ import_react105.default.createElement(Label3, { style: { color: "inherit" }, htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ import_react105.default.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ import_react105.default.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ import_react105.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
|
|
22537
22558
|
})));
|
|
22538
22559
|
};
|
|
22539
22560
|
SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
|
|
22540
22561
|
const correctOptionIndex = options.findIndex((option) => option.isCorrectAnswer);
|
|
22541
22562
|
return /* @__PURE__ */ import_react105.default.createElement(RadioGroup.Root, { value: correctOptionIndex, onValueChange: selectAnswer }, /* @__PURE__ */ import_react105.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option, index) => {
|
|
22542
|
-
return /* @__PURE__ */ import_react105.default.createElement(Flex, { align: "center", key: `option-${index}`, css: { w: "100%", gap: "$
|
|
22563
|
+
return /* @__PURE__ */ import_react105.default.createElement(Flex, { align: "center", key: `option-${index}`, css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ import_react105.default.createElement(
|
|
22543
22564
|
RadioGroup.Item,
|
|
22544
22565
|
{
|
|
22545
22566
|
css: {
|
|
@@ -22980,6 +23001,29 @@ var init_CreateQuestions = __esm({
|
|
|
22980
23001
|
}
|
|
22981
23002
|
});
|
|
22982
23003
|
|
|
23004
|
+
// src/Prebuilt/components/Polls/common/utils.ts
|
|
23005
|
+
var getFormattedTime;
|
|
23006
|
+
var init_utils4 = __esm({
|
|
23007
|
+
"src/Prebuilt/components/Polls/common/utils.ts"() {
|
|
23008
|
+
"use strict";
|
|
23009
|
+
init_define_process_env();
|
|
23010
|
+
getFormattedTime = (milliseconds) => {
|
|
23011
|
+
if (!milliseconds)
|
|
23012
|
+
return "-";
|
|
23013
|
+
const totalSeconds = milliseconds / 1e3;
|
|
23014
|
+
const minutes = Math.floor(totalSeconds / 60);
|
|
23015
|
+
const seconds = totalSeconds % 60;
|
|
23016
|
+
let formattedSeconds = "";
|
|
23017
|
+
if (Number.isInteger(seconds) || minutes) {
|
|
23018
|
+
formattedSeconds = seconds.toFixed(0);
|
|
23019
|
+
} else {
|
|
23020
|
+
formattedSeconds = seconds.toFixed(1);
|
|
23021
|
+
}
|
|
23022
|
+
return `${minutes ? `${minutes}m ` : ""}${formattedSeconds}s`;
|
|
23023
|
+
};
|
|
23024
|
+
}
|
|
23025
|
+
});
|
|
23026
|
+
|
|
22983
23027
|
// src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
|
|
22984
23028
|
var import_react109, import_react_icons55, positionColorMap, LeaderboardEntry;
|
|
22985
23029
|
var init_LeaderboardEntry = __esm({
|
|
@@ -22990,6 +23034,7 @@ var init_LeaderboardEntry = __esm({
|
|
|
22990
23034
|
import_react_icons55 = require("@100mslive/react-icons");
|
|
22991
23035
|
init_Layout();
|
|
22992
23036
|
init_Text2();
|
|
23037
|
+
init_utils4();
|
|
22993
23038
|
positionColorMap = { 1: "#D69516", 2: "#3E3E3E", 3: "#583B0F" };
|
|
22994
23039
|
LeaderboardEntry = ({
|
|
22995
23040
|
position,
|
|
@@ -23000,7 +23045,7 @@ var init_LeaderboardEntry = __esm({
|
|
|
23000
23045
|
maxPossibleScore,
|
|
23001
23046
|
duration
|
|
23002
23047
|
}) => {
|
|
23003
|
-
return /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", justify: "between", css: { my: "$
|
|
23048
|
+
return /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", justify: "between", css: { my: "$8" } }, /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$6" } }, /* @__PURE__ */ import_react109.default.createElement(
|
|
23004
23049
|
Flex,
|
|
23005
23050
|
{
|
|
23006
23051
|
align: "center",
|
|
@@ -23016,7 +23061,7 @@ var init_LeaderboardEntry = __esm({
|
|
|
23016
23061
|
}
|
|
23017
23062
|
},
|
|
23018
23063
|
position
|
|
23019
|
-
), /* @__PURE__ */ import_react109.default.createElement(Box, null, /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.TrophyFilledIcon, { height: 16, width: 16 }) : null, questionCount ? /* @__PURE__ */ import_react109.default.createElement(import_react109.default.Fragment, null, /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.CheckCircleIcon, { height: 16, width: 16 }), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "xs" }, correctResponses, "/", questionCount)) : null, duration ? /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$2", color: "$on_surface_medium" } }, /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.ClockIcon, { height: 16, width: 16 }), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "xs" }, (duration
|
|
23064
|
+
), /* @__PURE__ */ import_react109.default.createElement(Box, null, /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.TrophyFilledIcon, { height: 16, width: 16 }) : null, questionCount ? /* @__PURE__ */ import_react109.default.createElement(import_react109.default.Fragment, null, /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.CheckCircleIcon, { height: 16, width: 16 }), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "xs" }, correctResponses, "/", questionCount)) : null, duration ? /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$2", color: "$on_surface_medium" } }, /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.ClockIcon, { height: 16, width: 16 }), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "xs" }, getFormattedTime(duration))) : null));
|
|
23020
23065
|
};
|
|
23021
23066
|
}
|
|
23022
23067
|
});
|
|
@@ -23031,7 +23076,7 @@ var init_StatisticBox = __esm({
|
|
|
23031
23076
|
init_Layout();
|
|
23032
23077
|
init_Text2();
|
|
23033
23078
|
StatisticBox = ({ title, value = 0 }) => {
|
|
23034
|
-
if (!value) {
|
|
23079
|
+
if (!value && !(typeof value === "number")) {
|
|
23035
23080
|
return /* @__PURE__ */ import_react110.default.createElement(import_react110.default.Fragment, null);
|
|
23036
23081
|
}
|
|
23037
23082
|
return /* @__PURE__ */ import_react110.default.createElement(Box, { css: { p: "$8", background: "$surface_default", borderRadius: "$1", w: "100%" } }, /* @__PURE__ */ import_react110.default.createElement(
|
|
@@ -23105,6 +23150,7 @@ var init_PeerParticipationSummary = __esm({
|
|
|
23105
23150
|
init_Text2();
|
|
23106
23151
|
init_StatisticBox();
|
|
23107
23152
|
init_useQuizSummary();
|
|
23153
|
+
init_utils4();
|
|
23108
23154
|
PeerParticipationSummary = ({ quiz }) => {
|
|
23109
23155
|
const localPeerId = (0, import_react_sdk50.useHMSStore)(import_react_sdk50.selectLocalPeerID);
|
|
23110
23156
|
const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
|
|
@@ -23126,16 +23172,16 @@ var init_PeerParticipationSummary = __esm({
|
|
|
23126
23172
|
value: `${summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.correctUsers}/${summary.totalUsers})`
|
|
23127
23173
|
},
|
|
23128
23174
|
// Time in ms
|
|
23129
|
-
{ title: "Avg. Time Taken", value:
|
|
23175
|
+
{ title: "Avg. Time Taken", value: getFormattedTime(summary.avgTime) },
|
|
23130
23176
|
{
|
|
23131
23177
|
title: "Avg. Score",
|
|
23132
23178
|
value: Number.isInteger(summary.avgScore) ? summary.avgScore : summary.avgScore.toFixed(2)
|
|
23133
23179
|
}
|
|
23134
23180
|
] : [
|
|
23135
23181
|
{ title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) || "-" },
|
|
23136
|
-
{ title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
|
|
23182
|
+
{ title: "Points", value: (peerEntry == null ? void 0 : peerEntry.score) || 0 },
|
|
23137
23183
|
// Time in ms
|
|
23138
|
-
{ title: "Time Taken", value:
|
|
23184
|
+
{ title: "Time Taken", value: getFormattedTime(peerEntry == null ? void 0 : peerEntry.duration) },
|
|
23139
23185
|
{
|
|
23140
23186
|
title: "Correct Answers",
|
|
23141
23187
|
value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? `${peerEntry == null ? void 0 : peerEntry.correctResponses}/${peerEntry.totalResponses}` : "-"
|
|
@@ -23309,10 +23355,6 @@ var init_QuestionCard = __esm({
|
|
|
23309
23355
|
}
|
|
23310
23356
|
]);
|
|
23311
23357
|
startTime.current = Date.now();
|
|
23312
|
-
if (isQuiz && index !== totalQuestions) {
|
|
23313
|
-
setSingleOptionAnswer(void 0);
|
|
23314
|
-
setMultipleOptionAnswer(/* @__PURE__ */ new Set());
|
|
23315
|
-
}
|
|
23316
23358
|
}), [
|
|
23317
23359
|
isValidVote,
|
|
23318
23360
|
actions.interactivityCenter,
|
|
@@ -23346,8 +23388,8 @@ var init_QuestionCard = __esm({
|
|
|
23346
23388
|
gap: "$4"
|
|
23347
23389
|
}
|
|
23348
23390
|
},
|
|
23349
|
-
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CheckCircleIcon, { height:
|
|
23350
|
-
respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CrossCircleIcon, { height:
|
|
23391
|
+
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CheckCircleIcon, { height: 16, width: 16 }) : null,
|
|
23392
|
+
respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CrossCircleIcon, { height: 16, width: 16 }) : null,
|
|
23351
23393
|
"QUESTION ",
|
|
23352
23394
|
index,
|
|
23353
23395
|
" OF ",
|
|
@@ -23368,38 +23410,45 @@ var init_QuestionCard = __esm({
|
|
|
23368
23410
|
}
|
|
23369
23411
|
)
|
|
23370
23412
|
)),
|
|
23371
|
-
/* @__PURE__ */ import_react114.default.createElement(
|
|
23372
|
-
|
|
23373
|
-
{
|
|
23374
|
-
key: index,
|
|
23375
|
-
questionIndex: index,
|
|
23376
|
-
isQuiz,
|
|
23377
|
-
canRespond,
|
|
23378
|
-
correctOptionIndex: answer == null ? void 0 : answer.option,
|
|
23379
|
-
options,
|
|
23380
|
-
setAnswer: setSingleOptionAnswer,
|
|
23381
|
-
totalResponses: result == null ? void 0 : result.totalResponses,
|
|
23382
|
-
showVoteCount,
|
|
23383
|
-
localPeerResponse,
|
|
23384
|
-
isStopped: pollState === "stopped",
|
|
23385
|
-
answer: singleOptionAnswer
|
|
23386
|
-
}
|
|
23387
|
-
) : null, type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ import_react114.default.createElement(
|
|
23388
|
-
MultipleChoiceOptions,
|
|
23413
|
+
/* @__PURE__ */ import_react114.default.createElement(
|
|
23414
|
+
Box,
|
|
23389
23415
|
{
|
|
23390
|
-
|
|
23391
|
-
|
|
23392
|
-
|
|
23393
|
-
|
|
23394
|
-
|
|
23395
|
-
|
|
23396
|
-
|
|
23397
|
-
|
|
23398
|
-
|
|
23399
|
-
|
|
23400
|
-
|
|
23401
|
-
|
|
23402
|
-
|
|
23416
|
+
css: { maxHeight: showOptions ? "$80" : "0", transition: "max-height 0.3s ease", overflowY: "auto", mb: "$4" }
|
|
23417
|
+
},
|
|
23418
|
+
type === "single-choice" /* SINGLE_CHOICE */ ? /* @__PURE__ */ import_react114.default.createElement(
|
|
23419
|
+
SingleChoiceOptions,
|
|
23420
|
+
{
|
|
23421
|
+
key: index,
|
|
23422
|
+
questionIndex: index,
|
|
23423
|
+
isQuiz,
|
|
23424
|
+
canRespond,
|
|
23425
|
+
correctOptionIndex: answer == null ? void 0 : answer.option,
|
|
23426
|
+
options,
|
|
23427
|
+
setAnswer: setSingleOptionAnswer,
|
|
23428
|
+
totalResponses: result == null ? void 0 : result.totalResponses,
|
|
23429
|
+
showVoteCount,
|
|
23430
|
+
localPeerResponse,
|
|
23431
|
+
isStopped: pollState === "stopped"
|
|
23432
|
+
}
|
|
23433
|
+
) : null,
|
|
23434
|
+
type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ import_react114.default.createElement(
|
|
23435
|
+
MultipleChoiceOptions,
|
|
23436
|
+
{
|
|
23437
|
+
questionIndex: index,
|
|
23438
|
+
isQuiz,
|
|
23439
|
+
canRespond,
|
|
23440
|
+
correctOptionIndexes: answer == null ? void 0 : answer.options,
|
|
23441
|
+
options,
|
|
23442
|
+
selectedOptions: multipleOptionAnswer,
|
|
23443
|
+
setSelectedOptions: setMultipleOptionAnswer,
|
|
23444
|
+
totalResponses: result == null ? void 0 : result.totalResponses,
|
|
23445
|
+
showVoteCount,
|
|
23446
|
+
localPeerResponse,
|
|
23447
|
+
isStopped: pollState === "stopped"
|
|
23448
|
+
}
|
|
23449
|
+
) : null
|
|
23450
|
+
),
|
|
23451
|
+
isLive && /* @__PURE__ */ import_react114.default.createElement(
|
|
23403
23452
|
QuestionActions,
|
|
23404
23453
|
{
|
|
23405
23454
|
isValidVote,
|
|
@@ -23410,7 +23459,7 @@ var init_QuestionCard = __esm({
|
|
|
23410
23459
|
setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
|
|
23411
23460
|
}
|
|
23412
23461
|
}
|
|
23413
|
-
)
|
|
23462
|
+
)
|
|
23414
23463
|
);
|
|
23415
23464
|
};
|
|
23416
23465
|
QuestionActions = ({ isValidVote, response, isQuiz, onVote, incrementIndex }) => {
|
|
@@ -23476,51 +23525,60 @@ var init_StandardVoting = __esm({
|
|
|
23476
23525
|
});
|
|
23477
23526
|
|
|
23478
23527
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
|
23479
|
-
var import_react116, TimedView;
|
|
23528
|
+
var import_react116, import_react_sdk53, TimedView;
|
|
23480
23529
|
var init_TimedVoting = __esm({
|
|
23481
23530
|
"src/Prebuilt/components/Polls/Voting/TimedVoting.tsx"() {
|
|
23482
23531
|
"use strict";
|
|
23483
23532
|
init_define_process_env();
|
|
23484
23533
|
import_react116 = __toESM(require("react"));
|
|
23534
|
+
import_react_sdk53 = require("@100mslive/react-sdk");
|
|
23485
23535
|
init_QuestionCard();
|
|
23536
|
+
init_utils3();
|
|
23486
23537
|
TimedView = ({ poll }) => {
|
|
23487
|
-
var _a8, _b7;
|
|
23488
|
-
const
|
|
23538
|
+
var _a8, _b7, _c;
|
|
23539
|
+
const localPeerId = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectLocalPeerID);
|
|
23540
|
+
const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
|
|
23541
|
+
const [currentIndex, setCurrentIndex] = (0, import_react116.useState)(lastAttemptedIndex);
|
|
23489
23542
|
const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
|
|
23490
|
-
|
|
23543
|
+
const attemptedAll = ((_b7 = poll.questions) == null ? void 0 : _b7.length) === lastAttemptedIndex - 1;
|
|
23544
|
+
if (!activeQuestion || !((_c = poll.questions) == null ? void 0 : _c.length)) {
|
|
23491
23545
|
return null;
|
|
23492
23546
|
}
|
|
23493
|
-
return /* @__PURE__ */ import_react116.default.createElement(
|
|
23494
|
-
|
|
23495
|
-
|
|
23496
|
-
|
|
23497
|
-
|
|
23498
|
-
|
|
23499
|
-
|
|
23500
|
-
|
|
23501
|
-
|
|
23502
|
-
|
|
23503
|
-
|
|
23504
|
-
|
|
23505
|
-
|
|
23506
|
-
|
|
23507
|
-
|
|
23508
|
-
|
|
23509
|
-
|
|
23510
|
-
|
|
23511
|
-
|
|
23547
|
+
return /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, poll.questions.map((question) => {
|
|
23548
|
+
var _a9;
|
|
23549
|
+
return attemptedAll || activeQuestion.index === question.index ? /* @__PURE__ */ import_react116.default.createElement(
|
|
23550
|
+
QuestionCard2,
|
|
23551
|
+
{
|
|
23552
|
+
key: question.index,
|
|
23553
|
+
pollID: poll.id,
|
|
23554
|
+
isQuiz: poll.type === "quiz",
|
|
23555
|
+
startedBy: poll.startedBy,
|
|
23556
|
+
pollState: poll.state,
|
|
23557
|
+
index: question.index,
|
|
23558
|
+
text: question.text,
|
|
23559
|
+
type: question.type,
|
|
23560
|
+
result: question == null ? void 0 : question.result,
|
|
23561
|
+
totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
|
|
23562
|
+
options: question.options,
|
|
23563
|
+
responses: question.responses,
|
|
23564
|
+
answer: question.answer,
|
|
23565
|
+
setCurrentIndex,
|
|
23566
|
+
rolesThatCanViewResponses: poll.rolesThatCanViewResponses
|
|
23567
|
+
}
|
|
23568
|
+
) : null;
|
|
23569
|
+
}));
|
|
23512
23570
|
};
|
|
23513
23571
|
}
|
|
23514
23572
|
});
|
|
23515
23573
|
|
|
23516
23574
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
|
23517
|
-
var import_react117,
|
|
23575
|
+
var import_react117, import_react_sdk54, import_react_icons58, Voting;
|
|
23518
23576
|
var init_Voting = __esm({
|
|
23519
23577
|
"src/Prebuilt/components/Polls/Voting/Voting.tsx"() {
|
|
23520
23578
|
"use strict";
|
|
23521
23579
|
init_define_process_env();
|
|
23522
23580
|
import_react117 = __toESM(require("react"));
|
|
23523
|
-
|
|
23581
|
+
import_react_sdk54 = require("@100mslive/react-sdk");
|
|
23524
23582
|
import_react_icons58 = require("@100mslive/react-icons");
|
|
23525
23583
|
init_src();
|
|
23526
23584
|
init_Common();
|
|
@@ -23530,10 +23588,10 @@ var init_Voting = __esm({
|
|
|
23530
23588
|
init_StatusIndicator();
|
|
23531
23589
|
init_constants();
|
|
23532
23590
|
Voting = ({ id, toggleVoting }) => {
|
|
23533
|
-
const actions = (0,
|
|
23534
|
-
const poll = (0,
|
|
23535
|
-
const pollCreatorName = (0,
|
|
23536
|
-
const permissions = (0,
|
|
23591
|
+
const actions = (0, import_react_sdk54.useHMSActions)();
|
|
23592
|
+
const poll = (0, import_react_sdk54.useHMSStore)((0, import_react_sdk54.selectPollByID)(id));
|
|
23593
|
+
const pollCreatorName = (0, import_react_sdk54.useHMSStore)((0, import_react_sdk54.selectPeerNameByID)(poll == null ? void 0 : poll.createdBy));
|
|
23594
|
+
const permissions = (0, import_react_sdk54.useHMSStore)(import_react_sdk54.selectPermissions);
|
|
23537
23595
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
|
23538
23596
|
const { setPollView } = usePollViewState();
|
|
23539
23597
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
|
@@ -23577,23 +23635,23 @@ var init_Voting = __esm({
|
|
|
23577
23635
|
},
|
|
23578
23636
|
/* @__PURE__ */ import_react117.default.createElement(import_react_icons58.CrossIcon, { onClick: toggleVoting })
|
|
23579
23637
|
)
|
|
23580
|
-
), /* @__PURE__ */ import_react117.default.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ import_react117.default.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ import_react117.default.createElement(TimedView, { poll }) : /* @__PURE__ */ import_react117.default.createElement(StandardView, { poll }),
|
|
23581
|
-
|
|
23582
|
-
{
|
|
23583
|
-
variant: "danger",
|
|
23584
|
-
css: { fontWeight: "$semiBold", w: "max-content", ml: "auto", mt: "$8" },
|
|
23585
|
-
onClick: () => actions.interactivityCenter.stopPoll(id)
|
|
23586
|
-
},
|
|
23587
|
-
"End ",
|
|
23588
|
-
poll.type
|
|
23589
|
-
), canViewLeaderboard ? /* @__PURE__ */ import_react117.default.createElement(
|
|
23590
|
-
Button,
|
|
23638
|
+
), /* @__PURE__ */ import_react117.default.createElement(Flex, { direction: "column", css: { p: "$8 $10", flex: "1 1 0", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ import_react117.default.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ import_react117.default.createElement(TimedView, { poll }) : /* @__PURE__ */ import_react117.default.createElement(StandardView, { poll })), /* @__PURE__ */ import_react117.default.createElement(
|
|
23639
|
+
Flex,
|
|
23591
23640
|
{
|
|
23592
|
-
css: {
|
|
23593
|
-
onClick: () => setPollView(POLL_VIEWS.RESULTS)
|
|
23641
|
+
css: { w: "100%", justifyContent: "end", alignItems: "center", p: "$8", borderTop: "1px solid $border_bright" }
|
|
23594
23642
|
},
|
|
23595
|
-
"
|
|
23596
|
-
|
|
23643
|
+
poll.state === "started" && canEndActivity && /* @__PURE__ */ import_react117.default.createElement(
|
|
23644
|
+
Button,
|
|
23645
|
+
{
|
|
23646
|
+
variant: "danger",
|
|
23647
|
+
css: { fontWeight: "$semiBold", w: "max-content" },
|
|
23648
|
+
onClick: () => actions.interactivityCenter.stopPoll(id)
|
|
23649
|
+
},
|
|
23650
|
+
"End ",
|
|
23651
|
+
poll.type
|
|
23652
|
+
),
|
|
23653
|
+
canViewLeaderboard ? /* @__PURE__ */ import_react117.default.createElement(Button, { css: { fontWeight: "$semiBold", w: "max-content" }, onClick: () => setPollView(POLL_VIEWS.RESULTS) }, "View Leaderboard") : null
|
|
23654
|
+
));
|
|
23597
23655
|
};
|
|
23598
23656
|
}
|
|
23599
23657
|
});
|
|
@@ -23651,17 +23709,17 @@ var init_MwebChatOption = __esm({
|
|
|
23651
23709
|
});
|
|
23652
23710
|
|
|
23653
23711
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
|
23654
|
-
var import_react120,
|
|
23712
|
+
var import_react120, import_react_sdk55, useChatBlacklist, useIsPeerBlacklisted;
|
|
23655
23713
|
var init_useChatBlacklist = __esm({
|
|
23656
23714
|
"src/Prebuilt/components/hooks/useChatBlacklist.ts"() {
|
|
23657
23715
|
"use strict";
|
|
23658
23716
|
init_define_process_env();
|
|
23659
23717
|
import_react120 = require("react");
|
|
23660
|
-
|
|
23718
|
+
import_react_sdk55 = require("@100mslive/react-sdk");
|
|
23661
23719
|
init_ToastManager();
|
|
23662
23720
|
useChatBlacklist = (sessionStoreKey) => {
|
|
23663
|
-
const hmsActions = (0,
|
|
23664
|
-
const blacklistedIDs = (0,
|
|
23721
|
+
const hmsActions = (0, import_react_sdk55.useHMSActions)();
|
|
23722
|
+
const blacklistedIDs = (0, import_react_sdk55.useHMSStore)((0, import_react_sdk55.selectSessionStore)(sessionStoreKey));
|
|
23665
23723
|
const blacklistItem = (0, import_react120.useCallback)(
|
|
23666
23724
|
(blacklistID) => __async(void 0, null, function* () {
|
|
23667
23725
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -23671,35 +23729,35 @@ var init_useChatBlacklist = __esm({
|
|
|
23671
23729
|
return { blacklistItem, blacklistedIDs };
|
|
23672
23730
|
};
|
|
23673
23731
|
useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
|
23674
|
-
const localPeer = (0,
|
|
23675
|
-
const blacklistedPeerIDs = (0,
|
|
23732
|
+
const localPeer = (0, import_react_sdk55.useHMSStore)(import_react_sdk55.selectLocalPeer);
|
|
23733
|
+
const blacklistedPeerIDs = (0, import_react_sdk55.useHMSStore)((0, import_react_sdk55.selectSessionStore)("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
|
23676
23734
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
|
23677
23735
|
};
|
|
23678
23736
|
}
|
|
23679
23737
|
});
|
|
23680
23738
|
|
|
23681
23739
|
// src/Prebuilt/components/hooks/usePinnedMessages.ts
|
|
23682
|
-
var import_react121,
|
|
23740
|
+
var import_react121, import_react_sdk56, usePinnedMessages;
|
|
23683
23741
|
var init_usePinnedMessages = __esm({
|
|
23684
23742
|
"src/Prebuilt/components/hooks/usePinnedMessages.ts"() {
|
|
23685
23743
|
"use strict";
|
|
23686
23744
|
init_define_process_env();
|
|
23687
23745
|
import_react121 = require("react");
|
|
23688
|
-
|
|
23746
|
+
import_react_sdk56 = require("@100mslive/react-sdk");
|
|
23689
23747
|
init_ToastManager();
|
|
23690
23748
|
usePinnedMessages = () => {
|
|
23691
|
-
const hmsActions = (0,
|
|
23692
|
-
const vanillaStore = (0,
|
|
23749
|
+
const hmsActions = (0, import_react_sdk56.useHMSActions)();
|
|
23750
|
+
const vanillaStore = (0, import_react_sdk56.useHMSVanillaStore)();
|
|
23693
23751
|
const setPinnedMessages = (0, import_react121.useCallback)(
|
|
23694
23752
|
(message, pinnedBy) => __async(void 0, null, function* () {
|
|
23695
|
-
const peerName = vanillaStore.getState((0,
|
|
23753
|
+
const peerName = vanillaStore.getState((0, import_react_sdk56.selectPeerNameByID)(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
|
|
23696
23754
|
const newPinnedMessage = { text: "", id: message.id, pinnedBy };
|
|
23697
23755
|
if (message && peerName) {
|
|
23698
23756
|
newPinnedMessage["text"] = `${peerName}: ${message.message}`;
|
|
23699
23757
|
} else if (message) {
|
|
23700
23758
|
newPinnedMessage["text"] = message.message;
|
|
23701
23759
|
}
|
|
23702
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
23760
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk56.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
23703
23761
|
if (!(pinnedMessages == null ? void 0 : pinnedMessages.find((pinnedMessage) => pinnedMessage.id === newPinnedMessage.id))) {
|
|
23704
23762
|
yield hmsActions.sessionStore.set("pinnedMessages" /* PINNED_MESSAGES */, [...pinnedMessages, newPinnedMessage].slice(-3)).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
23705
23763
|
}
|
|
@@ -23708,7 +23766,7 @@ var init_usePinnedMessages = __esm({
|
|
|
23708
23766
|
);
|
|
23709
23767
|
const removePinnedMessage = (0, import_react121.useCallback)(
|
|
23710
23768
|
(indexToRemove) => __async(void 0, null, function* () {
|
|
23711
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
23769
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk56.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
23712
23770
|
if (pinnedMessages[indexToRemove]) {
|
|
23713
23771
|
yield hmsActions.sessionStore.set(
|
|
23714
23772
|
"pinnedMessages" /* PINNED_MESSAGES */,
|
|
@@ -23720,7 +23778,7 @@ var init_usePinnedMessages = __esm({
|
|
|
23720
23778
|
);
|
|
23721
23779
|
const unpinBlacklistedMessages = (0, import_react121.useCallback)(
|
|
23722
23780
|
(blacklistedMessageIDSet) => __async(void 0, null, function* () {
|
|
23723
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
23781
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk56.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
23724
23782
|
const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
|
|
23725
23783
|
(pinnedMessage) => !(blacklistedMessageIDSet == null ? void 0 : blacklistedMessageIDSet.has(pinnedMessage.id))
|
|
23726
23784
|
);
|
|
@@ -23734,13 +23792,13 @@ var init_usePinnedMessages = __esm({
|
|
|
23734
23792
|
});
|
|
23735
23793
|
|
|
23736
23794
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
|
23737
|
-
var import_react122,
|
|
23795
|
+
var import_react122, import_react_sdk57, import_react_icons59, iconStyle, tooltipBoxCSS, ChatActions;
|
|
23738
23796
|
var init_ChatActions = __esm({
|
|
23739
23797
|
"src/Prebuilt/components/Chat/ChatActions.tsx"() {
|
|
23740
23798
|
"use strict";
|
|
23741
23799
|
init_define_process_env();
|
|
23742
23800
|
import_react122 = __toESM(require("react"));
|
|
23743
|
-
|
|
23801
|
+
import_react_sdk57 = require("@100mslive/react-sdk");
|
|
23744
23802
|
import_react_icons59 = require("@100mslive/react-icons");
|
|
23745
23803
|
init_Dropdown2();
|
|
23746
23804
|
init_IconButton2();
|
|
@@ -23777,10 +23835,10 @@ var init_ChatActions = __esm({
|
|
|
23777
23835
|
const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
|
|
23778
23836
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
|
23779
23837
|
const [open, setOpen] = (0, import_react122.useState)(false);
|
|
23780
|
-
const actions = (0,
|
|
23781
|
-
const canRemoveOthers = (_b7 = (0,
|
|
23838
|
+
const actions = (0, import_react_sdk57.useHMSActions)();
|
|
23839
|
+
const canRemoveOthers = (_b7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _b7.removeOthers;
|
|
23782
23840
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
|
23783
|
-
const localPeerName = (0,
|
|
23841
|
+
const localPeerName = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectLocalPeerName);
|
|
23784
23842
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
|
23785
23843
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
|
23786
23844
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
|
@@ -23873,7 +23931,7 @@ var init_ChatActions = __esm({
|
|
|
23873
23931
|
}
|
|
23874
23932
|
};
|
|
23875
23933
|
if (isMobile) {
|
|
23876
|
-
return /* @__PURE__ */ import_react122.default.createElement(Sheet.Root, { open: openSheet, onOpenChange: setOpenSheet }, /* @__PURE__ */ import_react122.default.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$14" }, onClick: () => setOpenSheet(false) }, /* @__PURE__ */ import_react122.default.createElement(
|
|
23934
|
+
return /* @__PURE__ */ import_react122.default.createElement(Sheet.Root, { open: openSheet, onOpenChange: setOpenSheet }, /* @__PURE__ */ import_react122.default.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$14" }, onClick: (e) => setOpenSheet(false, e) }, /* @__PURE__ */ import_react122.default.createElement(
|
|
23877
23935
|
Sheet.Title,
|
|
23878
23936
|
{
|
|
23879
23937
|
css: {
|
|
@@ -23890,7 +23948,7 @@ var init_ChatActions = __esm({
|
|
|
23890
23948
|
}
|
|
23891
23949
|
},
|
|
23892
23950
|
"Message options",
|
|
23893
|
-
/* @__PURE__ */ import_react122.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: () => setOpenSheet(false) }, /* @__PURE__ */ import_react122.default.createElement(import_react_icons59.CrossIcon, null))
|
|
23951
|
+
/* @__PURE__ */ import_react122.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: (e) => setOpenSheet(false, e) }, /* @__PURE__ */ import_react122.default.createElement(import_react_icons59.CrossIcon, null))
|
|
23894
23952
|
), Object.keys(options).map((optionKey) => {
|
|
23895
23953
|
const option = options[optionKey];
|
|
23896
23954
|
return option.show ? /* @__PURE__ */ import_react122.default.createElement(
|
|
@@ -24015,15 +24073,15 @@ var init_EmptyChat = __esm({
|
|
|
24015
24073
|
});
|
|
24016
24074
|
|
|
24017
24075
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
|
24018
|
-
var import_react124,
|
|
24076
|
+
var import_react124, import_react_sdk58, usePinnedBy;
|
|
24019
24077
|
var init_usePinnedBy = __esm({
|
|
24020
24078
|
"src/Prebuilt/components/hooks/usePinnedBy.tsx"() {
|
|
24021
24079
|
"use strict";
|
|
24022
24080
|
init_define_process_env();
|
|
24023
24081
|
import_react124 = require("react");
|
|
24024
|
-
|
|
24082
|
+
import_react_sdk58 = require("@100mslive/react-sdk");
|
|
24025
24083
|
usePinnedBy = (messageId) => {
|
|
24026
|
-
const pinnedMessages = (0,
|
|
24084
|
+
const pinnedMessages = (0, import_react_sdk58.useHMSStore)((0, import_react_sdk58.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
24027
24085
|
const [pinnedBy, setPinnedBy] = (0, import_react124.useState)("");
|
|
24028
24086
|
(0, import_react124.useEffect)(() => {
|
|
24029
24087
|
let match = "";
|
|
@@ -24044,7 +24102,7 @@ function getRowHeight(index) {
|
|
|
24044
24102
|
var _a8;
|
|
24045
24103
|
return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
|
|
24046
24104
|
}
|
|
24047
|
-
var import_react125, import_react_use15, import_react_virtualized_auto_sizer, import_react_window2,
|
|
24105
|
+
var import_react125, import_react_use15, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk59, import_react_icons60, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link3, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
|
|
24048
24106
|
var init_ChatBody = __esm({
|
|
24049
24107
|
"src/Prebuilt/components/Chat/ChatBody.tsx"() {
|
|
24050
24108
|
"use strict";
|
|
@@ -24053,7 +24111,7 @@ var init_ChatBody = __esm({
|
|
|
24053
24111
|
import_react_use15 = require("react-use");
|
|
24054
24112
|
import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
|
|
24055
24113
|
import_react_window2 = require("react-window");
|
|
24056
|
-
|
|
24114
|
+
import_react_sdk59 = require("@100mslive/react-sdk");
|
|
24057
24115
|
import_react_icons60 = require("@100mslive/react-icons");
|
|
24058
24116
|
init_Layout();
|
|
24059
24117
|
init_Text2();
|
|
@@ -24129,8 +24187,8 @@ var init_ChatBody = __esm({
|
|
|
24129
24187
|
hasCurrentUserSent,
|
|
24130
24188
|
receiver
|
|
24131
24189
|
}) => {
|
|
24132
|
-
const peerName = (0,
|
|
24133
|
-
const localPeerRoleName = (0,
|
|
24190
|
+
const peerName = (0, import_react_sdk59.useHMSStore)((0, import_react_sdk59.selectPeerNameByID)(receiver));
|
|
24191
|
+
const localPeerRoleName = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectLocalPeerRoleName);
|
|
24134
24192
|
if (receiver) {
|
|
24135
24193
|
return /* @__PURE__ */ import_react125.default.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
|
24136
24194
|
}
|
|
@@ -24178,14 +24236,14 @@ var init_ChatBody = __esm({
|
|
|
24178
24236
|
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
24179
24237
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
24180
24238
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
24181
|
-
const localPeerId = (0,
|
|
24239
|
+
const localPeerId = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectLocalPeerID);
|
|
24182
24240
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24183
24241
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24184
24242
|
const messageType = getMessageType({
|
|
24185
24243
|
roles: message.recipientRoles,
|
|
24186
24244
|
receiver: message.recipientPeer
|
|
24187
24245
|
});
|
|
24188
|
-
const [openSheet,
|
|
24246
|
+
const [openSheet, setOpenSheetBare] = (0, import_react125.useState)(false);
|
|
24189
24247
|
const showPinAction = !!((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.allow_pinning_messages);
|
|
24190
24248
|
const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
|
|
24191
24249
|
(0, import_react125.useLayoutEffect)(() => {
|
|
@@ -24193,6 +24251,10 @@ var init_ChatBody = __esm({
|
|
|
24193
24251
|
setRowHeight(index, message.id, rowRef.current.clientHeight);
|
|
24194
24252
|
}
|
|
24195
24253
|
}, [index, message.id]);
|
|
24254
|
+
const setOpenSheet = (value, e) => {
|
|
24255
|
+
e == null ? void 0 : e.stopPropagation();
|
|
24256
|
+
setOpenSheetBare(value);
|
|
24257
|
+
};
|
|
24196
24258
|
return /* @__PURE__ */ import_react125.default.createElement(
|
|
24197
24259
|
Box,
|
|
24198
24260
|
{
|
|
@@ -24226,9 +24288,9 @@ var init_ChatBody = __esm({
|
|
|
24226
24288
|
}
|
|
24227
24289
|
},
|
|
24228
24290
|
"data-testid": "chat_msg",
|
|
24229
|
-
onClick: () => {
|
|
24291
|
+
onClick: (e) => {
|
|
24230
24292
|
if (isMobile) {
|
|
24231
|
-
setOpenSheet(true);
|
|
24293
|
+
setOpenSheet(true, e);
|
|
24232
24294
|
}
|
|
24233
24295
|
}
|
|
24234
24296
|
},
|
|
@@ -24323,8 +24385,7 @@ var init_ChatBody = __esm({
|
|
|
24323
24385
|
color: isOverlay ? "#FFF" : "$on_surface_high"
|
|
24324
24386
|
},
|
|
24325
24387
|
onClick: (e) => {
|
|
24326
|
-
e
|
|
24327
|
-
setOpenSheet(true);
|
|
24388
|
+
setOpenSheet(true, e);
|
|
24328
24389
|
}
|
|
24329
24390
|
},
|
|
24330
24391
|
/* @__PURE__ */ import_react125.default.createElement(AnnotisedMessage, { message: message.message })
|
|
@@ -24339,7 +24400,7 @@ var init_ChatBody = __esm({
|
|
|
24339
24400
|
}
|
|
24340
24401
|
);
|
|
24341
24402
|
VirtualizedChatMessages = import_react125.default.forwardRef(({ messages, scrollToBottom }, listRef) => {
|
|
24342
|
-
const hmsActions = (0,
|
|
24403
|
+
const hmsActions = (0, import_react_sdk59.useHMSActions)();
|
|
24343
24404
|
const itemKey2 = (0, import_react125.useCallback)((index, data3) => {
|
|
24344
24405
|
return data3[index].id;
|
|
24345
24406
|
}, []);
|
|
@@ -24394,13 +24455,13 @@ var init_ChatBody = __esm({
|
|
|
24394
24455
|
});
|
|
24395
24456
|
ChatBody = import_react125.default.forwardRef(
|
|
24396
24457
|
({ scrollToBottom }, listRef) => {
|
|
24397
|
-
const messages = (0,
|
|
24398
|
-
const blacklistedMessageIDs = (0,
|
|
24458
|
+
const messages = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectHMSMessages);
|
|
24459
|
+
const blacklistedMessageIDs = (0, import_react_sdk59.useHMSStore)((0, import_react_sdk59.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
|
24399
24460
|
const filteredMessages = (0, import_react125.useMemo)(() => {
|
|
24400
24461
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
24401
24462
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
|
24402
24463
|
}, [blacklistedMessageIDs, messages]);
|
|
24403
|
-
const vanillaStore = (0,
|
|
24464
|
+
const vanillaStore = (0, import_react_sdk59.useHMSVanillaStore)();
|
|
24404
24465
|
(0, import_react125.useEffect)(() => {
|
|
24405
24466
|
const unsubscribe = vanillaStore.subscribe(() => {
|
|
24406
24467
|
if (!listRef.current) {
|
|
@@ -24410,7 +24471,7 @@ var init_ChatBody = __esm({
|
|
|
24410
24471
|
if (outerElement.clientHeight + outerElement.scrollTop + outerElement.offsetTop >= outerElement.scrollHeight) {
|
|
24411
24472
|
requestAnimationFrame(() => scrollToBottom(1));
|
|
24412
24473
|
}
|
|
24413
|
-
},
|
|
24474
|
+
}, import_react_sdk59.selectUnreadHMSMessagesCount);
|
|
24414
24475
|
return unsubscribe;
|
|
24415
24476
|
}, [vanillaStore, listRef, scrollToBottom]);
|
|
24416
24477
|
if (filteredMessages.length === 0) {
|
|
@@ -24425,7 +24486,7 @@ var init_ChatBody = __esm({
|
|
|
24425
24486
|
rowRef
|
|
24426
24487
|
}) => {
|
|
24427
24488
|
const pinnedBy = usePinnedBy(messageId);
|
|
24428
|
-
const localPeerName = (0,
|
|
24489
|
+
const localPeerName = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectLocalPeerName);
|
|
24429
24490
|
(0, import_react125.useLayoutEffect)(() => {
|
|
24430
24491
|
if (rowRef == null ? void 0 : rowRef.current) {
|
|
24431
24492
|
if (pinnedBy) {
|
|
@@ -24445,14 +24506,14 @@ var init_ChatBody = __esm({
|
|
|
24445
24506
|
});
|
|
24446
24507
|
|
|
24447
24508
|
// src/Prebuilt/components/Chat/ChatSelector.tsx
|
|
24448
|
-
var import_react126, import_react_use16,
|
|
24509
|
+
var import_react126, import_react_use16, import_react_sdk60, import_react_icons61, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
|
|
24449
24510
|
var init_ChatSelector = __esm({
|
|
24450
24511
|
"src/Prebuilt/components/Chat/ChatSelector.tsx"() {
|
|
24451
24512
|
"use strict";
|
|
24452
24513
|
init_define_process_env();
|
|
24453
24514
|
import_react126 = __toESM(require("react"));
|
|
24454
24515
|
import_react_use16 = require("react-use");
|
|
24455
|
-
|
|
24516
|
+
import_react_sdk60 = require("@100mslive/react-sdk");
|
|
24456
24517
|
import_react_icons61 = require("@100mslive/react-icons");
|
|
24457
24518
|
init_src();
|
|
24458
24519
|
init_Theme();
|
|
@@ -24508,7 +24569,7 @@ var init_ChatSelector = __esm({
|
|
|
24508
24569
|
}
|
|
24509
24570
|
);
|
|
24510
24571
|
Everyone = import_react126.default.memo(({ active }) => {
|
|
24511
|
-
const unreadCount = (0,
|
|
24572
|
+
const unreadCount = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectUnreadHMSMessagesCount);
|
|
24512
24573
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24513
24574
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24514
24575
|
return /* @__PURE__ */ import_react126.default.createElement(
|
|
@@ -24526,7 +24587,7 @@ var init_ChatSelector = __esm({
|
|
|
24526
24587
|
);
|
|
24527
24588
|
});
|
|
24528
24589
|
RoleItem = import_react126.default.memo(({ role, active }) => {
|
|
24529
|
-
const unreadCount = (0,
|
|
24590
|
+
const unreadCount = (0, import_react_sdk60.useHMSStore)((0, import_react_sdk60.selectMessagesUnreadCountByRole)(role));
|
|
24530
24591
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24531
24592
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24532
24593
|
return /* @__PURE__ */ import_react126.default.createElement(
|
|
@@ -24543,7 +24604,7 @@ var init_ChatSelector = __esm({
|
|
|
24543
24604
|
);
|
|
24544
24605
|
});
|
|
24545
24606
|
PeerItem = ({ peerId, name, active }) => {
|
|
24546
|
-
const unreadCount = (0,
|
|
24607
|
+
const unreadCount = (0, import_react_sdk60.useHMSStore)((0, import_react_sdk60.selectMessagesUnreadCountByPeerID)(peerId));
|
|
24547
24608
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24548
24609
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24549
24610
|
return /* @__PURE__ */ import_react126.default.createElement(
|
|
@@ -24602,7 +24663,7 @@ var init_ChatSelector = __esm({
|
|
|
24602
24663
|
ChatSelector = ({ role, peerId }) => {
|
|
24603
24664
|
var _a8, _b7;
|
|
24604
24665
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24605
|
-
const peers = (0,
|
|
24666
|
+
const peers = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectRemotePeers);
|
|
24606
24667
|
const [search, setSearch] = (0, import_react126.useState)("");
|
|
24607
24668
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
24608
24669
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
|
@@ -24760,17 +24821,17 @@ var init_ChatSelectorContainer = __esm({
|
|
|
24760
24821
|
});
|
|
24761
24822
|
|
|
24762
24823
|
// src/Prebuilt/components/AppData/useChatState.js
|
|
24763
|
-
var import_react128,
|
|
24824
|
+
var import_react128, import_react_sdk61, useChatDraftMessage;
|
|
24764
24825
|
var init_useChatState = __esm({
|
|
24765
24826
|
"src/Prebuilt/components/AppData/useChatState.js"() {
|
|
24766
24827
|
"use strict";
|
|
24767
24828
|
init_define_process_env();
|
|
24768
24829
|
import_react128 = require("react");
|
|
24769
|
-
|
|
24830
|
+
import_react_sdk61 = require("@100mslive/react-sdk");
|
|
24770
24831
|
init_constants();
|
|
24771
24832
|
useChatDraftMessage = () => {
|
|
24772
|
-
const hmsActions = (0,
|
|
24773
|
-
let chatDraftMessage = (0,
|
|
24833
|
+
const hmsActions = (0, import_react_sdk61.useHMSActions)();
|
|
24834
|
+
let chatDraftMessage = (0, import_react_sdk61.useHMSStore)((0, import_react_sdk61.selectAppData)(APP_DATA.chatDraft));
|
|
24774
24835
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
|
24775
24836
|
chatDraftMessage = "";
|
|
24776
24837
|
}
|
|
@@ -24852,7 +24913,7 @@ function EmojiPicker({ onSelect }) {
|
|
|
24852
24913
|
)
|
|
24853
24914
|
)));
|
|
24854
24915
|
}
|
|
24855
|
-
var import_react130, import_react_use18, import_data, import_react131,
|
|
24916
|
+
var import_react130, import_react_use18, import_data, import_react131, import_react_sdk62, import_react_icons63, TextArea2, ChatFooter;
|
|
24856
24917
|
var init_ChatFooter = __esm({
|
|
24857
24918
|
"src/Prebuilt/components/Chat/ChatFooter.tsx"() {
|
|
24858
24919
|
"use strict";
|
|
@@ -24861,7 +24922,7 @@ var init_ChatFooter = __esm({
|
|
|
24861
24922
|
import_react_use18 = require("react-use");
|
|
24862
24923
|
import_data = __toESM(require("@emoji-mart/data"));
|
|
24863
24924
|
import_react131 = __toESM(require("@emoji-mart/react"));
|
|
24864
|
-
|
|
24925
|
+
import_react_sdk62 = require("@100mslive/react-sdk");
|
|
24865
24926
|
import_react_icons63 = require("@100mslive/react-icons");
|
|
24866
24927
|
init_src();
|
|
24867
24928
|
init_IconButton2();
|
|
@@ -24893,13 +24954,13 @@ var init_ChatFooter = __esm({
|
|
|
24893
24954
|
});
|
|
24894
24955
|
ChatFooter = ({ onSend, children }) => {
|
|
24895
24956
|
var _a8, _b7, _c, _d;
|
|
24896
|
-
const hmsActions = (0,
|
|
24957
|
+
const hmsActions = (0, import_react_sdk62.useHMSActions)();
|
|
24897
24958
|
const inputRef = (0, import_react130.useRef)(null);
|
|
24898
24959
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
|
24899
24960
|
const isMobile = (0, import_react_use18.useMedia)(config.media.md);
|
|
24900
24961
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24901
24962
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
|
24902
|
-
const localPeer = (0,
|
|
24963
|
+
const localPeer = (0, import_react_sdk62.useHMSStore)(import_react_sdk62.selectLocalPeer);
|
|
24903
24964
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
|
24904
24965
|
const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
|
|
24905
24966
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -25066,13 +25127,13 @@ var init_ChatFooter = __esm({
|
|
|
25066
25127
|
});
|
|
25067
25128
|
|
|
25068
25129
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
|
25069
|
-
var import_react132,
|
|
25130
|
+
var import_react132, import_react_sdk63, ChatPaused, ChatBlocked;
|
|
25070
25131
|
var init_ChatStates = __esm({
|
|
25071
25132
|
"src/Prebuilt/components/Chat/ChatStates.tsx"() {
|
|
25072
25133
|
"use strict";
|
|
25073
25134
|
init_define_process_env();
|
|
25074
25135
|
import_react132 = __toESM(require("react"));
|
|
25075
|
-
|
|
25136
|
+
import_react_sdk63 = require("@100mslive/react-sdk");
|
|
25076
25137
|
init_Button2();
|
|
25077
25138
|
init_Layout();
|
|
25078
25139
|
init_Text2();
|
|
@@ -25080,11 +25141,11 @@ var init_ChatStates = __esm({
|
|
|
25080
25141
|
init_useChatBlacklist();
|
|
25081
25142
|
ChatPaused = () => {
|
|
25082
25143
|
var _a8, _b7;
|
|
25083
|
-
const hmsActions = (0,
|
|
25144
|
+
const hmsActions = (0, import_react_sdk63.useHMSActions)();
|
|
25084
25145
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25085
25146
|
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);
|
|
25086
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0,
|
|
25087
|
-
const localPeer = (0,
|
|
25147
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk63.useHMSStore)((0, import_react_sdk63.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
|
|
25148
|
+
const localPeer = (0, import_react_sdk63.useHMSStore)(import_react_sdk63.selectLocalPeer);
|
|
25088
25149
|
const unPauseChat = (0, import_react132.useCallback)(
|
|
25089
25150
|
() => __async(void 0, null, function* () {
|
|
25090
25151
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
|
@@ -25197,7 +25258,7 @@ var init_StickIndicator = __esm({
|
|
|
25197
25258
|
});
|
|
25198
25259
|
|
|
25199
25260
|
// src/Prebuilt/components/Chat/PinnedMessage.tsx
|
|
25200
|
-
var import_react135, import_react_swipeable, import_react_use19,
|
|
25261
|
+
var import_react135, import_react_swipeable, import_react_use19, import_react_sdk64, import_react_icons65, PINNED_MESSAGE_LENGTH, PinnedMessage;
|
|
25201
25262
|
var init_PinnedMessage = __esm({
|
|
25202
25263
|
"src/Prebuilt/components/Chat/PinnedMessage.tsx"() {
|
|
25203
25264
|
"use strict";
|
|
@@ -25205,7 +25266,7 @@ var init_PinnedMessage = __esm({
|
|
|
25205
25266
|
import_react135 = __toESM(require("react"));
|
|
25206
25267
|
import_react_swipeable = require("react-swipeable");
|
|
25207
25268
|
import_react_use19 = require("react-use");
|
|
25208
|
-
|
|
25269
|
+
import_react_sdk64 = require("@100mslive/react-sdk");
|
|
25209
25270
|
import_react_icons65 = require("@100mslive/react-icons");
|
|
25210
25271
|
init_Layout();
|
|
25211
25272
|
init_Text2();
|
|
@@ -25218,7 +25279,7 @@ var init_PinnedMessage = __esm({
|
|
|
25218
25279
|
PINNED_MESSAGE_LENGTH = 75;
|
|
25219
25280
|
PinnedMessage = () => {
|
|
25220
25281
|
var _a8, _b7, _c;
|
|
25221
|
-
const pinnedMessages = (0,
|
|
25282
|
+
const pinnedMessages = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
25222
25283
|
const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react135.useState)(0);
|
|
25223
25284
|
const { removePinnedMessage } = usePinnedMessages();
|
|
25224
25285
|
const isMobile = (0, import_react_use19.useMedia)(config.media.md);
|
|
@@ -25334,7 +25395,7 @@ var init_PinnedMessage = __esm({
|
|
|
25334
25395
|
});
|
|
25335
25396
|
|
|
25336
25397
|
// src/Prebuilt/components/Chat/Chat.tsx
|
|
25337
|
-
var import_react136, import_react_use20,
|
|
25398
|
+
var import_react136, import_react_use20, import_react_sdk65, import_react_icons66, Chat, NewMessageIndicator;
|
|
25338
25399
|
var init_Chat = __esm({
|
|
25339
25400
|
"src/Prebuilt/components/Chat/Chat.tsx"() {
|
|
25340
25401
|
"use strict";
|
|
@@ -25342,7 +25403,7 @@ var init_Chat = __esm({
|
|
|
25342
25403
|
import_react136 = __toESM(require("react"));
|
|
25343
25404
|
import_react_use20 = require("react-use");
|
|
25344
25405
|
init_dist();
|
|
25345
|
-
|
|
25406
|
+
import_react_sdk65 = require("@100mslive/react-sdk");
|
|
25346
25407
|
import_react_icons66 = require("@100mslive/react-icons");
|
|
25347
25408
|
init_Button2();
|
|
25348
25409
|
init_Layout();
|
|
@@ -25356,15 +25417,15 @@ var init_Chat = __esm({
|
|
|
25356
25417
|
var _a8, _b7;
|
|
25357
25418
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25358
25419
|
const listRef = (0, import_react136.useRef)(null);
|
|
25359
|
-
const hmsActions = (0,
|
|
25360
|
-
const vanillaStore = (0,
|
|
25361
|
-
const { enabled: isChatEnabled = true } = (0,
|
|
25420
|
+
const hmsActions = (0, import_react_sdk65.useHMSActions)();
|
|
25421
|
+
const vanillaStore = (0, import_react_sdk65.useHMSVanillaStore)();
|
|
25422
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk65.useHMSStore)(qh("chatState" /* CHAT_STATE */)) || {};
|
|
25362
25423
|
const isMobile = (0, import_react_use20.useMedia)(config.media.md);
|
|
25363
25424
|
const scrollToBottom = (0, import_react136.useCallback)(
|
|
25364
25425
|
(unreadCount = 0) => {
|
|
25365
25426
|
var _a9;
|
|
25366
25427
|
if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
|
|
25367
|
-
const messagesCount = vanillaStore.getState(
|
|
25428
|
+
const messagesCount = vanillaStore.getState(import_react_sdk65.selectHMSMessagesCount);
|
|
25368
25429
|
(_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
|
|
25369
25430
|
requestAnimationFrame(() => {
|
|
25370
25431
|
var _a10;
|
|
@@ -25396,7 +25457,7 @@ var init_Chat = __esm({
|
|
|
25396
25457
|
scrollToBottom,
|
|
25397
25458
|
listRef
|
|
25398
25459
|
}) => {
|
|
25399
|
-
const unreadCount = (0,
|
|
25460
|
+
const unreadCount = (0, import_react_sdk65.useHMSStore)(Un);
|
|
25400
25461
|
if (!unreadCount || !listRef.current) {
|
|
25401
25462
|
return null;
|
|
25402
25463
|
}
|
|
@@ -25443,7 +25504,7 @@ var init_Chat = __esm({
|
|
|
25443
25504
|
});
|
|
25444
25505
|
|
|
25445
25506
|
// src/Prebuilt/components/Footer/PaginatedParticipants.tsx
|
|
25446
|
-
var import_react137, import_react_intersection_observer, import_react_use21, import_react_window3,
|
|
25507
|
+
var import_react137, import_react_intersection_observer, import_react_use21, import_react_window3, import_react_sdk66, import_react_icons67, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
|
|
25447
25508
|
var init_PaginatedParticipants = __esm({
|
|
25448
25509
|
"src/Prebuilt/components/Footer/PaginatedParticipants.tsx"() {
|
|
25449
25510
|
"use strict";
|
|
@@ -25452,7 +25513,7 @@ var init_PaginatedParticipants = __esm({
|
|
|
25452
25513
|
import_react_intersection_observer = require("react-intersection-observer");
|
|
25453
25514
|
import_react_use21 = require("react-use");
|
|
25454
25515
|
import_react_window3 = require("react-window");
|
|
25455
|
-
|
|
25516
|
+
import_react_sdk66 = require("@100mslive/react-sdk");
|
|
25456
25517
|
import_react_icons67 = require("@100mslive/react-icons");
|
|
25457
25518
|
init_IconButton2();
|
|
25458
25519
|
init_Layout();
|
|
@@ -25498,13 +25559,13 @@ var init_PaginatedParticipants = __esm({
|
|
|
25498
25559
|
}
|
|
25499
25560
|
);
|
|
25500
25561
|
PaginatedParticipants = ({ roleName, onBack }) => {
|
|
25501
|
-
const { peers, total, hasNext, loadPeers, loadMorePeers } = (0,
|
|
25562
|
+
const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk66.usePaginatedParticipants)({ role: roleName, limit: 20 });
|
|
25502
25563
|
const [search, setSearch] = (0, import_react137.useState)("");
|
|
25503
25564
|
const filteredPeers = peers.filter((p) => {
|
|
25504
25565
|
var _a8;
|
|
25505
25566
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
|
25506
25567
|
});
|
|
25507
|
-
const isConnected = (0,
|
|
25568
|
+
const isConnected = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectIsConnectedToRoom);
|
|
25508
25569
|
const [ref, { width }] = (0, import_react_use21.useMeasure)();
|
|
25509
25570
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
|
25510
25571
|
const resetSidePane = useSidepaneReset();
|
|
@@ -25538,13 +25599,13 @@ var init_PaginatedParticipants = __esm({
|
|
|
25538
25599
|
});
|
|
25539
25600
|
|
|
25540
25601
|
// src/Prebuilt/components/ChatSettings.tsx
|
|
25541
|
-
var import_react138,
|
|
25602
|
+
var import_react138, import_react_sdk67, import_react_icons68, ChatSettings;
|
|
25542
25603
|
var init_ChatSettings = __esm({
|
|
25543
25604
|
"src/Prebuilt/components/ChatSettings.tsx"() {
|
|
25544
25605
|
"use strict";
|
|
25545
25606
|
init_define_process_env();
|
|
25546
25607
|
import_react138 = __toESM(require("react"));
|
|
25547
|
-
|
|
25608
|
+
import_react_sdk67 = require("@100mslive/react-sdk");
|
|
25548
25609
|
import_react_icons68 = require("@100mslive/react-icons");
|
|
25549
25610
|
init_Layout();
|
|
25550
25611
|
init_Popover();
|
|
@@ -25552,11 +25613,11 @@ var init_ChatSettings = __esm({
|
|
|
25552
25613
|
init_useRoomLayoutScreen();
|
|
25553
25614
|
ChatSettings = () => {
|
|
25554
25615
|
var _a8, _b7;
|
|
25555
|
-
const hmsActions = (0,
|
|
25556
|
-
const localPeer = (0,
|
|
25616
|
+
const hmsActions = (0, import_react_sdk67.useHMSActions)();
|
|
25617
|
+
const localPeer = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectLocalPeer);
|
|
25557
25618
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25558
25619
|
const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
|
25559
|
-
const { enabled: isChatEnabled = true } = (0,
|
|
25620
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk67.useHMSStore)((0, import_react_sdk67.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
|
|
25560
25621
|
const showPause = canPauseChat && isChatEnabled;
|
|
25561
25622
|
if (!showPause) {
|
|
25562
25623
|
return null;
|
|
@@ -25605,14 +25666,14 @@ var init_ChatSettings = __esm({
|
|
|
25605
25666
|
});
|
|
25606
25667
|
|
|
25607
25668
|
// src/Prebuilt/components/SidePaneTabs.tsx
|
|
25608
|
-
var import_react139, import_react_use22,
|
|
25669
|
+
var import_react139, import_react_use22, import_react_sdk68, import_react_icons69, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
|
|
25609
25670
|
var init_SidePaneTabs = __esm({
|
|
25610
25671
|
"src/Prebuilt/components/SidePaneTabs.tsx"() {
|
|
25611
25672
|
"use strict";
|
|
25612
25673
|
init_define_process_env();
|
|
25613
25674
|
import_react139 = __toESM(require("react"));
|
|
25614
25675
|
import_react_use22 = require("react-use");
|
|
25615
|
-
|
|
25676
|
+
import_react_sdk68 = require("@100mslive/react-sdk");
|
|
25616
25677
|
import_react_icons69 = require("@100mslive/react-icons");
|
|
25617
25678
|
init_Chat();
|
|
25618
25679
|
init_PaginatedParticipants();
|
|
@@ -25642,7 +25703,7 @@ var init_SidePaneTabs = __esm({
|
|
|
25642
25703
|
const resetSidePane = useSidepaneReset();
|
|
25643
25704
|
const [activeTab, setActiveTab] = (0, import_react139.useState)(active);
|
|
25644
25705
|
const [activeRole, setActiveRole] = (0, import_react139.useState)("");
|
|
25645
|
-
const peerCount = (0,
|
|
25706
|
+
const peerCount = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.selectPeerCount);
|
|
25646
25707
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25647
25708
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
|
25648
25709
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
@@ -25813,7 +25874,7 @@ var init_TileConnection = __esm({
|
|
|
25813
25874
|
|
|
25814
25875
|
// src/Prebuilt/components/TileMenu/utils.ts
|
|
25815
25876
|
var getDragClassName;
|
|
25816
|
-
var
|
|
25877
|
+
var init_utils5 = __esm({
|
|
25817
25878
|
"src/Prebuilt/components/TileMenu/utils.ts"() {
|
|
25818
25879
|
"use strict";
|
|
25819
25880
|
init_define_process_env();
|
|
@@ -25824,14 +25885,14 @@ var init_utils4 = __esm({
|
|
|
25824
25885
|
});
|
|
25825
25886
|
|
|
25826
25887
|
// src/Prebuilt/components/TileMenu/TileMenuContent.tsx
|
|
25827
|
-
var import_react141, import_react_use23,
|
|
25888
|
+
var import_react141, import_react_use23, import_react_sdk69, import_react_icons71, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
|
|
25828
25889
|
var init_TileMenuContent = __esm({
|
|
25829
25890
|
"src/Prebuilt/components/TileMenu/TileMenuContent.tsx"() {
|
|
25830
25891
|
"use strict";
|
|
25831
25892
|
init_define_process_env();
|
|
25832
25893
|
import_react141 = __toESM(require("react"));
|
|
25833
25894
|
import_react_use23 = require("react-use");
|
|
25834
|
-
|
|
25895
|
+
import_react_sdk69 = require("@100mslive/react-sdk");
|
|
25835
25896
|
import_react_icons71 = require("@100mslive/react-icons");
|
|
25836
25897
|
init_Layout();
|
|
25837
25898
|
init_Slider2();
|
|
@@ -25842,7 +25903,7 @@ var init_TileMenuContent = __esm({
|
|
|
25842
25903
|
init_ToastManager();
|
|
25843
25904
|
init_useUISettings();
|
|
25844
25905
|
init_useDropdownSelection();
|
|
25845
|
-
|
|
25906
|
+
init_utils5();
|
|
25846
25907
|
init_constants();
|
|
25847
25908
|
isSameTile = ({
|
|
25848
25909
|
trackId,
|
|
@@ -25856,8 +25917,8 @@ var init_TileMenuContent = __esm({
|
|
|
25856
25917
|
return;
|
|
25857
25918
|
}
|
|
25858
25919
|
}) => {
|
|
25859
|
-
const hmsActions = (0,
|
|
25860
|
-
const spotlightPeerId = (0,
|
|
25920
|
+
const hmsActions = (0, import_react_sdk69.useHMSActions)();
|
|
25921
|
+
const spotlightPeerId = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectSessionStore)("spotlight" /* SPOTLIGHT */));
|
|
25861
25922
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
|
25862
25923
|
const dragClassName = getDragClassName();
|
|
25863
25924
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -25905,8 +25966,8 @@ var init_TileMenuContent = __esm({
|
|
|
25905
25966
|
};
|
|
25906
25967
|
SimulcastLayers = ({ trackId }) => {
|
|
25907
25968
|
var _a8;
|
|
25908
|
-
const track = (0,
|
|
25909
|
-
const actions = (0,
|
|
25969
|
+
const track = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectTrackByID)(trackId));
|
|
25970
|
+
const actions = (0, import_react_sdk69.useHMSActions)();
|
|
25910
25971
|
const bg = useDropdownSelection();
|
|
25911
25972
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
|
25912
25973
|
return null;
|
|
@@ -25989,15 +26050,15 @@ var init_TileMenuContent = __esm({
|
|
|
25989
26050
|
}
|
|
25990
26051
|
}) => {
|
|
25991
26052
|
var _a8;
|
|
25992
|
-
const actions = (0,
|
|
26053
|
+
const actions = (0, import_react_sdk69.useHMSActions)();
|
|
25993
26054
|
const dragClassName = getDragClassName();
|
|
25994
|
-
const removeOthers = (_a8 = (0,
|
|
26055
|
+
const removeOthers = (_a8 = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectPermissions)) == null ? void 0 : _a8.removeOthers;
|
|
25995
26056
|
const { userName } = useHMSPrebuiltContext();
|
|
25996
|
-
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0,
|
|
26057
|
+
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0, import_react_sdk69.useRemoteAVToggle)(
|
|
25997
26058
|
audioTrackID,
|
|
25998
26059
|
videoTrackID
|
|
25999
26060
|
);
|
|
26000
|
-
const { sendEvent } = (0,
|
|
26061
|
+
const { sendEvent } = (0, import_react_sdk69.useCustomEvent)({
|
|
26001
26062
|
type: REMOTE_STOP_SCREENSHARE_TYPE
|
|
26002
26063
|
});
|
|
26003
26064
|
const isMobile = (0, import_react_use23.useMedia)(config.media.md);
|
|
@@ -26078,14 +26139,14 @@ var init_TileMenuContent = __esm({
|
|
|
26078
26139
|
});
|
|
26079
26140
|
|
|
26080
26141
|
// src/Prebuilt/components/TileMenu/TileMenu.jsx
|
|
26081
|
-
var import_react142, import_react_use24,
|
|
26142
|
+
var import_react142, import_react_use24, import_react_sdk70, import_react_icons72, TileMenu, TileMenu_default;
|
|
26082
26143
|
var init_TileMenu2 = __esm({
|
|
26083
26144
|
"src/Prebuilt/components/TileMenu/TileMenu.jsx"() {
|
|
26084
26145
|
"use strict";
|
|
26085
26146
|
init_define_process_env();
|
|
26086
26147
|
import_react142 = __toESM(require("react"));
|
|
26087
26148
|
import_react_use24 = require("react-use");
|
|
26088
|
-
|
|
26149
|
+
import_react_sdk70 = require("@100mslive/react-sdk");
|
|
26089
26150
|
import_react_icons72 = require("@100mslive/react-icons");
|
|
26090
26151
|
init_Layout();
|
|
26091
26152
|
init_Sheet2();
|
|
@@ -26095,7 +26156,7 @@ var init_TileMenu2 = __esm({
|
|
|
26095
26156
|
init_ChangeNameModal();
|
|
26096
26157
|
init_TileMenuContent();
|
|
26097
26158
|
init_useDropdownList();
|
|
26098
|
-
|
|
26159
|
+
init_utils5();
|
|
26099
26160
|
init_TileMenuContent();
|
|
26100
26161
|
TileMenu = ({
|
|
26101
26162
|
audioTrackID,
|
|
@@ -26108,17 +26169,17 @@ var init_TileMenu2 = __esm({
|
|
|
26108
26169
|
var _a8, _b7;
|
|
26109
26170
|
const [open, setOpen] = (0, import_react142.useState)(false);
|
|
26110
26171
|
const { theme: theme2 } = useTheme();
|
|
26111
|
-
const localPeerID = (0,
|
|
26172
|
+
const localPeerID = (0, import_react_sdk70.useHMSStore)(import_react_sdk70.selectLocalPeerID);
|
|
26112
26173
|
const isLocal = localPeerID === peerID;
|
|
26113
|
-
const { removeOthers } = (0,
|
|
26114
|
-
const { setVolume, toggleAudio, toggleVideo } = (0,
|
|
26174
|
+
const { removeOthers } = (0, import_react_sdk70.useHMSStore)(import_react_sdk70.selectPermissions);
|
|
26175
|
+
const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk70.useRemoteAVToggle)(audioTrackID, videoTrackID);
|
|
26115
26176
|
const showSpotlight = enableSpotlightingPeer;
|
|
26116
|
-
const isPrimaryVideoTrack = ((_a8 = (0,
|
|
26177
|
+
const isPrimaryVideoTrack = ((_a8 = (0, import_react_sdk70.useHMSStore)((0, import_react_sdk70.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
|
26117
26178
|
const showPinAction = audioTrackID || videoTrackID && isPrimaryVideoTrack;
|
|
26118
|
-
const track = (0,
|
|
26179
|
+
const track = (0, import_react_sdk70.useHMSStore)((0, import_react_sdk70.selectTrackByID)(videoTrackID));
|
|
26119
26180
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
26120
26181
|
const isMobile = (0, import_react_use24.useMedia)(config.media.md);
|
|
26121
|
-
const peer = (0,
|
|
26182
|
+
const peer = (0, import_react_sdk70.useHMSStore)((0, import_react_sdk70.selectPeerByID)(peerID));
|
|
26122
26183
|
const [showNameChangeModal, setShowNameChangeModal] = (0, import_react142.useState)(false);
|
|
26123
26184
|
useDropdownList({ open, name: "TileMenu" });
|
|
26124
26185
|
const dragClassName = getDragClassName();
|
|
@@ -26202,14 +26263,14 @@ var init_peerTileUtils = __esm({
|
|
|
26202
26263
|
});
|
|
26203
26264
|
|
|
26204
26265
|
// src/Prebuilt/components/VideoTile.jsx
|
|
26205
|
-
var import_react143, import_react_use25,
|
|
26266
|
+
var import_react143, import_react_use25, import_react_sdk71, import_react_icons73, Tile, PeerMetadata, VideoTile, VideoTile_default;
|
|
26206
26267
|
var init_VideoTile2 = __esm({
|
|
26207
26268
|
"src/Prebuilt/components/VideoTile.jsx"() {
|
|
26208
26269
|
"use strict";
|
|
26209
26270
|
init_define_process_env();
|
|
26210
26271
|
import_react143 = __toESM(require("react"));
|
|
26211
26272
|
import_react_use25 = require("react-use");
|
|
26212
|
-
|
|
26273
|
+
import_react_sdk71 = require("@100mslive/react-sdk");
|
|
26213
26274
|
import_react_icons73 = require("@100mslive/react-icons");
|
|
26214
26275
|
init_TileConnection();
|
|
26215
26276
|
init_TileMenu2();
|
|
@@ -26238,15 +26299,15 @@ var init_VideoTile2 = __esm({
|
|
|
26238
26299
|
hideAudioMuteOnTile = false,
|
|
26239
26300
|
hideMetadataOnTile = false
|
|
26240
26301
|
}) => {
|
|
26241
|
-
const trackSelector = trackId ? (0,
|
|
26242
|
-
const track = (0,
|
|
26243
|
-
const peerName = (0,
|
|
26244
|
-
const audioTrack = (0,
|
|
26245
|
-
const localPeerID = (0,
|
|
26302
|
+
const trackSelector = trackId ? (0, import_react_sdk71.selectVideoTrackByID)(trackId) : (0, import_react_sdk71.selectVideoTrackByPeerID)(peerId);
|
|
26303
|
+
const track = (0, import_react_sdk71.useHMSStore)(trackSelector);
|
|
26304
|
+
const peerName = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectPeerNameByID)(peerId));
|
|
26305
|
+
const audioTrack = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectAudioTrackByPeerID)(peerId));
|
|
26306
|
+
const localPeerID = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectLocalPeerID);
|
|
26246
26307
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
26247
26308
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
26248
26309
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
26249
|
-
const isAudioMuted = !(0,
|
|
26310
|
+
const isAudioMuted = !(0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectIsPeerAudioEnabled)(peerId));
|
|
26250
26311
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
|
26251
26312
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react143.useState)(false);
|
|
26252
26313
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
|
@@ -26257,7 +26318,7 @@ var init_VideoTile2 = __esm({
|
|
|
26257
26318
|
videoTrackID: track == null ? void 0 : track.id,
|
|
26258
26319
|
audioTrackID: audioTrack == null ? void 0 : audioTrack.id
|
|
26259
26320
|
});
|
|
26260
|
-
const spotlighted = (0,
|
|
26321
|
+
const spotlighted = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectSessionStore)("spotlight" /* SPOTLIGHT */)) === peerId;
|
|
26261
26322
|
const label = getVideoTileLabel({
|
|
26262
26323
|
peerName,
|
|
26263
26324
|
track,
|
|
@@ -26333,9 +26394,9 @@ var init_VideoTile2 = __esm({
|
|
|
26333
26394
|
);
|
|
26334
26395
|
};
|
|
26335
26396
|
PeerMetadata = ({ peerId, size }) => {
|
|
26336
|
-
const metaData = (0,
|
|
26397
|
+
const metaData = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectPeerMetadata)(peerId));
|
|
26337
26398
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
|
26338
|
-
const isHandRaised = (0,
|
|
26399
|
+
const isHandRaised = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectHasPeerHandRaised)(peerId));
|
|
26339
26400
|
return /* @__PURE__ */ import_react143.default.createElement(import_react143.Fragment, null, isHandRaised ? /* @__PURE__ */ import_react143.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons73.HandIcon, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ import_react143.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons73.BrbTileIcon, { width: 22, height: 22 })) : null);
|
|
26340
26401
|
};
|
|
26341
26402
|
VideoTile = import_react143.default.memo(Tile);
|
|
@@ -26539,7 +26600,7 @@ var init_constants3 = __esm({
|
|
|
26539
26600
|
});
|
|
26540
26601
|
|
|
26541
26602
|
// src/Prebuilt/components/VirtualBackground/VBPicker.tsx
|
|
26542
|
-
var import_react146, import_hms_virtual_background3,
|
|
26603
|
+
var import_react146, import_hms_virtual_background3, import_react_sdk72, import_react_icons74, iconDims, VBPicker;
|
|
26543
26604
|
var init_VBPicker = __esm({
|
|
26544
26605
|
"src/Prebuilt/components/VirtualBackground/VBPicker.tsx"() {
|
|
26545
26606
|
"use strict";
|
|
@@ -26547,7 +26608,7 @@ var init_VBPicker = __esm({
|
|
|
26547
26608
|
import_react146 = __toESM(require("react"));
|
|
26548
26609
|
init_dist();
|
|
26549
26610
|
import_hms_virtual_background3 = require("@100mslive/hms-virtual-background");
|
|
26550
|
-
|
|
26611
|
+
import_react_sdk72 = require("@100mslive/react-sdk");
|
|
26551
26612
|
import_react_icons74 = require("@100mslive/react-icons");
|
|
26552
26613
|
init_src();
|
|
26553
26614
|
init_Text2();
|
|
@@ -26561,24 +26622,24 @@ var init_VBPicker = __esm({
|
|
|
26561
26622
|
VBPicker = ({ backgroundMedia = [] }) => {
|
|
26562
26623
|
var _a8, _b7;
|
|
26563
26624
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
26564
|
-
const hmsActions = (0,
|
|
26565
|
-
const localPeer = (0,
|
|
26566
|
-
const role = (0,
|
|
26567
|
-
const isVideoOn = (0,
|
|
26625
|
+
const hmsActions = (0, import_react_sdk72.useHMSActions)();
|
|
26626
|
+
const localPeer = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectLocalPeer);
|
|
26627
|
+
const role = (0, import_react_sdk72.useHMSStore)(Ft);
|
|
26628
|
+
const isVideoOn = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectIsLocalVideoEnabled);
|
|
26568
26629
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
26569
|
-
const trackSelector = (0,
|
|
26570
|
-
const track = (0,
|
|
26630
|
+
const trackSelector = (0, import_react_sdk72.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
26631
|
+
const track = (0, import_react_sdk72.useHMSStore)(trackSelector);
|
|
26571
26632
|
const [blurAmount, setBlurAmount] = (0, import_react146.useState)(VBHandler.getBlurAmount() || 0.5);
|
|
26572
|
-
const roomState = (0,
|
|
26573
|
-
const isLargeRoom = (0,
|
|
26574
|
-
const isEffectsEnabled = (0,
|
|
26575
|
-
const effectsKey = (0,
|
|
26576
|
-
const isPluginAdded = (0,
|
|
26633
|
+
const roomState = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectRoomState);
|
|
26634
|
+
const isLargeRoom = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectIsLargeRoom);
|
|
26635
|
+
const isEffectsEnabled = (0, import_react_sdk72.useHMSStore)(Qn);
|
|
26636
|
+
const effectsKey = (0, import_react_sdk72.useHMSStore)(zn);
|
|
26637
|
+
const isPluginAdded = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
|
26577
26638
|
const [activeBackground, setActiveBackground] = (0, import_react146.useState)(
|
|
26578
26639
|
((_b7 = VBHandler) == null ? void 0 : _b7.getBackground()) || import_hms_virtual_background3.HMSVirtualBackgroundTypes.NONE
|
|
26579
26640
|
);
|
|
26580
26641
|
const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
|
|
26581
|
-
const inPreview = roomState ===
|
|
26642
|
+
const inPreview = roomState === import_react_sdk72.HMSRoomState.Preview;
|
|
26582
26643
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
26583
26644
|
(0, import_react146.useEffect)(() => {
|
|
26584
26645
|
if (!(track == null ? void 0 : track.id)) {
|
|
@@ -26694,14 +26755,14 @@ var init_VBPicker = __esm({
|
|
|
26694
26755
|
});
|
|
26695
26756
|
|
|
26696
26757
|
// src/Prebuilt/layouts/SidePane.tsx
|
|
26697
|
-
var import_react147, import_react_use26,
|
|
26758
|
+
var import_react147, import_react_use26, import_react_sdk73, SidePane, SidePane_default;
|
|
26698
26759
|
var init_SidePane = __esm({
|
|
26699
26760
|
"src/Prebuilt/layouts/SidePane.tsx"() {
|
|
26700
26761
|
"use strict";
|
|
26701
26762
|
init_define_process_env();
|
|
26702
26763
|
import_react147 = __toESM(require("react"));
|
|
26703
26764
|
import_react_use26 = require("react-use");
|
|
26704
|
-
|
|
26765
|
+
import_react_sdk73 = require("@100mslive/react-sdk");
|
|
26705
26766
|
init_Polls();
|
|
26706
26767
|
init_SidePaneTabs();
|
|
26707
26768
|
init_VideoTile2();
|
|
@@ -26718,9 +26779,9 @@ var init_SidePane = __esm({
|
|
|
26718
26779
|
}) => {
|
|
26719
26780
|
var _a8, _b7, _c, _d, _e, _f;
|
|
26720
26781
|
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
26721
|
-
const sidepane = (0,
|
|
26722
|
-
const activeScreensharePeerId = (0,
|
|
26723
|
-
const trackId = (_a8 = (0,
|
|
26782
|
+
const sidepane = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectAppData)(APP_DATA.sidePane));
|
|
26783
|
+
const activeScreensharePeerId = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectAppData)(APP_DATA.activeScreensharePeerId));
|
|
26784
|
+
const trackId = (_a8 = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
|
26724
26785
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
26725
26786
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
|
26726
26787
|
const backgroundMedia = ((_c = (_b7 = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _b7.background_media) == null ? void 0 : _c.length) ? (_d = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _d.background_media : ((_e = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _e.background_media) || [];
|
|
@@ -26868,18 +26929,18 @@ var init_FullPageProgress = __esm({
|
|
|
26868
26929
|
});
|
|
26869
26930
|
|
|
26870
26931
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
|
26871
|
-
var import_react150,
|
|
26932
|
+
var import_react150, import_react_sdk74, import_react_icons75, SpeakerTag, LogoImg, Logo;
|
|
26872
26933
|
var init_HeaderComponents = __esm({
|
|
26873
26934
|
"src/Prebuilt/components/Header/HeaderComponents.jsx"() {
|
|
26874
26935
|
"use strict";
|
|
26875
26936
|
init_define_process_env();
|
|
26876
26937
|
import_react150 = __toESM(require("react"));
|
|
26877
|
-
|
|
26938
|
+
import_react_sdk74 = require("@100mslive/react-sdk");
|
|
26878
26939
|
import_react_icons75 = require("@100mslive/react-icons");
|
|
26879
26940
|
init_src();
|
|
26880
26941
|
init_roomLayoutProvider();
|
|
26881
26942
|
SpeakerTag = () => {
|
|
26882
|
-
const dominantSpeaker = (0,
|
|
26943
|
+
const dominantSpeaker = (0, import_react_sdk74.useHMSStore)(import_react_sdk74.selectDominantSpeaker);
|
|
26883
26944
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ import_react150.default.createElement(
|
|
26884
26945
|
Flex,
|
|
26885
26946
|
{
|
|
@@ -26926,7 +26987,7 @@ var init_HeaderComponents = __esm({
|
|
|
26926
26987
|
});
|
|
26927
26988
|
|
|
26928
26989
|
// src/Prebuilt/components/Preview/PreviewForm.tsx
|
|
26929
|
-
var import_react151, import_react_use27, import_join_form3,
|
|
26990
|
+
var import_react151, import_react_use27, import_join_form3, import_react_sdk75, import_react_icons76, PreviewForm, Form, PreviewForm_default;
|
|
26930
26991
|
var init_PreviewForm = __esm({
|
|
26931
26992
|
"src/Prebuilt/components/Preview/PreviewForm.tsx"() {
|
|
26932
26993
|
"use strict";
|
|
@@ -26934,7 +26995,7 @@ var init_PreviewForm = __esm({
|
|
|
26934
26995
|
import_react151 = __toESM(require("react"));
|
|
26935
26996
|
import_react_use27 = require("react-use");
|
|
26936
26997
|
import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
26937
|
-
|
|
26998
|
+
import_react_sdk75 = require("@100mslive/react-sdk");
|
|
26938
26999
|
import_react_icons76 = require("@100mslive/react-icons");
|
|
26939
27000
|
init_src();
|
|
26940
27001
|
init_roomLayoutProvider();
|
|
@@ -26953,7 +27014,7 @@ var init_PreviewForm = __esm({
|
|
|
26953
27014
|
e.preventDefault();
|
|
26954
27015
|
};
|
|
26955
27016
|
const isMobile = (0, import_react_use27.useMedia)(config.media.md);
|
|
26956
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
27017
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk75.useRecordingStreaming)();
|
|
26957
27018
|
const layout = useRoomLayout();
|
|
26958
27019
|
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) || {};
|
|
26959
27020
|
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;
|
|
@@ -27005,14 +27066,14 @@ var init_PreviewForm = __esm({
|
|
|
27005
27066
|
});
|
|
27006
27067
|
|
|
27007
27068
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
27008
|
-
var import_react152, import_react_use28,
|
|
27069
|
+
var import_react152, import_react_use28, import_react_sdk76, import_react_icons77, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
|
|
27009
27070
|
var init_PreviewJoin = __esm({
|
|
27010
27071
|
"src/Prebuilt/components/Preview/PreviewJoin.tsx"() {
|
|
27011
27072
|
"use strict";
|
|
27012
27073
|
init_define_process_env();
|
|
27013
27074
|
import_react152 = __toESM(require("react"));
|
|
27014
27075
|
import_react_use28 = require("react-use");
|
|
27015
|
-
|
|
27076
|
+
import_react_sdk76 = require("@100mslive/react-sdk");
|
|
27016
27077
|
import_react_icons77 = require("@100mslive/react-icons");
|
|
27017
27078
|
init_src();
|
|
27018
27079
|
init_AudioLevel2();
|
|
@@ -27040,8 +27101,8 @@ var init_PreviewJoin = __esm({
|
|
|
27040
27101
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
|
27041
27102
|
};
|
|
27042
27103
|
useLocalTileAspectRatio = () => {
|
|
27043
|
-
const localPeer = (0,
|
|
27044
|
-
const videoTrack = (0,
|
|
27104
|
+
const localPeer = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeer);
|
|
27105
|
+
const videoTrack = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
27045
27106
|
const isMobile = (0, import_react_use28.useMedia)(config.media.md);
|
|
27046
27107
|
let aspectRatio = 0;
|
|
27047
27108
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
@@ -27060,14 +27121,14 @@ var init_PreviewJoin = __esm({
|
|
|
27060
27121
|
UserPreferencesKeys.PREVIEW,
|
|
27061
27122
|
defaultPreviewPreference
|
|
27062
27123
|
);
|
|
27063
|
-
const { isStreamingOn } = (0,
|
|
27124
|
+
const { isStreamingOn } = (0, import_react_sdk76.useRecordingStreaming)();
|
|
27064
27125
|
const authToken = useAuthToken();
|
|
27065
27126
|
const [name, setName] = (0, import_react152.useState)(initialName || previewPreference.name);
|
|
27066
|
-
const { toggleAudio, toggleVideo } = (0,
|
|
27127
|
+
const { toggleAudio, toggleVideo } = (0, import_react_sdk76.useAVToggle)();
|
|
27067
27128
|
const [previewError, setPreviewError] = (0, import_react152.useState)(false);
|
|
27068
27129
|
const { endpoints } = useHMSPrebuiltContext();
|
|
27069
|
-
const { peerCount } = (0,
|
|
27070
|
-
const { enableJoin, preview, join } = (0,
|
|
27130
|
+
const { peerCount } = (0, import_react_sdk76.useParticipants)();
|
|
27131
|
+
const { enableJoin, preview, join } = (0, import_react_sdk76.usePreviewJoin)({
|
|
27071
27132
|
name,
|
|
27072
27133
|
token: authToken,
|
|
27073
27134
|
initEndpoint: endpoints == null ? void 0 : endpoints.init,
|
|
@@ -27084,7 +27145,7 @@ var init_PreviewJoin = __esm({
|
|
|
27084
27145
|
},
|
|
27085
27146
|
asRole
|
|
27086
27147
|
});
|
|
27087
|
-
const roomState = (0,
|
|
27148
|
+
const roomState = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectRoomState);
|
|
27088
27149
|
const savePreferenceAndJoin = (0, import_react152.useCallback)(() => {
|
|
27089
27150
|
setPreviewPreference({
|
|
27090
27151
|
name
|
|
@@ -27108,7 +27169,7 @@ var init_PreviewJoin = __esm({
|
|
|
27108
27169
|
setName(initialName);
|
|
27109
27170
|
}
|
|
27110
27171
|
}, [initialName]);
|
|
27111
|
-
return roomState ===
|
|
27172
|
+
return roomState === import_react_sdk76.HMSRoomState.Preview ? /* @__PURE__ */ import_react152.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react152.default.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ import_react152.default.createElement(Box, null), /* @__PURE__ */ import_react152.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "640px" } }, /* @__PURE__ */ import_react152.default.createElement(Logo, null), /* @__PURE__ */ import_react152.default.createElement(
|
|
27112
27173
|
Text,
|
|
27113
27174
|
{
|
|
27114
27175
|
variant: "h4",
|
|
@@ -27150,12 +27211,12 @@ var init_PreviewJoin = __esm({
|
|
|
27150
27211
|
px: "$10"
|
|
27151
27212
|
}));
|
|
27152
27213
|
PreviewTile = ({ name, error }) => {
|
|
27153
|
-
const localPeer = (0,
|
|
27154
|
-
const { isLocalAudioEnabled, toggleAudio } = (0,
|
|
27155
|
-
const isVideoOn = (0,
|
|
27214
|
+
const localPeer = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeer);
|
|
27215
|
+
const { isLocalAudioEnabled, toggleAudio } = (0, import_react_sdk76.useAVToggle)();
|
|
27216
|
+
const isVideoOn = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectIsLocalVideoEnabled);
|
|
27156
27217
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
27157
|
-
const trackSelector = (0,
|
|
27158
|
-
const track = (0,
|
|
27218
|
+
const trackSelector = (0, import_react_sdk76.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
|
|
27219
|
+
const track = (0, import_react_sdk76.useHMSStore)(trackSelector);
|
|
27159
27220
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
27160
27221
|
const aspectRatio = useLocalTileAspectRatio();
|
|
27161
27222
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use28.useMeasure)();
|
|
@@ -27252,13 +27313,13 @@ var init_RequestPrompt = __esm({
|
|
|
27252
27313
|
});
|
|
27253
27314
|
|
|
27254
27315
|
// src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
|
|
27255
|
-
var import_react154,
|
|
27316
|
+
var import_react154, import_react_sdk77, RoleChangeRequestModal;
|
|
27256
27317
|
var init_RoleChangeRequestModal = __esm({
|
|
27257
27318
|
"src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx"() {
|
|
27258
27319
|
"use strict";
|
|
27259
27320
|
init_define_process_env();
|
|
27260
27321
|
import_react154 = __toESM(require("react"));
|
|
27261
|
-
|
|
27322
|
+
import_react_sdk77 = require("@100mslive/react-sdk");
|
|
27262
27323
|
init_src();
|
|
27263
27324
|
init_PreviewJoin();
|
|
27264
27325
|
init_RequestPrompt();
|
|
@@ -27266,13 +27327,13 @@ var init_RoleChangeRequestModal = __esm({
|
|
|
27266
27327
|
init_useMetadata();
|
|
27267
27328
|
init_constants();
|
|
27268
27329
|
RoleChangeRequestModal = () => {
|
|
27269
|
-
const hmsActions = (0,
|
|
27330
|
+
const hmsActions = (0, import_react_sdk77.useHMSActions)();
|
|
27270
27331
|
const { updateMetaData } = useMyMetadata();
|
|
27271
|
-
const isPreview = (0,
|
|
27272
|
-
const currentRole = (0,
|
|
27273
|
-
const roleChangeRequest = (0,
|
|
27274
|
-
const name = (0,
|
|
27275
|
-
const { sendEvent } = (0,
|
|
27332
|
+
const isPreview = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectIsInPreview);
|
|
27333
|
+
const currentRole = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectLocalPeerRoleName);
|
|
27334
|
+
const roleChangeRequest = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectRoleChangeRequest);
|
|
27335
|
+
const name = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectLocalPeerName);
|
|
27336
|
+
const { sendEvent } = (0, import_react_sdk77.useCustomEvent)({ type: ROLE_CHANGE_DECLINED });
|
|
27276
27337
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
|
27277
27338
|
const { virtual_background } = elements || {};
|
|
27278
27339
|
(0, import_react154.useEffect)(() => {
|
|
@@ -27363,7 +27424,7 @@ var init_useVideoTileLayout = __esm({
|
|
|
27363
27424
|
});
|
|
27364
27425
|
|
|
27365
27426
|
// src/Prebuilt/components/InsetTile.tsx
|
|
27366
|
-
var import_react156, import_react_draggable, import_react_use30,
|
|
27427
|
+
var import_react156, import_react_draggable, import_react_use30, import_react_sdk78, import_react_icons78, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
|
|
27367
27428
|
var init_InsetTile = __esm({
|
|
27368
27429
|
"src/Prebuilt/components/InsetTile.tsx"() {
|
|
27369
27430
|
"use strict";
|
|
@@ -27371,7 +27432,7 @@ var init_InsetTile = __esm({
|
|
|
27371
27432
|
import_react156 = __toESM(require("react"));
|
|
27372
27433
|
import_react_draggable = __toESM(require("react-draggable"));
|
|
27373
27434
|
import_react_use30 = require("react-use");
|
|
27374
|
-
|
|
27435
|
+
import_react_sdk78 = require("@100mslive/react-sdk");
|
|
27375
27436
|
import_react_icons78 = require("@100mslive/react-icons");
|
|
27376
27437
|
init_Layout();
|
|
27377
27438
|
init_Text2();
|
|
@@ -27400,10 +27461,10 @@ var init_InsetTile = __esm({
|
|
|
27400
27461
|
InsetTile = () => {
|
|
27401
27462
|
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
27402
27463
|
const isLandscape = (0, import_react_use30.useMedia)(config.media.ls);
|
|
27403
|
-
const localPeer = (0,
|
|
27464
|
+
const localPeer = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectLocalPeer);
|
|
27404
27465
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
27405
|
-
const videoTrack = (0,
|
|
27406
|
-
const isAllowedToPublish = (0,
|
|
27466
|
+
const videoTrack = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
|
|
27467
|
+
const isAllowedToPublish = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectIsAllowedToPublish);
|
|
27407
27468
|
const videoTileProps = useVideoTileContext();
|
|
27408
27469
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
|
27409
27470
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
|
@@ -27574,21 +27635,21 @@ var init_Grid = __esm({
|
|
|
27574
27635
|
});
|
|
27575
27636
|
|
|
27576
27637
|
// src/Prebuilt/components/hooks/useTileLayout.tsx
|
|
27577
|
-
var import_react159, import_react_use31,
|
|
27638
|
+
var import_react159, import_react_use31, import_react_sdk79, aspectRatioConfig, usePagesWithTiles, useTileLayout;
|
|
27578
27639
|
var init_useTileLayout = __esm({
|
|
27579
27640
|
"src/Prebuilt/components/hooks/useTileLayout.tsx"() {
|
|
27580
27641
|
"use strict";
|
|
27581
27642
|
init_define_process_env();
|
|
27582
27643
|
import_react159 = require("react");
|
|
27583
27644
|
import_react_use31 = require("react-use");
|
|
27584
|
-
|
|
27645
|
+
import_react_sdk79 = require("@100mslive/react-sdk");
|
|
27585
27646
|
init_Theme();
|
|
27586
27647
|
aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
|
|
27587
27648
|
usePagesWithTiles = ({ peers, maxTileCount }) => {
|
|
27588
|
-
const vanillaStore = (0,
|
|
27589
|
-
const tracksMap = vanillaStore.getState(
|
|
27649
|
+
const vanillaStore = (0, import_react_sdk79.useHMSVanillaStore)();
|
|
27650
|
+
const tracksMap = vanillaStore.getState(import_react_sdk79.selectTracksMap);
|
|
27590
27651
|
const peersWithTiles = (0, import_react159.useMemo)(
|
|
27591
|
-
() => (0,
|
|
27652
|
+
() => (0, import_react_sdk79.getPeersWithTiles)(peers, tracksMap, () => false),
|
|
27592
27653
|
[peers, tracksMap]
|
|
27593
27654
|
);
|
|
27594
27655
|
const noOfPages = Math.ceil(peersWithTiles.length / maxTileCount);
|
|
@@ -27611,7 +27672,7 @@ var init_useTileLayout = __esm({
|
|
|
27611
27672
|
maxTileCount,
|
|
27612
27673
|
edgeToEdge = false
|
|
27613
27674
|
}) => {
|
|
27614
|
-
const vanillaStore = (0,
|
|
27675
|
+
const vanillaStore = (0, import_react_sdk79.useHMSVanillaStore)();
|
|
27615
27676
|
const [ref, { width, height }] = (0, import_react_use31.useMeasure)();
|
|
27616
27677
|
const isMobile = (0, import_react_use31.useMedia)(config.media.lg);
|
|
27617
27678
|
const [pagesWithTiles, setPagesWithTiles] = (0, import_react159.useState)([]);
|
|
@@ -27684,7 +27745,7 @@ var init_useTileLayout = __esm({
|
|
|
27684
27745
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
|
27685
27746
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
|
27686
27747
|
var _a8;
|
|
27687
|
-
const localPeer = (0,
|
|
27748
|
+
const localPeer = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectLocalPeer);
|
|
27688
27749
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
27689
27750
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
27690
27751
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
@@ -27726,14 +27787,14 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
27726
27787
|
}
|
|
27727
27788
|
), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ import_react160.default.createElement(InsetTile, null));
|
|
27728
27789
|
}
|
|
27729
|
-
var import_react160, import_react_use32,
|
|
27790
|
+
var import_react160, import_react_use32, import_react_sdk80;
|
|
27730
27791
|
var init_EqualProminence = __esm({
|
|
27731
27792
|
"src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
|
|
27732
27793
|
"use strict";
|
|
27733
27794
|
init_define_process_env();
|
|
27734
27795
|
import_react160 = __toESM(require("react"));
|
|
27735
27796
|
import_react_use32 = require("react-use");
|
|
27736
|
-
|
|
27797
|
+
import_react_sdk80 = require("@100mslive/react-sdk");
|
|
27737
27798
|
init_Layout();
|
|
27738
27799
|
init_Theme();
|
|
27739
27800
|
init_InsetTile();
|
|
@@ -27910,7 +27971,7 @@ function RoleProminence({
|
|
|
27910
27971
|
}) {
|
|
27911
27972
|
var _a8;
|
|
27912
27973
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
27913
|
-
const localPeer = (0,
|
|
27974
|
+
const localPeer = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeer);
|
|
27914
27975
|
const maxTileCount = 4;
|
|
27915
27976
|
const pageList = usePagesWithTiles({
|
|
27916
27977
|
peers: prominentPeers,
|
|
@@ -27939,13 +28000,13 @@ function RoleProminence({
|
|
|
27939
28000
|
}
|
|
27940
28001
|
), /* @__PURE__ */ import_react164.default.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react164.default.createElement(InsetTile, null));
|
|
27941
28002
|
}
|
|
27942
|
-
var import_react164,
|
|
28003
|
+
var import_react164, import_react_sdk81;
|
|
27943
28004
|
var init_RoleProminence = __esm({
|
|
27944
28005
|
"src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
|
|
27945
28006
|
"use strict";
|
|
27946
28007
|
init_define_process_env();
|
|
27947
28008
|
import_react164 = __toESM(require("react"));
|
|
27948
|
-
|
|
28009
|
+
import_react_sdk81 = require("@100mslive/react-sdk");
|
|
27949
28010
|
init_InsetTile();
|
|
27950
28011
|
init_Pagination2();
|
|
27951
28012
|
init_SecondaryTiles();
|
|
@@ -27957,19 +28018,19 @@ var init_RoleProminence = __esm({
|
|
|
27957
28018
|
});
|
|
27958
28019
|
|
|
27959
28020
|
// src/Prebuilt/components/ScreenshareDisplay.jsx
|
|
27960
|
-
var import_react165,
|
|
28021
|
+
var import_react165, import_react_sdk82, import_react_icons80, ScreenshareDisplay;
|
|
27961
28022
|
var init_ScreenshareDisplay = __esm({
|
|
27962
28023
|
"src/Prebuilt/components/ScreenshareDisplay.jsx"() {
|
|
27963
28024
|
"use strict";
|
|
27964
28025
|
init_define_process_env();
|
|
27965
28026
|
import_react165 = __toESM(require("react"));
|
|
27966
|
-
|
|
28027
|
+
import_react_sdk82 = require("@100mslive/react-sdk");
|
|
27967
28028
|
import_react_icons80 = require("@100mslive/react-icons");
|
|
27968
28029
|
init_Button2();
|
|
27969
28030
|
init_Layout();
|
|
27970
28031
|
init_Text2();
|
|
27971
28032
|
ScreenshareDisplay = () => {
|
|
27972
|
-
const hmsActions = (0,
|
|
28033
|
+
const hmsActions = (0, import_react_sdk82.useHMSActions)();
|
|
27973
28034
|
return /* @__PURE__ */ import_react165.default.createElement(
|
|
27974
28035
|
Flex,
|
|
27975
28036
|
{
|
|
@@ -28003,7 +28064,7 @@ var init_ScreenshareDisplay = __esm({
|
|
|
28003
28064
|
});
|
|
28004
28065
|
|
|
28005
28066
|
// src/Prebuilt/components/ScreenshareTile.jsx
|
|
28006
|
-
var import_react166, import_react_use34, import_screenfull2,
|
|
28067
|
+
var import_react166, import_react_use34, import_screenfull2, import_react_sdk83, import_react_icons81, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
|
|
28007
28068
|
var init_ScreenshareTile = __esm({
|
|
28008
28069
|
"src/Prebuilt/components/ScreenshareTile.jsx"() {
|
|
28009
28070
|
"use strict";
|
|
@@ -28011,7 +28072,7 @@ var init_ScreenshareTile = __esm({
|
|
|
28011
28072
|
import_react166 = __toESM(require("react"));
|
|
28012
28073
|
import_react_use34 = require("react-use");
|
|
28013
28074
|
import_screenfull2 = __toESM(require("screenfull"));
|
|
28014
|
-
|
|
28075
|
+
import_react_sdk83 = require("@100mslive/react-sdk");
|
|
28015
28076
|
import_react_icons81 = require("@100mslive/react-icons");
|
|
28016
28077
|
init_TileMenu2();
|
|
28017
28078
|
init_Stats2();
|
|
@@ -28030,9 +28091,9 @@ var init_ScreenshareTile = __esm({
|
|
|
28030
28091
|
flexShrink: 0
|
|
28031
28092
|
};
|
|
28032
28093
|
Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
28033
|
-
const isLocal = (0,
|
|
28034
|
-
const track = (0,
|
|
28035
|
-
const peer = (0,
|
|
28094
|
+
const isLocal = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectLocalPeerID) === peerId;
|
|
28095
|
+
const track = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectScreenShareByPeerID)(peerId));
|
|
28096
|
+
const peer = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectPeerByID)(peerId));
|
|
28036
28097
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
28037
28098
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react166.useState)(false);
|
|
28038
28099
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
@@ -28042,7 +28103,7 @@ var init_ScreenshareTile = __esm({
|
|
|
28042
28103
|
onClose: () => setFullscreen(false)
|
|
28043
28104
|
});
|
|
28044
28105
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
|
28045
|
-
const audioTrack = (0,
|
|
28106
|
+
const audioTrack = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
|
|
28046
28107
|
if (isLocal && !["browser", "window", "application"].includes(track == null ? void 0 : track.displaySurface)) {
|
|
28047
28108
|
return /* @__PURE__ */ import_react166.default.createElement(ScreenshareDisplay, null);
|
|
28048
28109
|
}
|
|
@@ -28096,14 +28157,14 @@ var init_ScreenshareTile = __esm({
|
|
|
28096
28157
|
});
|
|
28097
28158
|
|
|
28098
28159
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
28099
|
-
var import_react167, import_react_use35,
|
|
28160
|
+
var import_react167, import_react_use35, import_react_sdk84, ScreenshareLayout;
|
|
28100
28161
|
var init_ScreenshareLayout = __esm({
|
|
28101
28162
|
"src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
|
|
28102
28163
|
"use strict";
|
|
28103
28164
|
init_define_process_env();
|
|
28104
28165
|
import_react167 = __toESM(require("react"));
|
|
28105
28166
|
import_react_use35 = require("react-use");
|
|
28106
|
-
|
|
28167
|
+
import_react_sdk84 = require("@100mslive/react-sdk");
|
|
28107
28168
|
init_Theme();
|
|
28108
28169
|
init_Pagination2();
|
|
28109
28170
|
init_ScreenshareTile();
|
|
@@ -28113,7 +28174,7 @@ var init_ScreenshareLayout = __esm({
|
|
|
28113
28174
|
init_constants();
|
|
28114
28175
|
ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
28115
28176
|
var _a8;
|
|
28116
|
-
const peersSharing = (0,
|
|
28177
|
+
const peersSharing = (0, import_react_sdk84.useHMSStore)(import_react_sdk84.selectPeersScreenSharing);
|
|
28117
28178
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28118
28179
|
const [page, setPage] = (0, import_react167.useState)(0);
|
|
28119
28180
|
const activeSharePeer = peersSharing[page];
|
|
@@ -28144,12 +28205,12 @@ var init_ScreenshareLayout = __esm({
|
|
|
28144
28205
|
});
|
|
28145
28206
|
|
|
28146
28207
|
// src/Prebuilt/common/PeersSorter.ts
|
|
28147
|
-
var
|
|
28208
|
+
var import_react_sdk85, PeersSorter, PeersSorter_default;
|
|
28148
28209
|
var init_PeersSorter = __esm({
|
|
28149
28210
|
"src/Prebuilt/common/PeersSorter.ts"() {
|
|
28150
28211
|
"use strict";
|
|
28151
28212
|
init_define_process_env();
|
|
28152
|
-
|
|
28213
|
+
import_react_sdk85 = require("@100mslive/react-sdk");
|
|
28153
28214
|
PeersSorter = class {
|
|
28154
28215
|
constructor(store) {
|
|
28155
28216
|
this.storeUnsubscribe = void 0;
|
|
@@ -28171,7 +28232,7 @@ var init_PeersSorter = __esm({
|
|
|
28171
28232
|
}
|
|
28172
28233
|
});
|
|
28173
28234
|
if (!this.storeUnsubscribe) {
|
|
28174
|
-
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange,
|
|
28235
|
+
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk85.selectDominantSpeaker);
|
|
28175
28236
|
}
|
|
28176
28237
|
this.moveSpeakerToFront(this.speaker);
|
|
28177
28238
|
};
|
|
@@ -28245,13 +28306,13 @@ var init_PeersSorter = __esm({
|
|
|
28245
28306
|
});
|
|
28246
28307
|
|
|
28247
28308
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
|
28248
|
-
var import_react168,
|
|
28309
|
+
var import_react168, import_react_sdk86, GridLayout;
|
|
28249
28310
|
var init_GridLayout = __esm({
|
|
28250
28311
|
"src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
|
|
28251
28312
|
"use strict";
|
|
28252
28313
|
init_define_process_env();
|
|
28253
28314
|
import_react168 = __toESM(require("react"));
|
|
28254
|
-
|
|
28315
|
+
import_react_sdk86 = require("@100mslive/react-sdk");
|
|
28255
28316
|
init_EqualProminence();
|
|
28256
28317
|
init_RoleProminence();
|
|
28257
28318
|
init_ScreenshareLayout();
|
|
@@ -28270,11 +28331,11 @@ var init_GridLayout = __esm({
|
|
|
28270
28331
|
edge_to_edge = false,
|
|
28271
28332
|
hide_metadata_on_tile = false
|
|
28272
28333
|
}) => {
|
|
28273
|
-
const peerSharing = (0,
|
|
28334
|
+
const peerSharing = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectPeerScreenSharing);
|
|
28274
28335
|
const pinnedTrack = usePinnedTrack();
|
|
28275
|
-
const peers = (0,
|
|
28276
|
-
const localPeerRole = (0,
|
|
28277
|
-
const localPeerID = (0,
|
|
28336
|
+
const peers = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectPeers);
|
|
28337
|
+
const localPeerRole = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeerRoleName);
|
|
28338
|
+
const localPeerID = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeerID);
|
|
28278
28339
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28279
28340
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
28280
28341
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -28293,7 +28354,7 @@ var init_GridLayout = __esm({
|
|
|
28293
28354
|
}
|
|
28294
28355
|
return peers;
|
|
28295
28356
|
}, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
|
|
28296
|
-
const vanillaStore = (0,
|
|
28357
|
+
const vanillaStore = (0, import_react_sdk86.useHMSVanillaStore)();
|
|
28297
28358
|
const [sortedPeers, setSortedPeers] = (0, import_react168.useState)(updatedPeers);
|
|
28298
28359
|
const peersSorter = (0, import_react168.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
|
|
28299
28360
|
const [pageSize, setPageSize] = (0, import_react168.useState)(0);
|
|
@@ -28354,13 +28415,13 @@ var init_GridLayout = __esm({
|
|
|
28354
28415
|
});
|
|
28355
28416
|
|
|
28356
28417
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
28357
|
-
var import_react169,
|
|
28418
|
+
var import_react169, import_react_sdk87, EmbedView, EmbedScreenShareView, EmbedComponent;
|
|
28358
28419
|
var init_EmbedView = __esm({
|
|
28359
28420
|
"src/Prebuilt/layouts/EmbedView.jsx"() {
|
|
28360
28421
|
"use strict";
|
|
28361
28422
|
init_define_process_env();
|
|
28362
28423
|
import_react169 = __toESM(require("react"));
|
|
28363
|
-
|
|
28424
|
+
import_react_sdk87 = require("@100mslive/react-sdk");
|
|
28364
28425
|
init_SecondaryTiles();
|
|
28365
28426
|
init_ToastManager();
|
|
28366
28427
|
init_ProminenceLayout();
|
|
@@ -28371,8 +28432,8 @@ var init_EmbedView = __esm({
|
|
|
28371
28432
|
return /* @__PURE__ */ import_react169.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react169.default.createElement(EmbedComponent, null));
|
|
28372
28433
|
};
|
|
28373
28434
|
EmbedScreenShareView = ({ children }) => {
|
|
28374
|
-
const peers = (0,
|
|
28375
|
-
const peerPresenting = (0,
|
|
28435
|
+
const peers = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectPeers);
|
|
28436
|
+
const peerPresenting = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectPeerScreenSharing);
|
|
28376
28437
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28377
28438
|
const smallTilePeers = (0, import_react169.useMemo)(() => {
|
|
28378
28439
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
@@ -28387,9 +28448,9 @@ var init_EmbedView = __esm({
|
|
|
28387
28448
|
return /* @__PURE__ */ import_react169.default.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ import_react169.default.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ import_react169.default.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
|
28388
28449
|
};
|
|
28389
28450
|
EmbedComponent = () => {
|
|
28390
|
-
const embedConfig = (0,
|
|
28451
|
+
const embedConfig = (0, import_react_sdk87.useHMSStore)((0, import_react_sdk87.selectAppData)(APP_DATA.embedConfig));
|
|
28391
28452
|
const resetConfig = useResetEmbedConfig();
|
|
28392
|
-
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0,
|
|
28453
|
+
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk87.useEmbedShare)(resetConfig);
|
|
28393
28454
|
(0, import_react169.useEffect)(() => {
|
|
28394
28455
|
(() => __async(void 0, null, function* () {
|
|
28395
28456
|
if (embedConfig && !isEmbedShareInProgress) {
|
|
@@ -28439,13 +28500,13 @@ var init_EmbedView = __esm({
|
|
|
28439
28500
|
});
|
|
28440
28501
|
|
|
28441
28502
|
// src/Prebuilt/layouts/PDFView.jsx
|
|
28442
|
-
var import_react170,
|
|
28503
|
+
var import_react170, import_react_sdk88, PDFView;
|
|
28443
28504
|
var init_PDFView = __esm({
|
|
28444
28505
|
"src/Prebuilt/layouts/PDFView.jsx"() {
|
|
28445
28506
|
"use strict";
|
|
28446
28507
|
init_define_process_env();
|
|
28447
28508
|
import_react170 = __toESM(require("react"));
|
|
28448
|
-
|
|
28509
|
+
import_react_sdk88 = require("@100mslive/react-sdk");
|
|
28449
28510
|
init_ToastManager();
|
|
28450
28511
|
init_Layout();
|
|
28451
28512
|
init_EmbedView();
|
|
@@ -28453,7 +28514,7 @@ var init_PDFView = __esm({
|
|
|
28453
28514
|
PDFView = () => {
|
|
28454
28515
|
const pdfConfig = usePDFConfig();
|
|
28455
28516
|
const resetConfig = useResetPDFConfig();
|
|
28456
|
-
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0,
|
|
28517
|
+
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk88.usePDFShare)(resetConfig);
|
|
28457
28518
|
(0, import_react170.useEffect)(() => {
|
|
28458
28519
|
(() => __async(void 0, null, function* () {
|
|
28459
28520
|
try {
|
|
@@ -28562,14 +28623,14 @@ var init_WaitingView = __esm({
|
|
|
28562
28623
|
});
|
|
28563
28624
|
|
|
28564
28625
|
// src/Prebuilt/layouts/WhiteboardView.tsx
|
|
28565
|
-
var import_react172, import_react_use36,
|
|
28626
|
+
var import_react172, import_react_use36, import_react_sdk89, EmbedComponent2, WhiteboardView;
|
|
28566
28627
|
var init_WhiteboardView = __esm({
|
|
28567
28628
|
"src/Prebuilt/layouts/WhiteboardView.tsx"() {
|
|
28568
28629
|
"use strict";
|
|
28569
28630
|
init_define_process_env();
|
|
28570
28631
|
import_react172 = __toESM(require("react"));
|
|
28571
28632
|
import_react_use36 = require("react-use");
|
|
28572
|
-
|
|
28633
|
+
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
28573
28634
|
init_SecondaryTiles();
|
|
28574
28635
|
init_ProminenceLayout();
|
|
28575
28636
|
init_src();
|
|
@@ -28578,7 +28639,7 @@ var init_WhiteboardView = __esm({
|
|
|
28578
28639
|
init_constants();
|
|
28579
28640
|
EmbedComponent2 = () => {
|
|
28580
28641
|
const isMobile = (0, import_react_use36.useMedia)(config.media.md);
|
|
28581
|
-
const { iframeRef } = (0,
|
|
28642
|
+
const { iframeRef } = (0, import_react_sdk89.useWhiteboard)(isMobile);
|
|
28582
28643
|
return /* @__PURE__ */ import_react172.default.createElement(
|
|
28583
28644
|
Box,
|
|
28584
28645
|
{
|
|
@@ -28610,8 +28671,8 @@ var init_WhiteboardView = __esm({
|
|
|
28610
28671
|
);
|
|
28611
28672
|
};
|
|
28612
28673
|
WhiteboardView = () => {
|
|
28613
|
-
const peers = (0,
|
|
28614
|
-
const whiteboard = (0,
|
|
28674
|
+
const peers = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectPeers);
|
|
28675
|
+
const whiteboard = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectWhiteboard);
|
|
28615
28676
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28616
28677
|
const smallTilePeers = (0, import_react172.useMemo)(() => {
|
|
28617
28678
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
|
|
@@ -28629,17 +28690,17 @@ var init_WhiteboardView = __esm({
|
|
|
28629
28690
|
});
|
|
28630
28691
|
|
|
28631
28692
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
|
28632
|
-
var import_react173, import_react_use37,
|
|
28693
|
+
var import_react173, import_react_use37, import_react_sdk90, useCloseScreenshareWhiteboard;
|
|
28633
28694
|
var init_useCloseScreenshareWhiteboard = __esm({
|
|
28634
28695
|
"src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
|
|
28635
28696
|
"use strict";
|
|
28636
28697
|
init_define_process_env();
|
|
28637
28698
|
import_react173 = require("react");
|
|
28638
28699
|
import_react_use37 = require("react-use");
|
|
28639
|
-
|
|
28700
|
+
import_react_sdk90 = require("@100mslive/react-sdk");
|
|
28640
28701
|
useCloseScreenshareWhiteboard = () => {
|
|
28641
|
-
const { amIScreenSharing, toggleScreenShare } = (0,
|
|
28642
|
-
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0,
|
|
28702
|
+
const { amIScreenSharing, toggleScreenShare } = (0, import_react_sdk90.useScreenShare)();
|
|
28703
|
+
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk90.useWhiteboard)();
|
|
28643
28704
|
const prevScreenSharer = (0, import_react_use37.usePrevious)(amIScreenSharing);
|
|
28644
28705
|
const prevWhiteboardOwner = (0, import_react_use37.usePrevious)(isWhiteboardOwner);
|
|
28645
28706
|
(0, import_react173.useEffect)(() => {
|
|
@@ -29298,7 +29359,7 @@ var HLSView_exports = {};
|
|
|
29298
29359
|
__export(HLSView_exports, {
|
|
29299
29360
|
default: () => HLSView_default
|
|
29300
29361
|
});
|
|
29301
|
-
var import_react184, import_react_use38, import_hls_player3, import_screenfull3,
|
|
29362
|
+
var import_react184, import_react_use38, import_hls_player3, import_screenfull3, import_react_sdk91, import_react_icons88, hlsPlayer, toastMap, HLSView, HLSView_default;
|
|
29302
29363
|
var init_HLSView = __esm({
|
|
29303
29364
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
|
29304
29365
|
"use strict";
|
|
@@ -29307,7 +29368,7 @@ var init_HLSView = __esm({
|
|
|
29307
29368
|
import_react_use38 = require("react-use");
|
|
29308
29369
|
import_hls_player3 = require("@100mslive/hls-player");
|
|
29309
29370
|
import_screenfull3 = __toESM(require("screenfull"));
|
|
29310
|
-
|
|
29371
|
+
import_react_sdk91 = require("@100mslive/react-sdk");
|
|
29311
29372
|
import_react_icons88 = require("@100mslive/react-icons");
|
|
29312
29373
|
init_HlsStatsOverlay();
|
|
29313
29374
|
init_HMSVideo2();
|
|
@@ -29330,10 +29391,10 @@ var init_HLSView = __esm({
|
|
|
29330
29391
|
var _a8;
|
|
29331
29392
|
const videoRef = (0, import_react184.useRef)(null);
|
|
29332
29393
|
const hlsViewRef = (0, import_react184.useRef)(null);
|
|
29333
|
-
const hlsState = (0,
|
|
29334
|
-
const enablHlsStats = (0,
|
|
29335
|
-
const notification = (0,
|
|
29336
|
-
const hmsActions = (0,
|
|
29394
|
+
const hlsState = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectHLSState);
|
|
29395
|
+
const enablHlsStats = (0, import_react_sdk91.useHMSStore)((0, import_react_sdk91.selectAppData)(APP_DATA.hlsStats));
|
|
29396
|
+
const notification = (0, import_react_sdk91.useHMSNotifications)(import_react_sdk91.HMSNotificationTypes.POLL_STOPPED);
|
|
29397
|
+
const hmsActions = (0, import_react_sdk91.useHMSActions)();
|
|
29337
29398
|
const { themeType, theme: theme2 } = useTheme();
|
|
29338
29399
|
const [streamEnded, setStreamEnded] = (0, import_react184.useState)(false);
|
|
29339
29400
|
let [hlsStatsState, setHlsStatsState] = (0, import_react184.useState)(null);
|
|
@@ -29354,7 +29415,7 @@ var init_HLSView = __esm({
|
|
|
29354
29415
|
const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react184.useState)(false);
|
|
29355
29416
|
const lastHlsUrl = (0, import_react_use38.usePrevious)(hlsUrl);
|
|
29356
29417
|
const togglePollView = usePollViewToggle();
|
|
29357
|
-
const vanillaStore = (0,
|
|
29418
|
+
const vanillaStore = (0, import_react_sdk91.useHMSVanillaStore)();
|
|
29358
29419
|
const isMobile = (0, import_react_use38.useMedia)(config.media.md);
|
|
29359
29420
|
const isFullScreen = (0, import_react_use38.useFullscreen)(hlsViewRef, show, {
|
|
29360
29421
|
onClose: () => toggle(false)
|
|
@@ -29419,8 +29480,8 @@ var init_HLSView = __esm({
|
|
|
29419
29480
|
const parsedPayload = parsePayload(payload);
|
|
29420
29481
|
if (parsedPayload.startsWith("poll:")) {
|
|
29421
29482
|
const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
|
|
29422
|
-
const poll = vanillaStore.getState((0,
|
|
29423
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
29483
|
+
const poll = vanillaStore.getState((0, import_react_sdk91.selectPollByID)(pollId));
|
|
29484
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk91.selectPeerNameByID)(poll.startedBy)) || "Participant";
|
|
29424
29485
|
const toastID = ToastManager.addToast({
|
|
29425
29486
|
title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
|
|
29426
29487
|
action: /* @__PURE__ */ import_react184.default.createElement(
|
|
@@ -29721,13 +29782,13 @@ var init_HLSView = __esm({
|
|
|
29721
29782
|
});
|
|
29722
29783
|
|
|
29723
29784
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
29724
|
-
var import_react185,
|
|
29785
|
+
var import_react185, import_react_sdk92, HLSView2, VideoStreamingSection;
|
|
29725
29786
|
var init_VideoStreamingSection = __esm({
|
|
29726
29787
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
|
29727
29788
|
"use strict";
|
|
29728
29789
|
init_define_process_env();
|
|
29729
29790
|
import_react185 = __toESM(require("react"));
|
|
29730
|
-
|
|
29791
|
+
import_react_sdk92 = require("@100mslive/react-sdk");
|
|
29731
29792
|
init_FullPageProgress();
|
|
29732
29793
|
init_GridLayout();
|
|
29733
29794
|
init_Layout();
|
|
@@ -29745,11 +29806,11 @@ var init_VideoStreamingSection = __esm({
|
|
|
29745
29806
|
hideControls = false
|
|
29746
29807
|
}) => {
|
|
29747
29808
|
var _a8, _b7, _c, _d;
|
|
29748
|
-
const localPeerRole = (0,
|
|
29749
|
-
const isConnected = (0,
|
|
29750
|
-
const peerSharing = (0,
|
|
29751
|
-
const isWhiteboardOpen = (_a8 = (0,
|
|
29752
|
-
const hmsActions = (0,
|
|
29809
|
+
const localPeerRole = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerRoleName);
|
|
29810
|
+
const isConnected = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectIsConnectedToRoom);
|
|
29811
|
+
const peerSharing = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectPeerScreenSharing);
|
|
29812
|
+
const isWhiteboardOpen = (_a8 = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectWhiteboard)) == null ? void 0 : _a8.open;
|
|
29813
|
+
const hmsActions = (0, import_react_sdk92.useHMSActions)();
|
|
29753
29814
|
const waitingViewerRole = useWaitingViewerRole();
|
|
29754
29815
|
const urlToIframe = useUrlToEmbed();
|
|
29755
29816
|
const pdfAnnotatorActive = usePDFConfig();
|
|
@@ -29809,13 +29870,13 @@ var init_VideoStreamingSection = __esm({
|
|
|
29809
29870
|
});
|
|
29810
29871
|
|
|
29811
29872
|
// src/Prebuilt/components/Header/common.jsx
|
|
29812
|
-
var import_react186,
|
|
29873
|
+
var import_react186, import_react_sdk93, import_react_icons89, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
|
29813
29874
|
var init_common2 = __esm({
|
|
29814
29875
|
"src/Prebuilt/components/Header/common.jsx"() {
|
|
29815
29876
|
"use strict";
|
|
29816
29877
|
init_define_process_env();
|
|
29817
29878
|
import_react186 = __toESM(require("react"));
|
|
29818
|
-
|
|
29879
|
+
import_react_sdk93 = require("@100mslive/react-sdk");
|
|
29819
29880
|
import_react_icons89 = require("@100mslive/react-icons");
|
|
29820
29881
|
init_Divider2();
|
|
29821
29882
|
init_Label2();
|
|
@@ -29825,12 +29886,12 @@ var init_common2 = __esm({
|
|
|
29825
29886
|
init_IconButton3();
|
|
29826
29887
|
init_ToastManager();
|
|
29827
29888
|
CamaraFlipActions = () => {
|
|
29828
|
-
const actions = (0,
|
|
29829
|
-
const { allDevices } = (0,
|
|
29889
|
+
const actions = (0, import_react_sdk93.useHMSActions)();
|
|
29890
|
+
const { allDevices } = (0, import_react_sdk93.useDevices)();
|
|
29830
29891
|
const { videoInput } = allDevices;
|
|
29831
|
-
const isVideoOn = (0,
|
|
29832
|
-
const videoTrackId = (0,
|
|
29833
|
-
const localVideoTrack = (0,
|
|
29892
|
+
const isVideoOn = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectIsLocalVideoEnabled);
|
|
29893
|
+
const videoTrackId = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectLocalVideoTrackID);
|
|
29894
|
+
const localVideoTrack = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectVideoTrackByID)(videoTrackId));
|
|
29834
29895
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
29835
29896
|
return null;
|
|
29836
29897
|
}
|
|
@@ -29853,7 +29914,7 @@ var init_common2 = __esm({
|
|
|
29853
29914
|
));
|
|
29854
29915
|
};
|
|
29855
29916
|
AudioActions = () => {
|
|
29856
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
|
29917
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk93.useDevices)();
|
|
29857
29918
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
|
29858
29919
|
const { audioInput, audioOutput } = allDevices;
|
|
29859
29920
|
let availableAudioDevices = audioInput;
|
|
@@ -29862,7 +29923,7 @@ var init_common2 = __esm({
|
|
|
29862
29923
|
availableAudioDevices = audioOutput;
|
|
29863
29924
|
selectedAudio = selectedDeviceIDs.audioOutput;
|
|
29864
29925
|
}
|
|
29865
|
-
const hmsActions = (0,
|
|
29926
|
+
const hmsActions = (0, import_react_sdk93.useHMSActions)();
|
|
29866
29927
|
const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
|
|
29867
29928
|
const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
|
|
29868
29929
|
if (!audioFiltered) {
|
|
@@ -29883,7 +29944,7 @@ var init_common2 = __esm({
|
|
|
29883
29944
|
try {
|
|
29884
29945
|
yield updateDevice({
|
|
29885
29946
|
deviceId,
|
|
29886
|
-
deviceType: shouldShowAudioOutput ?
|
|
29947
|
+
deviceType: shouldShowAudioOutput ? import_react_sdk93.DeviceType.audioOutput : import_react_sdk93.DeviceType.audioInput
|
|
29887
29948
|
});
|
|
29888
29949
|
} catch (e) {
|
|
29889
29950
|
ToastManager.addToast({
|
|
@@ -29967,22 +30028,22 @@ var init_common2 = __esm({
|
|
|
29967
30028
|
});
|
|
29968
30029
|
|
|
29969
30030
|
// src/Prebuilt/components/Header/Header.tsx
|
|
29970
|
-
var import_react187, import_react_use39,
|
|
30031
|
+
var import_react187, import_react_use39, import_react_sdk94, Header2;
|
|
29971
30032
|
var init_Header = __esm({
|
|
29972
30033
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
29973
30034
|
"use strict";
|
|
29974
30035
|
init_define_process_env();
|
|
29975
30036
|
import_react187 = __toESM(require("react"));
|
|
29976
30037
|
import_react_use39 = require("react-use");
|
|
29977
|
-
|
|
30038
|
+
import_react_sdk94 = require("@100mslive/react-sdk");
|
|
29978
30039
|
init_src();
|
|
29979
30040
|
init_HeaderComponents();
|
|
29980
30041
|
init_StreamActions();
|
|
29981
30042
|
init_common2();
|
|
29982
30043
|
Header2 = () => {
|
|
29983
|
-
const roomState = (0,
|
|
30044
|
+
const roomState = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectRoomState);
|
|
29984
30045
|
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
29985
|
-
if (roomState !==
|
|
30046
|
+
if (roomState !== import_react_sdk94.HMSRoomState.Connected) {
|
|
29986
30047
|
return /* @__PURE__ */ import_react187.default.createElement(import_react187.default.Fragment, null);
|
|
29987
30048
|
}
|
|
29988
30049
|
return /* @__PURE__ */ import_react187.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react187.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react187.default.createElement(Logo, null), /* @__PURE__ */ import_react187.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react187.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react187.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react187.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react187.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react187.default.createElement(
|
|
@@ -30012,25 +30073,25 @@ var init_Header2 = __esm({
|
|
|
30012
30073
|
});
|
|
30013
30074
|
|
|
30014
30075
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
|
30015
|
-
var import_react188,
|
|
30076
|
+
var import_react188, import_react_sdk95, PreviousRoleInMetadata;
|
|
30016
30077
|
var init_PreviousRoleInMetadata = __esm({
|
|
30017
30078
|
"src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
|
|
30018
30079
|
"use strict";
|
|
30019
30080
|
init_define_process_env();
|
|
30020
30081
|
import_react188 = require("react");
|
|
30021
|
-
|
|
30082
|
+
import_react_sdk95 = require("@100mslive/react-sdk");
|
|
30022
30083
|
init_useMetadata();
|
|
30023
30084
|
PreviousRoleInMetadata = () => {
|
|
30024
|
-
const vanillaStore = (0,
|
|
30085
|
+
const vanillaStore = (0, import_react_sdk95.useHMSVanillaStore)();
|
|
30025
30086
|
const { updateMetaData } = useMyMetadata();
|
|
30026
30087
|
(0, import_react188.useEffect)(() => {
|
|
30027
|
-
let previousRole = vanillaStore.getState(
|
|
30088
|
+
let previousRole = vanillaStore.getState(import_react_sdk95.selectLocalPeerRoleName);
|
|
30028
30089
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
|
30029
30090
|
if (previousRole !== currentRole) {
|
|
30030
30091
|
updateMetaData({ prevRole: previousRole });
|
|
30031
30092
|
previousRole = currentRole;
|
|
30032
30093
|
}
|
|
30033
|
-
},
|
|
30094
|
+
}, import_react_sdk95.selectLocalPeerRoleName);
|
|
30034
30095
|
return unsubscribe;
|
|
30035
30096
|
}, [vanillaStore]);
|
|
30036
30097
|
return null;
|
|
@@ -30039,13 +30100,13 @@ var init_PreviousRoleInMetadata = __esm({
|
|
|
30039
30100
|
});
|
|
30040
30101
|
|
|
30041
30102
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
30042
|
-
var import_react189,
|
|
30103
|
+
var import_react189, import_react_sdk96, ConferenceScreen;
|
|
30043
30104
|
var init_ConferenceScreen = __esm({
|
|
30044
30105
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
|
30045
30106
|
"use strict";
|
|
30046
30107
|
init_define_process_env();
|
|
30047
30108
|
import_react189 = __toESM(require("react"));
|
|
30048
|
-
|
|
30109
|
+
import_react_sdk96 = require("@100mslive/react-sdk");
|
|
30049
30110
|
init_Footer3();
|
|
30050
30111
|
init_HLSFailureModal();
|
|
30051
30112
|
init_PIPComponent();
|
|
@@ -30065,11 +30126,11 @@ var init_ConferenceScreen = __esm({
|
|
|
30065
30126
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
30066
30127
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
30067
30128
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
30068
|
-
const roomState = (0,
|
|
30069
|
-
const isConnectedToRoom = (0,
|
|
30070
|
-
const hmsActions = (0,
|
|
30129
|
+
const roomState = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectRoomState);
|
|
30130
|
+
const isConnectedToRoom = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectIsConnectedToRoom);
|
|
30131
|
+
const hmsActions = (0, import_react_sdk96.useHMSActions)();
|
|
30071
30132
|
const [hideControls, setHideControls] = (0, import_react189.useState)(false);
|
|
30072
|
-
const dropdownList = (0,
|
|
30133
|
+
const dropdownList = (0, import_react_sdk96.useHMSStore)((0, import_react_sdk96.selectAppData)(APP_DATA.dropdownList));
|
|
30073
30134
|
const authTokenInAppData = useAuthToken();
|
|
30074
30135
|
const headerRef = (0, import_react189.useRef)(null);
|
|
30075
30136
|
const footerRef = (0, import_react189.useRef)(null);
|
|
@@ -30099,7 +30160,7 @@ var init_ConferenceScreen = __esm({
|
|
|
30099
30160
|
};
|
|
30100
30161
|
}, [dropdownList, hideControls, isMobileDevice]);
|
|
30101
30162
|
(0, import_react189.useEffect)(() => {
|
|
30102
|
-
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !==
|
|
30163
|
+
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk96.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
|
30103
30164
|
hmsActions.join({
|
|
30104
30165
|
userName: userName || "",
|
|
30105
30166
|
authToken: authTokenInAppData,
|
|
@@ -30119,8 +30180,8 @@ var init_ConferenceScreen = __esm({
|
|
|
30119
30180
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
|
30120
30181
|
};
|
|
30121
30182
|
}, [onJoinFunc]);
|
|
30122
|
-
if (!isConnectedToRoom && ![
|
|
30123
|
-
return /* @__PURE__ */ import_react189.default.createElement(FullPageProgress_default, { text: roomState ===
|
|
30183
|
+
if (!isConnectedToRoom && ![import_react_sdk96.HMSRoomState.Reconnecting, import_react_sdk96.HMSRoomState.Disconnected].includes(roomState)) {
|
|
30184
|
+
return /* @__PURE__ */ import_react189.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk96.HMSRoomState.Connecting ? "Joining..." : "" });
|
|
30124
30185
|
}
|
|
30125
30186
|
return /* @__PURE__ */ import_react189.default.createElement(import_react189.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react189.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react189.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react189.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !screenProps.hideSections.includes("header") && /* @__PURE__ */ import_react189.default.createElement(
|
|
30126
30187
|
Box,
|
|
@@ -30281,7 +30342,7 @@ var init_ErrorBoundary = __esm({
|
|
|
30281
30342
|
|
|
30282
30343
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
30283
30344
|
function FeatureFlagsInit() {
|
|
30284
|
-
const roomId = (0,
|
|
30345
|
+
const roomId = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectRoomID);
|
|
30285
30346
|
(0, import_react191.useEffect)(() => {
|
|
30286
30347
|
if (roomId) {
|
|
30287
30348
|
FeatureFlags.init(roomId);
|
|
@@ -30289,13 +30350,13 @@ function FeatureFlagsInit() {
|
|
|
30289
30350
|
}, [roomId]);
|
|
30290
30351
|
return null;
|
|
30291
30352
|
}
|
|
30292
|
-
var import_react191,
|
|
30353
|
+
var import_react191, import_react_sdk97, FeatureFlags;
|
|
30293
30354
|
var init_FeatureFlags = __esm({
|
|
30294
30355
|
"src/Prebuilt/services/FeatureFlags.jsx"() {
|
|
30295
30356
|
"use strict";
|
|
30296
30357
|
init_define_process_env();
|
|
30297
30358
|
import_react191 = require("react");
|
|
30298
|
-
|
|
30359
|
+
import_react_sdk97 = require("@100mslive/react-sdk");
|
|
30299
30360
|
FeatureFlags = class {
|
|
30300
30361
|
static init(roomId) {
|
|
30301
30362
|
if (!window.HMS) {
|
|
@@ -30353,13 +30414,13 @@ var init_Init = __esm({
|
|
|
30353
30414
|
});
|
|
30354
30415
|
|
|
30355
30416
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
|
30356
|
-
var import_react193,
|
|
30417
|
+
var import_react193, import_react_sdk98, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
|
|
30357
30418
|
var init_KeyboardInputManager = __esm({
|
|
30358
30419
|
"src/Prebuilt/components/Input/KeyboardInputManager.js"() {
|
|
30359
30420
|
"use strict";
|
|
30360
30421
|
init_define_process_env();
|
|
30361
30422
|
import_react193 = require("react");
|
|
30362
|
-
|
|
30423
|
+
import_react_sdk98 = require("@100mslive/react-sdk");
|
|
30363
30424
|
init_constants();
|
|
30364
30425
|
isEvenListenersAttached = false;
|
|
30365
30426
|
KeyboardInputManager = class {
|
|
@@ -30367,27 +30428,27 @@ var init_KeyboardInputManager = __esm({
|
|
|
30367
30428
|
__privateAdd(this, _actions, void 0);
|
|
30368
30429
|
__privateAdd(this, _store, void 0);
|
|
30369
30430
|
__privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
|
|
30370
|
-
const enabled = __privateGet(this, _store).getState(
|
|
30431
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk98.selectIsLocalAudioEnabled);
|
|
30371
30432
|
yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
|
|
30372
30433
|
}));
|
|
30373
30434
|
__privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
|
|
30374
|
-
const enabled = __privateGet(this, _store).getState(
|
|
30435
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk98.selectIsLocalVideoEnabled);
|
|
30375
30436
|
yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
|
|
30376
30437
|
}));
|
|
30377
30438
|
__privateAdd(this, _hideSidepane, () => {
|
|
30378
|
-
if (__privateGet(this, _store).getState((0,
|
|
30439
|
+
if (__privateGet(this, _store).getState((0, import_react_sdk98.selectAppData)(APP_DATA.sidePane))) {
|
|
30379
30440
|
__privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
|
|
30380
30441
|
}
|
|
30381
30442
|
});
|
|
30382
30443
|
__privateAdd(this, _toggleStatsForNerds, () => {
|
|
30383
|
-
const uiSettings = __privateGet(this, _store).getState((0,
|
|
30444
|
+
const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk98.selectAppData)(APP_DATA.uiSettings));
|
|
30384
30445
|
const statsEnabled = uiSettings.showStatsOnTiles;
|
|
30385
30446
|
__privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
|
|
30386
30447
|
showStatsOnTiles: !statsEnabled
|
|
30387
30448
|
}));
|
|
30388
30449
|
});
|
|
30389
30450
|
__privateAdd(this, _toggleHlsStats, () => {
|
|
30390
|
-
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0,
|
|
30451
|
+
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk98.selectAppData)(APP_DATA.hlsStats)));
|
|
30391
30452
|
});
|
|
30392
30453
|
// eslint-disable-next-line complexity
|
|
30393
30454
|
__privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
|
|
@@ -30445,8 +30506,8 @@ var init_KeyboardInputManager = __esm({
|
|
|
30445
30506
|
_bind = new WeakMap();
|
|
30446
30507
|
_unbind = new WeakMap();
|
|
30447
30508
|
KeyboardHandler = () => {
|
|
30448
|
-
const store = (0,
|
|
30449
|
-
const actions = (0,
|
|
30509
|
+
const store = (0, import_react_sdk98.useHMSVanillaStore)();
|
|
30510
|
+
const actions = (0, import_react_sdk98.useHMSActions)();
|
|
30450
30511
|
(0, import_react193.useEffect)(() => {
|
|
30451
30512
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
|
30452
30513
|
keyboardManager.bindAllShortcuts();
|
|
@@ -30485,14 +30546,14 @@ var init_useRedirectToLeave = __esm({
|
|
|
30485
30546
|
});
|
|
30486
30547
|
|
|
30487
30548
|
// src/Prebuilt/AppStateContext.tsx
|
|
30488
|
-
var import_react195, import_react_use40,
|
|
30549
|
+
var import_react195, import_react_use40, import_react_sdk99, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
|
30489
30550
|
var init_AppStateContext = __esm({
|
|
30490
30551
|
"src/Prebuilt/AppStateContext.tsx"() {
|
|
30491
30552
|
"use strict";
|
|
30492
30553
|
init_define_process_env();
|
|
30493
30554
|
import_react195 = __toESM(require("react"));
|
|
30494
30555
|
import_react_use40 = require("react-use");
|
|
30495
|
-
|
|
30556
|
+
import_react_sdk99 = require("@100mslive/react-sdk");
|
|
30496
30557
|
init_VBHandler();
|
|
30497
30558
|
init_roomLayoutProvider();
|
|
30498
30559
|
init_useRedirectToLeave();
|
|
@@ -30513,7 +30574,7 @@ var init_AppStateContext = __esm({
|
|
|
30513
30574
|
useAppStateManager = () => {
|
|
30514
30575
|
const roomLayout = useRoomLayout();
|
|
30515
30576
|
const [activeState, setActiveState] = import_react195.default.useState();
|
|
30516
|
-
const roomState = (0,
|
|
30577
|
+
const roomState = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectRoomState);
|
|
30517
30578
|
const prevRoomState = (0, import_react_use40.usePreviousDistinct)(roomState);
|
|
30518
30579
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
30519
30580
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
@@ -30525,14 +30586,14 @@ var init_AppStateContext = __esm({
|
|
|
30525
30586
|
if (!roomLayout) {
|
|
30526
30587
|
return;
|
|
30527
30588
|
}
|
|
30528
|
-
if (roomState ===
|
|
30589
|
+
if (roomState === import_react_sdk99.HMSRoomState.Connected) {
|
|
30529
30590
|
setActiveState("meeting" /* MEETING */);
|
|
30530
|
-
} else if (prevRoomState && [
|
|
30591
|
+
} else if (prevRoomState && [import_react_sdk99.HMSRoomState.Reconnecting, import_react_sdk99.HMSRoomState.Connected, import_react_sdk99.HMSRoomState.Connecting].includes(prevRoomState) && [import_react_sdk99.HMSRoomState.Disconnecting, import_react_sdk99.HMSRoomState.Disconnected].includes(roomState)) {
|
|
30531
30592
|
const goTo = isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */;
|
|
30532
30593
|
setActiveState(isLeaveScreenEnabled ? "leave" /* LEAVE */ : goTo);
|
|
30533
30594
|
VBHandler.reset();
|
|
30534
30595
|
redirectToLeave(1e3);
|
|
30535
|
-
} else if (!prevRoomState && roomState ===
|
|
30596
|
+
} else if (!prevRoomState && roomState === import_react_sdk99.HMSRoomState.Disconnected) {
|
|
30536
30597
|
setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
|
|
30537
30598
|
}
|
|
30538
30599
|
}, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave]);
|
|
@@ -30658,13 +30719,13 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
30658
30719
|
});
|
|
30659
30720
|
|
|
30660
30721
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
30661
|
-
var import_react198,
|
|
30722
|
+
var import_react198, import_react_sdk100, import_react_icons93, ChatAction, HandRaiseAction, ToastConfig;
|
|
30662
30723
|
var init_ToastConfig = __esm({
|
|
30663
30724
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
|
30664
30725
|
"use strict";
|
|
30665
30726
|
init_define_process_env();
|
|
30666
30727
|
import_react198 = __toESM(require("react"));
|
|
30667
|
-
|
|
30728
|
+
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
30668
30729
|
import_react_icons93 = require("@100mslive/react-icons");
|
|
30669
30730
|
init_Button2();
|
|
30670
30731
|
init_roomLayoutProvider();
|
|
@@ -30680,10 +30741,10 @@ var init_ToastConfig = __esm({
|
|
|
30680
30741
|
});
|
|
30681
30742
|
HandRaiseAction = import_react198.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
30682
30743
|
var _a8, _b7, _c;
|
|
30683
|
-
const hmsActions = (0,
|
|
30744
|
+
const hmsActions = (0, import_react_sdk100.useHMSActions)();
|
|
30684
30745
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
30685
30746
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
30686
|
-
const peer = (0,
|
|
30747
|
+
const peer = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectPeerByID)(id));
|
|
30687
30748
|
const layout = useRoomLayout();
|
|
30688
30749
|
const {
|
|
30689
30750
|
bring_to_stage_label,
|
|
@@ -30895,7 +30956,7 @@ var init_ToastBatcher = __esm({
|
|
|
30895
30956
|
|
|
30896
30957
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
30897
30958
|
function AutoplayBlockedModal() {
|
|
30898
|
-
const { error, resetError, unblockAudio } = (0,
|
|
30959
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk101.useAutoplayError)();
|
|
30899
30960
|
return /* @__PURE__ */ import_react199.default.createElement(
|
|
30900
30961
|
Dialog.Root,
|
|
30901
30962
|
{
|
|
@@ -30920,33 +30981,33 @@ function AutoplayBlockedModal() {
|
|
|
30920
30981
|
)))
|
|
30921
30982
|
);
|
|
30922
30983
|
}
|
|
30923
|
-
var import_react199,
|
|
30984
|
+
var import_react199, import_react_sdk101;
|
|
30924
30985
|
var init_AutoplayBlockedModal = __esm({
|
|
30925
30986
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
|
30926
30987
|
"use strict";
|
|
30927
30988
|
init_define_process_env();
|
|
30928
30989
|
import_react199 = __toESM(require("react"));
|
|
30929
|
-
|
|
30990
|
+
import_react_sdk101 = require("@100mslive/react-sdk");
|
|
30930
30991
|
init_src();
|
|
30931
30992
|
init_DialogContent2();
|
|
30932
30993
|
}
|
|
30933
30994
|
});
|
|
30934
30995
|
|
|
30935
30996
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
30936
|
-
var import_react200, import_uuid12,
|
|
30997
|
+
var import_react200, import_uuid12, import_react_sdk102, import_react_icons94, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
30937
30998
|
var init_ChatNotifications = __esm({
|
|
30938
30999
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
30939
31000
|
"use strict";
|
|
30940
31001
|
init_define_process_env();
|
|
30941
31002
|
import_react200 = __toESM(require("react"));
|
|
30942
31003
|
import_uuid12 = require("uuid");
|
|
30943
|
-
|
|
31004
|
+
import_react_sdk102 = require("@100mslive/react-sdk");
|
|
30944
31005
|
import_react_icons94 = require("@100mslive/react-icons");
|
|
30945
31006
|
init_ToastManager();
|
|
30946
31007
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
30947
31008
|
ChatNotifications = () => {
|
|
30948
|
-
const chatState = (0,
|
|
30949
|
-
const localPeerId = (0,
|
|
31009
|
+
const chatState = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectSessionStore)("chatState" /* CHAT_STATE */));
|
|
31010
|
+
const localPeerId = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectLocalPeerID);
|
|
30950
31011
|
(0, import_react200.useEffect)(() => {
|
|
30951
31012
|
var _a8, _b7;
|
|
30952
31013
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
|
@@ -30969,28 +31030,28 @@ var init_ChatNotifications = __esm({
|
|
|
30969
31030
|
});
|
|
30970
31031
|
|
|
30971
31032
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
30972
|
-
var import_react201,
|
|
31033
|
+
var import_react201, import_react_sdk103, HandRaisedNotifications;
|
|
30973
31034
|
var init_HandRaisedNotifications = __esm({
|
|
30974
31035
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
|
30975
31036
|
"use strict";
|
|
30976
31037
|
init_define_process_env();
|
|
30977
31038
|
import_react201 = require("react");
|
|
30978
|
-
|
|
31039
|
+
import_react_sdk103 = require("@100mslive/react-sdk");
|
|
30979
31040
|
init_ToastBatcher();
|
|
30980
31041
|
init_useRoomLayoutScreen();
|
|
30981
31042
|
HandRaisedNotifications = () => {
|
|
30982
|
-
const notification = (0,
|
|
30983
|
-
const roomState = (0,
|
|
30984
|
-
const vanillaStore = (0,
|
|
31043
|
+
const notification = (0, import_react_sdk103.useHMSNotifications)(import_react_sdk103.HMSNotificationTypes.HAND_RAISE_CHANGED);
|
|
31044
|
+
const roomState = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectRoomState);
|
|
31045
|
+
const vanillaStore = (0, import_react_sdk103.useHMSVanillaStore)();
|
|
30985
31046
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
30986
31047
|
(0, import_react201.useEffect)(() => {
|
|
30987
31048
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
30988
31049
|
return;
|
|
30989
31050
|
}
|
|
30990
|
-
if (roomState !==
|
|
31051
|
+
if (roomState !== import_react_sdk103.HMSRoomState.Connected || notification.data.isLocal || !on_stage_exp) {
|
|
30991
31052
|
return;
|
|
30992
31053
|
}
|
|
30993
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
31054
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk103.selectHasPeerHandRaised)(notification.data.id));
|
|
30994
31055
|
if (hasPeerHandRaised) {
|
|
30995
31056
|
ToastBatcher.showToast({ notification, type: "RAISE_HAND" });
|
|
30996
31057
|
}
|
|
@@ -31001,17 +31062,17 @@ var init_HandRaisedNotifications = __esm({
|
|
|
31001
31062
|
});
|
|
31002
31063
|
|
|
31003
31064
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
31004
|
-
var import_react202,
|
|
31065
|
+
var import_react202, import_react_sdk104, InitErrorModal;
|
|
31005
31066
|
var init_InitErrorModal = __esm({
|
|
31006
31067
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
|
31007
31068
|
"use strict";
|
|
31008
31069
|
init_define_process_env();
|
|
31009
31070
|
import_react202 = __toESM(require("react"));
|
|
31010
|
-
|
|
31071
|
+
import_react_sdk104 = require("@100mslive/react-sdk");
|
|
31011
31072
|
init_src();
|
|
31012
31073
|
init_DialogContent2();
|
|
31013
31074
|
InitErrorModal = () => {
|
|
31014
|
-
const notification = (0,
|
|
31075
|
+
const notification = (0, import_react_sdk104.useHMSNotifications)(import_react_sdk104.HMSNotificationTypes.ERROR);
|
|
31015
31076
|
const [showModal, setShowModal] = (0, import_react202.useState)(false);
|
|
31016
31077
|
const [info, setInfo] = (0, import_react202.useState)({ title: "Init Error", description: "" });
|
|
31017
31078
|
(0, import_react202.useEffect)(() => {
|
|
@@ -31040,23 +31101,23 @@ var init_InitErrorModal = __esm({
|
|
|
31040
31101
|
});
|
|
31041
31102
|
|
|
31042
31103
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
|
31043
|
-
var import_react203,
|
|
31104
|
+
var import_react203, import_react_sdk105, notificationTypes, PeerNotifications;
|
|
31044
31105
|
var init_PeerNotifications = __esm({
|
|
31045
31106
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
|
31046
31107
|
"use strict";
|
|
31047
31108
|
init_define_process_env();
|
|
31048
31109
|
import_react203 = require("react");
|
|
31049
|
-
|
|
31110
|
+
import_react_sdk105 = require("@100mslive/react-sdk");
|
|
31050
31111
|
init_ToastBatcher();
|
|
31051
31112
|
init_useUISettings();
|
|
31052
31113
|
init_constants();
|
|
31053
31114
|
notificationTypes = [
|
|
31054
|
-
|
|
31055
|
-
|
|
31056
|
-
|
|
31115
|
+
import_react_sdk105.HMSNotificationTypes.PEER_LIST,
|
|
31116
|
+
import_react_sdk105.HMSNotificationTypes.PEER_JOINED,
|
|
31117
|
+
import_react_sdk105.HMSNotificationTypes.PEER_LEFT
|
|
31057
31118
|
];
|
|
31058
31119
|
PeerNotifications = () => {
|
|
31059
|
-
const notification = (0,
|
|
31120
|
+
const notification = (0, import_react_sdk105.useHMSNotifications)(notificationTypes);
|
|
31060
31121
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
31061
31122
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
|
31062
31123
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -31066,17 +31127,17 @@ var init_PeerNotifications = __esm({
|
|
|
31066
31127
|
}
|
|
31067
31128
|
console.debug(`[${notification.type}]`, notification);
|
|
31068
31129
|
switch (notification.type) {
|
|
31069
|
-
case
|
|
31130
|
+
case import_react_sdk105.HMSNotificationTypes.PEER_LIST:
|
|
31070
31131
|
if (!isPeerJoinSubscribed || notification.data.length === 0) {
|
|
31071
31132
|
return;
|
|
31072
31133
|
}
|
|
31073
31134
|
break;
|
|
31074
|
-
case
|
|
31135
|
+
case import_react_sdk105.HMSNotificationTypes.PEER_JOINED:
|
|
31075
31136
|
if (!isPeerJoinSubscribed) {
|
|
31076
31137
|
return;
|
|
31077
31138
|
}
|
|
31078
31139
|
break;
|
|
31079
|
-
case
|
|
31140
|
+
case import_react_sdk105.HMSNotificationTypes.PEER_LEFT:
|
|
31080
31141
|
if (selectedPeer.id === notification.data.id) {
|
|
31081
31142
|
setPeerSelector({});
|
|
31082
31143
|
}
|
|
@@ -31112,7 +31173,7 @@ var init_ios_perm_0 = __esm({
|
|
|
31112
31173
|
|
|
31113
31174
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
31114
31175
|
function PermissionErrorModal() {
|
|
31115
|
-
const notification = (0,
|
|
31176
|
+
const notification = (0, import_react_sdk106.useHMSNotifications)(import_react_sdk106.HMSNotificationTypes.ERROR);
|
|
31116
31177
|
const [deviceType, setDeviceType] = (0, import_react204.useState)("");
|
|
31117
31178
|
const [isSystemError, setIsSystemError] = (0, import_react204.useState)(false);
|
|
31118
31179
|
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
@@ -31171,14 +31232,14 @@ function PermissionErrorModal() {
|
|
|
31171
31232
|
!isMobile ? /* @__PURE__ */ import_react204.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react204.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
|
|
31172
31233
|
))) : null;
|
|
31173
31234
|
}
|
|
31174
|
-
var import_react204, import_react_use42,
|
|
31235
|
+
var import_react204, import_react_use42, import_react_sdk106;
|
|
31175
31236
|
var init_PermissionErrorModal = __esm({
|
|
31176
31237
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
31177
31238
|
"use strict";
|
|
31178
31239
|
init_define_process_env();
|
|
31179
31240
|
import_react204 = __toESM(require("react"));
|
|
31180
31241
|
import_react_use42 = require("react-use");
|
|
31181
|
-
|
|
31242
|
+
import_react_sdk106 = require("@100mslive/react-sdk");
|
|
31182
31243
|
init_src();
|
|
31183
31244
|
init_android_perm_1();
|
|
31184
31245
|
init_ios_perm_0();
|
|
@@ -31187,36 +31248,36 @@ var init_PermissionErrorModal = __esm({
|
|
|
31187
31248
|
});
|
|
31188
31249
|
|
|
31189
31250
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
|
31190
|
-
var import_react205,
|
|
31251
|
+
var import_react205, import_react_sdk107, notificationTypes2, notificationId, ReconnectNotifications;
|
|
31191
31252
|
var init_ReconnectNotifications = __esm({
|
|
31192
31253
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
|
31193
31254
|
"use strict";
|
|
31194
31255
|
init_define_process_env();
|
|
31195
31256
|
import_react205 = __toESM(require("react"));
|
|
31196
|
-
|
|
31257
|
+
import_react_sdk107 = require("@100mslive/react-sdk");
|
|
31197
31258
|
init_src();
|
|
31198
31259
|
init_ToastConfig();
|
|
31199
31260
|
init_ToastManager();
|
|
31200
31261
|
notificationTypes2 = [
|
|
31201
|
-
|
|
31202
|
-
|
|
31203
|
-
|
|
31262
|
+
import_react_sdk107.HMSNotificationTypes.RECONNECTED,
|
|
31263
|
+
import_react_sdk107.HMSNotificationTypes.RECONNECTING,
|
|
31264
|
+
import_react_sdk107.HMSNotificationTypes.ERROR
|
|
31204
31265
|
];
|
|
31205
31266
|
notificationId = null;
|
|
31206
31267
|
ReconnectNotifications = () => {
|
|
31207
|
-
const notification = (0,
|
|
31268
|
+
const notification = (0, import_react_sdk107.useHMSNotifications)(notificationTypes2);
|
|
31208
31269
|
const [open, setOpen] = (0, import_react205.useState)(false);
|
|
31209
31270
|
(0, import_react205.useEffect)(() => {
|
|
31210
31271
|
var _a8, _b7;
|
|
31211
31272
|
if (!notification) {
|
|
31212
31273
|
return;
|
|
31213
31274
|
}
|
|
31214
|
-
if (notification.type ===
|
|
31275
|
+
if (notification.type === import_react_sdk107.HMSNotificationTypes.ERROR && ((_a8 = notification.data) == null ? void 0 : _a8.isTerminal)) {
|
|
31215
31276
|
setOpen(false);
|
|
31216
|
-
} else if (notification.type ===
|
|
31277
|
+
} else if (notification.type === import_react_sdk107.HMSNotificationTypes.RECONNECTED) {
|
|
31217
31278
|
notificationId = ToastManager.replaceToast(notificationId, ToastConfig.RECONNECTED.single());
|
|
31218
31279
|
setOpen(false);
|
|
31219
|
-
} else if (notification.type ===
|
|
31280
|
+
} else if (notification.type === import_react_sdk107.HMSNotificationTypes.RECONNECTING) {
|
|
31220
31281
|
notificationId = ToastManager.replaceToast(
|
|
31221
31282
|
notificationId,
|
|
31222
31283
|
ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
|
|
@@ -31246,30 +31307,30 @@ var init_ReconnectNotifications = __esm({
|
|
|
31246
31307
|
});
|
|
31247
31308
|
|
|
31248
31309
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
31249
|
-
var import_react206,
|
|
31310
|
+
var import_react206, import_react_sdk108, import_react_icons95, TrackBulkUnmuteModal;
|
|
31250
31311
|
var init_TrackBulkUnmuteModal = __esm({
|
|
31251
31312
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
|
31252
31313
|
"use strict";
|
|
31253
31314
|
init_define_process_env();
|
|
31254
31315
|
import_react206 = __toESM(require("react"));
|
|
31255
|
-
|
|
31316
|
+
import_react_sdk108 = require("@100mslive/react-sdk");
|
|
31256
31317
|
import_react_icons95 = require("@100mslive/react-icons");
|
|
31257
31318
|
init_DialogContent2();
|
|
31258
31319
|
TrackBulkUnmuteModal = () => {
|
|
31259
|
-
const hmsActions = (0,
|
|
31320
|
+
const hmsActions = (0, import_react_sdk108.useHMSActions)();
|
|
31260
31321
|
const [muteNotification, setMuteNotification] = (0, import_react206.useState)(null);
|
|
31261
|
-
const notification = (0,
|
|
31262
|
-
|
|
31263
|
-
|
|
31264
|
-
|
|
31322
|
+
const notification = (0, import_react_sdk108.useHMSNotifications)([
|
|
31323
|
+
import_react_sdk108.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
|
|
31324
|
+
import_react_sdk108.HMSNotificationTypes.ROOM_ENDED,
|
|
31325
|
+
import_react_sdk108.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
31265
31326
|
]);
|
|
31266
31327
|
(0, import_react206.useEffect)(() => {
|
|
31267
31328
|
switch (notification == null ? void 0 : notification.type) {
|
|
31268
|
-
case
|
|
31269
|
-
case
|
|
31329
|
+
case import_react_sdk108.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
31330
|
+
case import_react_sdk108.HMSNotificationTypes.ROOM_ENDED:
|
|
31270
31331
|
setMuteNotification(null);
|
|
31271
31332
|
break;
|
|
31272
|
-
case
|
|
31333
|
+
case import_react_sdk108.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
|
31273
31334
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
31274
31335
|
setMuteNotification(notification.data);
|
|
31275
31336
|
}
|
|
@@ -31302,21 +31363,21 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
31302
31363
|
});
|
|
31303
31364
|
|
|
31304
31365
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
31305
|
-
var import_react207,
|
|
31366
|
+
var import_react207, import_react_sdk109, notificationTypes3, TrackNotifications;
|
|
31306
31367
|
var init_TrackNotifications = __esm({
|
|
31307
31368
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
|
31308
31369
|
"use strict";
|
|
31309
31370
|
init_define_process_env();
|
|
31310
31371
|
import_react207 = require("react");
|
|
31311
|
-
|
|
31372
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
|
31312
31373
|
notificationTypes3 = [
|
|
31313
|
-
|
|
31314
|
-
|
|
31315
|
-
|
|
31316
|
-
|
|
31374
|
+
import_react_sdk109.HMSNotificationTypes.TRACK_ADDED,
|
|
31375
|
+
import_react_sdk109.HMSNotificationTypes.TRACK_REMOVED,
|
|
31376
|
+
import_react_sdk109.HMSNotificationTypes.TRACK_MUTED,
|
|
31377
|
+
import_react_sdk109.HMSNotificationTypes.TRACK_UNMUTED
|
|
31317
31378
|
];
|
|
31318
31379
|
TrackNotifications = () => {
|
|
31319
|
-
const notification = (0,
|
|
31380
|
+
const notification = (0, import_react_sdk109.useHMSNotifications)(notificationTypes3);
|
|
31320
31381
|
(0, import_react207.useEffect)(() => {
|
|
31321
31382
|
if (notification) {
|
|
31322
31383
|
console.debug(`[${notification.type}]`, notification);
|
|
@@ -31328,30 +31389,30 @@ var init_TrackNotifications = __esm({
|
|
|
31328
31389
|
});
|
|
31329
31390
|
|
|
31330
31391
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
31331
|
-
var import_react208,
|
|
31392
|
+
var import_react208, import_react_sdk110, import_react_icons96, TrackUnmuteModal;
|
|
31332
31393
|
var init_TrackUnmuteModal = __esm({
|
|
31333
31394
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
|
31334
31395
|
"use strict";
|
|
31335
31396
|
init_define_process_env();
|
|
31336
31397
|
import_react208 = __toESM(require("react"));
|
|
31337
|
-
|
|
31398
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
|
31338
31399
|
import_react_icons96 = require("@100mslive/react-icons");
|
|
31339
31400
|
init_DialogContent2();
|
|
31340
31401
|
TrackUnmuteModal = () => {
|
|
31341
|
-
const hmsActions = (0,
|
|
31342
|
-
const notification = (0,
|
|
31343
|
-
|
|
31344
|
-
|
|
31345
|
-
|
|
31402
|
+
const hmsActions = (0, import_react_sdk110.useHMSActions)();
|
|
31403
|
+
const notification = (0, import_react_sdk110.useHMSNotifications)([
|
|
31404
|
+
import_react_sdk110.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
|
|
31405
|
+
import_react_sdk110.HMSNotificationTypes.ROOM_ENDED,
|
|
31406
|
+
import_react_sdk110.HMSNotificationTypes.REMOVED_FROM_ROOM
|
|
31346
31407
|
]);
|
|
31347
31408
|
const [muteNotification, setMuteNotification] = (0, import_react208.useState)(null);
|
|
31348
31409
|
(0, import_react208.useEffect)(() => {
|
|
31349
31410
|
switch (notification == null ? void 0 : notification.type) {
|
|
31350
|
-
case
|
|
31351
|
-
case
|
|
31411
|
+
case import_react_sdk110.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
31412
|
+
case import_react_sdk110.HMSNotificationTypes.ROOM_ENDED:
|
|
31352
31413
|
setMuteNotification(null);
|
|
31353
31414
|
break;
|
|
31354
|
-
case
|
|
31415
|
+
case import_react_sdk110.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
31355
31416
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
31356
31417
|
setMuteNotification(notification.data);
|
|
31357
31418
|
}
|
|
@@ -31383,14 +31444,14 @@ var init_TrackUnmuteModal = __esm({
|
|
|
31383
31444
|
|
|
31384
31445
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
31385
31446
|
function Notifications() {
|
|
31386
|
-
const localPeerID = (0,
|
|
31387
|
-
const notification = (0,
|
|
31447
|
+
const localPeerID = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
|
|
31448
|
+
const notification = (0, import_react_sdk111.useHMSNotifications)();
|
|
31388
31449
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
31389
|
-
const roomState = (0,
|
|
31450
|
+
const roomState = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectRoomState);
|
|
31390
31451
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
31391
31452
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
31392
31453
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
31393
|
-
const vanillaStore = (0,
|
|
31454
|
+
const vanillaStore = (0, import_react_sdk111.useHMSVanillaStore)();
|
|
31394
31455
|
const togglePollView = usePollViewToggle();
|
|
31395
31456
|
const handleRoleChangeDenied = (0, import_react209.useCallback)((request) => {
|
|
31396
31457
|
ToastManager.addToast({
|
|
@@ -31398,15 +31459,15 @@ function Notifications() {
|
|
|
31398
31459
|
variant: "error"
|
|
31399
31460
|
});
|
|
31400
31461
|
}, []);
|
|
31401
|
-
(0,
|
|
31462
|
+
(0, import_react_sdk111.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
31402
31463
|
(0, import_react209.useEffect)(() => {
|
|
31403
31464
|
var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o, _p, _q;
|
|
31404
31465
|
if (!notification || isNotificationDisabled) {
|
|
31405
31466
|
return;
|
|
31406
31467
|
}
|
|
31407
31468
|
switch (notification.type) {
|
|
31408
|
-
case
|
|
31409
|
-
if (roomState !==
|
|
31469
|
+
case import_react_sdk111.HMSNotificationTypes.METADATA_UPDATED:
|
|
31470
|
+
if (roomState !== import_react_sdk111.HMSRoomState.Connected) {
|
|
31410
31471
|
return;
|
|
31411
31472
|
}
|
|
31412
31473
|
const metadata = getMetadata((_a8 = notification.data) == null ? void 0 : _a8.metadata);
|
|
@@ -31417,10 +31478,10 @@ function Notifications() {
|
|
|
31417
31478
|
return;
|
|
31418
31479
|
ToastBatcher.showToast({ notification, type: "RAISE_HAND" });
|
|
31419
31480
|
break;
|
|
31420
|
-
case
|
|
31481
|
+
case import_react_sdk111.HMSNotificationTypes.NAME_UPDATED:
|
|
31421
31482
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
31422
31483
|
break;
|
|
31423
|
-
case
|
|
31484
|
+
case import_react_sdk111.HMSNotificationTypes.ERROR:
|
|
31424
31485
|
if (((_b7 = notification.data) == null ? void 0 : _b7.isTerminal) && ((_c = notification.data) == null ? void 0 : _c.action) !== "INIT") {
|
|
31425
31486
|
if ([500, 6008].includes((_d = notification.data) == null ? void 0 : _d.code)) {
|
|
31426
31487
|
ToastManager.addToast({
|
|
@@ -31452,7 +31513,7 @@ function Notifications() {
|
|
|
31452
31513
|
title: `Error: ${(_l = notification.data) == null ? void 0 : _l.message} - ${(_m = notification.data) == null ? void 0 : _m.description}`
|
|
31453
31514
|
});
|
|
31454
31515
|
break;
|
|
31455
|
-
case
|
|
31516
|
+
case import_react_sdk111.HMSNotificationTypes.ROLE_UPDATED: {
|
|
31456
31517
|
if (((_n2 = notification.data) == null ? void 0 : _n2.isLocal) && ((_o = notification.data) == null ? void 0 : _o.roleName)) {
|
|
31457
31518
|
ToastManager.addToast({
|
|
31458
31519
|
title: `You are now a ${notification.data.roleName}`
|
|
@@ -31461,7 +31522,7 @@ function Notifications() {
|
|
|
31461
31522
|
}
|
|
31462
31523
|
break;
|
|
31463
31524
|
}
|
|
31464
|
-
case
|
|
31525
|
+
case import_react_sdk111.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
31465
31526
|
const track = (_p = notification.data) == null ? void 0 : _p.track;
|
|
31466
31527
|
if (!notification.data.enabled) {
|
|
31467
31528
|
ToastManager.addToast({
|
|
@@ -31470,21 +31531,21 @@ function Notifications() {
|
|
|
31470
31531
|
});
|
|
31471
31532
|
}
|
|
31472
31533
|
break;
|
|
31473
|
-
case
|
|
31474
|
-
case
|
|
31534
|
+
case import_react_sdk111.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
31535
|
+
case import_react_sdk111.HMSNotificationTypes.ROOM_ENDED:
|
|
31475
31536
|
ToastManager.addToast({
|
|
31476
31537
|
title: `${notification.message}.
|
|
31477
31538
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
31478
31539
|
});
|
|
31479
31540
|
break;
|
|
31480
|
-
case
|
|
31541
|
+
case import_react_sdk111.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
31481
31542
|
ToastManager.addToast({
|
|
31482
31543
|
title: notification.message
|
|
31483
31544
|
});
|
|
31484
31545
|
break;
|
|
31485
|
-
case
|
|
31546
|
+
case import_react_sdk111.HMSNotificationTypes.POLL_STARTED:
|
|
31486
31547
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
31487
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
31548
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk111.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
31488
31549
|
const pollToastID = ToastManager.addToast({
|
|
31489
31550
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
31490
31551
|
action: /* @__PURE__ */ import_react209.default.createElement(
|
|
@@ -31506,7 +31567,7 @@ function Notifications() {
|
|
|
31506
31567
|
pollToastKey[notification.data.id] = pollToastID;
|
|
31507
31568
|
}
|
|
31508
31569
|
break;
|
|
31509
|
-
case
|
|
31570
|
+
case import_react_sdk111.HMSNotificationTypes.POLL_STOPPED:
|
|
31510
31571
|
const pollID = notification == null ? void 0 : notification.data.id;
|
|
31511
31572
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
|
31512
31573
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
|
@@ -31520,15 +31581,15 @@ function Notifications() {
|
|
|
31520
31581
|
if (isNotificationDisabled) {
|
|
31521
31582
|
return null;
|
|
31522
31583
|
}
|
|
31523
|
-
return /* @__PURE__ */ import_react209.default.createElement(import_react209.default.Fragment, null, /* @__PURE__ */ import_react209.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react209.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react209.default.createElement(TrackNotifications, null), roomState ===
|
|
31584
|
+
return /* @__PURE__ */ import_react209.default.createElement(import_react209.default.Fragment, null, /* @__PURE__ */ import_react209.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react209.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react209.default.createElement(TrackNotifications, null), roomState === import_react_sdk111.HMSRoomState.Connected ? /* @__PURE__ */ import_react209.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react209.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react209.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react209.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react209.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react209.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react209.default.createElement(HandRaisedNotifications, null));
|
|
31524
31585
|
}
|
|
31525
|
-
var import_react209,
|
|
31586
|
+
var import_react209, import_react_sdk111, import_react_icons97, pollToastKey;
|
|
31526
31587
|
var init_Notifications = __esm({
|
|
31527
31588
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
31528
31589
|
"use strict";
|
|
31529
31590
|
init_define_process_env();
|
|
31530
31591
|
import_react209 = __toESM(require("react"));
|
|
31531
|
-
|
|
31592
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
|
31532
31593
|
import_react_icons97 = require("@100mslive/react-icons");
|
|
31533
31594
|
init_src();
|
|
31534
31595
|
init_roomLayoutProvider();
|
|
@@ -31628,19 +31689,19 @@ var init_Toast3 = __esm({
|
|
|
31628
31689
|
});
|
|
31629
31690
|
|
|
31630
31691
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
31631
|
-
var import_react212,
|
|
31692
|
+
var import_react212, import_react_sdk112, ToastContainer;
|
|
31632
31693
|
var init_ToastContainer = __esm({
|
|
31633
31694
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
31634
31695
|
"use strict";
|
|
31635
31696
|
init_define_process_env();
|
|
31636
31697
|
import_react212 = __toESM(require("react"));
|
|
31637
|
-
|
|
31698
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
31638
31699
|
init_Toast2();
|
|
31639
31700
|
init_Toast3();
|
|
31640
31701
|
init_ToastManager();
|
|
31641
31702
|
init_constants();
|
|
31642
31703
|
ToastContainer = () => {
|
|
31643
|
-
const isConnected = (0,
|
|
31704
|
+
const isConnected = (0, import_react_sdk112.useHMSStore)(import_react_sdk112.selectIsConnectedToRoom);
|
|
31644
31705
|
const [toasts, setToast] = (0, import_react212.useState)([]);
|
|
31645
31706
|
(0, import_react212.useEffect)(() => {
|
|
31646
31707
|
ToastManager.addListener(setToast);
|
|
@@ -31664,8 +31725,8 @@ var init_ToastContainer = __esm({
|
|
|
31664
31725
|
|
|
31665
31726
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
31666
31727
|
function FlyingEmoji() {
|
|
31667
|
-
const localPeerId = (0,
|
|
31668
|
-
const vanillaStore = (0,
|
|
31728
|
+
const localPeerId = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectLocalPeerID);
|
|
31729
|
+
const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
|
|
31669
31730
|
const [emojis, setEmojis] = (0, import_react213.useState)([]);
|
|
31670
31731
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31671
31732
|
const startingPoints = (0, import_react213.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
@@ -31674,7 +31735,7 @@ function FlyingEmoji() {
|
|
|
31674
31735
|
if (!emojiId || !senderId || document.hidden) {
|
|
31675
31736
|
return;
|
|
31676
31737
|
}
|
|
31677
|
-
const senderPeerName = vanillaStore.getState((0,
|
|
31738
|
+
const senderPeerName = vanillaStore.getState((0, import_react_sdk113.selectPeerNameByID)(senderId));
|
|
31678
31739
|
const nameToShow = localPeerId === senderId ? "You" : senderPeerName;
|
|
31679
31740
|
const startingPoint = startingPoints[emojiCount % startingPoints.length];
|
|
31680
31741
|
const id = emojiCount++;
|
|
@@ -31693,7 +31754,7 @@ function FlyingEmoji() {
|
|
|
31693
31754
|
},
|
|
31694
31755
|
[localPeerId, vanillaStore, startingPoints]
|
|
31695
31756
|
);
|
|
31696
|
-
(0,
|
|
31757
|
+
(0, import_react_sdk113.useCustomEvent)({
|
|
31697
31758
|
type: EMOJI_REACTION_TYPE,
|
|
31698
31759
|
onEvent: showFlyingEmoji
|
|
31699
31760
|
});
|
|
@@ -31759,14 +31820,14 @@ function FlyingEmoji() {
|
|
|
31759
31820
|
})
|
|
31760
31821
|
);
|
|
31761
31822
|
}
|
|
31762
|
-
var import_react213, import_react_use44,
|
|
31823
|
+
var import_react213, import_react_use44, import_react_sdk113, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
31763
31824
|
var init_FlyingEmoji = __esm({
|
|
31764
31825
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
31765
31826
|
"use strict";
|
|
31766
31827
|
init_define_process_env();
|
|
31767
31828
|
import_react213 = __toESM(require("react"));
|
|
31768
31829
|
import_react_use44 = require("react-use");
|
|
31769
|
-
|
|
31830
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
|
31770
31831
|
init_Layout();
|
|
31771
31832
|
init_Text2();
|
|
31772
31833
|
init_Theme();
|
|
@@ -31799,45 +31860,45 @@ var init_FlyingEmoji = __esm({
|
|
|
31799
31860
|
|
|
31800
31861
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
31801
31862
|
function RemoteStopScreenshare() {
|
|
31802
|
-
const actions = (0,
|
|
31863
|
+
const actions = (0, import_react_sdk114.useHMSActions)();
|
|
31803
31864
|
const onRemoteStopScreenshare = (0, import_react214.useCallback)(() => __async(this, null, function* () {
|
|
31804
31865
|
yield actions.setScreenShareEnabled(false);
|
|
31805
31866
|
}), [actions]);
|
|
31806
|
-
(0,
|
|
31867
|
+
(0, import_react_sdk114.useCustomEvent)({
|
|
31807
31868
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
31808
31869
|
onEvent: onRemoteStopScreenshare
|
|
31809
31870
|
});
|
|
31810
31871
|
return /* @__PURE__ */ import_react214.default.createElement(import_react214.default.Fragment, null);
|
|
31811
31872
|
}
|
|
31812
|
-
var import_react214,
|
|
31873
|
+
var import_react214, import_react_sdk114;
|
|
31813
31874
|
var init_RemoteStopScreenshare = __esm({
|
|
31814
31875
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
31815
31876
|
"use strict";
|
|
31816
31877
|
init_define_process_env();
|
|
31817
31878
|
import_react214 = __toESM(require("react"));
|
|
31818
|
-
|
|
31879
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
|
31819
31880
|
init_constants();
|
|
31820
31881
|
}
|
|
31821
31882
|
});
|
|
31822
31883
|
|
|
31823
31884
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
31824
|
-
var import_react215,
|
|
31885
|
+
var import_react215, import_react_sdk115, useAutoStartStreaming;
|
|
31825
31886
|
var init_useAutoStartStreaming = __esm({
|
|
31826
31887
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
31827
31888
|
"use strict";
|
|
31828
31889
|
init_define_process_env();
|
|
31829
31890
|
import_react215 = require("react");
|
|
31830
|
-
|
|
31891
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
31831
31892
|
init_useUISettings();
|
|
31832
31893
|
init_hooks();
|
|
31833
31894
|
init_constants();
|
|
31834
31895
|
useAutoStartStreaming = () => {
|
|
31835
31896
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
31836
|
-
const permissions = (0,
|
|
31897
|
+
const permissions = (0, import_react_sdk115.useHMSStore)(import_react_sdk115.selectPermissions);
|
|
31837
31898
|
const showStreamingUI = useShowStreamingUI();
|
|
31838
|
-
const hmsActions = (0,
|
|
31839
|
-
const isConnected = (0,
|
|
31840
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
31899
|
+
const hmsActions = (0, import_react_sdk115.useHMSActions)();
|
|
31900
|
+
const isConnected = (0, import_react_sdk115.useHMSStore)(import_react_sdk115.selectIsConnectedToRoom);
|
|
31901
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk115.useRecordingStreaming)();
|
|
31841
31902
|
const streamStartedRef = (0, import_react215.useRef)(false);
|
|
31842
31903
|
const startHLS = (0, import_react215.useCallback)(() => __async(void 0, null, function* () {
|
|
31843
31904
|
try {
|
|
@@ -31887,13 +31948,13 @@ function AppRoutes({
|
|
|
31887
31948
|
const { activeState, rejoin } = useAppStateManager();
|
|
31888
31949
|
return /* @__PURE__ */ import_react216.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react216.default.createElement(import_react216.default.Fragment, null, /* @__PURE__ */ import_react216.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react216.default.createElement(Notifications, null), /* @__PURE__ */ import_react216.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react216.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react216.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react216.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react216.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react216.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ import_react216.default.createElement(AppStates, { activeState })));
|
|
31889
31950
|
}
|
|
31890
|
-
var import_react216,
|
|
31951
|
+
var import_react216, import_react_sdk116, HMSPrebuilt, AppStates, BackSwipe;
|
|
31891
31952
|
var init_App = __esm({
|
|
31892
31953
|
"src/Prebuilt/App.tsx"() {
|
|
31893
31954
|
"use strict";
|
|
31894
31955
|
init_define_process_env();
|
|
31895
31956
|
import_react216 = __toESM(require("react"));
|
|
31896
|
-
|
|
31957
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
|
31897
31958
|
init_AppData();
|
|
31898
31959
|
init_AuthToken();
|
|
31899
31960
|
init_ConferenceScreen();
|
|
@@ -31937,7 +31998,7 @@ var init_App = __esm({
|
|
|
31937
31998
|
const [hydrated, setHydrated] = import_react216.default.useState(false);
|
|
31938
31999
|
(0, import_react216.useEffect)(() => {
|
|
31939
32000
|
setHydrated(true);
|
|
31940
|
-
const hms = new
|
|
32001
|
+
const hms = new import_react_sdk116.HMSReactiveStore();
|
|
31941
32002
|
const hmsStore = hms.getStore();
|
|
31942
32003
|
const hmsActions = hms.getActions();
|
|
31943
32004
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -32004,7 +32065,7 @@ var init_App = __esm({
|
|
|
32004
32065
|
}
|
|
32005
32066
|
},
|
|
32006
32067
|
/* @__PURE__ */ import_react216.default.createElement(
|
|
32007
|
-
|
|
32068
|
+
import_react_sdk116.HMSRoomProvider,
|
|
32008
32069
|
{
|
|
32009
32070
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
32010
32071
|
actions: (_a8 = reactiveStore.current) == null ? void 0 : _a8.hmsActions,
|
|
@@ -32075,8 +32136,8 @@ var init_App = __esm({
|
|
|
32075
32136
|
return /* @__PURE__ */ import_react216.default.createElement(ConferenceScreen, null);
|
|
32076
32137
|
};
|
|
32077
32138
|
BackSwipe = () => {
|
|
32078
|
-
const isConnectedToRoom = (0,
|
|
32079
|
-
const hmsActions = (0,
|
|
32139
|
+
const isConnectedToRoom = (0, import_react_sdk116.useHMSStore)(import_react_sdk116.selectIsConnectedToRoom);
|
|
32140
|
+
const hmsActions = (0, import_react_sdk116.useHMSActions)();
|
|
32080
32141
|
(0, import_react216.useEffect)(() => {
|
|
32081
32142
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
32082
32143
|
if (isConnectedToRoom) {
|