@100mslive/roomkit-react 0.2.2-alpha.5 → 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-HMMJY2KC.js → HLSView-U346BIZQ.js} +2 -2
- package/dist/Prebuilt/components/Chat/ChatActions.d.ts +1 -1
- package/dist/{chunk-YOFFMNAR.js → chunk-DY3FWEXJ.js} +257 -230
- package/dist/{chunk-YOFFMNAR.js.map → chunk-DY3FWEXJ.js.map} +3 -3
- package/dist/index.cjs.js +485 -457
- package/dist/index.cjs.js.map +3 -3
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +34 -24
- package/dist/meta.esbuild.json +40 -30
- 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 +1 -1
- package/src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx +1 -1
- package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +2 -8
- 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/dist/{HLSView-HMMJY2KC.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", 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.5", 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: "2395f26b04ba352b74eb3d9f95586d146fc891b1aad63a05255d27726671d570", 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--1706087370055-0.33783108560690467:/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--1706087369516-0.48793895859692227:/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--1706087347888-0.8489551728649318:/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--1706087370055-0.33783108560690467/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.5", 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.5", 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.5", 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.5", 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: {
|
|
@@ -23024,7 +23045,7 @@ var init_LeaderboardEntry = __esm({
|
|
|
23024
23045
|
maxPossibleScore,
|
|
23025
23046
|
duration
|
|
23026
23047
|
}) => {
|
|
23027
|
-
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(
|
|
23028
23049
|
Flex,
|
|
23029
23050
|
{
|
|
23030
23051
|
align: "center",
|
|
@@ -23055,7 +23076,7 @@ var init_StatisticBox = __esm({
|
|
|
23055
23076
|
init_Layout();
|
|
23056
23077
|
init_Text2();
|
|
23057
23078
|
StatisticBox = ({ title, value = 0 }) => {
|
|
23058
|
-
if (!value) {
|
|
23079
|
+
if (!value && !(typeof value === "number")) {
|
|
23059
23080
|
return /* @__PURE__ */ import_react110.default.createElement(import_react110.default.Fragment, null);
|
|
23060
23081
|
}
|
|
23061
23082
|
return /* @__PURE__ */ import_react110.default.createElement(Box, { css: { p: "$8", background: "$surface_default", borderRadius: "$1", w: "100%" } }, /* @__PURE__ */ import_react110.default.createElement(
|
|
@@ -23158,7 +23179,7 @@ var init_PeerParticipationSummary = __esm({
|
|
|
23158
23179
|
}
|
|
23159
23180
|
] : [
|
|
23160
23181
|
{ title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) || "-" },
|
|
23161
|
-
{ title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
|
|
23182
|
+
{ title: "Points", value: (peerEntry == null ? void 0 : peerEntry.score) || 0 },
|
|
23162
23183
|
// Time in ms
|
|
23163
23184
|
{ title: "Time Taken", value: getFormattedTime(peerEntry == null ? void 0 : peerEntry.duration) },
|
|
23164
23185
|
{
|
|
@@ -23334,10 +23355,6 @@ var init_QuestionCard = __esm({
|
|
|
23334
23355
|
}
|
|
23335
23356
|
]);
|
|
23336
23357
|
startTime.current = Date.now();
|
|
23337
|
-
if (isQuiz && index !== totalQuestions) {
|
|
23338
|
-
setSingleOptionAnswer(void 0);
|
|
23339
|
-
setMultipleOptionAnswer(/* @__PURE__ */ new Set());
|
|
23340
|
-
}
|
|
23341
23358
|
}), [
|
|
23342
23359
|
isValidVote,
|
|
23343
23360
|
actions.interactivityCenter,
|
|
@@ -23371,8 +23388,8 @@ var init_QuestionCard = __esm({
|
|
|
23371
23388
|
gap: "$4"
|
|
23372
23389
|
}
|
|
23373
23390
|
},
|
|
23374
|
-
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CheckCircleIcon, { height:
|
|
23375
|
-
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,
|
|
23376
23393
|
"QUESTION ",
|
|
23377
23394
|
index,
|
|
23378
23395
|
" OF ",
|
|
@@ -23411,8 +23428,7 @@ var init_QuestionCard = __esm({
|
|
|
23411
23428
|
totalResponses: result == null ? void 0 : result.totalResponses,
|
|
23412
23429
|
showVoteCount,
|
|
23413
23430
|
localPeerResponse,
|
|
23414
|
-
isStopped: pollState === "stopped"
|
|
23415
|
-
answer: singleOptionAnswer
|
|
23431
|
+
isStopped: pollState === "stopped"
|
|
23416
23432
|
}
|
|
23417
23433
|
) : null,
|
|
23418
23434
|
type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ import_react114.default.createElement(
|
|
@@ -23509,51 +23525,60 @@ var init_StandardVoting = __esm({
|
|
|
23509
23525
|
});
|
|
23510
23526
|
|
|
23511
23527
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
|
23512
|
-
var import_react116, TimedView;
|
|
23528
|
+
var import_react116, import_react_sdk53, TimedView;
|
|
23513
23529
|
var init_TimedVoting = __esm({
|
|
23514
23530
|
"src/Prebuilt/components/Polls/Voting/TimedVoting.tsx"() {
|
|
23515
23531
|
"use strict";
|
|
23516
23532
|
init_define_process_env();
|
|
23517
23533
|
import_react116 = __toESM(require("react"));
|
|
23534
|
+
import_react_sdk53 = require("@100mslive/react-sdk");
|
|
23518
23535
|
init_QuestionCard();
|
|
23536
|
+
init_utils3();
|
|
23519
23537
|
TimedView = ({ poll }) => {
|
|
23520
|
-
var _a8, _b7;
|
|
23521
|
-
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);
|
|
23522
23542
|
const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
|
|
23523
|
-
|
|
23543
|
+
const attemptedAll = ((_b7 = poll.questions) == null ? void 0 : _b7.length) === lastAttemptedIndex - 1;
|
|
23544
|
+
if (!activeQuestion || !((_c = poll.questions) == null ? void 0 : _c.length)) {
|
|
23524
23545
|
return null;
|
|
23525
23546
|
}
|
|
23526
|
-
return /* @__PURE__ */ import_react116.default.createElement(
|
|
23527
|
-
|
|
23528
|
-
|
|
23529
|
-
|
|
23530
|
-
|
|
23531
|
-
|
|
23532
|
-
|
|
23533
|
-
|
|
23534
|
-
|
|
23535
|
-
|
|
23536
|
-
|
|
23537
|
-
|
|
23538
|
-
|
|
23539
|
-
|
|
23540
|
-
|
|
23541
|
-
|
|
23542
|
-
|
|
23543
|
-
|
|
23544
|
-
|
|
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
|
+
}));
|
|
23545
23570
|
};
|
|
23546
23571
|
}
|
|
23547
23572
|
});
|
|
23548
23573
|
|
|
23549
23574
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
|
23550
|
-
var import_react117,
|
|
23575
|
+
var import_react117, import_react_sdk54, import_react_icons58, Voting;
|
|
23551
23576
|
var init_Voting = __esm({
|
|
23552
23577
|
"src/Prebuilt/components/Polls/Voting/Voting.tsx"() {
|
|
23553
23578
|
"use strict";
|
|
23554
23579
|
init_define_process_env();
|
|
23555
23580
|
import_react117 = __toESM(require("react"));
|
|
23556
|
-
|
|
23581
|
+
import_react_sdk54 = require("@100mslive/react-sdk");
|
|
23557
23582
|
import_react_icons58 = require("@100mslive/react-icons");
|
|
23558
23583
|
init_src();
|
|
23559
23584
|
init_Common();
|
|
@@ -23563,10 +23588,10 @@ var init_Voting = __esm({
|
|
|
23563
23588
|
init_StatusIndicator();
|
|
23564
23589
|
init_constants();
|
|
23565
23590
|
Voting = ({ id, toggleVoting }) => {
|
|
23566
|
-
const actions = (0,
|
|
23567
|
-
const poll = (0,
|
|
23568
|
-
const pollCreatorName = (0,
|
|
23569
|
-
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);
|
|
23570
23595
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
|
23571
23596
|
const { setPollView } = usePollViewState();
|
|
23572
23597
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
|
@@ -23610,23 +23635,23 @@ var init_Voting = __esm({
|
|
|
23610
23635
|
},
|
|
23611
23636
|
/* @__PURE__ */ import_react117.default.createElement(import_react_icons58.CrossIcon, { onClick: toggleVoting })
|
|
23612
23637
|
)
|
|
23613
|
-
), /* @__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 }),
|
|
23614
|
-
|
|
23615
|
-
{
|
|
23616
|
-
variant: "danger",
|
|
23617
|
-
css: { fontWeight: "$semiBold", w: "max-content", ml: "auto", mt: "$8" },
|
|
23618
|
-
onClick: () => actions.interactivityCenter.stopPoll(id)
|
|
23619
|
-
},
|
|
23620
|
-
"End ",
|
|
23621
|
-
poll.type
|
|
23622
|
-
), canViewLeaderboard ? /* @__PURE__ */ import_react117.default.createElement(
|
|
23623
|
-
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,
|
|
23624
23640
|
{
|
|
23625
|
-
css: {
|
|
23626
|
-
onClick: () => setPollView(POLL_VIEWS.RESULTS)
|
|
23641
|
+
css: { w: "100%", justifyContent: "end", alignItems: "center", p: "$8", borderTop: "1px solid $border_bright" }
|
|
23627
23642
|
},
|
|
23628
|
-
"
|
|
23629
|
-
|
|
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
|
+
));
|
|
23630
23655
|
};
|
|
23631
23656
|
}
|
|
23632
23657
|
});
|
|
@@ -23684,17 +23709,17 @@ var init_MwebChatOption = __esm({
|
|
|
23684
23709
|
});
|
|
23685
23710
|
|
|
23686
23711
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
|
23687
|
-
var import_react120,
|
|
23712
|
+
var import_react120, import_react_sdk55, useChatBlacklist, useIsPeerBlacklisted;
|
|
23688
23713
|
var init_useChatBlacklist = __esm({
|
|
23689
23714
|
"src/Prebuilt/components/hooks/useChatBlacklist.ts"() {
|
|
23690
23715
|
"use strict";
|
|
23691
23716
|
init_define_process_env();
|
|
23692
23717
|
import_react120 = require("react");
|
|
23693
|
-
|
|
23718
|
+
import_react_sdk55 = require("@100mslive/react-sdk");
|
|
23694
23719
|
init_ToastManager();
|
|
23695
23720
|
useChatBlacklist = (sessionStoreKey) => {
|
|
23696
|
-
const hmsActions = (0,
|
|
23697
|
-
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));
|
|
23698
23723
|
const blacklistItem = (0, import_react120.useCallback)(
|
|
23699
23724
|
(blacklistID) => __async(void 0, null, function* () {
|
|
23700
23725
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -23704,35 +23729,35 @@ var init_useChatBlacklist = __esm({
|
|
|
23704
23729
|
return { blacklistItem, blacklistedIDs };
|
|
23705
23730
|
};
|
|
23706
23731
|
useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
|
23707
|
-
const localPeer = (0,
|
|
23708
|
-
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 */)) || [];
|
|
23709
23734
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
|
23710
23735
|
};
|
|
23711
23736
|
}
|
|
23712
23737
|
});
|
|
23713
23738
|
|
|
23714
23739
|
// src/Prebuilt/components/hooks/usePinnedMessages.ts
|
|
23715
|
-
var import_react121,
|
|
23740
|
+
var import_react121, import_react_sdk56, usePinnedMessages;
|
|
23716
23741
|
var init_usePinnedMessages = __esm({
|
|
23717
23742
|
"src/Prebuilt/components/hooks/usePinnedMessages.ts"() {
|
|
23718
23743
|
"use strict";
|
|
23719
23744
|
init_define_process_env();
|
|
23720
23745
|
import_react121 = require("react");
|
|
23721
|
-
|
|
23746
|
+
import_react_sdk56 = require("@100mslive/react-sdk");
|
|
23722
23747
|
init_ToastManager();
|
|
23723
23748
|
usePinnedMessages = () => {
|
|
23724
|
-
const hmsActions = (0,
|
|
23725
|
-
const vanillaStore = (0,
|
|
23749
|
+
const hmsActions = (0, import_react_sdk56.useHMSActions)();
|
|
23750
|
+
const vanillaStore = (0, import_react_sdk56.useHMSVanillaStore)();
|
|
23726
23751
|
const setPinnedMessages = (0, import_react121.useCallback)(
|
|
23727
23752
|
(message, pinnedBy) => __async(void 0, null, function* () {
|
|
23728
|
-
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);
|
|
23729
23754
|
const newPinnedMessage = { text: "", id: message.id, pinnedBy };
|
|
23730
23755
|
if (message && peerName) {
|
|
23731
23756
|
newPinnedMessage["text"] = `${peerName}: ${message.message}`;
|
|
23732
23757
|
} else if (message) {
|
|
23733
23758
|
newPinnedMessage["text"] = message.message;
|
|
23734
23759
|
}
|
|
23735
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
23760
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk56.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
23736
23761
|
if (!(pinnedMessages == null ? void 0 : pinnedMessages.find((pinnedMessage) => pinnedMessage.id === newPinnedMessage.id))) {
|
|
23737
23762
|
yield hmsActions.sessionStore.set("pinnedMessages" /* PINNED_MESSAGES */, [...pinnedMessages, newPinnedMessage].slice(-3)).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
23738
23763
|
}
|
|
@@ -23741,7 +23766,7 @@ var init_usePinnedMessages = __esm({
|
|
|
23741
23766
|
);
|
|
23742
23767
|
const removePinnedMessage = (0, import_react121.useCallback)(
|
|
23743
23768
|
(indexToRemove) => __async(void 0, null, function* () {
|
|
23744
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
23769
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk56.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
23745
23770
|
if (pinnedMessages[indexToRemove]) {
|
|
23746
23771
|
yield hmsActions.sessionStore.set(
|
|
23747
23772
|
"pinnedMessages" /* PINNED_MESSAGES */,
|
|
@@ -23753,7 +23778,7 @@ var init_usePinnedMessages = __esm({
|
|
|
23753
23778
|
);
|
|
23754
23779
|
const unpinBlacklistedMessages = (0, import_react121.useCallback)(
|
|
23755
23780
|
(blacklistedMessageIDSet) => __async(void 0, null, function* () {
|
|
23756
|
-
const pinnedMessages = vanillaStore.getState((0,
|
|
23781
|
+
const pinnedMessages = vanillaStore.getState((0, import_react_sdk56.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
|
|
23757
23782
|
const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
|
|
23758
23783
|
(pinnedMessage) => !(blacklistedMessageIDSet == null ? void 0 : blacklistedMessageIDSet.has(pinnedMessage.id))
|
|
23759
23784
|
);
|
|
@@ -23767,13 +23792,13 @@ var init_usePinnedMessages = __esm({
|
|
|
23767
23792
|
});
|
|
23768
23793
|
|
|
23769
23794
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
|
23770
|
-
var import_react122,
|
|
23795
|
+
var import_react122, import_react_sdk57, import_react_icons59, iconStyle, tooltipBoxCSS, ChatActions;
|
|
23771
23796
|
var init_ChatActions = __esm({
|
|
23772
23797
|
"src/Prebuilt/components/Chat/ChatActions.tsx"() {
|
|
23773
23798
|
"use strict";
|
|
23774
23799
|
init_define_process_env();
|
|
23775
23800
|
import_react122 = __toESM(require("react"));
|
|
23776
|
-
|
|
23801
|
+
import_react_sdk57 = require("@100mslive/react-sdk");
|
|
23777
23802
|
import_react_icons59 = require("@100mslive/react-icons");
|
|
23778
23803
|
init_Dropdown2();
|
|
23779
23804
|
init_IconButton2();
|
|
@@ -23810,10 +23835,10 @@ var init_ChatActions = __esm({
|
|
|
23810
23835
|
const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
|
|
23811
23836
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
|
23812
23837
|
const [open, setOpen] = (0, import_react122.useState)(false);
|
|
23813
|
-
const actions = (0,
|
|
23814
|
-
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;
|
|
23815
23840
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
|
23816
|
-
const localPeerName = (0,
|
|
23841
|
+
const localPeerName = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectLocalPeerName);
|
|
23817
23842
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
|
23818
23843
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
|
23819
23844
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
|
@@ -23906,7 +23931,7 @@ var init_ChatActions = __esm({
|
|
|
23906
23931
|
}
|
|
23907
23932
|
};
|
|
23908
23933
|
if (isMobile) {
|
|
23909
|
-
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(
|
|
23910
23935
|
Sheet.Title,
|
|
23911
23936
|
{
|
|
23912
23937
|
css: {
|
|
@@ -23923,7 +23948,7 @@ var init_ChatActions = __esm({
|
|
|
23923
23948
|
}
|
|
23924
23949
|
},
|
|
23925
23950
|
"Message options",
|
|
23926
|
-
/* @__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))
|
|
23927
23952
|
), Object.keys(options).map((optionKey) => {
|
|
23928
23953
|
const option = options[optionKey];
|
|
23929
23954
|
return option.show ? /* @__PURE__ */ import_react122.default.createElement(
|
|
@@ -24048,15 +24073,15 @@ var init_EmptyChat = __esm({
|
|
|
24048
24073
|
});
|
|
24049
24074
|
|
|
24050
24075
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
|
24051
|
-
var import_react124,
|
|
24076
|
+
var import_react124, import_react_sdk58, usePinnedBy;
|
|
24052
24077
|
var init_usePinnedBy = __esm({
|
|
24053
24078
|
"src/Prebuilt/components/hooks/usePinnedBy.tsx"() {
|
|
24054
24079
|
"use strict";
|
|
24055
24080
|
init_define_process_env();
|
|
24056
24081
|
import_react124 = require("react");
|
|
24057
|
-
|
|
24082
|
+
import_react_sdk58 = require("@100mslive/react-sdk");
|
|
24058
24083
|
usePinnedBy = (messageId) => {
|
|
24059
|
-
const pinnedMessages = (0,
|
|
24084
|
+
const pinnedMessages = (0, import_react_sdk58.useHMSStore)((0, import_react_sdk58.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
24060
24085
|
const [pinnedBy, setPinnedBy] = (0, import_react124.useState)("");
|
|
24061
24086
|
(0, import_react124.useEffect)(() => {
|
|
24062
24087
|
let match = "";
|
|
@@ -24077,7 +24102,7 @@ function getRowHeight(index) {
|
|
|
24077
24102
|
var _a8;
|
|
24078
24103
|
return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
|
|
24079
24104
|
}
|
|
24080
|
-
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;
|
|
24081
24106
|
var init_ChatBody = __esm({
|
|
24082
24107
|
"src/Prebuilt/components/Chat/ChatBody.tsx"() {
|
|
24083
24108
|
"use strict";
|
|
@@ -24086,7 +24111,7 @@ var init_ChatBody = __esm({
|
|
|
24086
24111
|
import_react_use15 = require("react-use");
|
|
24087
24112
|
import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
|
|
24088
24113
|
import_react_window2 = require("react-window");
|
|
24089
|
-
|
|
24114
|
+
import_react_sdk59 = require("@100mslive/react-sdk");
|
|
24090
24115
|
import_react_icons60 = require("@100mslive/react-icons");
|
|
24091
24116
|
init_Layout();
|
|
24092
24117
|
init_Text2();
|
|
@@ -24162,8 +24187,8 @@ var init_ChatBody = __esm({
|
|
|
24162
24187
|
hasCurrentUserSent,
|
|
24163
24188
|
receiver
|
|
24164
24189
|
}) => {
|
|
24165
|
-
const peerName = (0,
|
|
24166
|
-
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);
|
|
24167
24192
|
if (receiver) {
|
|
24168
24193
|
return /* @__PURE__ */ import_react125.default.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
|
24169
24194
|
}
|
|
@@ -24211,14 +24236,14 @@ var init_ChatBody = __esm({
|
|
|
24211
24236
|
const isMobile = (0, import_react_use15.useMedia)(config.media.md);
|
|
24212
24237
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
24213
24238
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
24214
|
-
const localPeerId = (0,
|
|
24239
|
+
const localPeerId = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectLocalPeerID);
|
|
24215
24240
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24216
24241
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24217
24242
|
const messageType = getMessageType({
|
|
24218
24243
|
roles: message.recipientRoles,
|
|
24219
24244
|
receiver: message.recipientPeer
|
|
24220
24245
|
});
|
|
24221
|
-
const [openSheet,
|
|
24246
|
+
const [openSheet, setOpenSheetBare] = (0, import_react125.useState)(false);
|
|
24222
24247
|
const showPinAction = !!((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.allow_pinning_messages);
|
|
24223
24248
|
const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
|
|
24224
24249
|
(0, import_react125.useLayoutEffect)(() => {
|
|
@@ -24226,6 +24251,10 @@ var init_ChatBody = __esm({
|
|
|
24226
24251
|
setRowHeight(index, message.id, rowRef.current.clientHeight);
|
|
24227
24252
|
}
|
|
24228
24253
|
}, [index, message.id]);
|
|
24254
|
+
const setOpenSheet = (value, e) => {
|
|
24255
|
+
e == null ? void 0 : e.stopPropagation();
|
|
24256
|
+
setOpenSheetBare(value);
|
|
24257
|
+
};
|
|
24229
24258
|
return /* @__PURE__ */ import_react125.default.createElement(
|
|
24230
24259
|
Box,
|
|
24231
24260
|
{
|
|
@@ -24259,9 +24288,9 @@ var init_ChatBody = __esm({
|
|
|
24259
24288
|
}
|
|
24260
24289
|
},
|
|
24261
24290
|
"data-testid": "chat_msg",
|
|
24262
|
-
onClick: () => {
|
|
24291
|
+
onClick: (e) => {
|
|
24263
24292
|
if (isMobile) {
|
|
24264
|
-
setOpenSheet(true);
|
|
24293
|
+
setOpenSheet(true, e);
|
|
24265
24294
|
}
|
|
24266
24295
|
}
|
|
24267
24296
|
},
|
|
@@ -24356,8 +24385,7 @@ var init_ChatBody = __esm({
|
|
|
24356
24385
|
color: isOverlay ? "#FFF" : "$on_surface_high"
|
|
24357
24386
|
},
|
|
24358
24387
|
onClick: (e) => {
|
|
24359
|
-
e
|
|
24360
|
-
setOpenSheet(true);
|
|
24388
|
+
setOpenSheet(true, e);
|
|
24361
24389
|
}
|
|
24362
24390
|
},
|
|
24363
24391
|
/* @__PURE__ */ import_react125.default.createElement(AnnotisedMessage, { message: message.message })
|
|
@@ -24372,7 +24400,7 @@ var init_ChatBody = __esm({
|
|
|
24372
24400
|
}
|
|
24373
24401
|
);
|
|
24374
24402
|
VirtualizedChatMessages = import_react125.default.forwardRef(({ messages, scrollToBottom }, listRef) => {
|
|
24375
|
-
const hmsActions = (0,
|
|
24403
|
+
const hmsActions = (0, import_react_sdk59.useHMSActions)();
|
|
24376
24404
|
const itemKey2 = (0, import_react125.useCallback)((index, data3) => {
|
|
24377
24405
|
return data3[index].id;
|
|
24378
24406
|
}, []);
|
|
@@ -24427,13 +24455,13 @@ var init_ChatBody = __esm({
|
|
|
24427
24455
|
});
|
|
24428
24456
|
ChatBody = import_react125.default.forwardRef(
|
|
24429
24457
|
({ scrollToBottom }, listRef) => {
|
|
24430
|
-
const messages = (0,
|
|
24431
|
-
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 */));
|
|
24432
24460
|
const filteredMessages = (0, import_react125.useMemo)(() => {
|
|
24433
24461
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
24434
24462
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
|
24435
24463
|
}, [blacklistedMessageIDs, messages]);
|
|
24436
|
-
const vanillaStore = (0,
|
|
24464
|
+
const vanillaStore = (0, import_react_sdk59.useHMSVanillaStore)();
|
|
24437
24465
|
(0, import_react125.useEffect)(() => {
|
|
24438
24466
|
const unsubscribe = vanillaStore.subscribe(() => {
|
|
24439
24467
|
if (!listRef.current) {
|
|
@@ -24443,7 +24471,7 @@ var init_ChatBody = __esm({
|
|
|
24443
24471
|
if (outerElement.clientHeight + outerElement.scrollTop + outerElement.offsetTop >= outerElement.scrollHeight) {
|
|
24444
24472
|
requestAnimationFrame(() => scrollToBottom(1));
|
|
24445
24473
|
}
|
|
24446
|
-
},
|
|
24474
|
+
}, import_react_sdk59.selectUnreadHMSMessagesCount);
|
|
24447
24475
|
return unsubscribe;
|
|
24448
24476
|
}, [vanillaStore, listRef, scrollToBottom]);
|
|
24449
24477
|
if (filteredMessages.length === 0) {
|
|
@@ -24458,7 +24486,7 @@ var init_ChatBody = __esm({
|
|
|
24458
24486
|
rowRef
|
|
24459
24487
|
}) => {
|
|
24460
24488
|
const pinnedBy = usePinnedBy(messageId);
|
|
24461
|
-
const localPeerName = (0,
|
|
24489
|
+
const localPeerName = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectLocalPeerName);
|
|
24462
24490
|
(0, import_react125.useLayoutEffect)(() => {
|
|
24463
24491
|
if (rowRef == null ? void 0 : rowRef.current) {
|
|
24464
24492
|
if (pinnedBy) {
|
|
@@ -24478,14 +24506,14 @@ var init_ChatBody = __esm({
|
|
|
24478
24506
|
});
|
|
24479
24507
|
|
|
24480
24508
|
// src/Prebuilt/components/Chat/ChatSelector.tsx
|
|
24481
|
-
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;
|
|
24482
24510
|
var init_ChatSelector = __esm({
|
|
24483
24511
|
"src/Prebuilt/components/Chat/ChatSelector.tsx"() {
|
|
24484
24512
|
"use strict";
|
|
24485
24513
|
init_define_process_env();
|
|
24486
24514
|
import_react126 = __toESM(require("react"));
|
|
24487
24515
|
import_react_use16 = require("react-use");
|
|
24488
|
-
|
|
24516
|
+
import_react_sdk60 = require("@100mslive/react-sdk");
|
|
24489
24517
|
import_react_icons61 = require("@100mslive/react-icons");
|
|
24490
24518
|
init_src();
|
|
24491
24519
|
init_Theme();
|
|
@@ -24541,7 +24569,7 @@ var init_ChatSelector = __esm({
|
|
|
24541
24569
|
}
|
|
24542
24570
|
);
|
|
24543
24571
|
Everyone = import_react126.default.memo(({ active }) => {
|
|
24544
|
-
const unreadCount = (0,
|
|
24572
|
+
const unreadCount = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectUnreadHMSMessagesCount);
|
|
24545
24573
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24546
24574
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24547
24575
|
return /* @__PURE__ */ import_react126.default.createElement(
|
|
@@ -24559,7 +24587,7 @@ var init_ChatSelector = __esm({
|
|
|
24559
24587
|
);
|
|
24560
24588
|
});
|
|
24561
24589
|
RoleItem = import_react126.default.memo(({ role, active }) => {
|
|
24562
|
-
const unreadCount = (0,
|
|
24590
|
+
const unreadCount = (0, import_react_sdk60.useHMSStore)((0, import_react_sdk60.selectMessagesUnreadCountByRole)(role));
|
|
24563
24591
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24564
24592
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24565
24593
|
return /* @__PURE__ */ import_react126.default.createElement(
|
|
@@ -24576,7 +24604,7 @@ var init_ChatSelector = __esm({
|
|
|
24576
24604
|
);
|
|
24577
24605
|
});
|
|
24578
24606
|
PeerItem = ({ peerId, name, active }) => {
|
|
24579
|
-
const unreadCount = (0,
|
|
24607
|
+
const unreadCount = (0, import_react_sdk60.useHMSStore)((0, import_react_sdk60.selectMessagesUnreadCountByPeerID)(peerId));
|
|
24580
24608
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
24581
24609
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
24582
24610
|
return /* @__PURE__ */ import_react126.default.createElement(
|
|
@@ -24635,7 +24663,7 @@ var init_ChatSelector = __esm({
|
|
|
24635
24663
|
ChatSelector = ({ role, peerId }) => {
|
|
24636
24664
|
var _a8, _b7;
|
|
24637
24665
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24638
|
-
const peers = (0,
|
|
24666
|
+
const peers = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectRemotePeers);
|
|
24639
24667
|
const [search, setSearch] = (0, import_react126.useState)("");
|
|
24640
24668
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
24641
24669
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
|
@@ -24793,17 +24821,17 @@ var init_ChatSelectorContainer = __esm({
|
|
|
24793
24821
|
});
|
|
24794
24822
|
|
|
24795
24823
|
// src/Prebuilt/components/AppData/useChatState.js
|
|
24796
|
-
var import_react128,
|
|
24824
|
+
var import_react128, import_react_sdk61, useChatDraftMessage;
|
|
24797
24825
|
var init_useChatState = __esm({
|
|
24798
24826
|
"src/Prebuilt/components/AppData/useChatState.js"() {
|
|
24799
24827
|
"use strict";
|
|
24800
24828
|
init_define_process_env();
|
|
24801
24829
|
import_react128 = require("react");
|
|
24802
|
-
|
|
24830
|
+
import_react_sdk61 = require("@100mslive/react-sdk");
|
|
24803
24831
|
init_constants();
|
|
24804
24832
|
useChatDraftMessage = () => {
|
|
24805
|
-
const hmsActions = (0,
|
|
24806
|
-
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));
|
|
24807
24835
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
|
24808
24836
|
chatDraftMessage = "";
|
|
24809
24837
|
}
|
|
@@ -24885,7 +24913,7 @@ function EmojiPicker({ onSelect }) {
|
|
|
24885
24913
|
)
|
|
24886
24914
|
)));
|
|
24887
24915
|
}
|
|
24888
|
-
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;
|
|
24889
24917
|
var init_ChatFooter = __esm({
|
|
24890
24918
|
"src/Prebuilt/components/Chat/ChatFooter.tsx"() {
|
|
24891
24919
|
"use strict";
|
|
@@ -24894,7 +24922,7 @@ var init_ChatFooter = __esm({
|
|
|
24894
24922
|
import_react_use18 = require("react-use");
|
|
24895
24923
|
import_data = __toESM(require("@emoji-mart/data"));
|
|
24896
24924
|
import_react131 = __toESM(require("@emoji-mart/react"));
|
|
24897
|
-
|
|
24925
|
+
import_react_sdk62 = require("@100mslive/react-sdk");
|
|
24898
24926
|
import_react_icons63 = require("@100mslive/react-icons");
|
|
24899
24927
|
init_src();
|
|
24900
24928
|
init_IconButton2();
|
|
@@ -24926,13 +24954,13 @@ var init_ChatFooter = __esm({
|
|
|
24926
24954
|
});
|
|
24927
24955
|
ChatFooter = ({ onSend, children }) => {
|
|
24928
24956
|
var _a8, _b7, _c, _d;
|
|
24929
|
-
const hmsActions = (0,
|
|
24957
|
+
const hmsActions = (0, import_react_sdk62.useHMSActions)();
|
|
24930
24958
|
const inputRef = (0, import_react130.useRef)(null);
|
|
24931
24959
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
|
24932
24960
|
const isMobile = (0, import_react_use18.useMedia)(config.media.md);
|
|
24933
24961
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
24934
24962
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
|
24935
|
-
const localPeer = (0,
|
|
24963
|
+
const localPeer = (0, import_react_sdk62.useHMSStore)(import_react_sdk62.selectLocalPeer);
|
|
24936
24964
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
|
24937
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);
|
|
24938
24966
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -25099,13 +25127,13 @@ var init_ChatFooter = __esm({
|
|
|
25099
25127
|
});
|
|
25100
25128
|
|
|
25101
25129
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
|
25102
|
-
var import_react132,
|
|
25130
|
+
var import_react132, import_react_sdk63, ChatPaused, ChatBlocked;
|
|
25103
25131
|
var init_ChatStates = __esm({
|
|
25104
25132
|
"src/Prebuilt/components/Chat/ChatStates.tsx"() {
|
|
25105
25133
|
"use strict";
|
|
25106
25134
|
init_define_process_env();
|
|
25107
25135
|
import_react132 = __toESM(require("react"));
|
|
25108
|
-
|
|
25136
|
+
import_react_sdk63 = require("@100mslive/react-sdk");
|
|
25109
25137
|
init_Button2();
|
|
25110
25138
|
init_Layout();
|
|
25111
25139
|
init_Text2();
|
|
@@ -25113,11 +25141,11 @@ var init_ChatStates = __esm({
|
|
|
25113
25141
|
init_useChatBlacklist();
|
|
25114
25142
|
ChatPaused = () => {
|
|
25115
25143
|
var _a8, _b7;
|
|
25116
|
-
const hmsActions = (0,
|
|
25144
|
+
const hmsActions = (0, import_react_sdk63.useHMSActions)();
|
|
25117
25145
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25118
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);
|
|
25119
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0,
|
|
25120
|
-
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);
|
|
25121
25149
|
const unPauseChat = (0, import_react132.useCallback)(
|
|
25122
25150
|
() => __async(void 0, null, function* () {
|
|
25123
25151
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
|
@@ -25230,7 +25258,7 @@ var init_StickIndicator = __esm({
|
|
|
25230
25258
|
});
|
|
25231
25259
|
|
|
25232
25260
|
// src/Prebuilt/components/Chat/PinnedMessage.tsx
|
|
25233
|
-
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;
|
|
25234
25262
|
var init_PinnedMessage = __esm({
|
|
25235
25263
|
"src/Prebuilt/components/Chat/PinnedMessage.tsx"() {
|
|
25236
25264
|
"use strict";
|
|
@@ -25238,7 +25266,7 @@ var init_PinnedMessage = __esm({
|
|
|
25238
25266
|
import_react135 = __toESM(require("react"));
|
|
25239
25267
|
import_react_swipeable = require("react-swipeable");
|
|
25240
25268
|
import_react_use19 = require("react-use");
|
|
25241
|
-
|
|
25269
|
+
import_react_sdk64 = require("@100mslive/react-sdk");
|
|
25242
25270
|
import_react_icons65 = require("@100mslive/react-icons");
|
|
25243
25271
|
init_Layout();
|
|
25244
25272
|
init_Text2();
|
|
@@ -25251,7 +25279,7 @@ var init_PinnedMessage = __esm({
|
|
|
25251
25279
|
PINNED_MESSAGE_LENGTH = 75;
|
|
25252
25280
|
PinnedMessage = () => {
|
|
25253
25281
|
var _a8, _b7, _c;
|
|
25254
|
-
const pinnedMessages = (0,
|
|
25282
|
+
const pinnedMessages = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
|
|
25255
25283
|
const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react135.useState)(0);
|
|
25256
25284
|
const { removePinnedMessage } = usePinnedMessages();
|
|
25257
25285
|
const isMobile = (0, import_react_use19.useMedia)(config.media.md);
|
|
@@ -25367,7 +25395,7 @@ var init_PinnedMessage = __esm({
|
|
|
25367
25395
|
});
|
|
25368
25396
|
|
|
25369
25397
|
// src/Prebuilt/components/Chat/Chat.tsx
|
|
25370
|
-
var import_react136, import_react_use20,
|
|
25398
|
+
var import_react136, import_react_use20, import_react_sdk65, import_react_icons66, Chat, NewMessageIndicator;
|
|
25371
25399
|
var init_Chat = __esm({
|
|
25372
25400
|
"src/Prebuilt/components/Chat/Chat.tsx"() {
|
|
25373
25401
|
"use strict";
|
|
@@ -25375,7 +25403,7 @@ var init_Chat = __esm({
|
|
|
25375
25403
|
import_react136 = __toESM(require("react"));
|
|
25376
25404
|
import_react_use20 = require("react-use");
|
|
25377
25405
|
init_dist();
|
|
25378
|
-
|
|
25406
|
+
import_react_sdk65 = require("@100mslive/react-sdk");
|
|
25379
25407
|
import_react_icons66 = require("@100mslive/react-icons");
|
|
25380
25408
|
init_Button2();
|
|
25381
25409
|
init_Layout();
|
|
@@ -25389,15 +25417,15 @@ var init_Chat = __esm({
|
|
|
25389
25417
|
var _a8, _b7;
|
|
25390
25418
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25391
25419
|
const listRef = (0, import_react136.useRef)(null);
|
|
25392
|
-
const hmsActions = (0,
|
|
25393
|
-
const vanillaStore = (0,
|
|
25394
|
-
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 */)) || {};
|
|
25395
25423
|
const isMobile = (0, import_react_use20.useMedia)(config.media.md);
|
|
25396
25424
|
const scrollToBottom = (0, import_react136.useCallback)(
|
|
25397
25425
|
(unreadCount = 0) => {
|
|
25398
25426
|
var _a9;
|
|
25399
25427
|
if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
|
|
25400
|
-
const messagesCount = vanillaStore.getState(
|
|
25428
|
+
const messagesCount = vanillaStore.getState(import_react_sdk65.selectHMSMessagesCount);
|
|
25401
25429
|
(_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
|
|
25402
25430
|
requestAnimationFrame(() => {
|
|
25403
25431
|
var _a10;
|
|
@@ -25429,7 +25457,7 @@ var init_Chat = __esm({
|
|
|
25429
25457
|
scrollToBottom,
|
|
25430
25458
|
listRef
|
|
25431
25459
|
}) => {
|
|
25432
|
-
const unreadCount = (0,
|
|
25460
|
+
const unreadCount = (0, import_react_sdk65.useHMSStore)(Un);
|
|
25433
25461
|
if (!unreadCount || !listRef.current) {
|
|
25434
25462
|
return null;
|
|
25435
25463
|
}
|
|
@@ -25476,7 +25504,7 @@ var init_Chat = __esm({
|
|
|
25476
25504
|
});
|
|
25477
25505
|
|
|
25478
25506
|
// src/Prebuilt/components/Footer/PaginatedParticipants.tsx
|
|
25479
|
-
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;
|
|
25480
25508
|
var init_PaginatedParticipants = __esm({
|
|
25481
25509
|
"src/Prebuilt/components/Footer/PaginatedParticipants.tsx"() {
|
|
25482
25510
|
"use strict";
|
|
@@ -25485,7 +25513,7 @@ var init_PaginatedParticipants = __esm({
|
|
|
25485
25513
|
import_react_intersection_observer = require("react-intersection-observer");
|
|
25486
25514
|
import_react_use21 = require("react-use");
|
|
25487
25515
|
import_react_window3 = require("react-window");
|
|
25488
|
-
|
|
25516
|
+
import_react_sdk66 = require("@100mslive/react-sdk");
|
|
25489
25517
|
import_react_icons67 = require("@100mslive/react-icons");
|
|
25490
25518
|
init_IconButton2();
|
|
25491
25519
|
init_Layout();
|
|
@@ -25531,13 +25559,13 @@ var init_PaginatedParticipants = __esm({
|
|
|
25531
25559
|
}
|
|
25532
25560
|
);
|
|
25533
25561
|
PaginatedParticipants = ({ roleName, onBack }) => {
|
|
25534
|
-
const { peers, total, hasNext, loadPeers, loadMorePeers } = (0,
|
|
25562
|
+
const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk66.usePaginatedParticipants)({ role: roleName, limit: 20 });
|
|
25535
25563
|
const [search, setSearch] = (0, import_react137.useState)("");
|
|
25536
25564
|
const filteredPeers = peers.filter((p) => {
|
|
25537
25565
|
var _a8;
|
|
25538
25566
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
|
25539
25567
|
});
|
|
25540
|
-
const isConnected = (0,
|
|
25568
|
+
const isConnected = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectIsConnectedToRoom);
|
|
25541
25569
|
const [ref, { width }] = (0, import_react_use21.useMeasure)();
|
|
25542
25570
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
|
25543
25571
|
const resetSidePane = useSidepaneReset();
|
|
@@ -25571,13 +25599,13 @@ var init_PaginatedParticipants = __esm({
|
|
|
25571
25599
|
});
|
|
25572
25600
|
|
|
25573
25601
|
// src/Prebuilt/components/ChatSettings.tsx
|
|
25574
|
-
var import_react138,
|
|
25602
|
+
var import_react138, import_react_sdk67, import_react_icons68, ChatSettings;
|
|
25575
25603
|
var init_ChatSettings = __esm({
|
|
25576
25604
|
"src/Prebuilt/components/ChatSettings.tsx"() {
|
|
25577
25605
|
"use strict";
|
|
25578
25606
|
init_define_process_env();
|
|
25579
25607
|
import_react138 = __toESM(require("react"));
|
|
25580
|
-
|
|
25608
|
+
import_react_sdk67 = require("@100mslive/react-sdk");
|
|
25581
25609
|
import_react_icons68 = require("@100mslive/react-icons");
|
|
25582
25610
|
init_Layout();
|
|
25583
25611
|
init_Popover();
|
|
@@ -25585,11 +25613,11 @@ var init_ChatSettings = __esm({
|
|
|
25585
25613
|
init_useRoomLayoutScreen();
|
|
25586
25614
|
ChatSettings = () => {
|
|
25587
25615
|
var _a8, _b7;
|
|
25588
|
-
const hmsActions = (0,
|
|
25589
|
-
const localPeer = (0,
|
|
25616
|
+
const hmsActions = (0, import_react_sdk67.useHMSActions)();
|
|
25617
|
+
const localPeer = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectLocalPeer);
|
|
25590
25618
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25591
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);
|
|
25592
|
-
const { enabled: isChatEnabled = true } = (0,
|
|
25620
|
+
const { enabled: isChatEnabled = true } = (0, import_react_sdk67.useHMSStore)((0, import_react_sdk67.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
|
|
25593
25621
|
const showPause = canPauseChat && isChatEnabled;
|
|
25594
25622
|
if (!showPause) {
|
|
25595
25623
|
return null;
|
|
@@ -25638,14 +25666,14 @@ var init_ChatSettings = __esm({
|
|
|
25638
25666
|
});
|
|
25639
25667
|
|
|
25640
25668
|
// src/Prebuilt/components/SidePaneTabs.tsx
|
|
25641
|
-
var import_react139, import_react_use22,
|
|
25669
|
+
var import_react139, import_react_use22, import_react_sdk68, import_react_icons69, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
|
|
25642
25670
|
var init_SidePaneTabs = __esm({
|
|
25643
25671
|
"src/Prebuilt/components/SidePaneTabs.tsx"() {
|
|
25644
25672
|
"use strict";
|
|
25645
25673
|
init_define_process_env();
|
|
25646
25674
|
import_react139 = __toESM(require("react"));
|
|
25647
25675
|
import_react_use22 = require("react-use");
|
|
25648
|
-
|
|
25676
|
+
import_react_sdk68 = require("@100mslive/react-sdk");
|
|
25649
25677
|
import_react_icons69 = require("@100mslive/react-icons");
|
|
25650
25678
|
init_Chat();
|
|
25651
25679
|
init_PaginatedParticipants();
|
|
@@ -25675,7 +25703,7 @@ var init_SidePaneTabs = __esm({
|
|
|
25675
25703
|
const resetSidePane = useSidepaneReset();
|
|
25676
25704
|
const [activeTab, setActiveTab] = (0, import_react139.useState)(active);
|
|
25677
25705
|
const [activeRole, setActiveRole] = (0, import_react139.useState)("");
|
|
25678
|
-
const peerCount = (0,
|
|
25706
|
+
const peerCount = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.selectPeerCount);
|
|
25679
25707
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
25680
25708
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
|
25681
25709
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
|
@@ -25857,14 +25885,14 @@ var init_utils5 = __esm({
|
|
|
25857
25885
|
});
|
|
25858
25886
|
|
|
25859
25887
|
// src/Prebuilt/components/TileMenu/TileMenuContent.tsx
|
|
25860
|
-
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;
|
|
25861
25889
|
var init_TileMenuContent = __esm({
|
|
25862
25890
|
"src/Prebuilt/components/TileMenu/TileMenuContent.tsx"() {
|
|
25863
25891
|
"use strict";
|
|
25864
25892
|
init_define_process_env();
|
|
25865
25893
|
import_react141 = __toESM(require("react"));
|
|
25866
25894
|
import_react_use23 = require("react-use");
|
|
25867
|
-
|
|
25895
|
+
import_react_sdk69 = require("@100mslive/react-sdk");
|
|
25868
25896
|
import_react_icons71 = require("@100mslive/react-icons");
|
|
25869
25897
|
init_Layout();
|
|
25870
25898
|
init_Slider2();
|
|
@@ -25889,8 +25917,8 @@ var init_TileMenuContent = __esm({
|
|
|
25889
25917
|
return;
|
|
25890
25918
|
}
|
|
25891
25919
|
}) => {
|
|
25892
|
-
const hmsActions = (0,
|
|
25893
|
-
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 */));
|
|
25894
25922
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
|
25895
25923
|
const dragClassName = getDragClassName();
|
|
25896
25924
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
|
@@ -25938,8 +25966,8 @@ var init_TileMenuContent = __esm({
|
|
|
25938
25966
|
};
|
|
25939
25967
|
SimulcastLayers = ({ trackId }) => {
|
|
25940
25968
|
var _a8;
|
|
25941
|
-
const track = (0,
|
|
25942
|
-
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)();
|
|
25943
25971
|
const bg = useDropdownSelection();
|
|
25944
25972
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
|
25945
25973
|
return null;
|
|
@@ -26022,15 +26050,15 @@ var init_TileMenuContent = __esm({
|
|
|
26022
26050
|
}
|
|
26023
26051
|
}) => {
|
|
26024
26052
|
var _a8;
|
|
26025
|
-
const actions = (0,
|
|
26053
|
+
const actions = (0, import_react_sdk69.useHMSActions)();
|
|
26026
26054
|
const dragClassName = getDragClassName();
|
|
26027
|
-
const removeOthers = (_a8 = (0,
|
|
26055
|
+
const removeOthers = (_a8 = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectPermissions)) == null ? void 0 : _a8.removeOthers;
|
|
26028
26056
|
const { userName } = useHMSPrebuiltContext();
|
|
26029
|
-
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0,
|
|
26057
|
+
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0, import_react_sdk69.useRemoteAVToggle)(
|
|
26030
26058
|
audioTrackID,
|
|
26031
26059
|
videoTrackID
|
|
26032
26060
|
);
|
|
26033
|
-
const { sendEvent } = (0,
|
|
26061
|
+
const { sendEvent } = (0, import_react_sdk69.useCustomEvent)({
|
|
26034
26062
|
type: REMOTE_STOP_SCREENSHARE_TYPE
|
|
26035
26063
|
});
|
|
26036
26064
|
const isMobile = (0, import_react_use23.useMedia)(config.media.md);
|
|
@@ -26111,14 +26139,14 @@ var init_TileMenuContent = __esm({
|
|
|
26111
26139
|
});
|
|
26112
26140
|
|
|
26113
26141
|
// src/Prebuilt/components/TileMenu/TileMenu.jsx
|
|
26114
|
-
var import_react142, import_react_use24,
|
|
26142
|
+
var import_react142, import_react_use24, import_react_sdk70, import_react_icons72, TileMenu, TileMenu_default;
|
|
26115
26143
|
var init_TileMenu2 = __esm({
|
|
26116
26144
|
"src/Prebuilt/components/TileMenu/TileMenu.jsx"() {
|
|
26117
26145
|
"use strict";
|
|
26118
26146
|
init_define_process_env();
|
|
26119
26147
|
import_react142 = __toESM(require("react"));
|
|
26120
26148
|
import_react_use24 = require("react-use");
|
|
26121
|
-
|
|
26149
|
+
import_react_sdk70 = require("@100mslive/react-sdk");
|
|
26122
26150
|
import_react_icons72 = require("@100mslive/react-icons");
|
|
26123
26151
|
init_Layout();
|
|
26124
26152
|
init_Sheet2();
|
|
@@ -26141,17 +26169,17 @@ var init_TileMenu2 = __esm({
|
|
|
26141
26169
|
var _a8, _b7;
|
|
26142
26170
|
const [open, setOpen] = (0, import_react142.useState)(false);
|
|
26143
26171
|
const { theme: theme2 } = useTheme();
|
|
26144
|
-
const localPeerID = (0,
|
|
26172
|
+
const localPeerID = (0, import_react_sdk70.useHMSStore)(import_react_sdk70.selectLocalPeerID);
|
|
26145
26173
|
const isLocal = localPeerID === peerID;
|
|
26146
|
-
const { removeOthers } = (0,
|
|
26147
|
-
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);
|
|
26148
26176
|
const showSpotlight = enableSpotlightingPeer;
|
|
26149
|
-
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;
|
|
26150
26178
|
const showPinAction = audioTrackID || videoTrackID && isPrimaryVideoTrack;
|
|
26151
|
-
const track = (0,
|
|
26179
|
+
const track = (0, import_react_sdk70.useHMSStore)((0, import_react_sdk70.selectTrackByID)(videoTrackID));
|
|
26152
26180
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
|
26153
26181
|
const isMobile = (0, import_react_use24.useMedia)(config.media.md);
|
|
26154
|
-
const peer = (0,
|
|
26182
|
+
const peer = (0, import_react_sdk70.useHMSStore)((0, import_react_sdk70.selectPeerByID)(peerID));
|
|
26155
26183
|
const [showNameChangeModal, setShowNameChangeModal] = (0, import_react142.useState)(false);
|
|
26156
26184
|
useDropdownList({ open, name: "TileMenu" });
|
|
26157
26185
|
const dragClassName = getDragClassName();
|
|
@@ -26235,14 +26263,14 @@ var init_peerTileUtils = __esm({
|
|
|
26235
26263
|
});
|
|
26236
26264
|
|
|
26237
26265
|
// src/Prebuilt/components/VideoTile.jsx
|
|
26238
|
-
var import_react143, import_react_use25,
|
|
26266
|
+
var import_react143, import_react_use25, import_react_sdk71, import_react_icons73, Tile, PeerMetadata, VideoTile, VideoTile_default;
|
|
26239
26267
|
var init_VideoTile2 = __esm({
|
|
26240
26268
|
"src/Prebuilt/components/VideoTile.jsx"() {
|
|
26241
26269
|
"use strict";
|
|
26242
26270
|
init_define_process_env();
|
|
26243
26271
|
import_react143 = __toESM(require("react"));
|
|
26244
26272
|
import_react_use25 = require("react-use");
|
|
26245
|
-
|
|
26273
|
+
import_react_sdk71 = require("@100mslive/react-sdk");
|
|
26246
26274
|
import_react_icons73 = require("@100mslive/react-icons");
|
|
26247
26275
|
init_TileConnection();
|
|
26248
26276
|
init_TileMenu2();
|
|
@@ -26271,15 +26299,15 @@ var init_VideoTile2 = __esm({
|
|
|
26271
26299
|
hideAudioMuteOnTile = false,
|
|
26272
26300
|
hideMetadataOnTile = false
|
|
26273
26301
|
}) => {
|
|
26274
|
-
const trackSelector = trackId ? (0,
|
|
26275
|
-
const track = (0,
|
|
26276
|
-
const peerName = (0,
|
|
26277
|
-
const audioTrack = (0,
|
|
26278
|
-
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);
|
|
26279
26307
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
26280
26308
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
26281
26309
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
26282
|
-
const isAudioMuted = !(0,
|
|
26310
|
+
const isAudioMuted = !(0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectIsPeerAudioEnabled)(peerId));
|
|
26283
26311
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
|
26284
26312
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react143.useState)(false);
|
|
26285
26313
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
|
@@ -26290,7 +26318,7 @@ var init_VideoTile2 = __esm({
|
|
|
26290
26318
|
videoTrackID: track == null ? void 0 : track.id,
|
|
26291
26319
|
audioTrackID: audioTrack == null ? void 0 : audioTrack.id
|
|
26292
26320
|
});
|
|
26293
|
-
const spotlighted = (0,
|
|
26321
|
+
const spotlighted = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectSessionStore)("spotlight" /* SPOTLIGHT */)) === peerId;
|
|
26294
26322
|
const label = getVideoTileLabel({
|
|
26295
26323
|
peerName,
|
|
26296
26324
|
track,
|
|
@@ -26366,9 +26394,9 @@ var init_VideoTile2 = __esm({
|
|
|
26366
26394
|
);
|
|
26367
26395
|
};
|
|
26368
26396
|
PeerMetadata = ({ peerId, size }) => {
|
|
26369
|
-
const metaData = (0,
|
|
26397
|
+
const metaData = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectPeerMetadata)(peerId));
|
|
26370
26398
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
|
26371
|
-
const isHandRaised = (0,
|
|
26399
|
+
const isHandRaised = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectHasPeerHandRaised)(peerId));
|
|
26372
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);
|
|
26373
26401
|
};
|
|
26374
26402
|
VideoTile = import_react143.default.memo(Tile);
|
|
@@ -26572,7 +26600,7 @@ var init_constants3 = __esm({
|
|
|
26572
26600
|
});
|
|
26573
26601
|
|
|
26574
26602
|
// src/Prebuilt/components/VirtualBackground/VBPicker.tsx
|
|
26575
|
-
var import_react146, import_hms_virtual_background3,
|
|
26603
|
+
var import_react146, import_hms_virtual_background3, import_react_sdk72, import_react_icons74, iconDims, VBPicker;
|
|
26576
26604
|
var init_VBPicker = __esm({
|
|
26577
26605
|
"src/Prebuilt/components/VirtualBackground/VBPicker.tsx"() {
|
|
26578
26606
|
"use strict";
|
|
@@ -26580,7 +26608,7 @@ var init_VBPicker = __esm({
|
|
|
26580
26608
|
import_react146 = __toESM(require("react"));
|
|
26581
26609
|
init_dist();
|
|
26582
26610
|
import_hms_virtual_background3 = require("@100mslive/hms-virtual-background");
|
|
26583
|
-
|
|
26611
|
+
import_react_sdk72 = require("@100mslive/react-sdk");
|
|
26584
26612
|
import_react_icons74 = require("@100mslive/react-icons");
|
|
26585
26613
|
init_src();
|
|
26586
26614
|
init_Text2();
|
|
@@ -26594,24 +26622,24 @@ var init_VBPicker = __esm({
|
|
|
26594
26622
|
VBPicker = ({ backgroundMedia = [] }) => {
|
|
26595
26623
|
var _a8, _b7;
|
|
26596
26624
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
|
26597
|
-
const hmsActions = (0,
|
|
26598
|
-
const localPeer = (0,
|
|
26599
|
-
const role = (0,
|
|
26600
|
-
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);
|
|
26601
26629
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
26602
|
-
const trackSelector = (0,
|
|
26603
|
-
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);
|
|
26604
26632
|
const [blurAmount, setBlurAmount] = (0, import_react146.useState)(VBHandler.getBlurAmount() || 0.5);
|
|
26605
|
-
const roomState = (0,
|
|
26606
|
-
const isLargeRoom = (0,
|
|
26607
|
-
const isEffectsEnabled = (0,
|
|
26608
|
-
const effectsKey = (0,
|
|
26609
|
-
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()) || ""));
|
|
26610
26638
|
const [activeBackground, setActiveBackground] = (0, import_react146.useState)(
|
|
26611
26639
|
((_b7 = VBHandler) == null ? void 0 : _b7.getBackground()) || import_hms_virtual_background3.HMSVirtualBackgroundTypes.NONE
|
|
26612
26640
|
);
|
|
26613
26641
|
const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
|
|
26614
|
-
const inPreview = roomState ===
|
|
26642
|
+
const inPreview = roomState === import_react_sdk72.HMSRoomState.Preview;
|
|
26615
26643
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
|
26616
26644
|
(0, import_react146.useEffect)(() => {
|
|
26617
26645
|
if (!(track == null ? void 0 : track.id)) {
|
|
@@ -26727,14 +26755,14 @@ var init_VBPicker = __esm({
|
|
|
26727
26755
|
});
|
|
26728
26756
|
|
|
26729
26757
|
// src/Prebuilt/layouts/SidePane.tsx
|
|
26730
|
-
var import_react147, import_react_use26,
|
|
26758
|
+
var import_react147, import_react_use26, import_react_sdk73, SidePane, SidePane_default;
|
|
26731
26759
|
var init_SidePane = __esm({
|
|
26732
26760
|
"src/Prebuilt/layouts/SidePane.tsx"() {
|
|
26733
26761
|
"use strict";
|
|
26734
26762
|
init_define_process_env();
|
|
26735
26763
|
import_react147 = __toESM(require("react"));
|
|
26736
26764
|
import_react_use26 = require("react-use");
|
|
26737
|
-
|
|
26765
|
+
import_react_sdk73 = require("@100mslive/react-sdk");
|
|
26738
26766
|
init_Polls();
|
|
26739
26767
|
init_SidePaneTabs();
|
|
26740
26768
|
init_VideoTile2();
|
|
@@ -26751,9 +26779,9 @@ var init_SidePane = __esm({
|
|
|
26751
26779
|
}) => {
|
|
26752
26780
|
var _a8, _b7, _c, _d, _e, _f;
|
|
26753
26781
|
const isMobile = (0, import_react_use26.useMedia)(config.media.md);
|
|
26754
|
-
const sidepane = (0,
|
|
26755
|
-
const activeScreensharePeerId = (0,
|
|
26756
|
-
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;
|
|
26757
26785
|
const { elements } = useRoomLayoutConferencingScreen();
|
|
26758
26786
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
|
26759
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) || [];
|
|
@@ -26901,18 +26929,18 @@ var init_FullPageProgress = __esm({
|
|
|
26901
26929
|
});
|
|
26902
26930
|
|
|
26903
26931
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
|
26904
|
-
var import_react150,
|
|
26932
|
+
var import_react150, import_react_sdk74, import_react_icons75, SpeakerTag, LogoImg, Logo;
|
|
26905
26933
|
var init_HeaderComponents = __esm({
|
|
26906
26934
|
"src/Prebuilt/components/Header/HeaderComponents.jsx"() {
|
|
26907
26935
|
"use strict";
|
|
26908
26936
|
init_define_process_env();
|
|
26909
26937
|
import_react150 = __toESM(require("react"));
|
|
26910
|
-
|
|
26938
|
+
import_react_sdk74 = require("@100mslive/react-sdk");
|
|
26911
26939
|
import_react_icons75 = require("@100mslive/react-icons");
|
|
26912
26940
|
init_src();
|
|
26913
26941
|
init_roomLayoutProvider();
|
|
26914
26942
|
SpeakerTag = () => {
|
|
26915
|
-
const dominantSpeaker = (0,
|
|
26943
|
+
const dominantSpeaker = (0, import_react_sdk74.useHMSStore)(import_react_sdk74.selectDominantSpeaker);
|
|
26916
26944
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ import_react150.default.createElement(
|
|
26917
26945
|
Flex,
|
|
26918
26946
|
{
|
|
@@ -26959,7 +26987,7 @@ var init_HeaderComponents = __esm({
|
|
|
26959
26987
|
});
|
|
26960
26988
|
|
|
26961
26989
|
// src/Prebuilt/components/Preview/PreviewForm.tsx
|
|
26962
|
-
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;
|
|
26963
26991
|
var init_PreviewForm = __esm({
|
|
26964
26992
|
"src/Prebuilt/components/Preview/PreviewForm.tsx"() {
|
|
26965
26993
|
"use strict";
|
|
@@ -26967,7 +26995,7 @@ var init_PreviewForm = __esm({
|
|
|
26967
26995
|
import_react151 = __toESM(require("react"));
|
|
26968
26996
|
import_react_use27 = require("react-use");
|
|
26969
26997
|
import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
|
|
26970
|
-
|
|
26998
|
+
import_react_sdk75 = require("@100mslive/react-sdk");
|
|
26971
26999
|
import_react_icons76 = require("@100mslive/react-icons");
|
|
26972
27000
|
init_src();
|
|
26973
27001
|
init_roomLayoutProvider();
|
|
@@ -26986,7 +27014,7 @@ var init_PreviewForm = __esm({
|
|
|
26986
27014
|
e.preventDefault();
|
|
26987
27015
|
};
|
|
26988
27016
|
const isMobile = (0, import_react_use27.useMedia)(config.media.md);
|
|
26989
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
27017
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk75.useRecordingStreaming)();
|
|
26990
27018
|
const layout = useRoomLayout();
|
|
26991
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) || {};
|
|
26992
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;
|
|
@@ -27038,14 +27066,14 @@ var init_PreviewForm = __esm({
|
|
|
27038
27066
|
});
|
|
27039
27067
|
|
|
27040
27068
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
|
27041
|
-
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;
|
|
27042
27070
|
var init_PreviewJoin = __esm({
|
|
27043
27071
|
"src/Prebuilt/components/Preview/PreviewJoin.tsx"() {
|
|
27044
27072
|
"use strict";
|
|
27045
27073
|
init_define_process_env();
|
|
27046
27074
|
import_react152 = __toESM(require("react"));
|
|
27047
27075
|
import_react_use28 = require("react-use");
|
|
27048
|
-
|
|
27076
|
+
import_react_sdk76 = require("@100mslive/react-sdk");
|
|
27049
27077
|
import_react_icons77 = require("@100mslive/react-icons");
|
|
27050
27078
|
init_src();
|
|
27051
27079
|
init_AudioLevel2();
|
|
@@ -27073,8 +27101,8 @@ var init_PreviewJoin = __esm({
|
|
|
27073
27101
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
|
27074
27102
|
};
|
|
27075
27103
|
useLocalTileAspectRatio = () => {
|
|
27076
|
-
const localPeer = (0,
|
|
27077
|
-
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));
|
|
27078
27106
|
const isMobile = (0, import_react_use28.useMedia)(config.media.md);
|
|
27079
27107
|
let aspectRatio = 0;
|
|
27080
27108
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
|
@@ -27093,14 +27121,14 @@ var init_PreviewJoin = __esm({
|
|
|
27093
27121
|
UserPreferencesKeys.PREVIEW,
|
|
27094
27122
|
defaultPreviewPreference
|
|
27095
27123
|
);
|
|
27096
|
-
const { isStreamingOn } = (0,
|
|
27124
|
+
const { isStreamingOn } = (0, import_react_sdk76.useRecordingStreaming)();
|
|
27097
27125
|
const authToken = useAuthToken();
|
|
27098
27126
|
const [name, setName] = (0, import_react152.useState)(initialName || previewPreference.name);
|
|
27099
|
-
const { toggleAudio, toggleVideo } = (0,
|
|
27127
|
+
const { toggleAudio, toggleVideo } = (0, import_react_sdk76.useAVToggle)();
|
|
27100
27128
|
const [previewError, setPreviewError] = (0, import_react152.useState)(false);
|
|
27101
27129
|
const { endpoints } = useHMSPrebuiltContext();
|
|
27102
|
-
const { peerCount } = (0,
|
|
27103
|
-
const { enableJoin, preview, join } = (0,
|
|
27130
|
+
const { peerCount } = (0, import_react_sdk76.useParticipants)();
|
|
27131
|
+
const { enableJoin, preview, join } = (0, import_react_sdk76.usePreviewJoin)({
|
|
27104
27132
|
name,
|
|
27105
27133
|
token: authToken,
|
|
27106
27134
|
initEndpoint: endpoints == null ? void 0 : endpoints.init,
|
|
@@ -27117,7 +27145,7 @@ var init_PreviewJoin = __esm({
|
|
|
27117
27145
|
},
|
|
27118
27146
|
asRole
|
|
27119
27147
|
});
|
|
27120
|
-
const roomState = (0,
|
|
27148
|
+
const roomState = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectRoomState);
|
|
27121
27149
|
const savePreferenceAndJoin = (0, import_react152.useCallback)(() => {
|
|
27122
27150
|
setPreviewPreference({
|
|
27123
27151
|
name
|
|
@@ -27141,7 +27169,7 @@ var init_PreviewJoin = __esm({
|
|
|
27141
27169
|
setName(initialName);
|
|
27142
27170
|
}
|
|
27143
27171
|
}, [initialName]);
|
|
27144
|
-
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(
|
|
27145
27173
|
Text,
|
|
27146
27174
|
{
|
|
27147
27175
|
variant: "h4",
|
|
@@ -27183,12 +27211,12 @@ var init_PreviewJoin = __esm({
|
|
|
27183
27211
|
px: "$10"
|
|
27184
27212
|
}));
|
|
27185
27213
|
PreviewTile = ({ name, error }) => {
|
|
27186
|
-
const localPeer = (0,
|
|
27187
|
-
const { isLocalAudioEnabled, toggleAudio } = (0,
|
|
27188
|
-
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);
|
|
27189
27217
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
27190
|
-
const trackSelector = (0,
|
|
27191
|
-
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);
|
|
27192
27220
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
|
27193
27221
|
const aspectRatio = useLocalTileAspectRatio();
|
|
27194
27222
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use28.useMeasure)();
|
|
@@ -27285,13 +27313,13 @@ var init_RequestPrompt = __esm({
|
|
|
27285
27313
|
});
|
|
27286
27314
|
|
|
27287
27315
|
// src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
|
|
27288
|
-
var import_react154,
|
|
27316
|
+
var import_react154, import_react_sdk77, RoleChangeRequestModal;
|
|
27289
27317
|
var init_RoleChangeRequestModal = __esm({
|
|
27290
27318
|
"src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx"() {
|
|
27291
27319
|
"use strict";
|
|
27292
27320
|
init_define_process_env();
|
|
27293
27321
|
import_react154 = __toESM(require("react"));
|
|
27294
|
-
|
|
27322
|
+
import_react_sdk77 = require("@100mslive/react-sdk");
|
|
27295
27323
|
init_src();
|
|
27296
27324
|
init_PreviewJoin();
|
|
27297
27325
|
init_RequestPrompt();
|
|
@@ -27299,13 +27327,13 @@ var init_RoleChangeRequestModal = __esm({
|
|
|
27299
27327
|
init_useMetadata();
|
|
27300
27328
|
init_constants();
|
|
27301
27329
|
RoleChangeRequestModal = () => {
|
|
27302
|
-
const hmsActions = (0,
|
|
27330
|
+
const hmsActions = (0, import_react_sdk77.useHMSActions)();
|
|
27303
27331
|
const { updateMetaData } = useMyMetadata();
|
|
27304
|
-
const isPreview = (0,
|
|
27305
|
-
const currentRole = (0,
|
|
27306
|
-
const roleChangeRequest = (0,
|
|
27307
|
-
const name = (0,
|
|
27308
|
-
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 });
|
|
27309
27337
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
|
27310
27338
|
const { virtual_background } = elements || {};
|
|
27311
27339
|
(0, import_react154.useEffect)(() => {
|
|
@@ -27396,7 +27424,7 @@ var init_useVideoTileLayout = __esm({
|
|
|
27396
27424
|
});
|
|
27397
27425
|
|
|
27398
27426
|
// src/Prebuilt/components/InsetTile.tsx
|
|
27399
|
-
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;
|
|
27400
27428
|
var init_InsetTile = __esm({
|
|
27401
27429
|
"src/Prebuilt/components/InsetTile.tsx"() {
|
|
27402
27430
|
"use strict";
|
|
@@ -27404,7 +27432,7 @@ var init_InsetTile = __esm({
|
|
|
27404
27432
|
import_react156 = __toESM(require("react"));
|
|
27405
27433
|
import_react_draggable = __toESM(require("react-draggable"));
|
|
27406
27434
|
import_react_use30 = require("react-use");
|
|
27407
|
-
|
|
27435
|
+
import_react_sdk78 = require("@100mslive/react-sdk");
|
|
27408
27436
|
import_react_icons78 = require("@100mslive/react-icons");
|
|
27409
27437
|
init_Layout();
|
|
27410
27438
|
init_Text2();
|
|
@@ -27433,10 +27461,10 @@ var init_InsetTile = __esm({
|
|
|
27433
27461
|
InsetTile = () => {
|
|
27434
27462
|
const isMobile = (0, import_react_use30.useMedia)(config.media.md);
|
|
27435
27463
|
const isLandscape = (0, import_react_use30.useMedia)(config.media.ls);
|
|
27436
|
-
const localPeer = (0,
|
|
27464
|
+
const localPeer = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectLocalPeer);
|
|
27437
27465
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
|
27438
|
-
const videoTrack = (0,
|
|
27439
|
-
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);
|
|
27440
27468
|
const videoTileProps = useVideoTileContext();
|
|
27441
27469
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
|
27442
27470
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
|
@@ -27607,21 +27635,21 @@ var init_Grid = __esm({
|
|
|
27607
27635
|
});
|
|
27608
27636
|
|
|
27609
27637
|
// src/Prebuilt/components/hooks/useTileLayout.tsx
|
|
27610
|
-
var import_react159, import_react_use31,
|
|
27638
|
+
var import_react159, import_react_use31, import_react_sdk79, aspectRatioConfig, usePagesWithTiles, useTileLayout;
|
|
27611
27639
|
var init_useTileLayout = __esm({
|
|
27612
27640
|
"src/Prebuilt/components/hooks/useTileLayout.tsx"() {
|
|
27613
27641
|
"use strict";
|
|
27614
27642
|
init_define_process_env();
|
|
27615
27643
|
import_react159 = require("react");
|
|
27616
27644
|
import_react_use31 = require("react-use");
|
|
27617
|
-
|
|
27645
|
+
import_react_sdk79 = require("@100mslive/react-sdk");
|
|
27618
27646
|
init_Theme();
|
|
27619
27647
|
aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
|
|
27620
27648
|
usePagesWithTiles = ({ peers, maxTileCount }) => {
|
|
27621
|
-
const vanillaStore = (0,
|
|
27622
|
-
const tracksMap = vanillaStore.getState(
|
|
27649
|
+
const vanillaStore = (0, import_react_sdk79.useHMSVanillaStore)();
|
|
27650
|
+
const tracksMap = vanillaStore.getState(import_react_sdk79.selectTracksMap);
|
|
27623
27651
|
const peersWithTiles = (0, import_react159.useMemo)(
|
|
27624
|
-
() => (0,
|
|
27652
|
+
() => (0, import_react_sdk79.getPeersWithTiles)(peers, tracksMap, () => false),
|
|
27625
27653
|
[peers, tracksMap]
|
|
27626
27654
|
);
|
|
27627
27655
|
const noOfPages = Math.ceil(peersWithTiles.length / maxTileCount);
|
|
@@ -27644,7 +27672,7 @@ var init_useTileLayout = __esm({
|
|
|
27644
27672
|
maxTileCount,
|
|
27645
27673
|
edgeToEdge = false
|
|
27646
27674
|
}) => {
|
|
27647
|
-
const vanillaStore = (0,
|
|
27675
|
+
const vanillaStore = (0, import_react_sdk79.useHMSVanillaStore)();
|
|
27648
27676
|
const [ref, { width, height }] = (0, import_react_use31.useMeasure)();
|
|
27649
27677
|
const isMobile = (0, import_react_use31.useMedia)(config.media.lg);
|
|
27650
27678
|
const [pagesWithTiles, setPagesWithTiles] = (0, import_react159.useState)([]);
|
|
@@ -27717,7 +27745,7 @@ var init_useTileLayout = __esm({
|
|
|
27717
27745
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
|
27718
27746
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
|
27719
27747
|
var _a8;
|
|
27720
|
-
const localPeer = (0,
|
|
27748
|
+
const localPeer = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectLocalPeer);
|
|
27721
27749
|
const isMobile = (0, import_react_use32.useMedia)(config.media.md);
|
|
27722
27750
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
|
27723
27751
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
|
@@ -27759,14 +27787,14 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
|
27759
27787
|
}
|
|
27760
27788
|
), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ import_react160.default.createElement(InsetTile, null));
|
|
27761
27789
|
}
|
|
27762
|
-
var import_react160, import_react_use32,
|
|
27790
|
+
var import_react160, import_react_use32, import_react_sdk80;
|
|
27763
27791
|
var init_EqualProminence = __esm({
|
|
27764
27792
|
"src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
|
|
27765
27793
|
"use strict";
|
|
27766
27794
|
init_define_process_env();
|
|
27767
27795
|
import_react160 = __toESM(require("react"));
|
|
27768
27796
|
import_react_use32 = require("react-use");
|
|
27769
|
-
|
|
27797
|
+
import_react_sdk80 = require("@100mslive/react-sdk");
|
|
27770
27798
|
init_Layout();
|
|
27771
27799
|
init_Theme();
|
|
27772
27800
|
init_InsetTile();
|
|
@@ -27943,7 +27971,7 @@ function RoleProminence({
|
|
|
27943
27971
|
}) {
|
|
27944
27972
|
var _a8;
|
|
27945
27973
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
|
27946
|
-
const localPeer = (0,
|
|
27974
|
+
const localPeer = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeer);
|
|
27947
27975
|
const maxTileCount = 4;
|
|
27948
27976
|
const pageList = usePagesWithTiles({
|
|
27949
27977
|
peers: prominentPeers,
|
|
@@ -27972,13 +28000,13 @@ function RoleProminence({
|
|
|
27972
28000
|
}
|
|
27973
28001
|
), /* @__PURE__ */ import_react164.default.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react164.default.createElement(InsetTile, null));
|
|
27974
28002
|
}
|
|
27975
|
-
var import_react164,
|
|
28003
|
+
var import_react164, import_react_sdk81;
|
|
27976
28004
|
var init_RoleProminence = __esm({
|
|
27977
28005
|
"src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
|
|
27978
28006
|
"use strict";
|
|
27979
28007
|
init_define_process_env();
|
|
27980
28008
|
import_react164 = __toESM(require("react"));
|
|
27981
|
-
|
|
28009
|
+
import_react_sdk81 = require("@100mslive/react-sdk");
|
|
27982
28010
|
init_InsetTile();
|
|
27983
28011
|
init_Pagination2();
|
|
27984
28012
|
init_SecondaryTiles();
|
|
@@ -27990,19 +28018,19 @@ var init_RoleProminence = __esm({
|
|
|
27990
28018
|
});
|
|
27991
28019
|
|
|
27992
28020
|
// src/Prebuilt/components/ScreenshareDisplay.jsx
|
|
27993
|
-
var import_react165,
|
|
28021
|
+
var import_react165, import_react_sdk82, import_react_icons80, ScreenshareDisplay;
|
|
27994
28022
|
var init_ScreenshareDisplay = __esm({
|
|
27995
28023
|
"src/Prebuilt/components/ScreenshareDisplay.jsx"() {
|
|
27996
28024
|
"use strict";
|
|
27997
28025
|
init_define_process_env();
|
|
27998
28026
|
import_react165 = __toESM(require("react"));
|
|
27999
|
-
|
|
28027
|
+
import_react_sdk82 = require("@100mslive/react-sdk");
|
|
28000
28028
|
import_react_icons80 = require("@100mslive/react-icons");
|
|
28001
28029
|
init_Button2();
|
|
28002
28030
|
init_Layout();
|
|
28003
28031
|
init_Text2();
|
|
28004
28032
|
ScreenshareDisplay = () => {
|
|
28005
|
-
const hmsActions = (0,
|
|
28033
|
+
const hmsActions = (0, import_react_sdk82.useHMSActions)();
|
|
28006
28034
|
return /* @__PURE__ */ import_react165.default.createElement(
|
|
28007
28035
|
Flex,
|
|
28008
28036
|
{
|
|
@@ -28036,7 +28064,7 @@ var init_ScreenshareDisplay = __esm({
|
|
|
28036
28064
|
});
|
|
28037
28065
|
|
|
28038
28066
|
// src/Prebuilt/components/ScreenshareTile.jsx
|
|
28039
|
-
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;
|
|
28040
28068
|
var init_ScreenshareTile = __esm({
|
|
28041
28069
|
"src/Prebuilt/components/ScreenshareTile.jsx"() {
|
|
28042
28070
|
"use strict";
|
|
@@ -28044,7 +28072,7 @@ var init_ScreenshareTile = __esm({
|
|
|
28044
28072
|
import_react166 = __toESM(require("react"));
|
|
28045
28073
|
import_react_use34 = require("react-use");
|
|
28046
28074
|
import_screenfull2 = __toESM(require("screenfull"));
|
|
28047
|
-
|
|
28075
|
+
import_react_sdk83 = require("@100mslive/react-sdk");
|
|
28048
28076
|
import_react_icons81 = require("@100mslive/react-icons");
|
|
28049
28077
|
init_TileMenu2();
|
|
28050
28078
|
init_Stats2();
|
|
@@ -28063,9 +28091,9 @@ var init_ScreenshareTile = __esm({
|
|
|
28063
28091
|
flexShrink: 0
|
|
28064
28092
|
};
|
|
28065
28093
|
Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
28066
|
-
const isLocal = (0,
|
|
28067
|
-
const track = (0,
|
|
28068
|
-
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));
|
|
28069
28097
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
28070
28098
|
const [isMouseHovered, setIsMouseHovered] = (0, import_react166.useState)(false);
|
|
28071
28099
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
@@ -28075,7 +28103,7 @@ var init_ScreenshareTile = __esm({
|
|
|
28075
28103
|
onClose: () => setFullscreen(false)
|
|
28076
28104
|
});
|
|
28077
28105
|
const isFullScreenSupported = import_screenfull2.default.isEnabled;
|
|
28078
|
-
const audioTrack = (0,
|
|
28106
|
+
const audioTrack = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
|
|
28079
28107
|
if (isLocal && !["browser", "window", "application"].includes(track == null ? void 0 : track.displaySurface)) {
|
|
28080
28108
|
return /* @__PURE__ */ import_react166.default.createElement(ScreenshareDisplay, null);
|
|
28081
28109
|
}
|
|
@@ -28129,14 +28157,14 @@ var init_ScreenshareTile = __esm({
|
|
|
28129
28157
|
});
|
|
28130
28158
|
|
|
28131
28159
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
|
28132
|
-
var import_react167, import_react_use35,
|
|
28160
|
+
var import_react167, import_react_use35, import_react_sdk84, ScreenshareLayout;
|
|
28133
28161
|
var init_ScreenshareLayout = __esm({
|
|
28134
28162
|
"src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
|
|
28135
28163
|
"use strict";
|
|
28136
28164
|
init_define_process_env();
|
|
28137
28165
|
import_react167 = __toESM(require("react"));
|
|
28138
28166
|
import_react_use35 = require("react-use");
|
|
28139
|
-
|
|
28167
|
+
import_react_sdk84 = require("@100mslive/react-sdk");
|
|
28140
28168
|
init_Theme();
|
|
28141
28169
|
init_Pagination2();
|
|
28142
28170
|
init_ScreenshareTile();
|
|
@@ -28146,7 +28174,7 @@ var init_ScreenshareLayout = __esm({
|
|
|
28146
28174
|
init_constants();
|
|
28147
28175
|
ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
28148
28176
|
var _a8;
|
|
28149
|
-
const peersSharing = (0,
|
|
28177
|
+
const peersSharing = (0, import_react_sdk84.useHMSStore)(import_react_sdk84.selectPeersScreenSharing);
|
|
28150
28178
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28151
28179
|
const [page, setPage] = (0, import_react167.useState)(0);
|
|
28152
28180
|
const activeSharePeer = peersSharing[page];
|
|
@@ -28177,12 +28205,12 @@ var init_ScreenshareLayout = __esm({
|
|
|
28177
28205
|
});
|
|
28178
28206
|
|
|
28179
28207
|
// src/Prebuilt/common/PeersSorter.ts
|
|
28180
|
-
var
|
|
28208
|
+
var import_react_sdk85, PeersSorter, PeersSorter_default;
|
|
28181
28209
|
var init_PeersSorter = __esm({
|
|
28182
28210
|
"src/Prebuilt/common/PeersSorter.ts"() {
|
|
28183
28211
|
"use strict";
|
|
28184
28212
|
init_define_process_env();
|
|
28185
|
-
|
|
28213
|
+
import_react_sdk85 = require("@100mslive/react-sdk");
|
|
28186
28214
|
PeersSorter = class {
|
|
28187
28215
|
constructor(store) {
|
|
28188
28216
|
this.storeUnsubscribe = void 0;
|
|
@@ -28204,7 +28232,7 @@ var init_PeersSorter = __esm({
|
|
|
28204
28232
|
}
|
|
28205
28233
|
});
|
|
28206
28234
|
if (!this.storeUnsubscribe) {
|
|
28207
|
-
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange,
|
|
28235
|
+
this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk85.selectDominantSpeaker);
|
|
28208
28236
|
}
|
|
28209
28237
|
this.moveSpeakerToFront(this.speaker);
|
|
28210
28238
|
};
|
|
@@ -28278,13 +28306,13 @@ var init_PeersSorter = __esm({
|
|
|
28278
28306
|
});
|
|
28279
28307
|
|
|
28280
28308
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
|
28281
|
-
var import_react168,
|
|
28309
|
+
var import_react168, import_react_sdk86, GridLayout;
|
|
28282
28310
|
var init_GridLayout = __esm({
|
|
28283
28311
|
"src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
|
|
28284
28312
|
"use strict";
|
|
28285
28313
|
init_define_process_env();
|
|
28286
28314
|
import_react168 = __toESM(require("react"));
|
|
28287
|
-
|
|
28315
|
+
import_react_sdk86 = require("@100mslive/react-sdk");
|
|
28288
28316
|
init_EqualProminence();
|
|
28289
28317
|
init_RoleProminence();
|
|
28290
28318
|
init_ScreenshareLayout();
|
|
@@ -28303,11 +28331,11 @@ var init_GridLayout = __esm({
|
|
|
28303
28331
|
edge_to_edge = false,
|
|
28304
28332
|
hide_metadata_on_tile = false
|
|
28305
28333
|
}) => {
|
|
28306
|
-
const peerSharing = (0,
|
|
28334
|
+
const peerSharing = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectPeerScreenSharing);
|
|
28307
28335
|
const pinnedTrack = usePinnedTrack();
|
|
28308
|
-
const peers = (0,
|
|
28309
|
-
const localPeerRole = (0,
|
|
28310
|
-
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);
|
|
28311
28339
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28312
28340
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
28313
28341
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -28326,7 +28354,7 @@ var init_GridLayout = __esm({
|
|
|
28326
28354
|
}
|
|
28327
28355
|
return peers;
|
|
28328
28356
|
}, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
|
|
28329
|
-
const vanillaStore = (0,
|
|
28357
|
+
const vanillaStore = (0, import_react_sdk86.useHMSVanillaStore)();
|
|
28330
28358
|
const [sortedPeers, setSortedPeers] = (0, import_react168.useState)(updatedPeers);
|
|
28331
28359
|
const peersSorter = (0, import_react168.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
|
|
28332
28360
|
const [pageSize, setPageSize] = (0, import_react168.useState)(0);
|
|
@@ -28387,13 +28415,13 @@ var init_GridLayout = __esm({
|
|
|
28387
28415
|
});
|
|
28388
28416
|
|
|
28389
28417
|
// src/Prebuilt/layouts/EmbedView.jsx
|
|
28390
|
-
var import_react169,
|
|
28418
|
+
var import_react169, import_react_sdk87, EmbedView, EmbedScreenShareView, EmbedComponent;
|
|
28391
28419
|
var init_EmbedView = __esm({
|
|
28392
28420
|
"src/Prebuilt/layouts/EmbedView.jsx"() {
|
|
28393
28421
|
"use strict";
|
|
28394
28422
|
init_define_process_env();
|
|
28395
28423
|
import_react169 = __toESM(require("react"));
|
|
28396
|
-
|
|
28424
|
+
import_react_sdk87 = require("@100mslive/react-sdk");
|
|
28397
28425
|
init_SecondaryTiles();
|
|
28398
28426
|
init_ToastManager();
|
|
28399
28427
|
init_ProminenceLayout();
|
|
@@ -28404,8 +28432,8 @@ var init_EmbedView = __esm({
|
|
|
28404
28432
|
return /* @__PURE__ */ import_react169.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react169.default.createElement(EmbedComponent, null));
|
|
28405
28433
|
};
|
|
28406
28434
|
EmbedScreenShareView = ({ children }) => {
|
|
28407
|
-
const peers = (0,
|
|
28408
|
-
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);
|
|
28409
28437
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28410
28438
|
const smallTilePeers = (0, import_react169.useMemo)(() => {
|
|
28411
28439
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
|
@@ -28420,9 +28448,9 @@ var init_EmbedView = __esm({
|
|
|
28420
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 }));
|
|
28421
28449
|
};
|
|
28422
28450
|
EmbedComponent = () => {
|
|
28423
|
-
const embedConfig = (0,
|
|
28451
|
+
const embedConfig = (0, import_react_sdk87.useHMSStore)((0, import_react_sdk87.selectAppData)(APP_DATA.embedConfig));
|
|
28424
28452
|
const resetConfig = useResetEmbedConfig();
|
|
28425
|
-
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0,
|
|
28453
|
+
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk87.useEmbedShare)(resetConfig);
|
|
28426
28454
|
(0, import_react169.useEffect)(() => {
|
|
28427
28455
|
(() => __async(void 0, null, function* () {
|
|
28428
28456
|
if (embedConfig && !isEmbedShareInProgress) {
|
|
@@ -28472,13 +28500,13 @@ var init_EmbedView = __esm({
|
|
|
28472
28500
|
});
|
|
28473
28501
|
|
|
28474
28502
|
// src/Prebuilt/layouts/PDFView.jsx
|
|
28475
|
-
var import_react170,
|
|
28503
|
+
var import_react170, import_react_sdk88, PDFView;
|
|
28476
28504
|
var init_PDFView = __esm({
|
|
28477
28505
|
"src/Prebuilt/layouts/PDFView.jsx"() {
|
|
28478
28506
|
"use strict";
|
|
28479
28507
|
init_define_process_env();
|
|
28480
28508
|
import_react170 = __toESM(require("react"));
|
|
28481
|
-
|
|
28509
|
+
import_react_sdk88 = require("@100mslive/react-sdk");
|
|
28482
28510
|
init_ToastManager();
|
|
28483
28511
|
init_Layout();
|
|
28484
28512
|
init_EmbedView();
|
|
@@ -28486,7 +28514,7 @@ var init_PDFView = __esm({
|
|
|
28486
28514
|
PDFView = () => {
|
|
28487
28515
|
const pdfConfig = usePDFConfig();
|
|
28488
28516
|
const resetConfig = useResetPDFConfig();
|
|
28489
|
-
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0,
|
|
28517
|
+
const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk88.usePDFShare)(resetConfig);
|
|
28490
28518
|
(0, import_react170.useEffect)(() => {
|
|
28491
28519
|
(() => __async(void 0, null, function* () {
|
|
28492
28520
|
try {
|
|
@@ -28595,14 +28623,14 @@ var init_WaitingView = __esm({
|
|
|
28595
28623
|
});
|
|
28596
28624
|
|
|
28597
28625
|
// src/Prebuilt/layouts/WhiteboardView.tsx
|
|
28598
|
-
var import_react172, import_react_use36,
|
|
28626
|
+
var import_react172, import_react_use36, import_react_sdk89, EmbedComponent2, WhiteboardView;
|
|
28599
28627
|
var init_WhiteboardView = __esm({
|
|
28600
28628
|
"src/Prebuilt/layouts/WhiteboardView.tsx"() {
|
|
28601
28629
|
"use strict";
|
|
28602
28630
|
init_define_process_env();
|
|
28603
28631
|
import_react172 = __toESM(require("react"));
|
|
28604
28632
|
import_react_use36 = require("react-use");
|
|
28605
|
-
|
|
28633
|
+
import_react_sdk89 = require("@100mslive/react-sdk");
|
|
28606
28634
|
init_SecondaryTiles();
|
|
28607
28635
|
init_ProminenceLayout();
|
|
28608
28636
|
init_src();
|
|
@@ -28611,7 +28639,7 @@ var init_WhiteboardView = __esm({
|
|
|
28611
28639
|
init_constants();
|
|
28612
28640
|
EmbedComponent2 = () => {
|
|
28613
28641
|
const isMobile = (0, import_react_use36.useMedia)(config.media.md);
|
|
28614
|
-
const { iframeRef } = (0,
|
|
28642
|
+
const { iframeRef } = (0, import_react_sdk89.useWhiteboard)(isMobile);
|
|
28615
28643
|
return /* @__PURE__ */ import_react172.default.createElement(
|
|
28616
28644
|
Box,
|
|
28617
28645
|
{
|
|
@@ -28643,8 +28671,8 @@ var init_WhiteboardView = __esm({
|
|
|
28643
28671
|
);
|
|
28644
28672
|
};
|
|
28645
28673
|
WhiteboardView = () => {
|
|
28646
|
-
const peers = (0,
|
|
28647
|
-
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);
|
|
28648
28676
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
28649
28677
|
const smallTilePeers = (0, import_react172.useMemo)(() => {
|
|
28650
28678
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
|
|
@@ -28662,17 +28690,17 @@ var init_WhiteboardView = __esm({
|
|
|
28662
28690
|
});
|
|
28663
28691
|
|
|
28664
28692
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
|
28665
|
-
var import_react173, import_react_use37,
|
|
28693
|
+
var import_react173, import_react_use37, import_react_sdk90, useCloseScreenshareWhiteboard;
|
|
28666
28694
|
var init_useCloseScreenshareWhiteboard = __esm({
|
|
28667
28695
|
"src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
|
|
28668
28696
|
"use strict";
|
|
28669
28697
|
init_define_process_env();
|
|
28670
28698
|
import_react173 = require("react");
|
|
28671
28699
|
import_react_use37 = require("react-use");
|
|
28672
|
-
|
|
28700
|
+
import_react_sdk90 = require("@100mslive/react-sdk");
|
|
28673
28701
|
useCloseScreenshareWhiteboard = () => {
|
|
28674
|
-
const { amIScreenSharing, toggleScreenShare } = (0,
|
|
28675
|
-
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)();
|
|
28676
28704
|
const prevScreenSharer = (0, import_react_use37.usePrevious)(amIScreenSharing);
|
|
28677
28705
|
const prevWhiteboardOwner = (0, import_react_use37.usePrevious)(isWhiteboardOwner);
|
|
28678
28706
|
(0, import_react173.useEffect)(() => {
|
|
@@ -29331,7 +29359,7 @@ var HLSView_exports = {};
|
|
|
29331
29359
|
__export(HLSView_exports, {
|
|
29332
29360
|
default: () => HLSView_default
|
|
29333
29361
|
});
|
|
29334
|
-
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;
|
|
29335
29363
|
var init_HLSView = __esm({
|
|
29336
29364
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
|
29337
29365
|
"use strict";
|
|
@@ -29340,7 +29368,7 @@ var init_HLSView = __esm({
|
|
|
29340
29368
|
import_react_use38 = require("react-use");
|
|
29341
29369
|
import_hls_player3 = require("@100mslive/hls-player");
|
|
29342
29370
|
import_screenfull3 = __toESM(require("screenfull"));
|
|
29343
|
-
|
|
29371
|
+
import_react_sdk91 = require("@100mslive/react-sdk");
|
|
29344
29372
|
import_react_icons88 = require("@100mslive/react-icons");
|
|
29345
29373
|
init_HlsStatsOverlay();
|
|
29346
29374
|
init_HMSVideo2();
|
|
@@ -29363,10 +29391,10 @@ var init_HLSView = __esm({
|
|
|
29363
29391
|
var _a8;
|
|
29364
29392
|
const videoRef = (0, import_react184.useRef)(null);
|
|
29365
29393
|
const hlsViewRef = (0, import_react184.useRef)(null);
|
|
29366
|
-
const hlsState = (0,
|
|
29367
|
-
const enablHlsStats = (0,
|
|
29368
|
-
const notification = (0,
|
|
29369
|
-
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)();
|
|
29370
29398
|
const { themeType, theme: theme2 } = useTheme();
|
|
29371
29399
|
const [streamEnded, setStreamEnded] = (0, import_react184.useState)(false);
|
|
29372
29400
|
let [hlsStatsState, setHlsStatsState] = (0, import_react184.useState)(null);
|
|
@@ -29387,7 +29415,7 @@ var init_HLSView = __esm({
|
|
|
29387
29415
|
const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react184.useState)(false);
|
|
29388
29416
|
const lastHlsUrl = (0, import_react_use38.usePrevious)(hlsUrl);
|
|
29389
29417
|
const togglePollView = usePollViewToggle();
|
|
29390
|
-
const vanillaStore = (0,
|
|
29418
|
+
const vanillaStore = (0, import_react_sdk91.useHMSVanillaStore)();
|
|
29391
29419
|
const isMobile = (0, import_react_use38.useMedia)(config.media.md);
|
|
29392
29420
|
const isFullScreen = (0, import_react_use38.useFullscreen)(hlsViewRef, show, {
|
|
29393
29421
|
onClose: () => toggle(false)
|
|
@@ -29452,8 +29480,8 @@ var init_HLSView = __esm({
|
|
|
29452
29480
|
const parsedPayload = parsePayload(payload);
|
|
29453
29481
|
if (parsedPayload.startsWith("poll:")) {
|
|
29454
29482
|
const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
|
|
29455
|
-
const poll = vanillaStore.getState((0,
|
|
29456
|
-
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";
|
|
29457
29485
|
const toastID = ToastManager.addToast({
|
|
29458
29486
|
title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
|
|
29459
29487
|
action: /* @__PURE__ */ import_react184.default.createElement(
|
|
@@ -29754,13 +29782,13 @@ var init_HLSView = __esm({
|
|
|
29754
29782
|
});
|
|
29755
29783
|
|
|
29756
29784
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
29757
|
-
var import_react185,
|
|
29785
|
+
var import_react185, import_react_sdk92, HLSView2, VideoStreamingSection;
|
|
29758
29786
|
var init_VideoStreamingSection = __esm({
|
|
29759
29787
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
|
29760
29788
|
"use strict";
|
|
29761
29789
|
init_define_process_env();
|
|
29762
29790
|
import_react185 = __toESM(require("react"));
|
|
29763
|
-
|
|
29791
|
+
import_react_sdk92 = require("@100mslive/react-sdk");
|
|
29764
29792
|
init_FullPageProgress();
|
|
29765
29793
|
init_GridLayout();
|
|
29766
29794
|
init_Layout();
|
|
@@ -29778,11 +29806,11 @@ var init_VideoStreamingSection = __esm({
|
|
|
29778
29806
|
hideControls = false
|
|
29779
29807
|
}) => {
|
|
29780
29808
|
var _a8, _b7, _c, _d;
|
|
29781
|
-
const localPeerRole = (0,
|
|
29782
|
-
const isConnected = (0,
|
|
29783
|
-
const peerSharing = (0,
|
|
29784
|
-
const isWhiteboardOpen = (_a8 = (0,
|
|
29785
|
-
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)();
|
|
29786
29814
|
const waitingViewerRole = useWaitingViewerRole();
|
|
29787
29815
|
const urlToIframe = useUrlToEmbed();
|
|
29788
29816
|
const pdfAnnotatorActive = usePDFConfig();
|
|
@@ -29842,13 +29870,13 @@ var init_VideoStreamingSection = __esm({
|
|
|
29842
29870
|
});
|
|
29843
29871
|
|
|
29844
29872
|
// src/Prebuilt/components/Header/common.jsx
|
|
29845
|
-
var import_react186,
|
|
29873
|
+
var import_react186, import_react_sdk93, import_react_icons89, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
|
29846
29874
|
var init_common2 = __esm({
|
|
29847
29875
|
"src/Prebuilt/components/Header/common.jsx"() {
|
|
29848
29876
|
"use strict";
|
|
29849
29877
|
init_define_process_env();
|
|
29850
29878
|
import_react186 = __toESM(require("react"));
|
|
29851
|
-
|
|
29879
|
+
import_react_sdk93 = require("@100mslive/react-sdk");
|
|
29852
29880
|
import_react_icons89 = require("@100mslive/react-icons");
|
|
29853
29881
|
init_Divider2();
|
|
29854
29882
|
init_Label2();
|
|
@@ -29858,12 +29886,12 @@ var init_common2 = __esm({
|
|
|
29858
29886
|
init_IconButton3();
|
|
29859
29887
|
init_ToastManager();
|
|
29860
29888
|
CamaraFlipActions = () => {
|
|
29861
|
-
const actions = (0,
|
|
29862
|
-
const { allDevices } = (0,
|
|
29889
|
+
const actions = (0, import_react_sdk93.useHMSActions)();
|
|
29890
|
+
const { allDevices } = (0, import_react_sdk93.useDevices)();
|
|
29863
29891
|
const { videoInput } = allDevices;
|
|
29864
|
-
const isVideoOn = (0,
|
|
29865
|
-
const videoTrackId = (0,
|
|
29866
|
-
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));
|
|
29867
29895
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
|
29868
29896
|
return null;
|
|
29869
29897
|
}
|
|
@@ -29886,7 +29914,7 @@ var init_common2 = __esm({
|
|
|
29886
29914
|
));
|
|
29887
29915
|
};
|
|
29888
29916
|
AudioActions = () => {
|
|
29889
|
-
const { allDevices, selectedDeviceIDs, updateDevice } = (0,
|
|
29917
|
+
const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk93.useDevices)();
|
|
29890
29918
|
const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
|
|
29891
29919
|
const { audioInput, audioOutput } = allDevices;
|
|
29892
29920
|
let availableAudioDevices = audioInput;
|
|
@@ -29895,7 +29923,7 @@ var init_common2 = __esm({
|
|
|
29895
29923
|
availableAudioDevices = audioOutput;
|
|
29896
29924
|
selectedAudio = selectedDeviceIDs.audioOutput;
|
|
29897
29925
|
}
|
|
29898
|
-
const hmsActions = (0,
|
|
29926
|
+
const hmsActions = (0, import_react_sdk93.useHMSActions)();
|
|
29899
29927
|
const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
|
|
29900
29928
|
const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
|
|
29901
29929
|
if (!audioFiltered) {
|
|
@@ -29916,7 +29944,7 @@ var init_common2 = __esm({
|
|
|
29916
29944
|
try {
|
|
29917
29945
|
yield updateDevice({
|
|
29918
29946
|
deviceId,
|
|
29919
|
-
deviceType: shouldShowAudioOutput ?
|
|
29947
|
+
deviceType: shouldShowAudioOutput ? import_react_sdk93.DeviceType.audioOutput : import_react_sdk93.DeviceType.audioInput
|
|
29920
29948
|
});
|
|
29921
29949
|
} catch (e) {
|
|
29922
29950
|
ToastManager.addToast({
|
|
@@ -30000,22 +30028,22 @@ var init_common2 = __esm({
|
|
|
30000
30028
|
});
|
|
30001
30029
|
|
|
30002
30030
|
// src/Prebuilt/components/Header/Header.tsx
|
|
30003
|
-
var import_react187, import_react_use39,
|
|
30031
|
+
var import_react187, import_react_use39, import_react_sdk94, Header2;
|
|
30004
30032
|
var init_Header = __esm({
|
|
30005
30033
|
"src/Prebuilt/components/Header/Header.tsx"() {
|
|
30006
30034
|
"use strict";
|
|
30007
30035
|
init_define_process_env();
|
|
30008
30036
|
import_react187 = __toESM(require("react"));
|
|
30009
30037
|
import_react_use39 = require("react-use");
|
|
30010
|
-
|
|
30038
|
+
import_react_sdk94 = require("@100mslive/react-sdk");
|
|
30011
30039
|
init_src();
|
|
30012
30040
|
init_HeaderComponents();
|
|
30013
30041
|
init_StreamActions();
|
|
30014
30042
|
init_common2();
|
|
30015
30043
|
Header2 = () => {
|
|
30016
|
-
const roomState = (0,
|
|
30044
|
+
const roomState = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectRoomState);
|
|
30017
30045
|
const isMobile = (0, import_react_use39.useMedia)(config.media.md);
|
|
30018
|
-
if (roomState !==
|
|
30046
|
+
if (roomState !== import_react_sdk94.HMSRoomState.Connected) {
|
|
30019
30047
|
return /* @__PURE__ */ import_react187.default.createElement(import_react187.default.Fragment, null);
|
|
30020
30048
|
}
|
|
30021
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(
|
|
@@ -30045,25 +30073,25 @@ var init_Header2 = __esm({
|
|
|
30045
30073
|
});
|
|
30046
30074
|
|
|
30047
30075
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
|
30048
|
-
var import_react188,
|
|
30076
|
+
var import_react188, import_react_sdk95, PreviousRoleInMetadata;
|
|
30049
30077
|
var init_PreviousRoleInMetadata = __esm({
|
|
30050
30078
|
"src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
|
|
30051
30079
|
"use strict";
|
|
30052
30080
|
init_define_process_env();
|
|
30053
30081
|
import_react188 = require("react");
|
|
30054
|
-
|
|
30082
|
+
import_react_sdk95 = require("@100mslive/react-sdk");
|
|
30055
30083
|
init_useMetadata();
|
|
30056
30084
|
PreviousRoleInMetadata = () => {
|
|
30057
|
-
const vanillaStore = (0,
|
|
30085
|
+
const vanillaStore = (0, import_react_sdk95.useHMSVanillaStore)();
|
|
30058
30086
|
const { updateMetaData } = useMyMetadata();
|
|
30059
30087
|
(0, import_react188.useEffect)(() => {
|
|
30060
|
-
let previousRole = vanillaStore.getState(
|
|
30088
|
+
let previousRole = vanillaStore.getState(import_react_sdk95.selectLocalPeerRoleName);
|
|
30061
30089
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
|
30062
30090
|
if (previousRole !== currentRole) {
|
|
30063
30091
|
updateMetaData({ prevRole: previousRole });
|
|
30064
30092
|
previousRole = currentRole;
|
|
30065
30093
|
}
|
|
30066
|
-
},
|
|
30094
|
+
}, import_react_sdk95.selectLocalPeerRoleName);
|
|
30067
30095
|
return unsubscribe;
|
|
30068
30096
|
}, [vanillaStore]);
|
|
30069
30097
|
return null;
|
|
@@ -30072,13 +30100,13 @@ var init_PreviousRoleInMetadata = __esm({
|
|
|
30072
30100
|
});
|
|
30073
30101
|
|
|
30074
30102
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
30075
|
-
var import_react189,
|
|
30103
|
+
var import_react189, import_react_sdk96, ConferenceScreen;
|
|
30076
30104
|
var init_ConferenceScreen = __esm({
|
|
30077
30105
|
"src/Prebuilt/components/ConferenceScreen.tsx"() {
|
|
30078
30106
|
"use strict";
|
|
30079
30107
|
init_define_process_env();
|
|
30080
30108
|
import_react189 = __toESM(require("react"));
|
|
30081
|
-
|
|
30109
|
+
import_react_sdk96 = require("@100mslive/react-sdk");
|
|
30082
30110
|
init_Footer3();
|
|
30083
30111
|
init_HLSFailureModal();
|
|
30084
30112
|
init_PIPComponent();
|
|
@@ -30098,11 +30126,11 @@ var init_ConferenceScreen = __esm({
|
|
|
30098
30126
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
|
30099
30127
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
30100
30128
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
30101
|
-
const roomState = (0,
|
|
30102
|
-
const isConnectedToRoom = (0,
|
|
30103
|
-
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)();
|
|
30104
30132
|
const [hideControls, setHideControls] = (0, import_react189.useState)(false);
|
|
30105
|
-
const dropdownList = (0,
|
|
30133
|
+
const dropdownList = (0, import_react_sdk96.useHMSStore)((0, import_react_sdk96.selectAppData)(APP_DATA.dropdownList));
|
|
30106
30134
|
const authTokenInAppData = useAuthToken();
|
|
30107
30135
|
const headerRef = (0, import_react189.useRef)(null);
|
|
30108
30136
|
const footerRef = (0, import_react189.useRef)(null);
|
|
@@ -30132,7 +30160,7 @@ var init_ConferenceScreen = __esm({
|
|
|
30132
30160
|
};
|
|
30133
30161
|
}, [dropdownList, hideControls, isMobileDevice]);
|
|
30134
30162
|
(0, import_react189.useEffect)(() => {
|
|
30135
|
-
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !==
|
|
30163
|
+
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk96.HMSRoomState.Connecting && !autoRoomJoined.current) {
|
|
30136
30164
|
hmsActions.join({
|
|
30137
30165
|
userName: userName || "",
|
|
30138
30166
|
authToken: authTokenInAppData,
|
|
@@ -30152,8 +30180,8 @@ var init_ConferenceScreen = __esm({
|
|
|
30152
30180
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
|
30153
30181
|
};
|
|
30154
30182
|
}, [onJoinFunc]);
|
|
30155
|
-
if (!isConnectedToRoom && ![
|
|
30156
|
-
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..." : "" });
|
|
30157
30185
|
}
|
|
30158
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(
|
|
30159
30187
|
Box,
|
|
@@ -30314,7 +30342,7 @@ var init_ErrorBoundary = __esm({
|
|
|
30314
30342
|
|
|
30315
30343
|
// src/Prebuilt/services/FeatureFlags.jsx
|
|
30316
30344
|
function FeatureFlagsInit() {
|
|
30317
|
-
const roomId = (0,
|
|
30345
|
+
const roomId = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectRoomID);
|
|
30318
30346
|
(0, import_react191.useEffect)(() => {
|
|
30319
30347
|
if (roomId) {
|
|
30320
30348
|
FeatureFlags.init(roomId);
|
|
@@ -30322,13 +30350,13 @@ function FeatureFlagsInit() {
|
|
|
30322
30350
|
}, [roomId]);
|
|
30323
30351
|
return null;
|
|
30324
30352
|
}
|
|
30325
|
-
var import_react191,
|
|
30353
|
+
var import_react191, import_react_sdk97, FeatureFlags;
|
|
30326
30354
|
var init_FeatureFlags = __esm({
|
|
30327
30355
|
"src/Prebuilt/services/FeatureFlags.jsx"() {
|
|
30328
30356
|
"use strict";
|
|
30329
30357
|
init_define_process_env();
|
|
30330
30358
|
import_react191 = require("react");
|
|
30331
|
-
|
|
30359
|
+
import_react_sdk97 = require("@100mslive/react-sdk");
|
|
30332
30360
|
FeatureFlags = class {
|
|
30333
30361
|
static init(roomId) {
|
|
30334
30362
|
if (!window.HMS) {
|
|
@@ -30386,13 +30414,13 @@ var init_Init = __esm({
|
|
|
30386
30414
|
});
|
|
30387
30415
|
|
|
30388
30416
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
|
30389
|
-
var import_react193,
|
|
30417
|
+
var import_react193, import_react_sdk98, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
|
|
30390
30418
|
var init_KeyboardInputManager = __esm({
|
|
30391
30419
|
"src/Prebuilt/components/Input/KeyboardInputManager.js"() {
|
|
30392
30420
|
"use strict";
|
|
30393
30421
|
init_define_process_env();
|
|
30394
30422
|
import_react193 = require("react");
|
|
30395
|
-
|
|
30423
|
+
import_react_sdk98 = require("@100mslive/react-sdk");
|
|
30396
30424
|
init_constants();
|
|
30397
30425
|
isEvenListenersAttached = false;
|
|
30398
30426
|
KeyboardInputManager = class {
|
|
@@ -30400,27 +30428,27 @@ var init_KeyboardInputManager = __esm({
|
|
|
30400
30428
|
__privateAdd(this, _actions, void 0);
|
|
30401
30429
|
__privateAdd(this, _store, void 0);
|
|
30402
30430
|
__privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
|
|
30403
|
-
const enabled = __privateGet(this, _store).getState(
|
|
30431
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk98.selectIsLocalAudioEnabled);
|
|
30404
30432
|
yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
|
|
30405
30433
|
}));
|
|
30406
30434
|
__privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
|
|
30407
|
-
const enabled = __privateGet(this, _store).getState(
|
|
30435
|
+
const enabled = __privateGet(this, _store).getState(import_react_sdk98.selectIsLocalVideoEnabled);
|
|
30408
30436
|
yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
|
|
30409
30437
|
}));
|
|
30410
30438
|
__privateAdd(this, _hideSidepane, () => {
|
|
30411
|
-
if (__privateGet(this, _store).getState((0,
|
|
30439
|
+
if (__privateGet(this, _store).getState((0, import_react_sdk98.selectAppData)(APP_DATA.sidePane))) {
|
|
30412
30440
|
__privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
|
|
30413
30441
|
}
|
|
30414
30442
|
});
|
|
30415
30443
|
__privateAdd(this, _toggleStatsForNerds, () => {
|
|
30416
|
-
const uiSettings = __privateGet(this, _store).getState((0,
|
|
30444
|
+
const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk98.selectAppData)(APP_DATA.uiSettings));
|
|
30417
30445
|
const statsEnabled = uiSettings.showStatsOnTiles;
|
|
30418
30446
|
__privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
|
|
30419
30447
|
showStatsOnTiles: !statsEnabled
|
|
30420
30448
|
}));
|
|
30421
30449
|
});
|
|
30422
30450
|
__privateAdd(this, _toggleHlsStats, () => {
|
|
30423
|
-
__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)));
|
|
30424
30452
|
});
|
|
30425
30453
|
// eslint-disable-next-line complexity
|
|
30426
30454
|
__privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
|
|
@@ -30478,8 +30506,8 @@ var init_KeyboardInputManager = __esm({
|
|
|
30478
30506
|
_bind = new WeakMap();
|
|
30479
30507
|
_unbind = new WeakMap();
|
|
30480
30508
|
KeyboardHandler = () => {
|
|
30481
|
-
const store = (0,
|
|
30482
|
-
const actions = (0,
|
|
30509
|
+
const store = (0, import_react_sdk98.useHMSVanillaStore)();
|
|
30510
|
+
const actions = (0, import_react_sdk98.useHMSActions)();
|
|
30483
30511
|
(0, import_react193.useEffect)(() => {
|
|
30484
30512
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
|
30485
30513
|
keyboardManager.bindAllShortcuts();
|
|
@@ -30518,14 +30546,14 @@ var init_useRedirectToLeave = __esm({
|
|
|
30518
30546
|
});
|
|
30519
30547
|
|
|
30520
30548
|
// src/Prebuilt/AppStateContext.tsx
|
|
30521
|
-
var import_react195, import_react_use40,
|
|
30549
|
+
var import_react195, import_react_use40, import_react_sdk99, AppStateContext, useHMSAppStateContext, useAppStateManager;
|
|
30522
30550
|
var init_AppStateContext = __esm({
|
|
30523
30551
|
"src/Prebuilt/AppStateContext.tsx"() {
|
|
30524
30552
|
"use strict";
|
|
30525
30553
|
init_define_process_env();
|
|
30526
30554
|
import_react195 = __toESM(require("react"));
|
|
30527
30555
|
import_react_use40 = require("react-use");
|
|
30528
|
-
|
|
30556
|
+
import_react_sdk99 = require("@100mslive/react-sdk");
|
|
30529
30557
|
init_VBHandler();
|
|
30530
30558
|
init_roomLayoutProvider();
|
|
30531
30559
|
init_useRedirectToLeave();
|
|
@@ -30546,7 +30574,7 @@ var init_AppStateContext = __esm({
|
|
|
30546
30574
|
useAppStateManager = () => {
|
|
30547
30575
|
const roomLayout = useRoomLayout();
|
|
30548
30576
|
const [activeState, setActiveState] = import_react195.default.useState();
|
|
30549
|
-
const roomState = (0,
|
|
30577
|
+
const roomState = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectRoomState);
|
|
30550
30578
|
const prevRoomState = (0, import_react_use40.usePreviousDistinct)(roomState);
|
|
30551
30579
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
30552
30580
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
@@ -30558,14 +30586,14 @@ var init_AppStateContext = __esm({
|
|
|
30558
30586
|
if (!roomLayout) {
|
|
30559
30587
|
return;
|
|
30560
30588
|
}
|
|
30561
|
-
if (roomState ===
|
|
30589
|
+
if (roomState === import_react_sdk99.HMSRoomState.Connected) {
|
|
30562
30590
|
setActiveState("meeting" /* MEETING */);
|
|
30563
|
-
} 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)) {
|
|
30564
30592
|
const goTo = isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */;
|
|
30565
30593
|
setActiveState(isLeaveScreenEnabled ? "leave" /* LEAVE */ : goTo);
|
|
30566
30594
|
VBHandler.reset();
|
|
30567
30595
|
redirectToLeave(1e3);
|
|
30568
|
-
} else if (!prevRoomState && roomState ===
|
|
30596
|
+
} else if (!prevRoomState && roomState === import_react_sdk99.HMSRoomState.Disconnected) {
|
|
30569
30597
|
setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
|
|
30570
30598
|
}
|
|
30571
30599
|
}, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave]);
|
|
@@ -30691,13 +30719,13 @@ var init_MwebLandscapePrompt = __esm({
|
|
|
30691
30719
|
});
|
|
30692
30720
|
|
|
30693
30721
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
|
30694
|
-
var import_react198,
|
|
30722
|
+
var import_react198, import_react_sdk100, import_react_icons93, ChatAction, HandRaiseAction, ToastConfig;
|
|
30695
30723
|
var init_ToastConfig = __esm({
|
|
30696
30724
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
|
30697
30725
|
"use strict";
|
|
30698
30726
|
init_define_process_env();
|
|
30699
30727
|
import_react198 = __toESM(require("react"));
|
|
30700
|
-
|
|
30728
|
+
import_react_sdk100 = require("@100mslive/react-sdk");
|
|
30701
30729
|
import_react_icons93 = require("@100mslive/react-icons");
|
|
30702
30730
|
init_Button2();
|
|
30703
30731
|
init_roomLayoutProvider();
|
|
@@ -30713,10 +30741,10 @@ var init_ToastConfig = __esm({
|
|
|
30713
30741
|
});
|
|
30714
30742
|
HandRaiseAction = import_react198.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
|
|
30715
30743
|
var _a8, _b7, _c;
|
|
30716
|
-
const hmsActions = (0,
|
|
30744
|
+
const hmsActions = (0, import_react_sdk100.useHMSActions)();
|
|
30717
30745
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
30718
30746
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
|
30719
|
-
const peer = (0,
|
|
30747
|
+
const peer = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectPeerByID)(id));
|
|
30720
30748
|
const layout = useRoomLayout();
|
|
30721
30749
|
const {
|
|
30722
30750
|
bring_to_stage_label,
|
|
@@ -30928,7 +30956,7 @@ var init_ToastBatcher = __esm({
|
|
|
30928
30956
|
|
|
30929
30957
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
30930
30958
|
function AutoplayBlockedModal() {
|
|
30931
|
-
const { error, resetError, unblockAudio } = (0,
|
|
30959
|
+
const { error, resetError, unblockAudio } = (0, import_react_sdk101.useAutoplayError)();
|
|
30932
30960
|
return /* @__PURE__ */ import_react199.default.createElement(
|
|
30933
30961
|
Dialog.Root,
|
|
30934
30962
|
{
|
|
@@ -30953,33 +30981,33 @@ function AutoplayBlockedModal() {
|
|
|
30953
30981
|
)))
|
|
30954
30982
|
);
|
|
30955
30983
|
}
|
|
30956
|
-
var import_react199,
|
|
30984
|
+
var import_react199, import_react_sdk101;
|
|
30957
30985
|
var init_AutoplayBlockedModal = __esm({
|
|
30958
30986
|
"src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
|
|
30959
30987
|
"use strict";
|
|
30960
30988
|
init_define_process_env();
|
|
30961
30989
|
import_react199 = __toESM(require("react"));
|
|
30962
|
-
|
|
30990
|
+
import_react_sdk101 = require("@100mslive/react-sdk");
|
|
30963
30991
|
init_src();
|
|
30964
30992
|
init_DialogContent2();
|
|
30965
30993
|
}
|
|
30966
30994
|
});
|
|
30967
30995
|
|
|
30968
30996
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
|
30969
|
-
var import_react200, import_uuid12,
|
|
30997
|
+
var import_react200, import_uuid12, import_react_sdk102, import_react_icons94, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
|
30970
30998
|
var init_ChatNotifications = __esm({
|
|
30971
30999
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
|
30972
31000
|
"use strict";
|
|
30973
31001
|
init_define_process_env();
|
|
30974
31002
|
import_react200 = __toESM(require("react"));
|
|
30975
31003
|
import_uuid12 = require("uuid");
|
|
30976
|
-
|
|
31004
|
+
import_react_sdk102 = require("@100mslive/react-sdk");
|
|
30977
31005
|
import_react_icons94 = require("@100mslive/react-icons");
|
|
30978
31006
|
init_ToastManager();
|
|
30979
31007
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
30980
31008
|
ChatNotifications = () => {
|
|
30981
|
-
const chatState = (0,
|
|
30982
|
-
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);
|
|
30983
31011
|
(0, import_react200.useEffect)(() => {
|
|
30984
31012
|
var _a8, _b7;
|
|
30985
31013
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
|
@@ -31002,28 +31030,28 @@ var init_ChatNotifications = __esm({
|
|
|
31002
31030
|
});
|
|
31003
31031
|
|
|
31004
31032
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
|
31005
|
-
var import_react201,
|
|
31033
|
+
var import_react201, import_react_sdk103, HandRaisedNotifications;
|
|
31006
31034
|
var init_HandRaisedNotifications = __esm({
|
|
31007
31035
|
"src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
|
|
31008
31036
|
"use strict";
|
|
31009
31037
|
init_define_process_env();
|
|
31010
31038
|
import_react201 = require("react");
|
|
31011
|
-
|
|
31039
|
+
import_react_sdk103 = require("@100mslive/react-sdk");
|
|
31012
31040
|
init_ToastBatcher();
|
|
31013
31041
|
init_useRoomLayoutScreen();
|
|
31014
31042
|
HandRaisedNotifications = () => {
|
|
31015
|
-
const notification = (0,
|
|
31016
|
-
const roomState = (0,
|
|
31017
|
-
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)();
|
|
31018
31046
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
|
31019
31047
|
(0, import_react201.useEffect)(() => {
|
|
31020
31048
|
if (!(notification == null ? void 0 : notification.data)) {
|
|
31021
31049
|
return;
|
|
31022
31050
|
}
|
|
31023
|
-
if (roomState !==
|
|
31051
|
+
if (roomState !== import_react_sdk103.HMSRoomState.Connected || notification.data.isLocal || !on_stage_exp) {
|
|
31024
31052
|
return;
|
|
31025
31053
|
}
|
|
31026
|
-
const hasPeerHandRaised = vanillaStore.getState((0,
|
|
31054
|
+
const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk103.selectHasPeerHandRaised)(notification.data.id));
|
|
31027
31055
|
if (hasPeerHandRaised) {
|
|
31028
31056
|
ToastBatcher.showToast({ notification, type: "RAISE_HAND" });
|
|
31029
31057
|
}
|
|
@@ -31034,17 +31062,17 @@ var init_HandRaisedNotifications = __esm({
|
|
|
31034
31062
|
});
|
|
31035
31063
|
|
|
31036
31064
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
31037
|
-
var import_react202,
|
|
31065
|
+
var import_react202, import_react_sdk104, InitErrorModal;
|
|
31038
31066
|
var init_InitErrorModal = __esm({
|
|
31039
31067
|
"src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
|
|
31040
31068
|
"use strict";
|
|
31041
31069
|
init_define_process_env();
|
|
31042
31070
|
import_react202 = __toESM(require("react"));
|
|
31043
|
-
|
|
31071
|
+
import_react_sdk104 = require("@100mslive/react-sdk");
|
|
31044
31072
|
init_src();
|
|
31045
31073
|
init_DialogContent2();
|
|
31046
31074
|
InitErrorModal = () => {
|
|
31047
|
-
const notification = (0,
|
|
31075
|
+
const notification = (0, import_react_sdk104.useHMSNotifications)(import_react_sdk104.HMSNotificationTypes.ERROR);
|
|
31048
31076
|
const [showModal, setShowModal] = (0, import_react202.useState)(false);
|
|
31049
31077
|
const [info, setInfo] = (0, import_react202.useState)({ title: "Init Error", description: "" });
|
|
31050
31078
|
(0, import_react202.useEffect)(() => {
|
|
@@ -31073,23 +31101,23 @@ var init_InitErrorModal = __esm({
|
|
|
31073
31101
|
});
|
|
31074
31102
|
|
|
31075
31103
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
|
31076
|
-
var import_react203,
|
|
31104
|
+
var import_react203, import_react_sdk105, notificationTypes, PeerNotifications;
|
|
31077
31105
|
var init_PeerNotifications = __esm({
|
|
31078
31106
|
"src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
|
|
31079
31107
|
"use strict";
|
|
31080
31108
|
init_define_process_env();
|
|
31081
31109
|
import_react203 = require("react");
|
|
31082
|
-
|
|
31110
|
+
import_react_sdk105 = require("@100mslive/react-sdk");
|
|
31083
31111
|
init_ToastBatcher();
|
|
31084
31112
|
init_useUISettings();
|
|
31085
31113
|
init_constants();
|
|
31086
31114
|
notificationTypes = [
|
|
31087
|
-
|
|
31088
|
-
|
|
31089
|
-
|
|
31115
|
+
import_react_sdk105.HMSNotificationTypes.PEER_LIST,
|
|
31116
|
+
import_react_sdk105.HMSNotificationTypes.PEER_JOINED,
|
|
31117
|
+
import_react_sdk105.HMSNotificationTypes.PEER_LEFT
|
|
31090
31118
|
];
|
|
31091
31119
|
PeerNotifications = () => {
|
|
31092
|
-
const notification = (0,
|
|
31120
|
+
const notification = (0, import_react_sdk105.useHMSNotifications)(notificationTypes);
|
|
31093
31121
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
|
31094
31122
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
|
31095
31123
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
@@ -31099,17 +31127,17 @@ var init_PeerNotifications = __esm({
|
|
|
31099
31127
|
}
|
|
31100
31128
|
console.debug(`[${notification.type}]`, notification);
|
|
31101
31129
|
switch (notification.type) {
|
|
31102
|
-
case
|
|
31130
|
+
case import_react_sdk105.HMSNotificationTypes.PEER_LIST:
|
|
31103
31131
|
if (!isPeerJoinSubscribed || notification.data.length === 0) {
|
|
31104
31132
|
return;
|
|
31105
31133
|
}
|
|
31106
31134
|
break;
|
|
31107
|
-
case
|
|
31135
|
+
case import_react_sdk105.HMSNotificationTypes.PEER_JOINED:
|
|
31108
31136
|
if (!isPeerJoinSubscribed) {
|
|
31109
31137
|
return;
|
|
31110
31138
|
}
|
|
31111
31139
|
break;
|
|
31112
|
-
case
|
|
31140
|
+
case import_react_sdk105.HMSNotificationTypes.PEER_LEFT:
|
|
31113
31141
|
if (selectedPeer.id === notification.data.id) {
|
|
31114
31142
|
setPeerSelector({});
|
|
31115
31143
|
}
|
|
@@ -31145,7 +31173,7 @@ var init_ios_perm_0 = __esm({
|
|
|
31145
31173
|
|
|
31146
31174
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
31147
31175
|
function PermissionErrorModal() {
|
|
31148
|
-
const notification = (0,
|
|
31176
|
+
const notification = (0, import_react_sdk106.useHMSNotifications)(import_react_sdk106.HMSNotificationTypes.ERROR);
|
|
31149
31177
|
const [deviceType, setDeviceType] = (0, import_react204.useState)("");
|
|
31150
31178
|
const [isSystemError, setIsSystemError] = (0, import_react204.useState)(false);
|
|
31151
31179
|
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
@@ -31204,14 +31232,14 @@ function PermissionErrorModal() {
|
|
|
31204
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
|
|
31205
31233
|
))) : null;
|
|
31206
31234
|
}
|
|
31207
|
-
var import_react204, import_react_use42,
|
|
31235
|
+
var import_react204, import_react_use42, import_react_sdk106;
|
|
31208
31236
|
var init_PermissionErrorModal = __esm({
|
|
31209
31237
|
"src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
|
|
31210
31238
|
"use strict";
|
|
31211
31239
|
init_define_process_env();
|
|
31212
31240
|
import_react204 = __toESM(require("react"));
|
|
31213
31241
|
import_react_use42 = require("react-use");
|
|
31214
|
-
|
|
31242
|
+
import_react_sdk106 = require("@100mslive/react-sdk");
|
|
31215
31243
|
init_src();
|
|
31216
31244
|
init_android_perm_1();
|
|
31217
31245
|
init_ios_perm_0();
|
|
@@ -31220,36 +31248,36 @@ var init_PermissionErrorModal = __esm({
|
|
|
31220
31248
|
});
|
|
31221
31249
|
|
|
31222
31250
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
|
31223
|
-
var import_react205,
|
|
31251
|
+
var import_react205, import_react_sdk107, notificationTypes2, notificationId, ReconnectNotifications;
|
|
31224
31252
|
var init_ReconnectNotifications = __esm({
|
|
31225
31253
|
"src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
|
|
31226
31254
|
"use strict";
|
|
31227
31255
|
init_define_process_env();
|
|
31228
31256
|
import_react205 = __toESM(require("react"));
|
|
31229
|
-
|
|
31257
|
+
import_react_sdk107 = require("@100mslive/react-sdk");
|
|
31230
31258
|
init_src();
|
|
31231
31259
|
init_ToastConfig();
|
|
31232
31260
|
init_ToastManager();
|
|
31233
31261
|
notificationTypes2 = [
|
|
31234
|
-
|
|
31235
|
-
|
|
31236
|
-
|
|
31262
|
+
import_react_sdk107.HMSNotificationTypes.RECONNECTED,
|
|
31263
|
+
import_react_sdk107.HMSNotificationTypes.RECONNECTING,
|
|
31264
|
+
import_react_sdk107.HMSNotificationTypes.ERROR
|
|
31237
31265
|
];
|
|
31238
31266
|
notificationId = null;
|
|
31239
31267
|
ReconnectNotifications = () => {
|
|
31240
|
-
const notification = (0,
|
|
31268
|
+
const notification = (0, import_react_sdk107.useHMSNotifications)(notificationTypes2);
|
|
31241
31269
|
const [open, setOpen] = (0, import_react205.useState)(false);
|
|
31242
31270
|
(0, import_react205.useEffect)(() => {
|
|
31243
31271
|
var _a8, _b7;
|
|
31244
31272
|
if (!notification) {
|
|
31245
31273
|
return;
|
|
31246
31274
|
}
|
|
31247
|
-
if (notification.type ===
|
|
31275
|
+
if (notification.type === import_react_sdk107.HMSNotificationTypes.ERROR && ((_a8 = notification.data) == null ? void 0 : _a8.isTerminal)) {
|
|
31248
31276
|
setOpen(false);
|
|
31249
|
-
} else if (notification.type ===
|
|
31277
|
+
} else if (notification.type === import_react_sdk107.HMSNotificationTypes.RECONNECTED) {
|
|
31250
31278
|
notificationId = ToastManager.replaceToast(notificationId, ToastConfig.RECONNECTED.single());
|
|
31251
31279
|
setOpen(false);
|
|
31252
|
-
} else if (notification.type ===
|
|
31280
|
+
} else if (notification.type === import_react_sdk107.HMSNotificationTypes.RECONNECTING) {
|
|
31253
31281
|
notificationId = ToastManager.replaceToast(
|
|
31254
31282
|
notificationId,
|
|
31255
31283
|
ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
|
|
@@ -31279,30 +31307,30 @@ var init_ReconnectNotifications = __esm({
|
|
|
31279
31307
|
});
|
|
31280
31308
|
|
|
31281
31309
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
31282
|
-
var import_react206,
|
|
31310
|
+
var import_react206, import_react_sdk108, import_react_icons95, TrackBulkUnmuteModal;
|
|
31283
31311
|
var init_TrackBulkUnmuteModal = __esm({
|
|
31284
31312
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
|
31285
31313
|
"use strict";
|
|
31286
31314
|
init_define_process_env();
|
|
31287
31315
|
import_react206 = __toESM(require("react"));
|
|
31288
|
-
|
|
31316
|
+
import_react_sdk108 = require("@100mslive/react-sdk");
|
|
31289
31317
|
import_react_icons95 = require("@100mslive/react-icons");
|
|
31290
31318
|
init_DialogContent2();
|
|
31291
31319
|
TrackBulkUnmuteModal = () => {
|
|
31292
|
-
const hmsActions = (0,
|
|
31320
|
+
const hmsActions = (0, import_react_sdk108.useHMSActions)();
|
|
31293
31321
|
const [muteNotification, setMuteNotification] = (0, import_react206.useState)(null);
|
|
31294
|
-
const notification = (0,
|
|
31295
|
-
|
|
31296
|
-
|
|
31297
|
-
|
|
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
|
|
31298
31326
|
]);
|
|
31299
31327
|
(0, import_react206.useEffect)(() => {
|
|
31300
31328
|
switch (notification == null ? void 0 : notification.type) {
|
|
31301
|
-
case
|
|
31302
|
-
case
|
|
31329
|
+
case import_react_sdk108.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
31330
|
+
case import_react_sdk108.HMSNotificationTypes.ROOM_ENDED:
|
|
31303
31331
|
setMuteNotification(null);
|
|
31304
31332
|
break;
|
|
31305
|
-
case
|
|
31333
|
+
case import_react_sdk108.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
|
|
31306
31334
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
31307
31335
|
setMuteNotification(notification.data);
|
|
31308
31336
|
}
|
|
@@ -31335,21 +31363,21 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
|
31335
31363
|
});
|
|
31336
31364
|
|
|
31337
31365
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
|
31338
|
-
var import_react207,
|
|
31366
|
+
var import_react207, import_react_sdk109, notificationTypes3, TrackNotifications;
|
|
31339
31367
|
var init_TrackNotifications = __esm({
|
|
31340
31368
|
"src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
|
|
31341
31369
|
"use strict";
|
|
31342
31370
|
init_define_process_env();
|
|
31343
31371
|
import_react207 = require("react");
|
|
31344
|
-
|
|
31372
|
+
import_react_sdk109 = require("@100mslive/react-sdk");
|
|
31345
31373
|
notificationTypes3 = [
|
|
31346
|
-
|
|
31347
|
-
|
|
31348
|
-
|
|
31349
|
-
|
|
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
|
|
31350
31378
|
];
|
|
31351
31379
|
TrackNotifications = () => {
|
|
31352
|
-
const notification = (0,
|
|
31380
|
+
const notification = (0, import_react_sdk109.useHMSNotifications)(notificationTypes3);
|
|
31353
31381
|
(0, import_react207.useEffect)(() => {
|
|
31354
31382
|
if (notification) {
|
|
31355
31383
|
console.debug(`[${notification.type}]`, notification);
|
|
@@ -31361,30 +31389,30 @@ var init_TrackNotifications = __esm({
|
|
|
31361
31389
|
});
|
|
31362
31390
|
|
|
31363
31391
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
31364
|
-
var import_react208,
|
|
31392
|
+
var import_react208, import_react_sdk110, import_react_icons96, TrackUnmuteModal;
|
|
31365
31393
|
var init_TrackUnmuteModal = __esm({
|
|
31366
31394
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
|
31367
31395
|
"use strict";
|
|
31368
31396
|
init_define_process_env();
|
|
31369
31397
|
import_react208 = __toESM(require("react"));
|
|
31370
|
-
|
|
31398
|
+
import_react_sdk110 = require("@100mslive/react-sdk");
|
|
31371
31399
|
import_react_icons96 = require("@100mslive/react-icons");
|
|
31372
31400
|
init_DialogContent2();
|
|
31373
31401
|
TrackUnmuteModal = () => {
|
|
31374
|
-
const hmsActions = (0,
|
|
31375
|
-
const notification = (0,
|
|
31376
|
-
|
|
31377
|
-
|
|
31378
|
-
|
|
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
|
|
31379
31407
|
]);
|
|
31380
31408
|
const [muteNotification, setMuteNotification] = (0, import_react208.useState)(null);
|
|
31381
31409
|
(0, import_react208.useEffect)(() => {
|
|
31382
31410
|
switch (notification == null ? void 0 : notification.type) {
|
|
31383
|
-
case
|
|
31384
|
-
case
|
|
31411
|
+
case import_react_sdk110.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
31412
|
+
case import_react_sdk110.HMSNotificationTypes.ROOM_ENDED:
|
|
31385
31413
|
setMuteNotification(null);
|
|
31386
31414
|
break;
|
|
31387
|
-
case
|
|
31415
|
+
case import_react_sdk110.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
31388
31416
|
if (notification == null ? void 0 : notification.data.enabled) {
|
|
31389
31417
|
setMuteNotification(notification.data);
|
|
31390
31418
|
}
|
|
@@ -31416,14 +31444,14 @@ var init_TrackUnmuteModal = __esm({
|
|
|
31416
31444
|
|
|
31417
31445
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
31418
31446
|
function Notifications() {
|
|
31419
|
-
const localPeerID = (0,
|
|
31420
|
-
const notification = (0,
|
|
31447
|
+
const localPeerID = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
|
|
31448
|
+
const notification = (0, import_react_sdk111.useHMSNotifications)();
|
|
31421
31449
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
31422
|
-
const roomState = (0,
|
|
31450
|
+
const roomState = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectRoomState);
|
|
31423
31451
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
31424
31452
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
31425
31453
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
31426
|
-
const vanillaStore = (0,
|
|
31454
|
+
const vanillaStore = (0, import_react_sdk111.useHMSVanillaStore)();
|
|
31427
31455
|
const togglePollView = usePollViewToggle();
|
|
31428
31456
|
const handleRoleChangeDenied = (0, import_react209.useCallback)((request) => {
|
|
31429
31457
|
ToastManager.addToast({
|
|
@@ -31431,15 +31459,15 @@ function Notifications() {
|
|
|
31431
31459
|
variant: "error"
|
|
31432
31460
|
});
|
|
31433
31461
|
}, []);
|
|
31434
|
-
(0,
|
|
31462
|
+
(0, import_react_sdk111.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
31435
31463
|
(0, import_react209.useEffect)(() => {
|
|
31436
31464
|
var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o, _p, _q;
|
|
31437
31465
|
if (!notification || isNotificationDisabled) {
|
|
31438
31466
|
return;
|
|
31439
31467
|
}
|
|
31440
31468
|
switch (notification.type) {
|
|
31441
|
-
case
|
|
31442
|
-
if (roomState !==
|
|
31469
|
+
case import_react_sdk111.HMSNotificationTypes.METADATA_UPDATED:
|
|
31470
|
+
if (roomState !== import_react_sdk111.HMSRoomState.Connected) {
|
|
31443
31471
|
return;
|
|
31444
31472
|
}
|
|
31445
31473
|
const metadata = getMetadata((_a8 = notification.data) == null ? void 0 : _a8.metadata);
|
|
@@ -31450,10 +31478,10 @@ function Notifications() {
|
|
|
31450
31478
|
return;
|
|
31451
31479
|
ToastBatcher.showToast({ notification, type: "RAISE_HAND" });
|
|
31452
31480
|
break;
|
|
31453
|
-
case
|
|
31481
|
+
case import_react_sdk111.HMSNotificationTypes.NAME_UPDATED:
|
|
31454
31482
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
31455
31483
|
break;
|
|
31456
|
-
case
|
|
31484
|
+
case import_react_sdk111.HMSNotificationTypes.ERROR:
|
|
31457
31485
|
if (((_b7 = notification.data) == null ? void 0 : _b7.isTerminal) && ((_c = notification.data) == null ? void 0 : _c.action) !== "INIT") {
|
|
31458
31486
|
if ([500, 6008].includes((_d = notification.data) == null ? void 0 : _d.code)) {
|
|
31459
31487
|
ToastManager.addToast({
|
|
@@ -31485,7 +31513,7 @@ function Notifications() {
|
|
|
31485
31513
|
title: `Error: ${(_l = notification.data) == null ? void 0 : _l.message} - ${(_m = notification.data) == null ? void 0 : _m.description}`
|
|
31486
31514
|
});
|
|
31487
31515
|
break;
|
|
31488
|
-
case
|
|
31516
|
+
case import_react_sdk111.HMSNotificationTypes.ROLE_UPDATED: {
|
|
31489
31517
|
if (((_n2 = notification.data) == null ? void 0 : _n2.isLocal) && ((_o = notification.data) == null ? void 0 : _o.roleName)) {
|
|
31490
31518
|
ToastManager.addToast({
|
|
31491
31519
|
title: `You are now a ${notification.data.roleName}`
|
|
@@ -31494,7 +31522,7 @@ function Notifications() {
|
|
|
31494
31522
|
}
|
|
31495
31523
|
break;
|
|
31496
31524
|
}
|
|
31497
|
-
case
|
|
31525
|
+
case import_react_sdk111.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
31498
31526
|
const track = (_p = notification.data) == null ? void 0 : _p.track;
|
|
31499
31527
|
if (!notification.data.enabled) {
|
|
31500
31528
|
ToastManager.addToast({
|
|
@@ -31503,21 +31531,21 @@ function Notifications() {
|
|
|
31503
31531
|
});
|
|
31504
31532
|
}
|
|
31505
31533
|
break;
|
|
31506
|
-
case
|
|
31507
|
-
case
|
|
31534
|
+
case import_react_sdk111.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
31535
|
+
case import_react_sdk111.HMSNotificationTypes.ROOM_ENDED:
|
|
31508
31536
|
ToastManager.addToast({
|
|
31509
31537
|
title: `${notification.message}.
|
|
31510
31538
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
31511
31539
|
});
|
|
31512
31540
|
break;
|
|
31513
|
-
case
|
|
31541
|
+
case import_react_sdk111.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
31514
31542
|
ToastManager.addToast({
|
|
31515
31543
|
title: notification.message
|
|
31516
31544
|
});
|
|
31517
31545
|
break;
|
|
31518
|
-
case
|
|
31546
|
+
case import_react_sdk111.HMSNotificationTypes.POLL_STARTED:
|
|
31519
31547
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
31520
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
31548
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk111.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
31521
31549
|
const pollToastID = ToastManager.addToast({
|
|
31522
31550
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
31523
31551
|
action: /* @__PURE__ */ import_react209.default.createElement(
|
|
@@ -31539,7 +31567,7 @@ function Notifications() {
|
|
|
31539
31567
|
pollToastKey[notification.data.id] = pollToastID;
|
|
31540
31568
|
}
|
|
31541
31569
|
break;
|
|
31542
|
-
case
|
|
31570
|
+
case import_react_sdk111.HMSNotificationTypes.POLL_STOPPED:
|
|
31543
31571
|
const pollID = notification == null ? void 0 : notification.data.id;
|
|
31544
31572
|
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
|
31545
31573
|
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
|
@@ -31553,15 +31581,15 @@ function Notifications() {
|
|
|
31553
31581
|
if (isNotificationDisabled) {
|
|
31554
31582
|
return null;
|
|
31555
31583
|
}
|
|
31556
|
-
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));
|
|
31557
31585
|
}
|
|
31558
|
-
var import_react209,
|
|
31586
|
+
var import_react209, import_react_sdk111, import_react_icons97, pollToastKey;
|
|
31559
31587
|
var init_Notifications = __esm({
|
|
31560
31588
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
31561
31589
|
"use strict";
|
|
31562
31590
|
init_define_process_env();
|
|
31563
31591
|
import_react209 = __toESM(require("react"));
|
|
31564
|
-
|
|
31592
|
+
import_react_sdk111 = require("@100mslive/react-sdk");
|
|
31565
31593
|
import_react_icons97 = require("@100mslive/react-icons");
|
|
31566
31594
|
init_src();
|
|
31567
31595
|
init_roomLayoutProvider();
|
|
@@ -31661,19 +31689,19 @@ var init_Toast3 = __esm({
|
|
|
31661
31689
|
});
|
|
31662
31690
|
|
|
31663
31691
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
31664
|
-
var import_react212,
|
|
31692
|
+
var import_react212, import_react_sdk112, ToastContainer;
|
|
31665
31693
|
var init_ToastContainer = __esm({
|
|
31666
31694
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
31667
31695
|
"use strict";
|
|
31668
31696
|
init_define_process_env();
|
|
31669
31697
|
import_react212 = __toESM(require("react"));
|
|
31670
|
-
|
|
31698
|
+
import_react_sdk112 = require("@100mslive/react-sdk");
|
|
31671
31699
|
init_Toast2();
|
|
31672
31700
|
init_Toast3();
|
|
31673
31701
|
init_ToastManager();
|
|
31674
31702
|
init_constants();
|
|
31675
31703
|
ToastContainer = () => {
|
|
31676
|
-
const isConnected = (0,
|
|
31704
|
+
const isConnected = (0, import_react_sdk112.useHMSStore)(import_react_sdk112.selectIsConnectedToRoom);
|
|
31677
31705
|
const [toasts, setToast] = (0, import_react212.useState)([]);
|
|
31678
31706
|
(0, import_react212.useEffect)(() => {
|
|
31679
31707
|
ToastManager.addListener(setToast);
|
|
@@ -31697,8 +31725,8 @@ var init_ToastContainer = __esm({
|
|
|
31697
31725
|
|
|
31698
31726
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
31699
31727
|
function FlyingEmoji() {
|
|
31700
|
-
const localPeerId = (0,
|
|
31701
|
-
const vanillaStore = (0,
|
|
31728
|
+
const localPeerId = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectLocalPeerID);
|
|
31729
|
+
const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
|
|
31702
31730
|
const [emojis, setEmojis] = (0, import_react213.useState)([]);
|
|
31703
31731
|
const isMobile = (0, import_react_use44.useMedia)(config.media.md);
|
|
31704
31732
|
const startingPoints = (0, import_react213.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
@@ -31707,7 +31735,7 @@ function FlyingEmoji() {
|
|
|
31707
31735
|
if (!emojiId || !senderId || document.hidden) {
|
|
31708
31736
|
return;
|
|
31709
31737
|
}
|
|
31710
|
-
const senderPeerName = vanillaStore.getState((0,
|
|
31738
|
+
const senderPeerName = vanillaStore.getState((0, import_react_sdk113.selectPeerNameByID)(senderId));
|
|
31711
31739
|
const nameToShow = localPeerId === senderId ? "You" : senderPeerName;
|
|
31712
31740
|
const startingPoint = startingPoints[emojiCount % startingPoints.length];
|
|
31713
31741
|
const id = emojiCount++;
|
|
@@ -31726,7 +31754,7 @@ function FlyingEmoji() {
|
|
|
31726
31754
|
},
|
|
31727
31755
|
[localPeerId, vanillaStore, startingPoints]
|
|
31728
31756
|
);
|
|
31729
|
-
(0,
|
|
31757
|
+
(0, import_react_sdk113.useCustomEvent)({
|
|
31730
31758
|
type: EMOJI_REACTION_TYPE,
|
|
31731
31759
|
onEvent: showFlyingEmoji
|
|
31732
31760
|
});
|
|
@@ -31792,14 +31820,14 @@ function FlyingEmoji() {
|
|
|
31792
31820
|
})
|
|
31793
31821
|
);
|
|
31794
31822
|
}
|
|
31795
|
-
var import_react213, import_react_use44,
|
|
31823
|
+
var import_react213, import_react_use44, import_react_sdk113, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
31796
31824
|
var init_FlyingEmoji = __esm({
|
|
31797
31825
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
31798
31826
|
"use strict";
|
|
31799
31827
|
init_define_process_env();
|
|
31800
31828
|
import_react213 = __toESM(require("react"));
|
|
31801
31829
|
import_react_use44 = require("react-use");
|
|
31802
|
-
|
|
31830
|
+
import_react_sdk113 = require("@100mslive/react-sdk");
|
|
31803
31831
|
init_Layout();
|
|
31804
31832
|
init_Text2();
|
|
31805
31833
|
init_Theme();
|
|
@@ -31832,45 +31860,45 @@ var init_FlyingEmoji = __esm({
|
|
|
31832
31860
|
|
|
31833
31861
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
31834
31862
|
function RemoteStopScreenshare() {
|
|
31835
|
-
const actions = (0,
|
|
31863
|
+
const actions = (0, import_react_sdk114.useHMSActions)();
|
|
31836
31864
|
const onRemoteStopScreenshare = (0, import_react214.useCallback)(() => __async(this, null, function* () {
|
|
31837
31865
|
yield actions.setScreenShareEnabled(false);
|
|
31838
31866
|
}), [actions]);
|
|
31839
|
-
(0,
|
|
31867
|
+
(0, import_react_sdk114.useCustomEvent)({
|
|
31840
31868
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
31841
31869
|
onEvent: onRemoteStopScreenshare
|
|
31842
31870
|
});
|
|
31843
31871
|
return /* @__PURE__ */ import_react214.default.createElement(import_react214.default.Fragment, null);
|
|
31844
31872
|
}
|
|
31845
|
-
var import_react214,
|
|
31873
|
+
var import_react214, import_react_sdk114;
|
|
31846
31874
|
var init_RemoteStopScreenshare = __esm({
|
|
31847
31875
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
31848
31876
|
"use strict";
|
|
31849
31877
|
init_define_process_env();
|
|
31850
31878
|
import_react214 = __toESM(require("react"));
|
|
31851
|
-
|
|
31879
|
+
import_react_sdk114 = require("@100mslive/react-sdk");
|
|
31852
31880
|
init_constants();
|
|
31853
31881
|
}
|
|
31854
31882
|
});
|
|
31855
31883
|
|
|
31856
31884
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
31857
|
-
var import_react215,
|
|
31885
|
+
var import_react215, import_react_sdk115, useAutoStartStreaming;
|
|
31858
31886
|
var init_useAutoStartStreaming = __esm({
|
|
31859
31887
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
31860
31888
|
"use strict";
|
|
31861
31889
|
init_define_process_env();
|
|
31862
31890
|
import_react215 = require("react");
|
|
31863
|
-
|
|
31891
|
+
import_react_sdk115 = require("@100mslive/react-sdk");
|
|
31864
31892
|
init_useUISettings();
|
|
31865
31893
|
init_hooks();
|
|
31866
31894
|
init_constants();
|
|
31867
31895
|
useAutoStartStreaming = () => {
|
|
31868
31896
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
31869
|
-
const permissions = (0,
|
|
31897
|
+
const permissions = (0, import_react_sdk115.useHMSStore)(import_react_sdk115.selectPermissions);
|
|
31870
31898
|
const showStreamingUI = useShowStreamingUI();
|
|
31871
|
-
const hmsActions = (0,
|
|
31872
|
-
const isConnected = (0,
|
|
31873
|
-
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)();
|
|
31874
31902
|
const streamStartedRef = (0, import_react215.useRef)(false);
|
|
31875
31903
|
const startHLS = (0, import_react215.useCallback)(() => __async(void 0, null, function* () {
|
|
31876
31904
|
try {
|
|
@@ -31920,13 +31948,13 @@ function AppRoutes({
|
|
|
31920
31948
|
const { activeState, rejoin } = useAppStateManager();
|
|
31921
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 })));
|
|
31922
31950
|
}
|
|
31923
|
-
var import_react216,
|
|
31951
|
+
var import_react216, import_react_sdk116, HMSPrebuilt, AppStates, BackSwipe;
|
|
31924
31952
|
var init_App = __esm({
|
|
31925
31953
|
"src/Prebuilt/App.tsx"() {
|
|
31926
31954
|
"use strict";
|
|
31927
31955
|
init_define_process_env();
|
|
31928
31956
|
import_react216 = __toESM(require("react"));
|
|
31929
|
-
|
|
31957
|
+
import_react_sdk116 = require("@100mslive/react-sdk");
|
|
31930
31958
|
init_AppData();
|
|
31931
31959
|
init_AuthToken();
|
|
31932
31960
|
init_ConferenceScreen();
|
|
@@ -31970,7 +31998,7 @@ var init_App = __esm({
|
|
|
31970
31998
|
const [hydrated, setHydrated] = import_react216.default.useState(false);
|
|
31971
31999
|
(0, import_react216.useEffect)(() => {
|
|
31972
32000
|
setHydrated(true);
|
|
31973
|
-
const hms = new
|
|
32001
|
+
const hms = new import_react_sdk116.HMSReactiveStore();
|
|
31974
32002
|
const hmsStore = hms.getStore();
|
|
31975
32003
|
const hmsActions = hms.getActions();
|
|
31976
32004
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -32037,7 +32065,7 @@ var init_App = __esm({
|
|
|
32037
32065
|
}
|
|
32038
32066
|
},
|
|
32039
32067
|
/* @__PURE__ */ import_react216.default.createElement(
|
|
32040
|
-
|
|
32068
|
+
import_react_sdk116.HMSRoomProvider,
|
|
32041
32069
|
{
|
|
32042
32070
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
32043
32071
|
actions: (_a8 = reactiveStore.current) == null ? void 0 : _a8.hmsActions,
|
|
@@ -32108,8 +32136,8 @@ var init_App = __esm({
|
|
|
32108
32136
|
return /* @__PURE__ */ import_react216.default.createElement(ConferenceScreen, null);
|
|
32109
32137
|
};
|
|
32110
32138
|
BackSwipe = () => {
|
|
32111
|
-
const isConnectedToRoom = (0,
|
|
32112
|
-
const hmsActions = (0,
|
|
32139
|
+
const isConnectedToRoom = (0, import_react_sdk116.useHMSStore)(import_react_sdk116.selectIsConnectedToRoom);
|
|
32140
|
+
const hmsActions = (0, import_react_sdk116.useHMSActions)();
|
|
32113
32141
|
(0, import_react216.useEffect)(() => {
|
|
32114
32142
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
|
32115
32143
|
if (isConnectedToRoom) {
|