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