@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
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
|
|
106
106
|
var define_process_env_default;
|
107
107
|
var init_define_process_env = __esm({
|
108
108
|
"<define:process.env>"() {
|
109
|
-
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" };
|
109
|
+
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" };
|
110
110
|
}
|
111
111
|
});
|
112
112
|
|
@@ -11191,7 +11191,7 @@ import {
|
|
11191
11191
|
HMSRoomProvider,
|
11192
11192
|
selectIsConnectedToRoom as selectIsConnectedToRoom13,
|
11193
11193
|
useHMSActions as useHMSActions52,
|
11194
|
-
useHMSStore as
|
11194
|
+
useHMSStore as useHMSStore86
|
11195
11195
|
} from "@100mslive/react-sdk";
|
11196
11196
|
|
11197
11197
|
// src/Prebuilt/components/AppData/AppData.tsx
|
@@ -11821,7 +11821,7 @@ import {
|
|
11821
11821
|
selectIsConnectedToRoom as selectIsConnectedToRoom10,
|
11822
11822
|
selectRoomState as selectRoomState7,
|
11823
11823
|
useHMSActions as useHMSActions45,
|
11824
|
-
useHMSStore as
|
11824
|
+
useHMSStore as useHMSStore76
|
11825
11825
|
} from "@100mslive/react-sdk";
|
11826
11826
|
|
11827
11827
|
// src/Prebuilt/components/Footer/Footer.tsx
|
@@ -17275,7 +17275,7 @@ var Qi = (a2, e) => {
|
|
17275
17275
|
};
|
17276
17276
|
var ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
17277
17277
|
var nr = ya((jc, Va) => {
|
17278
|
-
Va.exports = { version: "0.11.2-alpha.
|
17278
|
+
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"] };
|
17279
17279
|
});
|
17280
17280
|
var 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 || {});
|
17281
17281
|
var ka = ((e) => (e.CHAT = "chat", e))(ka || {});
|
@@ -18583,6 +18583,28 @@ var calculateAvatarAndAttribBoxSize = (calculatedWidth, calculatedHeight) => {
|
|
18583
18583
|
return [avatarSize, attribBoxSize];
|
18584
18584
|
};
|
18585
18585
|
var isMobileUserAgent = /Mobi|Android|iPhone/i.test(navigator.userAgent);
|
18586
|
+
var getPeerResponses = (questions, peerid, userid) => {
|
18587
|
+
return questions.map(
|
18588
|
+
(question) => {
|
18589
|
+
var _a8;
|
18590
|
+
return (_a8 = question.responses) == null ? void 0 : _a8.filter(
|
18591
|
+
(response) => {
|
18592
|
+
var _a9, _b7;
|
18593
|
+
return (response && ((_a9 = response.peer) == null ? void 0 : _a9.peerid) === peerid || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === userid) && !response.skipped;
|
18594
|
+
}
|
18595
|
+
);
|
18596
|
+
}
|
18597
|
+
);
|
18598
|
+
};
|
18599
|
+
var getLastAttemptedIndex = (questions, peerid, userid = "") => {
|
18600
|
+
const peerResponses = getPeerResponses(questions, peerid, userid) || [];
|
18601
|
+
for (let i = 0; i < peerResponses.length; i++) {
|
18602
|
+
if (peerResponses[i] === void 0 || peerResponses[i].length === 0) {
|
18603
|
+
return i + 1;
|
18604
|
+
}
|
18605
|
+
}
|
18606
|
+
return questions.length + 1;
|
18607
|
+
};
|
18586
18608
|
|
18587
18609
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
18588
18610
|
var LiveStatus = () => {
|
@@ -20719,7 +20741,7 @@ import {
|
|
20719
20741
|
selectRoleChangeRequest,
|
20720
20742
|
useCustomEvent as useCustomEvent3,
|
20721
20743
|
useHMSActions as useHMSActions41,
|
20722
|
-
useHMSStore as
|
20744
|
+
useHMSStore as useHMSStore64
|
20723
20745
|
} from "@100mslive/react-sdk";
|
20724
20746
|
|
20725
20747
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
@@ -20733,7 +20755,7 @@ import {
|
|
20733
20755
|
selectRoomState as selectRoomState5,
|
20734
20756
|
selectVideoTrackByID as selectVideoTrackByID5,
|
20735
20757
|
useAVToggle as useAVToggle4,
|
20736
|
-
useHMSStore as
|
20758
|
+
useHMSStore as useHMSStore63,
|
20737
20759
|
useParticipants as useParticipants2,
|
20738
20760
|
usePreviewJoin,
|
20739
20761
|
useRecordingStreaming as useRecordingStreaming10
|
@@ -20744,7 +20766,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon5 } from "@100ms
|
|
20744
20766
|
init_define_process_env();
|
20745
20767
|
import React123, { useEffect as useEffect29 } from "react";
|
20746
20768
|
import { useMedia as useMedia20 } from "react-use";
|
20747
|
-
import { selectAppData as selectAppData5, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as
|
20769
|
+
import { selectAppData as selectAppData5, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
|
20748
20770
|
|
20749
20771
|
// src/Prebuilt/components/Polls/Polls.tsx
|
20750
20772
|
init_define_process_env();
|
@@ -21167,12 +21189,12 @@ var MultipleChoiceOptions = ({
|
|
21167
21189
|
}
|
21168
21190
|
},
|
21169
21191
|
/* @__PURE__ */ React87.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React87.createElement(CheckIcon5, { width: 16, height: 16 }))
|
21170
|
-
) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ React87.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React87.createElement(CheckCircleIcon,
|
21192
|
+
) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ React87.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React87.createElement(CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ React87.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React87.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React87.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ React87.createElement(Label3, { htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ React87.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React87.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.options.includes(option.index)) ? /* @__PURE__ */ React87.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
|
21171
21193
|
}));
|
21172
21194
|
};
|
21173
21195
|
var MultipleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
|
21174
21196
|
return /* @__PURE__ */ React87.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option, index) => {
|
21175
|
-
return /* @__PURE__ */ React87.createElement(Flex, { align: "center", key: index, css: { w: "100%", gap: "$
|
21197
|
+
return /* @__PURE__ */ React87.createElement(Flex, { align: "center", key: index, css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ React87.createElement(
|
21176
21198
|
Checkbox.Root,
|
21177
21199
|
{
|
21178
21200
|
onCheckedChange: (checked) => selectAnswer(checked, index),
|
@@ -21209,11 +21231,10 @@ var SingleChoiceOptions = ({
|
|
21209
21231
|
correctOptionIndex,
|
21210
21232
|
isStopped,
|
21211
21233
|
isQuiz,
|
21212
|
-
localPeerResponse
|
21213
|
-
answer
|
21234
|
+
localPeerResponse
|
21214
21235
|
}) => {
|
21215
|
-
return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value:
|
21216
|
-
return /* @__PURE__ */ React88.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$
|
21236
|
+
return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value: localPeerResponse == null ? void 0 : localPeerResponse.option, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
|
21237
|
+
return /* @__PURE__ */ React88.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React88.createElement(
|
21217
21238
|
RadioGroup.Item,
|
21218
21239
|
{
|
21219
21240
|
css: {
|
@@ -21246,13 +21267,13 @@ var SingleChoiceOptions = ({
|
|
21246
21267
|
}
|
21247
21268
|
}
|
21248
21269
|
)
|
21249
|
-
) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React88.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(CheckCircleIcon2,
|
21270
|
+
) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React88.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(CheckCircleIcon2, { height: 20, width: 20 })) : null, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React88.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React88.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(Label3, { style: { color: "inherit" }, htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ React88.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React88.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ React88.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
|
21250
21271
|
})));
|
21251
21272
|
};
|
21252
21273
|
var SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
|
21253
21274
|
const correctOptionIndex = options.findIndex((option) => option.isCorrectAnswer);
|
21254
21275
|
return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value: correctOptionIndex, onValueChange: selectAnswer }, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option, index) => {
|
21255
|
-
return /* @__PURE__ */ React88.createElement(Flex, { align: "center", key: `option-${index}`, css: { w: "100%", gap: "$
|
21276
|
+
return /* @__PURE__ */ React88.createElement(Flex, { align: "center", key: `option-${index}`, css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ React88.createElement(
|
21256
21277
|
RadioGroup.Item,
|
21257
21278
|
{
|
21258
21279
|
css: {
|
@@ -21684,7 +21705,7 @@ var LeaderboardEntry = ({
|
|
21684
21705
|
maxPossibleScore,
|
21685
21706
|
duration
|
21686
21707
|
}) => {
|
21687
|
-
return /* @__PURE__ */ React92.createElement(Flex, { align: "center", justify: "between", css: { my: "$
|
21708
|
+
return /* @__PURE__ */ React92.createElement(Flex, { align: "center", justify: "between", css: { my: "$8" } }, /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$6" } }, /* @__PURE__ */ React92.createElement(
|
21688
21709
|
Flex,
|
21689
21710
|
{
|
21690
21711
|
align: "center",
|
@@ -21712,7 +21733,7 @@ import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore39 }
|
|
21712
21733
|
init_define_process_env();
|
21713
21734
|
import React93 from "react";
|
21714
21735
|
var StatisticBox = ({ title, value = 0 }) => {
|
21715
|
-
if (!value) {
|
21736
|
+
if (!value && !(typeof value === "number")) {
|
21716
21737
|
return /* @__PURE__ */ React93.createElement(React93.Fragment, null);
|
21717
21738
|
}
|
21718
21739
|
return /* @__PURE__ */ React93.createElement(Box, { css: { p: "$8", background: "$surface_default", borderRadius: "$1", w: "100%" } }, /* @__PURE__ */ React93.createElement(
|
@@ -21799,7 +21820,7 @@ var PeerParticipationSummary = ({ quiz }) => {
|
|
21799
21820
|
}
|
21800
21821
|
] : [
|
21801
21822
|
{ title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) || "-" },
|
21802
|
-
{ title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
|
21823
|
+
{ title: "Points", value: (peerEntry == null ? void 0 : peerEntry.score) || 0 },
|
21803
21824
|
// Time in ms
|
21804
21825
|
{ title: "Time Taken", value: getFormattedTime(peerEntry == null ? void 0 : peerEntry.duration) },
|
21805
21826
|
{
|
@@ -21891,7 +21912,7 @@ import {
|
|
21891
21912
|
selectPermissions as selectPermissions13,
|
21892
21913
|
selectPollByID as selectPollByID4,
|
21893
21914
|
useHMSActions as useHMSActions29,
|
21894
|
-
useHMSStore as
|
21915
|
+
useHMSStore as useHMSStore43
|
21895
21916
|
} from "@100mslive/react-sdk";
|
21896
21917
|
import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
|
21897
21918
|
|
@@ -21961,10 +21982,6 @@ var QuestionCard2 = ({
|
|
21961
21982
|
}
|
21962
21983
|
]);
|
21963
21984
|
startTime.current = Date.now();
|
21964
|
-
if (isQuiz && index !== totalQuestions) {
|
21965
|
-
setSingleOptionAnswer(void 0);
|
21966
|
-
setMultipleOptionAnswer(/* @__PURE__ */ new Set());
|
21967
|
-
}
|
21968
21985
|
}), [
|
21969
21986
|
isValidVote,
|
21970
21987
|
actions.interactivityCenter,
|
@@ -21998,8 +22015,8 @@ var QuestionCard2 = ({
|
|
21998
22015
|
gap: "$4"
|
21999
22016
|
}
|
22000
22017
|
},
|
22001
|
-
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height:
|
22002
|
-
respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height:
|
22018
|
+
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 16, width: 16 }) : null,
|
22019
|
+
respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 16, width: 16 }) : null,
|
22003
22020
|
"QUESTION ",
|
22004
22021
|
index,
|
22005
22022
|
" OF ",
|
@@ -22038,8 +22055,7 @@ var QuestionCard2 = ({
|
|
22038
22055
|
totalResponses: result == null ? void 0 : result.totalResponses,
|
22039
22056
|
showVoteCount,
|
22040
22057
|
localPeerResponse,
|
22041
|
-
isStopped: pollState === "stopped"
|
22042
|
-
answer: singleOptionAnswer
|
22058
|
+
isStopped: pollState === "stopped"
|
22043
22059
|
}
|
22044
22060
|
) : null,
|
22045
22061
|
type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
|
@@ -22126,40 +22142,48 @@ var StandardView = ({ poll }) => {
|
|
22126
22142
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
22127
22143
|
init_define_process_env();
|
22128
22144
|
import React98, { useState as useState39 } from "react";
|
22145
|
+
import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
|
22129
22146
|
var TimedView = ({ poll }) => {
|
22130
|
-
var _a8, _b7;
|
22131
|
-
const
|
22147
|
+
var _a8, _b7, _c;
|
22148
|
+
const localPeerId = useHMSStore42(selectLocalPeerID9);
|
22149
|
+
const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
|
22150
|
+
const [currentIndex, setCurrentIndex] = useState39(lastAttemptedIndex);
|
22132
22151
|
const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
|
22133
|
-
|
22152
|
+
const attemptedAll = ((_b7 = poll.questions) == null ? void 0 : _b7.length) === lastAttemptedIndex - 1;
|
22153
|
+
if (!activeQuestion || !((_c = poll.questions) == null ? void 0 : _c.length)) {
|
22134
22154
|
return null;
|
22135
22155
|
}
|
22136
|
-
return /* @__PURE__ */ React98.createElement(
|
22137
|
-
|
22138
|
-
|
22139
|
-
|
22140
|
-
|
22141
|
-
|
22142
|
-
|
22143
|
-
|
22144
|
-
|
22145
|
-
|
22146
|
-
|
22147
|
-
|
22148
|
-
|
22149
|
-
|
22150
|
-
|
22151
|
-
|
22152
|
-
|
22153
|
-
|
22154
|
-
|
22156
|
+
return /* @__PURE__ */ React98.createElement(React98.Fragment, null, poll.questions.map((question) => {
|
22157
|
+
var _a9;
|
22158
|
+
return attemptedAll || activeQuestion.index === question.index ? /* @__PURE__ */ React98.createElement(
|
22159
|
+
QuestionCard2,
|
22160
|
+
{
|
22161
|
+
key: question.index,
|
22162
|
+
pollID: poll.id,
|
22163
|
+
isQuiz: poll.type === "quiz",
|
22164
|
+
startedBy: poll.startedBy,
|
22165
|
+
pollState: poll.state,
|
22166
|
+
index: question.index,
|
22167
|
+
text: question.text,
|
22168
|
+
type: question.type,
|
22169
|
+
result: question == null ? void 0 : question.result,
|
22170
|
+
totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
|
22171
|
+
options: question.options,
|
22172
|
+
responses: question.responses,
|
22173
|
+
answer: question.answer,
|
22174
|
+
setCurrentIndex,
|
22175
|
+
rolesThatCanViewResponses: poll.rolesThatCanViewResponses
|
22176
|
+
}
|
22177
|
+
) : null;
|
22178
|
+
}));
|
22155
22179
|
};
|
22156
22180
|
|
22157
22181
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
22158
22182
|
var Voting = ({ id, toggleVoting }) => {
|
22159
22183
|
const actions = useHMSActions29();
|
22160
|
-
const poll =
|
22161
|
-
const pollCreatorName =
|
22162
|
-
const permissions =
|
22184
|
+
const poll = useHMSStore43(selectPollByID4(id));
|
22185
|
+
const pollCreatorName = useHMSStore43(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
|
22186
|
+
const permissions = useHMSStore43(selectPermissions13);
|
22163
22187
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
22164
22188
|
const { setPollView } = usePollViewState();
|
22165
22189
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
@@ -22203,23 +22227,23 @@ var Voting = ({ id, toggleVoting }) => {
|
|
22203
22227
|
},
|
22204
22228
|
/* @__PURE__ */ React99.createElement(CrossIcon13, { onClick: toggleVoting })
|
22205
22229
|
)
|
22206
|
-
), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll }),
|
22207
|
-
|
22208
|
-
{
|
22209
|
-
variant: "danger",
|
22210
|
-
css: { fontWeight: "$semiBold", w: "max-content", ml: "auto", mt: "$8" },
|
22211
|
-
onClick: () => actions.interactivityCenter.stopPoll(id)
|
22212
|
-
},
|
22213
|
-
"End ",
|
22214
|
-
poll.type
|
22215
|
-
), canViewLeaderboard ? /* @__PURE__ */ React99.createElement(
|
22216
|
-
Button,
|
22230
|
+
), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", flex: "1 1 0", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll })), /* @__PURE__ */ React99.createElement(
|
22231
|
+
Flex,
|
22217
22232
|
{
|
22218
|
-
css: {
|
22219
|
-
onClick: () => setPollView(POLL_VIEWS.RESULTS)
|
22233
|
+
css: { w: "100%", justifyContent: "end", alignItems: "center", p: "$8", borderTop: "1px solid $border_bright" }
|
22220
22234
|
},
|
22221
|
-
"
|
22222
|
-
|
22235
|
+
poll.state === "started" && canEndActivity && /* @__PURE__ */ React99.createElement(
|
22236
|
+
Button,
|
22237
|
+
{
|
22238
|
+
variant: "danger",
|
22239
|
+
css: { fontWeight: "$semiBold", w: "max-content" },
|
22240
|
+
onClick: () => actions.interactivityCenter.stopPoll(id)
|
22241
|
+
},
|
22242
|
+
"End ",
|
22243
|
+
poll.type
|
22244
|
+
),
|
22245
|
+
canViewLeaderboard ? /* @__PURE__ */ React99.createElement(Button, { css: { fontWeight: "$semiBold", w: "max-content" }, onClick: () => setPollView(POLL_VIEWS.RESULTS) }, "View Leaderboard") : null
|
22246
|
+
));
|
22223
22247
|
};
|
22224
22248
|
|
22225
22249
|
// src/Prebuilt/components/Polls/Polls.tsx
|
@@ -22243,14 +22267,14 @@ var Polls = () => {
|
|
22243
22267
|
init_define_process_env();
|
22244
22268
|
import React115, { useEffect as useEffect27, useState as useState48 } from "react";
|
22245
22269
|
import { useMedia as useMedia17 } from "react-use";
|
22246
|
-
import { selectPeerCount as selectPeerCount4, useHMSStore as
|
22270
|
+
import { selectPeerCount as selectPeerCount4, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
|
22247
22271
|
import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
|
22248
22272
|
|
22249
22273
|
// src/Prebuilt/components/Chat/Chat.tsx
|
22250
22274
|
init_define_process_env();
|
22251
22275
|
import React112, { useCallback as useCallback28, useRef as useRef20 } from "react";
|
22252
22276
|
import { useMedia as useMedia16 } from "react-use";
|
22253
|
-
import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as
|
22277
|
+
import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
|
22254
22278
|
import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
|
22255
22279
|
|
22256
22280
|
// src/Prebuilt/components/Chat/ChatBody.tsx
|
@@ -22261,14 +22285,14 @@ import AutoSizer from "react-virtualized-auto-sizer";
|
|
22261
22285
|
import { VariableSizeList } from "react-window";
|
22262
22286
|
import {
|
22263
22287
|
selectHMSMessages,
|
22264
|
-
selectLocalPeerID as
|
22288
|
+
selectLocalPeerID as selectLocalPeerID10,
|
22265
22289
|
selectLocalPeerName as selectLocalPeerName3,
|
22266
22290
|
selectLocalPeerRoleName as selectLocalPeerRoleName3,
|
22267
22291
|
selectPeerNameByID as selectPeerNameByID3,
|
22268
22292
|
selectSessionStore as selectSessionStore5,
|
22269
22293
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
|
22270
22294
|
useHMSActions as useHMSActions33,
|
22271
|
-
useHMSStore as
|
22295
|
+
useHMSStore as useHMSStore47,
|
22272
22296
|
useHMSVanillaStore as useHMSVanillaStore9
|
22273
22297
|
} from "@100mslive/react-sdk";
|
22274
22298
|
import { SolidPinIcon } from "@100mslive/react-icons";
|
@@ -22276,7 +22300,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
|
|
22276
22300
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
22277
22301
|
init_define_process_env();
|
22278
22302
|
import React102, { useCallback as useCallback23, useState as useState40 } from "react";
|
22279
|
-
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions14, useHMSActions as useHMSActions32, useHMSStore as
|
22303
|
+
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions14, useHMSActions as useHMSActions32, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
|
22280
22304
|
import {
|
22281
22305
|
CopyIcon as CopyIcon2,
|
22282
22306
|
CrossCircleIcon as CrossCircleIcon2,
|
@@ -22304,10 +22328,10 @@ var MwebChatOption = ({
|
|
22304
22328
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
22305
22329
|
init_define_process_env();
|
22306
22330
|
import { useCallback as useCallback21 } from "react";
|
22307
|
-
import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions30, useHMSStore as
|
22331
|
+
import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
|
22308
22332
|
var useChatBlacklist = (sessionStoreKey) => {
|
22309
22333
|
const hmsActions = useHMSActions30();
|
22310
|
-
const blacklistedIDs =
|
22334
|
+
const blacklistedIDs = useHMSStore44(selectSessionStore2(sessionStoreKey));
|
22311
22335
|
const blacklistItem = useCallback21(
|
22312
22336
|
(blacklistID) => __async(void 0, null, function* () {
|
22313
22337
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
@@ -22317,8 +22341,8 @@ var useChatBlacklist = (sessionStoreKey) => {
|
|
22317
22341
|
return { blacklistItem, blacklistedIDs };
|
22318
22342
|
};
|
22319
22343
|
var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
22320
|
-
const localPeer =
|
22321
|
-
const blacklistedPeerIDs =
|
22344
|
+
const localPeer = useHMSStore44(selectLocalPeer2);
|
22345
|
+
const blacklistedPeerIDs = useHMSStore44(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
22322
22346
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
22323
22347
|
};
|
22324
22348
|
|
@@ -22401,9 +22425,9 @@ var ChatActions = ({
|
|
22401
22425
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
22402
22426
|
const [open, setOpen] = useState40(false);
|
22403
22427
|
const actions = useHMSActions32();
|
22404
|
-
const canRemoveOthers = (_b7 =
|
22428
|
+
const canRemoveOthers = (_b7 = useHMSStore45(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
|
22405
22429
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
22406
|
-
const localPeerName =
|
22430
|
+
const localPeerName = useHMSStore45(selectLocalPeerName2);
|
22407
22431
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
22408
22432
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
22409
22433
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
@@ -22496,7 +22520,7 @@ var ChatActions = ({
|
|
22496
22520
|
}
|
22497
22521
|
};
|
22498
22522
|
if (isMobile) {
|
22499
|
-
return /* @__PURE__ */ React102.createElement(Sheet.Root, { open: openSheet, onOpenChange: setOpenSheet }, /* @__PURE__ */ React102.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$14" }, onClick: () => setOpenSheet(false) }, /* @__PURE__ */ React102.createElement(
|
22523
|
+
return /* @__PURE__ */ React102.createElement(Sheet.Root, { open: openSheet, onOpenChange: setOpenSheet }, /* @__PURE__ */ React102.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$14" }, onClick: (e) => setOpenSheet(false, e) }, /* @__PURE__ */ React102.createElement(
|
22500
22524
|
Sheet.Title,
|
22501
22525
|
{
|
22502
22526
|
css: {
|
@@ -22513,7 +22537,7 @@ var ChatActions = ({
|
|
22513
22537
|
}
|
22514
22538
|
},
|
22515
22539
|
"Message options",
|
22516
|
-
/* @__PURE__ */ React102.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: () => setOpenSheet(false) }, /* @__PURE__ */ React102.createElement(CrossIcon14, null))
|
22540
|
+
/* @__PURE__ */ React102.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: (e) => setOpenSheet(false, e) }, /* @__PURE__ */ React102.createElement(CrossIcon14, null))
|
22517
22541
|
), Object.keys(options).map((optionKey) => {
|
22518
22542
|
const option = options[optionKey];
|
22519
22543
|
return option.show ? /* @__PURE__ */ React102.createElement(
|
@@ -22623,9 +22647,9 @@ var EmptyChat = () => {
|
|
22623
22647
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
22624
22648
|
init_define_process_env();
|
22625
22649
|
import { useEffect as useEffect21, useState as useState41 } from "react";
|
22626
|
-
import { selectSessionStore as selectSessionStore4, useHMSStore as
|
22650
|
+
import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
|
22627
22651
|
var usePinnedBy = (messageId) => {
|
22628
|
-
const pinnedMessages =
|
22652
|
+
const pinnedMessages = useHMSStore46(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
|
22629
22653
|
const [pinnedBy, setPinnedBy] = useState41("");
|
22630
22654
|
useEffect21(() => {
|
22631
22655
|
let match = "";
|
@@ -22708,8 +22732,8 @@ var MessageType = ({
|
|
22708
22732
|
hasCurrentUserSent,
|
22709
22733
|
receiver
|
22710
22734
|
}) => {
|
22711
|
-
const peerName =
|
22712
|
-
const localPeerRoleName =
|
22735
|
+
const peerName = useHMSStore47(selectPeerNameByID3(receiver));
|
22736
|
+
const localPeerRoleName = useHMSStore47(selectLocalPeerRoleName3);
|
22713
22737
|
if (receiver) {
|
22714
22738
|
return /* @__PURE__ */ React104.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
22715
22739
|
}
|
@@ -22757,14 +22781,14 @@ var ChatMessage = React104.memo(
|
|
22757
22781
|
const isMobile = useMedia11(config.media.md);
|
22758
22782
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
22759
22783
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
22760
|
-
const localPeerId =
|
22784
|
+
const localPeerId = useHMSStore47(selectLocalPeerID10);
|
22761
22785
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
22762
22786
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
22763
22787
|
const messageType = getMessageType({
|
22764
22788
|
roles: message.recipientRoles,
|
22765
22789
|
receiver: message.recipientPeer
|
22766
22790
|
});
|
22767
|
-
const [openSheet,
|
22791
|
+
const [openSheet, setOpenSheetBare] = useState42(false);
|
22768
22792
|
const showPinAction = !!((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.allow_pinning_messages);
|
22769
22793
|
const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
|
22770
22794
|
useLayoutEffect(() => {
|
@@ -22772,6 +22796,10 @@ var ChatMessage = React104.memo(
|
|
22772
22796
|
setRowHeight(index, message.id, rowRef.current.clientHeight);
|
22773
22797
|
}
|
22774
22798
|
}, [index, message.id]);
|
22799
|
+
const setOpenSheet = (value, e) => {
|
22800
|
+
e == null ? void 0 : e.stopPropagation();
|
22801
|
+
setOpenSheetBare(value);
|
22802
|
+
};
|
22775
22803
|
return /* @__PURE__ */ React104.createElement(
|
22776
22804
|
Box,
|
22777
22805
|
{
|
@@ -22805,9 +22833,9 @@ var ChatMessage = React104.memo(
|
|
22805
22833
|
}
|
22806
22834
|
},
|
22807
22835
|
"data-testid": "chat_msg",
|
22808
|
-
onClick: () => {
|
22836
|
+
onClick: (e) => {
|
22809
22837
|
if (isMobile) {
|
22810
|
-
setOpenSheet(true);
|
22838
|
+
setOpenSheet(true, e);
|
22811
22839
|
}
|
22812
22840
|
}
|
22813
22841
|
},
|
@@ -22902,8 +22930,7 @@ var ChatMessage = React104.memo(
|
|
22902
22930
|
color: isOverlay ? "#FFF" : "$on_surface_high"
|
22903
22931
|
},
|
22904
22932
|
onClick: (e) => {
|
22905
|
-
e
|
22906
|
-
setOpenSheet(true);
|
22933
|
+
setOpenSheet(true, e);
|
22907
22934
|
}
|
22908
22935
|
},
|
22909
22936
|
/* @__PURE__ */ React104.createElement(AnnotisedMessage, { message: message.message })
|
@@ -22973,8 +23000,8 @@ var VirtualizedChatMessages = React104.forwardRef(({ messages, scrollToBottom },
|
|
22973
23000
|
});
|
22974
23001
|
var ChatBody = React104.forwardRef(
|
22975
23002
|
({ scrollToBottom }, listRef) => {
|
22976
|
-
const messages =
|
22977
|
-
const blacklistedMessageIDs =
|
23003
|
+
const messages = useHMSStore47(selectHMSMessages);
|
23004
|
+
const blacklistedMessageIDs = useHMSStore47(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
22978
23005
|
const filteredMessages = useMemo7(() => {
|
22979
23006
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
22980
23007
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
@@ -23004,7 +23031,7 @@ var PinnedBy = ({
|
|
23004
23031
|
rowRef
|
23005
23032
|
}) => {
|
23006
23033
|
const pinnedBy = usePinnedBy(messageId);
|
23007
|
-
const localPeerName =
|
23034
|
+
const localPeerName = useHMSStore47(selectLocalPeerName3);
|
23008
23035
|
useLayoutEffect(() => {
|
23009
23036
|
if (rowRef == null ? void 0 : rowRef.current) {
|
23010
23037
|
if (pinnedBy) {
|
@@ -23027,7 +23054,7 @@ import React107, { useCallback as useCallback26, useEffect as useEffect24, useRe
|
|
23027
23054
|
import { useMedia as useMedia14 } from "react-use";
|
23028
23055
|
import data2 from "@emoji-mart/data";
|
23029
23056
|
import Picker from "@emoji-mart/react";
|
23030
|
-
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions35, useHMSStore as
|
23057
|
+
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions35, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
|
23031
23058
|
import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
|
23032
23059
|
|
23033
23060
|
// src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
|
@@ -23045,7 +23072,7 @@ import {
|
|
23045
23072
|
selectMessagesUnreadCountByRole,
|
23046
23073
|
selectRemotePeers as selectRemotePeers2,
|
23047
23074
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
|
23048
|
-
useHMSStore as
|
23075
|
+
useHMSStore as useHMSStore48
|
23049
23076
|
} from "@100mslive/react-sdk";
|
23050
23077
|
import { CheckIcon as CheckIcon6, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
|
23051
23078
|
var ChatDotIcon = () => {
|
@@ -23095,7 +23122,7 @@ var SelectorHeader = React105.memo(
|
|
23095
23122
|
}
|
23096
23123
|
);
|
23097
23124
|
var Everyone = React105.memo(({ active }) => {
|
23098
|
-
const unreadCount =
|
23125
|
+
const unreadCount = useHMSStore48(selectUnreadHMSMessagesCount3);
|
23099
23126
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23100
23127
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23101
23128
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23113,7 +23140,7 @@ var Everyone = React105.memo(({ active }) => {
|
|
23113
23140
|
);
|
23114
23141
|
});
|
23115
23142
|
var RoleItem = React105.memo(({ role, active }) => {
|
23116
|
-
const unreadCount =
|
23143
|
+
const unreadCount = useHMSStore48(selectMessagesUnreadCountByRole(role));
|
23117
23144
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23118
23145
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23119
23146
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23130,7 +23157,7 @@ var RoleItem = React105.memo(({ role, active }) => {
|
|
23130
23157
|
);
|
23131
23158
|
});
|
23132
23159
|
var PeerItem = ({ peerId, name, active }) => {
|
23133
|
-
const unreadCount =
|
23160
|
+
const unreadCount = useHMSStore48(selectMessagesUnreadCountByPeerID(peerId));
|
23134
23161
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23135
23162
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23136
23163
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23189,7 +23216,7 @@ var VirtualizedSelectItemList = ({
|
|
23189
23216
|
var ChatSelector = ({ role, peerId }) => {
|
23190
23217
|
var _a8, _b7;
|
23191
23218
|
const { elements } = useRoomLayoutConferencingScreen();
|
23192
|
-
const peers =
|
23219
|
+
const peers = useHMSStore48(selectRemotePeers2);
|
23193
23220
|
const [search, setSearch] = useState43("");
|
23194
23221
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
23195
23222
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
@@ -23327,10 +23354,10 @@ var ChatSelectorContainer = () => {
|
|
23327
23354
|
// src/Prebuilt/components/AppData/useChatState.js
|
23328
23355
|
init_define_process_env();
|
23329
23356
|
import { useCallback as useCallback25 } from "react";
|
23330
|
-
import { selectAppData as selectAppData4, useHMSActions as useHMSActions34, useHMSStore as
|
23357
|
+
import { selectAppData as selectAppData4, useHMSActions as useHMSActions34, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
|
23331
23358
|
var useChatDraftMessage = () => {
|
23332
23359
|
const hmsActions = useHMSActions34();
|
23333
|
-
let chatDraftMessage =
|
23360
|
+
let chatDraftMessage = useHMSStore49(selectAppData4(APP_DATA.chatDraft));
|
23334
23361
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
23335
23362
|
chatDraftMessage = "";
|
23336
23363
|
}
|
@@ -23429,7 +23456,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
23429
23456
|
const isMobile = useMedia14(config.media.md);
|
23430
23457
|
const { elements } = useRoomLayoutConferencingScreen();
|
23431
23458
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
23432
|
-
const localPeer =
|
23459
|
+
const localPeer = useHMSStore50(selectLocalPeer3);
|
23433
23460
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
23434
23461
|
const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
|
23435
23462
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
@@ -23596,14 +23623,14 @@ var ChatFooter = ({ onSend, children }) => {
|
|
23596
23623
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
23597
23624
|
init_define_process_env();
|
23598
23625
|
import React108, { useCallback as useCallback27 } from "react";
|
23599
|
-
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions36, useHMSStore as
|
23626
|
+
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions36, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
|
23600
23627
|
var ChatPaused = () => {
|
23601
23628
|
var _a8, _b7;
|
23602
23629
|
const hmsActions = useHMSActions36();
|
23603
23630
|
const { elements } = useRoomLayoutConferencingScreen();
|
23604
23631
|
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);
|
23605
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } =
|
23606
|
-
const localPeer =
|
23632
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore51(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
|
23633
|
+
const localPeer = useHMSStore51(selectLocalPeer4);
|
23607
23634
|
const unPauseChat = useCallback27(
|
23608
23635
|
() => __async(void 0, null, function* () {
|
23609
23636
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
@@ -23654,7 +23681,7 @@ init_define_process_env();
|
|
23654
23681
|
import React111, { useEffect as useEffect25, useState as useState46 } from "react";
|
23655
23682
|
import { useSwipeable } from "react-swipeable";
|
23656
23683
|
import { useMedia as useMedia15 } from "react-use";
|
23657
|
-
import { selectSessionStore as selectSessionStore7, useHMSStore as
|
23684
|
+
import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
|
23658
23685
|
import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
|
23659
23686
|
|
23660
23687
|
// src/Prebuilt/components/Chat/ArrowNavigation.tsx
|
@@ -23711,7 +23738,7 @@ var StickIndicator = ({ total, index }) => {
|
|
23711
23738
|
var PINNED_MESSAGE_LENGTH = 75;
|
23712
23739
|
var PinnedMessage = () => {
|
23713
23740
|
var _a8, _b7, _c;
|
23714
|
-
const pinnedMessages =
|
23741
|
+
const pinnedMessages = useHMSStore52(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
|
23715
23742
|
const [pinnedMessageIndex, setPinnedMessageIndex] = useState46(0);
|
23716
23743
|
const { removePinnedMessage } = usePinnedMessages();
|
23717
23744
|
const isMobile = useMedia15(config.media.md);
|
@@ -23831,7 +23858,7 @@ var Chat = () => {
|
|
23831
23858
|
const listRef = useRef20(null);
|
23832
23859
|
const hmsActions = useHMSActions37();
|
23833
23860
|
const vanillaStore = useHMSVanillaStore10();
|
23834
|
-
const { enabled: isChatEnabled = true } =
|
23861
|
+
const { enabled: isChatEnabled = true } = useHMSStore53(qh("chatState" /* CHAT_STATE */)) || {};
|
23835
23862
|
const isMobile = useMedia16(config.media.md);
|
23836
23863
|
const scrollToBottom = useCallback28(
|
23837
23864
|
(unreadCount = 0) => {
|
@@ -23869,7 +23896,7 @@ var NewMessageIndicator = ({
|
|
23869
23896
|
scrollToBottom,
|
23870
23897
|
listRef
|
23871
23898
|
}) => {
|
23872
|
-
const unreadCount =
|
23899
|
+
const unreadCount = useHMSStore53(Un);
|
23873
23900
|
if (!unreadCount || !listRef.current) {
|
23874
23901
|
return null;
|
23875
23902
|
}
|
@@ -23919,7 +23946,7 @@ import React113, { useEffect as useEffect26, useState as useState47 } from "reac
|
|
23919
23946
|
import { useInView } from "react-intersection-observer";
|
23920
23947
|
import { useMeasure as useMeasure2 } from "react-use";
|
23921
23948
|
import { VariableSizeList as VariableSizeList2 } from "react-window";
|
23922
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as
|
23949
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore54, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
|
23923
23950
|
import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
|
23924
23951
|
var LoadMoreParticipants = ({
|
23925
23952
|
hasNext,
|
@@ -23963,7 +23990,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
23963
23990
|
var _a8;
|
23964
23991
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
23965
23992
|
});
|
23966
|
-
const isConnected =
|
23993
|
+
const isConnected = useHMSStore54(selectIsConnectedToRoom8);
|
23967
23994
|
const [ref, { width }] = useMeasure2();
|
23968
23995
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
23969
23996
|
const resetSidePane = useSidepaneReset();
|
@@ -23997,15 +24024,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
23997
24024
|
// src/Prebuilt/components/ChatSettings.tsx
|
23998
24025
|
init_define_process_env();
|
23999
24026
|
import React114 from "react";
|
24000
|
-
import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions38, useHMSStore as
|
24027
|
+
import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions38, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
|
24001
24028
|
import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon4 } from "@100mslive/react-icons";
|
24002
24029
|
var ChatSettings = () => {
|
24003
24030
|
var _a8, _b7;
|
24004
24031
|
const hmsActions = useHMSActions38();
|
24005
|
-
const localPeer =
|
24032
|
+
const localPeer = useHMSStore55(selectLocalPeer5);
|
24006
24033
|
const { elements } = useRoomLayoutConferencingScreen();
|
24007
24034
|
const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
24008
|
-
const { enabled: isChatEnabled = true } =
|
24035
|
+
const { enabled: isChatEnabled = true } = useHMSStore55(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
|
24009
24036
|
const showPause = canPauseChat && isChatEnabled;
|
24010
24037
|
if (!showPause) {
|
24011
24038
|
return null;
|
@@ -24070,7 +24097,7 @@ var SidePaneTabs = React115.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
|
|
24070
24097
|
const resetSidePane = useSidepaneReset();
|
24071
24098
|
const [activeTab, setActiveTab] = useState48(active);
|
24072
24099
|
const [activeRole, setActiveRole] = useState48("");
|
24073
|
-
const peerCount =
|
24100
|
+
const peerCount = useHMSStore56(selectPeerCount4);
|
24074
24101
|
const { elements } = useRoomLayoutConferencingScreen();
|
24075
24102
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
24076
24103
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
@@ -24196,13 +24223,13 @@ import {
|
|
24196
24223
|
selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
|
24197
24224
|
selectHasPeerHandRaised as selectHasPeerHandRaised3,
|
24198
24225
|
selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
|
24199
|
-
selectLocalPeerID as
|
24226
|
+
selectLocalPeerID as selectLocalPeerID12,
|
24200
24227
|
selectPeerMetadata as selectPeerMetadata4,
|
24201
24228
|
selectPeerNameByID as selectPeerNameByID4,
|
24202
24229
|
selectSessionStore as selectSessionStore10,
|
24203
24230
|
selectVideoTrackByID as selectVideoTrackByID3,
|
24204
24231
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
|
24205
|
-
useHMSStore as
|
24232
|
+
useHMSStore as useHMSStore59
|
24206
24233
|
} from "@100mslive/react-sdk";
|
24207
24234
|
import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
|
24208
24235
|
|
@@ -24252,12 +24279,12 @@ init_define_process_env();
|
|
24252
24279
|
import React118, { useState as useState49 } from "react";
|
24253
24280
|
import { useMedia as useMedia19 } from "react-use";
|
24254
24281
|
import {
|
24255
|
-
selectLocalPeerID as
|
24282
|
+
selectLocalPeerID as selectLocalPeerID11,
|
24256
24283
|
selectPeerByID as selectPeerByID2,
|
24257
24284
|
selectPermissions as selectPermissions16,
|
24258
24285
|
selectTrackByID as selectTrackByID3,
|
24259
24286
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
|
24260
|
-
useHMSStore as
|
24287
|
+
useHMSStore as useHMSStore58,
|
24261
24288
|
useRemoteAVToggle as useRemoteAVToggle2
|
24262
24289
|
} from "@100mslive/react-sdk";
|
24263
24290
|
import { CrossIcon as CrossIcon18, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
|
@@ -24272,7 +24299,7 @@ import {
|
|
24272
24299
|
selectTrackByID as selectTrackByID2,
|
24273
24300
|
useCustomEvent as useCustomEvent2,
|
24274
24301
|
useHMSActions as useHMSActions39,
|
24275
|
-
useHMSStore as
|
24302
|
+
useHMSStore as useHMSStore57,
|
24276
24303
|
useRemoteAVToggle
|
24277
24304
|
} from "@100mslive/react-sdk";
|
24278
24305
|
import {
|
@@ -24309,7 +24336,7 @@ var SpotlightActions = ({
|
|
24309
24336
|
}
|
24310
24337
|
}) => {
|
24311
24338
|
const hmsActions = useHMSActions39();
|
24312
|
-
const spotlightPeerId =
|
24339
|
+
const spotlightPeerId = useHMSStore57(selectSessionStore9("spotlight" /* SPOTLIGHT */));
|
24313
24340
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
24314
24341
|
const dragClassName = getDragClassName();
|
24315
24342
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
@@ -24357,7 +24384,7 @@ var MinimiseInset = () => {
|
|
24357
24384
|
};
|
24358
24385
|
var SimulcastLayers = ({ trackId }) => {
|
24359
24386
|
var _a8;
|
24360
|
-
const track =
|
24387
|
+
const track = useHMSStore57(selectTrackByID2(trackId));
|
24361
24388
|
const actions = useHMSActions39();
|
24362
24389
|
const bg = useDropdownSelection();
|
24363
24390
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
@@ -24443,7 +24470,7 @@ var TileMenuContent = ({
|
|
24443
24470
|
var _a8;
|
24444
24471
|
const actions = useHMSActions39();
|
24445
24472
|
const dragClassName = getDragClassName();
|
24446
|
-
const removeOthers = (_a8 =
|
24473
|
+
const removeOthers = (_a8 = useHMSStore57(selectPermissions15)) == null ? void 0 : _a8.removeOthers;
|
24447
24474
|
const { userName } = useHMSPrebuiltContext();
|
24448
24475
|
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
|
24449
24476
|
audioTrackID,
|
@@ -24539,17 +24566,17 @@ var TileMenu = ({
|
|
24539
24566
|
var _a8, _b7;
|
24540
24567
|
const [open, setOpen] = useState49(false);
|
24541
24568
|
const { theme: theme2 } = useTheme();
|
24542
|
-
const localPeerID =
|
24569
|
+
const localPeerID = useHMSStore58(selectLocalPeerID11);
|
24543
24570
|
const isLocal = localPeerID === peerID;
|
24544
|
-
const { removeOthers } =
|
24571
|
+
const { removeOthers } = useHMSStore58(selectPermissions16);
|
24545
24572
|
const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
|
24546
24573
|
const showSpotlight = enableSpotlightingPeer;
|
24547
|
-
const isPrimaryVideoTrack = ((_a8 =
|
24574
|
+
const isPrimaryVideoTrack = ((_a8 = useHMSStore58(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
24548
24575
|
const showPinAction = audioTrackID || videoTrackID && isPrimaryVideoTrack;
|
24549
|
-
const track =
|
24576
|
+
const track = useHMSStore58(selectTrackByID3(videoTrackID));
|
24550
24577
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
24551
24578
|
const isMobile = useMedia19(config.media.md);
|
24552
|
-
const peer =
|
24579
|
+
const peer = useHMSStore58(selectPeerByID2(peerID));
|
24553
24580
|
const [showNameChangeModal, setShowNameChangeModal] = useState49(false);
|
24554
24581
|
useDropdownList({ open, name: "TileMenu" });
|
24555
24582
|
const dragClassName = getDragClassName();
|
@@ -24642,14 +24669,14 @@ var Tile = ({
|
|
24642
24669
|
hideMetadataOnTile = false
|
24643
24670
|
}) => {
|
24644
24671
|
const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
|
24645
|
-
const track =
|
24646
|
-
const peerName =
|
24647
|
-
const audioTrack =
|
24648
|
-
const localPeerID =
|
24672
|
+
const track = useHMSStore59(trackSelector);
|
24673
|
+
const peerName = useHMSStore59(selectPeerNameByID4(peerId));
|
24674
|
+
const audioTrack = useHMSStore59(selectAudioTrackByPeerID2(peerId));
|
24675
|
+
const localPeerID = useHMSStore59(selectLocalPeerID12);
|
24649
24676
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
24650
24677
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
24651
24678
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
24652
|
-
const isAudioMuted = !
|
24679
|
+
const isAudioMuted = !useHMSStore59(selectIsPeerAudioEnabled2(peerId));
|
24653
24680
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
24654
24681
|
const [isMouseHovered, setIsMouseHovered] = useState50(false);
|
24655
24682
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
@@ -24660,7 +24687,7 @@ var Tile = ({
|
|
24660
24687
|
videoTrackID: track == null ? void 0 : track.id,
|
24661
24688
|
audioTrackID: audioTrack == null ? void 0 : audioTrack.id
|
24662
24689
|
});
|
24663
|
-
const spotlighted =
|
24690
|
+
const spotlighted = useHMSStore59(selectSessionStore10("spotlight" /* SPOTLIGHT */)) === peerId;
|
24664
24691
|
const label = getVideoTileLabel({
|
24665
24692
|
peerName,
|
24666
24693
|
track,
|
@@ -24736,9 +24763,9 @@ var Tile = ({
|
|
24736
24763
|
);
|
24737
24764
|
};
|
24738
24765
|
var PeerMetadata = ({ peerId, size }) => {
|
24739
|
-
const metaData =
|
24766
|
+
const metaData = useHMSStore59(selectPeerMetadata4(peerId));
|
24740
24767
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
24741
|
-
const isHandRaised =
|
24768
|
+
const isHandRaised = useHMSStore59(selectHasPeerHandRaised3(peerId));
|
24742
24769
|
return /* @__PURE__ */ React119.createElement(Fragment13, null, isHandRaised ? /* @__PURE__ */ React119.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React119.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React119.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React119.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
|
24743
24770
|
};
|
24744
24771
|
var VideoTile = React119.memo(Tile);
|
@@ -24757,7 +24784,7 @@ import {
|
|
24757
24784
|
selectRoomState as selectRoomState4,
|
24758
24785
|
selectVideoTrackByID as selectVideoTrackByID4,
|
24759
24786
|
useHMSActions as useHMSActions40,
|
24760
|
-
useHMSStore as
|
24787
|
+
useHMSStore as useHMSStore60
|
24761
24788
|
} from "@100mslive/react-sdk";
|
24762
24789
|
import { BlurPersonHighIcon, CloseIcon, CrossCircleIcon as CrossCircleIcon3 } from "@100mslive/react-icons";
|
24763
24790
|
|
@@ -24935,18 +24962,18 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
24935
24962
|
var _a8, _b7;
|
24936
24963
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
24937
24964
|
const hmsActions = useHMSActions40();
|
24938
|
-
const localPeer =
|
24939
|
-
const role =
|
24940
|
-
const isVideoOn =
|
24965
|
+
const localPeer = useHMSStore60(selectLocalPeer6);
|
24966
|
+
const role = useHMSStore60(Ft);
|
24967
|
+
const isVideoOn = useHMSStore60(selectIsLocalVideoEnabled5);
|
24941
24968
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
24942
24969
|
const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
|
24943
|
-
const track =
|
24970
|
+
const track = useHMSStore60(trackSelector);
|
24944
24971
|
const [blurAmount, setBlurAmount] = useState51(VBHandler.getBlurAmount() || 0.5);
|
24945
|
-
const roomState =
|
24946
|
-
const isLargeRoom =
|
24947
|
-
const isEffectsEnabled =
|
24948
|
-
const effectsKey =
|
24949
|
-
const isPluginAdded =
|
24972
|
+
const roomState = useHMSStore60(selectRoomState4);
|
24973
|
+
const isLargeRoom = useHMSStore60(selectIsLargeRoom3);
|
24974
|
+
const isEffectsEnabled = useHMSStore60(Qn);
|
24975
|
+
const effectsKey = useHMSStore60(zn);
|
24976
|
+
const isPluginAdded = useHMSStore60(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
24950
24977
|
const [activeBackground, setActiveBackground] = useState51(
|
24951
24978
|
((_b7 = VBHandler) == null ? void 0 : _b7.getBackground()) || HMSVirtualBackgroundTypes3.NONE
|
24952
24979
|
);
|
@@ -25071,9 +25098,9 @@ var SidePane = ({
|
|
25071
25098
|
}) => {
|
25072
25099
|
var _a8, _b7, _c, _d, _e, _f;
|
25073
25100
|
const isMobile = useMedia20(config.media.md);
|
25074
|
-
const sidepane =
|
25075
|
-
const activeScreensharePeerId =
|
25076
|
-
const trackId = (_a8 =
|
25101
|
+
const sidepane = useHMSStore61(selectAppData5(APP_DATA.sidePane));
|
25102
|
+
const activeScreensharePeerId = useHMSStore61(selectAppData5(APP_DATA.activeScreensharePeerId));
|
25103
|
+
const trackId = (_a8 = useHMSStore61(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
25077
25104
|
const { elements } = useRoomLayoutConferencingScreen();
|
25078
25105
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
25079
25106
|
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) || [];
|
@@ -25204,10 +25231,10 @@ var FullPageProgress_default = FullPageProgress;
|
|
25204
25231
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
25205
25232
|
init_define_process_env();
|
25206
25233
|
import React126, { useEffect as useEffect30, useState as useState52 } from "react";
|
25207
|
-
import { selectDominantSpeaker, useHMSStore as
|
25234
|
+
import { selectDominantSpeaker, useHMSStore as useHMSStore62 } from "@100mslive/react-sdk";
|
25208
25235
|
import { VolumeOneIcon } from "@100mslive/react-icons";
|
25209
25236
|
var SpeakerTag = () => {
|
25210
|
-
const dominantSpeaker =
|
25237
|
+
const dominantSpeaker = useHMSStore62(selectDominantSpeaker);
|
25211
25238
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React126.createElement(
|
25212
25239
|
Flex,
|
25213
25240
|
{
|
@@ -25330,8 +25357,8 @@ var getParticipantChipContent = (peerCount = 0) => {
|
|
25330
25357
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
25331
25358
|
};
|
25332
25359
|
var useLocalTileAspectRatio = () => {
|
25333
|
-
const localPeer =
|
25334
|
-
const videoTrack =
|
25360
|
+
const localPeer = useHMSStore63(selectLocalPeer7);
|
25361
|
+
const videoTrack = useHMSStore63(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
|
25335
25362
|
const isMobile = useMedia22(config.media.md);
|
25336
25363
|
let aspectRatio = 0;
|
25337
25364
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
@@ -25374,7 +25401,7 @@ var PreviewJoin = ({
|
|
25374
25401
|
},
|
25375
25402
|
asRole
|
25376
25403
|
});
|
25377
|
-
const roomState =
|
25404
|
+
const roomState = useHMSStore63(selectRoomState5);
|
25378
25405
|
const savePreferenceAndJoin = useCallback30(() => {
|
25379
25406
|
setPreviewPreference({
|
25380
25407
|
name
|
@@ -25440,12 +25467,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
|
|
25440
25467
|
px: "$10"
|
25441
25468
|
}));
|
25442
25469
|
var PreviewTile = ({ name, error }) => {
|
25443
|
-
const localPeer =
|
25470
|
+
const localPeer = useHMSStore63(selectLocalPeer7);
|
25444
25471
|
const { isLocalAudioEnabled, toggleAudio } = useAVToggle4();
|
25445
|
-
const isVideoOn =
|
25472
|
+
const isVideoOn = useHMSStore63(selectIsLocalVideoEnabled6);
|
25446
25473
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
25447
25474
|
const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
|
25448
|
-
const track =
|
25475
|
+
const track = useHMSStore63(trackSelector);
|
25449
25476
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
25450
25477
|
const aspectRatio = useLocalTileAspectRatio();
|
25451
25478
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
|
@@ -25535,10 +25562,10 @@ var RequestActions = ({
|
|
25535
25562
|
var RoleChangeRequestModal = () => {
|
25536
25563
|
const hmsActions = useHMSActions41();
|
25537
25564
|
const { updateMetaData } = useMyMetadata();
|
25538
|
-
const isPreview =
|
25539
|
-
const currentRole =
|
25540
|
-
const roleChangeRequest =
|
25541
|
-
const name =
|
25565
|
+
const isPreview = useHMSStore64(selectIsInPreview);
|
25566
|
+
const currentRole = useHMSStore64(selectLocalPeerRoleName4);
|
25567
|
+
const roleChangeRequest = useHMSStore64(selectRoleChangeRequest);
|
25568
|
+
const name = useHMSStore64(selectLocalPeerName4);
|
25542
25569
|
const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
|
25543
25570
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
25544
25571
|
const { virtual_background } = elements || {};
|
@@ -25613,18 +25640,18 @@ import {
|
|
25613
25640
|
selectPeerScreenSharing as selectPeerScreenSharing3,
|
25614
25641
|
selectWhiteboard as selectWhiteboard2,
|
25615
25642
|
useHMSActions as useHMSActions43,
|
25616
|
-
useHMSStore as
|
25643
|
+
useHMSStore as useHMSStore73
|
25617
25644
|
} from "@100mslive/react-sdk";
|
25618
25645
|
|
25619
25646
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
25620
25647
|
init_define_process_env();
|
25621
25648
|
import React142, { useEffect as useEffect40, useMemo as useMemo15, useState as useState60 } from "react";
|
25622
25649
|
import {
|
25623
|
-
selectLocalPeerID as
|
25650
|
+
selectLocalPeerID as selectLocalPeerID14,
|
25624
25651
|
selectLocalPeerRoleName as selectLocalPeerRoleName5,
|
25625
25652
|
selectPeers as selectPeers3,
|
25626
25653
|
selectPeerScreenSharing,
|
25627
|
-
useHMSStore as
|
25654
|
+
useHMSStore as useHMSStore70,
|
25628
25655
|
useHMSVanillaStore as useHMSVanillaStore12
|
25629
25656
|
} from "@100mslive/react-sdk";
|
25630
25657
|
|
@@ -25632,14 +25659,14 @@ import {
|
|
25632
25659
|
init_define_process_env();
|
25633
25660
|
import React135, { useEffect as useEffect36, useMemo as useMemo12, useState as useState55 } from "react";
|
25634
25661
|
import { useMedia as useMedia26 } from "react-use";
|
25635
|
-
import { selectLocalPeer as selectLocalPeer9, useHMSStore as
|
25662
|
+
import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore66 } from "@100mslive/react-sdk";
|
25636
25663
|
|
25637
25664
|
// src/Prebuilt/components/InsetTile.tsx
|
25638
25665
|
init_define_process_env();
|
25639
25666
|
import React132, { useEffect as useEffect33, useRef as useRef21 } from "react";
|
25640
25667
|
import Draggable from "react-draggable";
|
25641
25668
|
import { useMedia as useMedia24 } from "react-use";
|
25642
|
-
import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as
|
25669
|
+
import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore65 } from "@100mslive/react-sdk";
|
25643
25670
|
import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
|
25644
25671
|
|
25645
25672
|
// src/Prebuilt/components/hooks/useVideoTileLayout.ts
|
@@ -25678,10 +25705,10 @@ var desktopAspectRatio = 1 / defaultMobileAspectRatio;
|
|
25678
25705
|
var InsetTile = () => {
|
25679
25706
|
const isMobile = useMedia24(config.media.md);
|
25680
25707
|
const isLandscape = useMedia24(config.media.ls);
|
25681
|
-
const localPeer =
|
25708
|
+
const localPeer = useHMSStore65(selectLocalPeer8);
|
25682
25709
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
25683
|
-
const videoTrack =
|
25684
|
-
const isAllowedToPublish =
|
25710
|
+
const videoTrack = useHMSStore65(selectVideoTrackByID6(localPeer == null ? void 0 : localPeer.videoTrack));
|
25711
|
+
const isAllowedToPublish = useHMSStore65(selectIsAllowedToPublish2);
|
25685
25712
|
const videoTileProps = useVideoTileContext();
|
25686
25713
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
25687
25714
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
@@ -25941,7 +25968,7 @@ var useTileLayout = ({
|
|
25941
25968
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
25942
25969
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
25943
25970
|
var _a8;
|
25944
|
-
const localPeer =
|
25971
|
+
const localPeer = useHMSStore66(selectLocalPeer9);
|
25945
25972
|
const isMobile = useMedia26(config.media.md);
|
25946
25973
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
25947
25974
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
@@ -25987,7 +26014,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
25987
26014
|
// src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
|
25988
26015
|
init_define_process_env();
|
25989
26016
|
import React138, { useEffect as useEffect38, useState as useState57 } from "react";
|
25990
|
-
import { selectLocalPeer as selectLocalPeer10, useHMSStore as
|
26017
|
+
import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
|
25991
26018
|
|
25992
26019
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
25993
26020
|
init_define_process_env();
|
@@ -26130,7 +26157,7 @@ function RoleProminence({
|
|
26130
26157
|
}) {
|
26131
26158
|
var _a8;
|
26132
26159
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
26133
|
-
const localPeer =
|
26160
|
+
const localPeer = useHMSStore67(selectLocalPeer10);
|
26134
26161
|
const maxTileCount = 4;
|
26135
26162
|
const pageList = usePagesWithTiles({
|
26136
26163
|
peers: prominentPeers,
|
@@ -26164,7 +26191,7 @@ function RoleProminence({
|
|
26164
26191
|
init_define_process_env();
|
26165
26192
|
import React141, { useEffect as useEffect39, useMemo as useMemo14, useState as useState59 } from "react";
|
26166
26193
|
import { useMedia as useMedia28 } from "react-use";
|
26167
|
-
import { selectPeersScreenSharing, useHMSStore as
|
26194
|
+
import { selectPeersScreenSharing, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
|
26168
26195
|
|
26169
26196
|
// src/Prebuilt/components/ScreenshareTile.jsx
|
26170
26197
|
init_define_process_env();
|
@@ -26172,11 +26199,11 @@ import React140, { useRef as useRef22, useState as useState58 } from "react";
|
|
26172
26199
|
import { useFullscreen as useFullscreen2 } from "react-use";
|
26173
26200
|
import screenfull2 from "screenfull";
|
26174
26201
|
import {
|
26175
|
-
selectLocalPeerID as
|
26202
|
+
selectLocalPeerID as selectLocalPeerID13,
|
26176
26203
|
selectPeerByID as selectPeerByID3,
|
26177
26204
|
selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
|
26178
26205
|
selectScreenShareByPeerID,
|
26179
|
-
useHMSStore as
|
26206
|
+
useHMSStore as useHMSStore68
|
26180
26207
|
} from "@100mslive/react-sdk";
|
26181
26208
|
import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
|
26182
26209
|
|
@@ -26227,9 +26254,9 @@ var labelStyles = {
|
|
26227
26254
|
flexShrink: 0
|
26228
26255
|
};
|
26229
26256
|
var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
26230
|
-
const isLocal =
|
26231
|
-
const track =
|
26232
|
-
const peer =
|
26257
|
+
const isLocal = useHMSStore68(selectLocalPeerID13) === peerId;
|
26258
|
+
const track = useHMSStore68(selectScreenShareByPeerID(peerId));
|
26259
|
+
const peer = useHMSStore68(selectPeerByID3(peerId));
|
26233
26260
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
26234
26261
|
const [isMouseHovered, setIsMouseHovered] = useState58(false);
|
26235
26262
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
@@ -26239,7 +26266,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
26239
26266
|
onClose: () => setFullscreen(false)
|
26240
26267
|
});
|
26241
26268
|
const isFullScreenSupported = screenfull2.isEnabled;
|
26242
|
-
const audioTrack =
|
26269
|
+
const audioTrack = useHMSStore68(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
|
26243
26270
|
if (isLocal && !["browser", "window", "application"].includes(track == null ? void 0 : track.displaySurface)) {
|
26244
26271
|
return /* @__PURE__ */ React140.createElement(ScreenshareDisplay, null);
|
26245
26272
|
}
|
@@ -26293,7 +26320,7 @@ var ScreenshareTile_default = ScreenshareTile;
|
|
26293
26320
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
26294
26321
|
var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
26295
26322
|
var _a8;
|
26296
|
-
const peersSharing =
|
26323
|
+
const peersSharing = useHMSStore69(selectPeersScreenSharing);
|
26297
26324
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26298
26325
|
const [page, setPage] = useState59(0);
|
26299
26326
|
const activeSharePeer = peersSharing[page];
|
@@ -26428,11 +26455,11 @@ var GridLayout = ({
|
|
26428
26455
|
edge_to_edge = false,
|
26429
26456
|
hide_metadata_on_tile = false
|
26430
26457
|
}) => {
|
26431
|
-
const peerSharing =
|
26458
|
+
const peerSharing = useHMSStore70(selectPeerScreenSharing);
|
26432
26459
|
const pinnedTrack = usePinnedTrack();
|
26433
|
-
const peers =
|
26434
|
-
const localPeerRole =
|
26435
|
-
const localPeerID =
|
26460
|
+
const peers = useHMSStore70(selectPeers3);
|
26461
|
+
const localPeerRole = useHMSStore70(selectLocalPeerRoleName5);
|
26462
|
+
const localPeerID = useHMSStore70(selectLocalPeerID14);
|
26436
26463
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26437
26464
|
const isRoleProminence = prominentRoles.length && peers.some(
|
26438
26465
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
@@ -26512,13 +26539,13 @@ var GridLayout = ({
|
|
26512
26539
|
// src/Prebuilt/layouts/EmbedView.jsx
|
26513
26540
|
init_define_process_env();
|
26514
26541
|
import React143, { useEffect as useEffect41, useMemo as useMemo16 } from "react";
|
26515
|
-
import { selectAppData as selectAppData6, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as
|
26542
|
+
import { selectAppData as selectAppData6, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
|
26516
26543
|
var EmbedView = () => {
|
26517
26544
|
return /* @__PURE__ */ React143.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React143.createElement(EmbedComponent, null));
|
26518
26545
|
};
|
26519
26546
|
var EmbedScreenShareView = ({ children }) => {
|
26520
|
-
const peers =
|
26521
|
-
const peerPresenting =
|
26547
|
+
const peers = useHMSStore71(selectPeers4);
|
26548
|
+
const peerPresenting = useHMSStore71(selectPeerScreenSharing2);
|
26522
26549
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26523
26550
|
const smallTilePeers = useMemo16(() => {
|
26524
26551
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
@@ -26533,7 +26560,7 @@ var EmbedScreenShareView = ({ children }) => {
|
|
26533
26560
|
return /* @__PURE__ */ React143.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React143.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React143.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
26534
26561
|
};
|
26535
26562
|
var EmbedComponent = () => {
|
26536
|
-
const embedConfig =
|
26563
|
+
const embedConfig = useHMSStore71(selectAppData6(APP_DATA.embedConfig));
|
26537
26564
|
const resetConfig = useResetEmbedConfig();
|
26538
26565
|
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
|
26539
26566
|
useEffect41(() => {
|
@@ -26691,7 +26718,7 @@ var WaitingView = React145.memo(() => {
|
|
26691
26718
|
init_define_process_env();
|
26692
26719
|
import React146, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
|
26693
26720
|
import { useMedia as useMedia29 } from "react-use";
|
26694
|
-
import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as
|
26721
|
+
import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore72, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
|
26695
26722
|
var EmbedComponent2 = () => {
|
26696
26723
|
const isMobile = useMedia29(config.media.md);
|
26697
26724
|
const { iframeRef } = useWhiteboard2(isMobile);
|
@@ -26726,8 +26753,8 @@ var EmbedComponent2 = () => {
|
|
26726
26753
|
);
|
26727
26754
|
};
|
26728
26755
|
var WhiteboardView = () => {
|
26729
|
-
const peers =
|
26730
|
-
const whiteboard =
|
26756
|
+
const peers = useHMSStore72(selectPeers5);
|
26757
|
+
const whiteboard = useHMSStore72(selectWhiteboard);
|
26731
26758
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26732
26759
|
const smallTilePeers = useMemo17(() => {
|
26733
26760
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
|
@@ -26764,17 +26791,17 @@ var useCloseScreenshareWhiteboard = () => {
|
|
26764
26791
|
};
|
26765
26792
|
|
26766
26793
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
26767
|
-
var HLSView = React147.lazy(() => import("./HLSView-
|
26794
|
+
var HLSView = React147.lazy(() => import("./HLSView-U346BIZQ.js"));
|
26768
26795
|
var VideoStreamingSection = ({
|
26769
26796
|
screenType,
|
26770
26797
|
elements,
|
26771
26798
|
hideControls = false
|
26772
26799
|
}) => {
|
26773
26800
|
var _a8, _b7, _c, _d;
|
26774
|
-
const localPeerRole =
|
26775
|
-
const isConnected =
|
26776
|
-
const peerSharing =
|
26777
|
-
const isWhiteboardOpen = (_a8 =
|
26801
|
+
const localPeerRole = useHMSStore73(selectLocalPeerRoleName6);
|
26802
|
+
const isConnected = useHMSStore73(selectIsConnectedToRoom9);
|
26803
|
+
const peerSharing = useHMSStore73(selectPeerScreenSharing3);
|
26804
|
+
const isWhiteboardOpen = (_a8 = useHMSStore73(selectWhiteboard2)) == null ? void 0 : _a8.open;
|
26778
26805
|
const hmsActions = useHMSActions43();
|
26779
26806
|
const waitingViewerRole = useWaitingViewerRole();
|
26780
26807
|
const urlToIframe = useUrlToEmbed();
|
@@ -26839,7 +26866,7 @@ init_define_process_env();
|
|
26839
26866
|
init_define_process_env();
|
26840
26867
|
import React149 from "react";
|
26841
26868
|
import { useMedia as useMedia30 } from "react-use";
|
26842
|
-
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as
|
26869
|
+
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
|
26843
26870
|
|
26844
26871
|
// src/Prebuilt/components/Header/common.jsx
|
26845
26872
|
init_define_process_env();
|
@@ -26851,7 +26878,7 @@ import {
|
|
26851
26878
|
selectVideoTrackByID as selectVideoTrackByID7,
|
26852
26879
|
useDevices as useDevices3,
|
26853
26880
|
useHMSActions as useHMSActions44,
|
26854
|
-
useHMSStore as
|
26881
|
+
useHMSStore as useHMSStore74
|
26855
26882
|
} from "@100mslive/react-sdk";
|
26856
26883
|
import {
|
26857
26884
|
BluetoothIcon,
|
@@ -26865,9 +26892,9 @@ var CamaraFlipActions = () => {
|
|
26865
26892
|
const actions = useHMSActions44();
|
26866
26893
|
const { allDevices } = useDevices3();
|
26867
26894
|
const { videoInput } = allDevices;
|
26868
|
-
const isVideoOn =
|
26869
|
-
const videoTrackId =
|
26870
|
-
const localVideoTrack =
|
26895
|
+
const isVideoOn = useHMSStore74(selectIsLocalVideoEnabled7);
|
26896
|
+
const videoTrackId = useHMSStore74(selectLocalVideoTrackID3);
|
26897
|
+
const localVideoTrack = useHMSStore74(selectVideoTrackByID7(videoTrackId));
|
26871
26898
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
26872
26899
|
return null;
|
26873
26900
|
}
|
@@ -27003,7 +27030,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React148.createElement(Re
|
|
27003
27030
|
|
27004
27031
|
// src/Prebuilt/components/Header/Header.tsx
|
27005
27032
|
var Header2 = () => {
|
27006
|
-
const roomState =
|
27033
|
+
const roomState = useHMSStore75(selectRoomState6);
|
27007
27034
|
const isMobile = useMedia30(config.media.md);
|
27008
27035
|
if (roomState !== HMSRoomState6.Connected) {
|
27009
27036
|
return /* @__PURE__ */ React149.createElement(React149.Fragment, null);
|
@@ -27049,11 +27076,11 @@ var ConferenceScreen = () => {
|
|
27049
27076
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
27050
27077
|
const screenProps = useRoomLayoutConferencingScreen();
|
27051
27078
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
27052
|
-
const roomState =
|
27053
|
-
const isConnectedToRoom =
|
27079
|
+
const roomState = useHMSStore76(selectRoomState7);
|
27080
|
+
const isConnectedToRoom = useHMSStore76(selectIsConnectedToRoom10);
|
27054
27081
|
const hmsActions = useHMSActions45();
|
27055
27082
|
const [hideControls, setHideControls] = useState61(false);
|
27056
|
-
const dropdownList =
|
27083
|
+
const dropdownList = useHMSStore76(selectAppData7(APP_DATA.dropdownList));
|
27057
27084
|
const authTokenInAppData = useAuthToken();
|
27058
27085
|
const headerRef = useRef23(null);
|
27059
27086
|
const footerRef = useRef23(null);
|
@@ -27257,7 +27284,7 @@ import React152, { useEffect as useEffect49 } from "react";
|
|
27257
27284
|
// src/Prebuilt/services/FeatureFlags.jsx
|
27258
27285
|
init_define_process_env();
|
27259
27286
|
import { useEffect as useEffect48 } from "react";
|
27260
|
-
import { selectRoomID, useHMSStore as
|
27287
|
+
import { selectRoomID, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
|
27261
27288
|
var FeatureFlags = class {
|
27262
27289
|
static init(roomId) {
|
27263
27290
|
if (!window.HMS) {
|
@@ -27282,7 +27309,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
|
|
27282
27309
|
__publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
|
27283
27310
|
__publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
|
27284
27311
|
function FeatureFlagsInit() {
|
27285
|
-
const roomId =
|
27312
|
+
const roomId = useHMSStore77(selectRoomID);
|
27286
27313
|
useEffect48(() => {
|
27287
27314
|
if (roomId) {
|
27288
27315
|
FeatureFlags.init(roomId);
|
@@ -27425,7 +27452,7 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
|
|
27425
27452
|
init_define_process_env();
|
27426
27453
|
import React153, { useContext as useContext4, useEffect as useEffect51 } from "react";
|
27427
27454
|
import { usePreviousDistinct } from "react-use";
|
27428
|
-
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as
|
27455
|
+
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
|
27429
27456
|
|
27430
27457
|
// src/Prebuilt/components/hooks/useRedirectToLeave.tsx
|
27431
27458
|
init_define_process_env();
|
@@ -27462,7 +27489,7 @@ var useHMSAppStateContext = () => {
|
|
27462
27489
|
var useAppStateManager = () => {
|
27463
27490
|
const roomLayout = useRoomLayout();
|
27464
27491
|
const [activeState, setActiveState] = React153.useState();
|
27465
|
-
const roomState =
|
27492
|
+
const roomState = useHMSStore78(selectRoomState8);
|
27466
27493
|
const prevRoomState = usePreviousDistinct(roomState);
|
27467
27494
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
27468
27495
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
@@ -27584,12 +27611,12 @@ import React164, { useCallback as useCallback33, useEffect as useEffect62 } from
|
|
27584
27611
|
import {
|
27585
27612
|
HMSNotificationTypes as HMSNotificationTypes10,
|
27586
27613
|
HMSRoomState as HMSRoomState10,
|
27587
|
-
selectLocalPeerID as
|
27614
|
+
selectLocalPeerID as selectLocalPeerID16,
|
27588
27615
|
selectPeerNameByID as selectPeerNameByID5,
|
27589
27616
|
selectRoomState as selectRoomState10,
|
27590
27617
|
useCustomEvent as useCustomEvent4,
|
27591
27618
|
useHMSNotifications as useHMSNotifications10,
|
27592
|
-
useHMSStore as
|
27619
|
+
useHMSStore as useHMSStore82,
|
27593
27620
|
useHMSVanillaStore as useHMSVanillaStore16
|
27594
27621
|
} from "@100mslive/react-sdk";
|
27595
27622
|
import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
|
@@ -27600,7 +27627,7 @@ init_define_process_env();
|
|
27600
27627
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
27601
27628
|
init_define_process_env();
|
27602
27629
|
import React156, { useCallback as useCallback32 } from "react";
|
27603
|
-
import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions47, useHMSStore as
|
27630
|
+
import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions47, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
|
27604
27631
|
import {
|
27605
27632
|
ChatUnreadIcon,
|
27606
27633
|
ConnectivityIcon,
|
@@ -27622,7 +27649,7 @@ var HandRaiseAction = React156.forwardRef(({ id = "", isSingleHandRaise = true }
|
|
27622
27649
|
const hmsActions = useHMSActions47();
|
27623
27650
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
27624
27651
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
27625
|
-
const peer =
|
27652
|
+
const peer = useHMSStore79(selectPeerByID4(id));
|
27626
27653
|
const layout = useRoomLayout();
|
27627
27654
|
const {
|
27628
27655
|
bring_to_stage_label,
|
@@ -27856,12 +27883,12 @@ function AutoplayBlockedModal() {
|
|
27856
27883
|
init_define_process_env();
|
27857
27884
|
import React158, { useEffect as useEffect53 } from "react";
|
27858
27885
|
import { v4 as uuid3 } from "uuid";
|
27859
|
-
import { selectLocalPeerID as
|
27886
|
+
import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
|
27860
27887
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon2 } from "@100mslive/react-icons";
|
27861
27888
|
var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
27862
27889
|
var ChatNotifications = () => {
|
27863
|
-
const chatState =
|
27864
|
-
const localPeerId =
|
27890
|
+
const chatState = useHMSStore80(selectSessionStore11("chatState" /* CHAT_STATE */));
|
27891
|
+
const localPeerId = useHMSStore80(selectLocalPeerID15);
|
27865
27892
|
useEffect53(() => {
|
27866
27893
|
var _a8, _b7;
|
27867
27894
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
@@ -27890,12 +27917,12 @@ import {
|
|
27890
27917
|
selectHasPeerHandRaised as selectHasPeerHandRaised4,
|
27891
27918
|
selectRoomState as selectRoomState9,
|
27892
27919
|
useHMSNotifications as useHMSNotifications2,
|
27893
|
-
useHMSStore as
|
27920
|
+
useHMSStore as useHMSStore81,
|
27894
27921
|
useHMSVanillaStore as useHMSVanillaStore15
|
27895
27922
|
} from "@100mslive/react-sdk";
|
27896
27923
|
var HandRaisedNotifications = () => {
|
27897
27924
|
const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
|
27898
|
-
const roomState =
|
27925
|
+
const roomState = useHMSStore81(selectRoomState9);
|
27899
27926
|
const vanillaStore = useHMSVanillaStore15();
|
27900
27927
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
27901
27928
|
useEffect54(() => {
|
@@ -28241,10 +28268,10 @@ var TrackUnmuteModal = () => {
|
|
28241
28268
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
28242
28269
|
var pollToastKey = {};
|
28243
28270
|
function Notifications() {
|
28244
|
-
const localPeerID =
|
28271
|
+
const localPeerID = useHMSStore82(selectLocalPeerID16);
|
28245
28272
|
const notification = useHMSNotifications10();
|
28246
28273
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
28247
|
-
const roomState =
|
28274
|
+
const roomState = useHMSStore82(selectRoomState10);
|
28248
28275
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
28249
28276
|
const isNotificationDisabled = useIsNotificationDisabled();
|
28250
28277
|
const screenProps = useRoomLayoutConferencingScreen();
|
@@ -28409,7 +28436,7 @@ var PreviewScreen = () => {
|
|
28409
28436
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
28410
28437
|
init_define_process_env();
|
28411
28438
|
import React167, { useEffect as useEffect63, useState as useState68 } from "react";
|
28412
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as
|
28439
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
|
28413
28440
|
|
28414
28441
|
// src/Prebuilt/components/Toast/Toast.jsx
|
28415
28442
|
init_define_process_env();
|
@@ -28432,7 +28459,7 @@ var Toast2 = (_a8) => {
|
|
28432
28459
|
|
28433
28460
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
28434
28461
|
var ToastContainer = () => {
|
28435
|
-
const isConnected =
|
28462
|
+
const isConnected = useHMSStore83(selectIsConnectedToRoom11);
|
28436
28463
|
const [toasts, setToast] = useState68([]);
|
28437
28464
|
useEffect63(() => {
|
28438
28465
|
ToastManager.addListener(setToast);
|
@@ -28457,10 +28484,10 @@ init_define_process_env();
|
|
28457
28484
|
import React168, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState69 } from "react";
|
28458
28485
|
import { useMedia as useMedia33 } from "react-use";
|
28459
28486
|
import {
|
28460
|
-
selectLocalPeerID as
|
28487
|
+
selectLocalPeerID as selectLocalPeerID17,
|
28461
28488
|
selectPeerNameByID as selectPeerNameByID6,
|
28462
28489
|
useCustomEvent as useCustomEvent5,
|
28463
|
-
useHMSStore as
|
28490
|
+
useHMSStore as useHMSStore84,
|
28464
28491
|
useHMSVanillaStore as useHMSVanillaStore17
|
28465
28492
|
} from "@100mslive/react-sdk";
|
28466
28493
|
var emojiCount = 1;
|
@@ -28487,7 +28514,7 @@ var getStartingPoints = (isMobile) => {
|
|
28487
28514
|
return arr;
|
28488
28515
|
};
|
28489
28516
|
function FlyingEmoji() {
|
28490
|
-
const localPeerId =
|
28517
|
+
const localPeerId = useHMSStore84(selectLocalPeerID17);
|
28491
28518
|
const vanillaStore = useHMSVanillaStore17();
|
28492
28519
|
const [emojis, setEmojis] = useState69([]);
|
28493
28520
|
const isMobile = useMedia33(config.media.md);
|
@@ -28606,15 +28633,15 @@ import {
|
|
28606
28633
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
28607
28634
|
selectPermissions as selectPermissions17,
|
28608
28635
|
useHMSActions as useHMSActions51,
|
28609
|
-
useHMSStore as
|
28636
|
+
useHMSStore as useHMSStore85,
|
28610
28637
|
useRecordingStreaming as useRecordingStreaming11
|
28611
28638
|
} from "@100mslive/react-sdk";
|
28612
28639
|
var useAutoStartStreaming = () => {
|
28613
28640
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
28614
|
-
const permissions =
|
28641
|
+
const permissions = useHMSStore85(selectPermissions17);
|
28615
28642
|
const showStreamingUI = useShowStreamingUI();
|
28616
28643
|
const hmsActions = useHMSActions51();
|
28617
|
-
const isConnected =
|
28644
|
+
const isConnected = useHMSStore85(selectIsConnectedToRoom12);
|
28618
28645
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming11();
|
28619
28646
|
const streamStartedRef = useRef24(false);
|
28620
28647
|
const startHLS = useCallback36(() => __async(void 0, null, function* () {
|
@@ -28810,7 +28837,7 @@ var AppStates = ({ activeState }) => {
|
|
28810
28837
|
return /* @__PURE__ */ React170.createElement(ConferenceScreen, null);
|
28811
28838
|
};
|
28812
28839
|
var BackSwipe = () => {
|
28813
|
-
const isConnectedToRoom =
|
28840
|
+
const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom13);
|
28814
28841
|
const hmsActions = useHMSActions52();
|
28815
28842
|
useEffect66(() => {
|
28816
28843
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
@@ -28973,4 +29000,4 @@ lodash/lodash.js:
|
|
28973
29000
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
28974
29001
|
*)
|
28975
29002
|
*/
|
28976
|
-
//# sourceMappingURL=chunk-
|
29003
|
+
//# sourceMappingURL=chunk-DY3FWEXJ.js.map
|