@100mslive/roomkit-react 0.2.2-alpha.4 → 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-DPM6YJWZ.js → HLSView-U346BIZQ.js} +2 -2
- package/dist/Prebuilt/components/Chat/ChatActions.d.ts +1 -1
- package/dist/Prebuilt/components/Polls/common/utils.d.ts +1 -0
- package/dist/{chunk-S5NNUR2M.js → chunk-DY3FWEXJ.js} +317 -263
- package/dist/{chunk-S5NNUR2M.js.map → chunk-DY3FWEXJ.js.map} +4 -4
- package/dist/index.cjs.js +554 -493
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +60 -26
- package/dist/meta.esbuild.json +66 -32
- package/package.json +6 -6
- package/src/Prebuilt/common/utils.js +13 -0
- package/src/Prebuilt/components/Chat/ChatActions.tsx +3 -3
- package/src/Prebuilt/components/Chat/ChatBody.tsx +9 -5
- package/src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx +3 -2
- package/src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx +4 -3
- package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +16 -21
- package/src/Prebuilt/components/Polls/Voting/StatisticBox.tsx +1 -1
- package/src/Prebuilt/components/Polls/Voting/TimedVoting.tsx +31 -20
- package/src/Prebuilt/components/Polls/Voting/Voting.tsx +7 -8
- package/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx +2 -2
- package/src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx +4 -5
- package/src/Prebuilt/components/Polls/common/utils.ts +16 -0
- /package/dist/{HLSView-DPM6YJWZ.js.map → HLSView-U346BIZQ.js.map} +0 -0
@@ -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/examples", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.9.2-alpha.4", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", TERM_PROGRAM_VERSION: "1.85.2", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_dependencies_screenfull: "^5.1.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_dependencies_uuid: "^8.3.2", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.18.2", NX_TASK_HASH: "2cac5cbb6f8b3a94641136a9fb8d9d96ac69e3cf6ddd3f3ae9754eeb6d618fbc", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.5lUeYdLBIu/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", PAGER: "less", npm_package_module: "dist/index.js", npm_package_dependencies_react_use: "^17.4.0", npm_package_devDependencies__types_mdx: "2.0.2", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_dependencies__stitches_react: "^1.2.8", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706079013181-0.1639248454412272:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706079012682-0.5987315984824728:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706078992416-0.16177324076315092:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--no-private"]}', npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_scripts_lint_fix: "yarn lint --fix", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_size_limit_5_limit: "20 KB", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_nx: "^14.5.1", npm_config_workspaces_experimental: "true", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_devDependencies_rollup: "^2.70.1", _: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706079013181-0.1639248454412272/node", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__radix_ui_react_progress: "1.0.0", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/roomkit-react", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_dependencies__100mslive_react_sdk: "0.9.2-alpha.4", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", npm_package_keywords_0: "100mslive", npm_package_size_limit_2_limit: "400 KB", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.2-alpha.4", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_1: "react", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_keywords_2: "prebuilt", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "--ms-enable-electron-run-as-node", XPC_FLAGS: "0x0", npm_package_keywords_3: "roomkit", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_package_devDependencies__storybook_react: "^7.0.27", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_main: "dist/index.cjs.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.2.2-alpha.4", npm_package_dependencies_recordrtc: "^5.6.2", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_dependencies_react_window: "^1.8.7", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_source: "src/index.ts", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies__100mslive_hls_player: "0.2.2-alpha.4", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", npm_package_dependencies_qrcode_react: "^3.1.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_typings: "dist/index.d.ts", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-4dbfa2fdda.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_scripts_babel: "npx storybook@latest babelrc", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v18.17.0 darwin x64", npm_package_dependencies__radix_ui_react_label: "1.0.0", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^16.11.17", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_1: "src", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", npm_package_dependencies_react_draggable: "^4.4.5", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", REACT_APP_TILE_SHAPE: "16-9", REACT_APP_THEME: "dark", REACT_APP_COLOR: "#FF0000", REACT_APP_LOGO: "", REACT_APP_FONT: "Roboto", REACT_APP_SHOW_CHAT: "true", REACT_APP_SHOW_SCREENSHARE: "true", REACT_APP_VIDEO_AVATAR: "true", REACT_APP_TOKEN_GENERATION_ENDPOINT: "https://qa-in2.100ms.live/hmsapi/hrashi-studystream.qa-app.100ms.live/", REACT_APP_ENV: "qa", REACT_APP_LOGROCKET_ID: "<Your Logrocket project ID>", REACT_APP_POLICY_CONFIG: "", REACT_APP_WEBINAR_PROPS: "{}", REACT_APP_ENABLE_STATS_FOR_NERDS: "true", REACT_APP_AUDIO_PLAYLIST: '[{"name":"Audio1","id":"audio1","metadata":{"description":"Artist1"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio1.mp3","type":"audio"},{"name":"Audio2","id":"audio2","metadata":{"description":"Artist2"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio2.mp3","type":"audio"},{"name":"Audio3","id":"audio3","metadata":{"description":"Artist3"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio3.mp3","type":"audio"},{"name":"Audio4","id":"audio4","metadata":{"description":"Artist4"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio4.mp3","type":"audio"},{"name":"Audio5","id":"audio5","metadata":{"description":"Artist5"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio5.mp3","type":"audio"},{"name":"Audio6","id":"audio6","metadata":{"description":"Artist6"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio6.mp3","type":"audio"}]', REACT_APP_VIDEO_PLAYLIST: '[{"name":"Video1","id":"video1","url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/video1.mp4","type":"video"}]', REACT_APP_HOST_NAME: "ravi.qa-app.100ms.live", REACT_APP_DEFAULT_APP_DETAILS: '{"headlessConfig":{"uiMode":"activespeaker","hideAudioLevel":true,"hideTileAudioMute":true}}', REACT_APP_TOKEN_GENERATION_ENDPOINT_DOMAIN: "ravi.qa-app.100ms.live", REACT_APP_ZIPY_KEY: "", REACT_APP_PUSHER_APP_KEY: "4ae6f78bb2b7f2d9ed11", REACT_APP_PUSHER_AUTHENDPOINT: "https://whiteboard-server.vercel.app/api/pusher/auth", REACT_APP_ENABLE_WHITEBOARD: "true", REACT_APP_TRANSCRIPTION_ROOM_ID: "644df1027cebfa471fcc52fd", STORYBOOK_ROOM_LAYOUT_ENDPOINT: "https://api-nonprod.100ms.live/v2/layouts/ui", STORYBOOK_TOKEN_BY_ROOM_CODE_ENDPOINT: "https://auth-nonprod.100ms.live/v2/token", STORYBOOK_INIT_API_ENDPOINT: "https://qa-init.100ms.live/init", STORYBOOK_SAMPLE_ROOM_CODE: "dkz-teqx-wap" };
|
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: {
|
@@ -21655,6 +21676,25 @@ import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIc
|
|
21655
21676
|
init_define_process_env();
|
21656
21677
|
import React92 from "react";
|
21657
21678
|
import { CheckCircleIcon as CheckCircleIcon4, ClockIcon, TrophyFilledIcon } from "@100mslive/react-icons";
|
21679
|
+
|
21680
|
+
// src/Prebuilt/components/Polls/common/utils.ts
|
21681
|
+
init_define_process_env();
|
21682
|
+
var getFormattedTime = (milliseconds) => {
|
21683
|
+
if (!milliseconds)
|
21684
|
+
return "-";
|
21685
|
+
const totalSeconds = milliseconds / 1e3;
|
21686
|
+
const minutes = Math.floor(totalSeconds / 60);
|
21687
|
+
const seconds = totalSeconds % 60;
|
21688
|
+
let formattedSeconds = "";
|
21689
|
+
if (Number.isInteger(seconds) || minutes) {
|
21690
|
+
formattedSeconds = seconds.toFixed(0);
|
21691
|
+
} else {
|
21692
|
+
formattedSeconds = seconds.toFixed(1);
|
21693
|
+
}
|
21694
|
+
return `${minutes ? `${minutes}m ` : ""}${formattedSeconds}s`;
|
21695
|
+
};
|
21696
|
+
|
21697
|
+
// src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
|
21658
21698
|
var positionColorMap = { 1: "#D69516", 2: "#3E3E3E", 3: "#583B0F" };
|
21659
21699
|
var LeaderboardEntry = ({
|
21660
21700
|
position,
|
@@ -21665,7 +21705,7 @@ var LeaderboardEntry = ({
|
|
21665
21705
|
maxPossibleScore,
|
21666
21706
|
duration
|
21667
21707
|
}) => {
|
21668
|
-
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(
|
21669
21709
|
Flex,
|
21670
21710
|
{
|
21671
21711
|
align: "center",
|
@@ -21681,7 +21721,7 @@ var LeaderboardEntry = ({
|
|
21681
21721
|
}
|
21682
21722
|
},
|
21683
21723
|
position
|
21684
|
-
), /* @__PURE__ */ React92.createElement(Box, null, /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ React92.createElement(TrophyFilledIcon, { height: 16, width: 16 }) : null, questionCount ? /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(CheckCircleIcon4, { height: 16, width: 16 }), /* @__PURE__ */ React92.createElement(Text, { variant: "xs" }, correctResponses, "/", questionCount)) : null, duration ? /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$2", color: "$on_surface_medium" } }, /* @__PURE__ */ React92.createElement(ClockIcon, { height: 16, width: 16 }), /* @__PURE__ */ React92.createElement(Text, { variant: "xs" }, (duration
|
21724
|
+
), /* @__PURE__ */ React92.createElement(Box, null, /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ React92.createElement(TrophyFilledIcon, { height: 16, width: 16 }) : null, questionCount ? /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(CheckCircleIcon4, { height: 16, width: 16 }), /* @__PURE__ */ React92.createElement(Text, { variant: "xs" }, correctResponses, "/", questionCount)) : null, duration ? /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$2", color: "$on_surface_medium" } }, /* @__PURE__ */ React92.createElement(ClockIcon, { height: 16, width: 16 }), /* @__PURE__ */ React92.createElement(Text, { variant: "xs" }, getFormattedTime(duration))) : null));
|
21685
21725
|
};
|
21686
21726
|
|
21687
21727
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
@@ -21693,7 +21733,7 @@ import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore39 }
|
|
21693
21733
|
init_define_process_env();
|
21694
21734
|
import React93 from "react";
|
21695
21735
|
var StatisticBox = ({ title, value = 0 }) => {
|
21696
|
-
if (!value) {
|
21736
|
+
if (!value && !(typeof value === "number")) {
|
21697
21737
|
return /* @__PURE__ */ React93.createElement(React93.Fragment, null);
|
21698
21738
|
}
|
21699
21739
|
return /* @__PURE__ */ React93.createElement(Box, { css: { p: "$8", background: "$surface_default", borderRadius: "$1", w: "100%" } }, /* @__PURE__ */ React93.createElement(
|
@@ -21773,16 +21813,16 @@ var PeerParticipationSummary = ({ quiz }) => {
|
|
21773
21813
|
value: `${summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.correctUsers}/${summary.totalUsers})`
|
21774
21814
|
},
|
21775
21815
|
// Time in ms
|
21776
|
-
{ title: "Avg. Time Taken", value:
|
21816
|
+
{ title: "Avg. Time Taken", value: getFormattedTime(summary.avgTime) },
|
21777
21817
|
{
|
21778
21818
|
title: "Avg. Score",
|
21779
21819
|
value: Number.isInteger(summary.avgScore) ? summary.avgScore : summary.avgScore.toFixed(2)
|
21780
21820
|
}
|
21781
21821
|
] : [
|
21782
21822
|
{ title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) || "-" },
|
21783
|
-
{ title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
|
21823
|
+
{ title: "Points", value: (peerEntry == null ? void 0 : peerEntry.score) || 0 },
|
21784
21824
|
// Time in ms
|
21785
|
-
{ title: "Time Taken", value:
|
21825
|
+
{ title: "Time Taken", value: getFormattedTime(peerEntry == null ? void 0 : peerEntry.duration) },
|
21786
21826
|
{
|
21787
21827
|
title: "Correct Answers",
|
21788
21828
|
value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? `${peerEntry == null ? void 0 : peerEntry.correctResponses}/${peerEntry.totalResponses}` : "-"
|
@@ -21872,7 +21912,7 @@ import {
|
|
21872
21912
|
selectPermissions as selectPermissions13,
|
21873
21913
|
selectPollByID as selectPollByID4,
|
21874
21914
|
useHMSActions as useHMSActions29,
|
21875
|
-
useHMSStore as
|
21915
|
+
useHMSStore as useHMSStore43
|
21876
21916
|
} from "@100mslive/react-sdk";
|
21877
21917
|
import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
|
21878
21918
|
|
@@ -21942,10 +21982,6 @@ var QuestionCard2 = ({
|
|
21942
21982
|
}
|
21943
21983
|
]);
|
21944
21984
|
startTime.current = Date.now();
|
21945
|
-
if (isQuiz && index !== totalQuestions) {
|
21946
|
-
setSingleOptionAnswer(void 0);
|
21947
|
-
setMultipleOptionAnswer(/* @__PURE__ */ new Set());
|
21948
|
-
}
|
21949
21985
|
}), [
|
21950
21986
|
isValidVote,
|
21951
21987
|
actions.interactivityCenter,
|
@@ -21979,8 +22015,8 @@ var QuestionCard2 = ({
|
|
21979
22015
|
gap: "$4"
|
21980
22016
|
}
|
21981
22017
|
},
|
21982
|
-
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height:
|
21983
|
-
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,
|
21984
22020
|
"QUESTION ",
|
21985
22021
|
index,
|
21986
22022
|
" OF ",
|
@@ -22001,38 +22037,45 @@ var QuestionCard2 = ({
|
|
22001
22037
|
}
|
22002
22038
|
)
|
22003
22039
|
)),
|
22004
|
-
/* @__PURE__ */ React96.createElement(
|
22005
|
-
|
22006
|
-
{
|
22007
|
-
key: index,
|
22008
|
-
questionIndex: index,
|
22009
|
-
isQuiz,
|
22010
|
-
canRespond,
|
22011
|
-
correctOptionIndex: answer == null ? void 0 : answer.option,
|
22012
|
-
options,
|
22013
|
-
setAnswer: setSingleOptionAnswer,
|
22014
|
-
totalResponses: result == null ? void 0 : result.totalResponses,
|
22015
|
-
showVoteCount,
|
22016
|
-
localPeerResponse,
|
22017
|
-
isStopped: pollState === "stopped",
|
22018
|
-
answer: singleOptionAnswer
|
22019
|
-
}
|
22020
|
-
) : null, type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
|
22021
|
-
MultipleChoiceOptions,
|
22040
|
+
/* @__PURE__ */ React96.createElement(
|
22041
|
+
Box,
|
22022
22042
|
{
|
22023
|
-
|
22024
|
-
|
22025
|
-
|
22026
|
-
|
22027
|
-
|
22028
|
-
|
22029
|
-
|
22030
|
-
|
22031
|
-
|
22032
|
-
|
22033
|
-
|
22034
|
-
|
22035
|
-
|
22043
|
+
css: { maxHeight: showOptions ? "$80" : "0", transition: "max-height 0.3s ease", overflowY: "auto", mb: "$4" }
|
22044
|
+
},
|
22045
|
+
type === "single-choice" /* SINGLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
|
22046
|
+
SingleChoiceOptions,
|
22047
|
+
{
|
22048
|
+
key: index,
|
22049
|
+
questionIndex: index,
|
22050
|
+
isQuiz,
|
22051
|
+
canRespond,
|
22052
|
+
correctOptionIndex: answer == null ? void 0 : answer.option,
|
22053
|
+
options,
|
22054
|
+
setAnswer: setSingleOptionAnswer,
|
22055
|
+
totalResponses: result == null ? void 0 : result.totalResponses,
|
22056
|
+
showVoteCount,
|
22057
|
+
localPeerResponse,
|
22058
|
+
isStopped: pollState === "stopped"
|
22059
|
+
}
|
22060
|
+
) : null,
|
22061
|
+
type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
|
22062
|
+
MultipleChoiceOptions,
|
22063
|
+
{
|
22064
|
+
questionIndex: index,
|
22065
|
+
isQuiz,
|
22066
|
+
canRespond,
|
22067
|
+
correctOptionIndexes: answer == null ? void 0 : answer.options,
|
22068
|
+
options,
|
22069
|
+
selectedOptions: multipleOptionAnswer,
|
22070
|
+
setSelectedOptions: setMultipleOptionAnswer,
|
22071
|
+
totalResponses: result == null ? void 0 : result.totalResponses,
|
22072
|
+
showVoteCount,
|
22073
|
+
localPeerResponse,
|
22074
|
+
isStopped: pollState === "stopped"
|
22075
|
+
}
|
22076
|
+
) : null
|
22077
|
+
),
|
22078
|
+
isLive && /* @__PURE__ */ React96.createElement(
|
22036
22079
|
QuestionActions,
|
22037
22080
|
{
|
22038
22081
|
isValidVote,
|
@@ -22043,7 +22086,7 @@ var QuestionCard2 = ({
|
|
22043
22086
|
setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
|
22044
22087
|
}
|
22045
22088
|
}
|
22046
|
-
)
|
22089
|
+
)
|
22047
22090
|
);
|
22048
22091
|
};
|
22049
22092
|
var QuestionActions = ({ isValidVote, response, isQuiz, onVote, incrementIndex }) => {
|
@@ -22099,40 +22142,48 @@ var StandardView = ({ poll }) => {
|
|
22099
22142
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
22100
22143
|
init_define_process_env();
|
22101
22144
|
import React98, { useState as useState39 } from "react";
|
22145
|
+
import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
|
22102
22146
|
var TimedView = ({ poll }) => {
|
22103
|
-
var _a8, _b7;
|
22104
|
-
const
|
22147
|
+
var _a8, _b7, _c;
|
22148
|
+
const localPeerId = useHMSStore42(selectLocalPeerID9);
|
22149
|
+
const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
|
22150
|
+
const [currentIndex, setCurrentIndex] = useState39(lastAttemptedIndex);
|
22105
22151
|
const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
|
22106
|
-
|
22152
|
+
const attemptedAll = ((_b7 = poll.questions) == null ? void 0 : _b7.length) === lastAttemptedIndex - 1;
|
22153
|
+
if (!activeQuestion || !((_c = poll.questions) == null ? void 0 : _c.length)) {
|
22107
22154
|
return null;
|
22108
22155
|
}
|
22109
|
-
return /* @__PURE__ */ React98.createElement(
|
22110
|
-
|
22111
|
-
|
22112
|
-
|
22113
|
-
|
22114
|
-
|
22115
|
-
|
22116
|
-
|
22117
|
-
|
22118
|
-
|
22119
|
-
|
22120
|
-
|
22121
|
-
|
22122
|
-
|
22123
|
-
|
22124
|
-
|
22125
|
-
|
22126
|
-
|
22127
|
-
|
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
|
+
}));
|
22128
22179
|
};
|
22129
22180
|
|
22130
22181
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
22131
22182
|
var Voting = ({ id, toggleVoting }) => {
|
22132
22183
|
const actions = useHMSActions29();
|
22133
|
-
const poll =
|
22134
|
-
const pollCreatorName =
|
22135
|
-
const permissions =
|
22184
|
+
const poll = useHMSStore43(selectPollByID4(id));
|
22185
|
+
const pollCreatorName = useHMSStore43(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
|
22186
|
+
const permissions = useHMSStore43(selectPermissions13);
|
22136
22187
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
22137
22188
|
const { setPollView } = usePollViewState();
|
22138
22189
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
@@ -22176,23 +22227,23 @@ var Voting = ({ id, toggleVoting }) => {
|
|
22176
22227
|
},
|
22177
22228
|
/* @__PURE__ */ React99.createElement(CrossIcon13, { onClick: toggleVoting })
|
22178
22229
|
)
|
22179
|
-
), /* @__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 }),
|
22180
|
-
|
22181
|
-
{
|
22182
|
-
variant: "danger",
|
22183
|
-
css: { fontWeight: "$semiBold", w: "max-content", ml: "auto", mt: "$8" },
|
22184
|
-
onClick: () => actions.interactivityCenter.stopPoll(id)
|
22185
|
-
},
|
22186
|
-
"End ",
|
22187
|
-
poll.type
|
22188
|
-
), canViewLeaderboard ? /* @__PURE__ */ React99.createElement(
|
22189
|
-
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,
|
22190
22232
|
{
|
22191
|
-
css: {
|
22192
|
-
onClick: () => setPollView(POLL_VIEWS.RESULTS)
|
22233
|
+
css: { w: "100%", justifyContent: "end", alignItems: "center", p: "$8", borderTop: "1px solid $border_bright" }
|
22193
22234
|
},
|
22194
|
-
"
|
22195
|
-
|
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
|
+
));
|
22196
22247
|
};
|
22197
22248
|
|
22198
22249
|
// src/Prebuilt/components/Polls/Polls.tsx
|
@@ -22216,14 +22267,14 @@ var Polls = () => {
|
|
22216
22267
|
init_define_process_env();
|
22217
22268
|
import React115, { useEffect as useEffect27, useState as useState48 } from "react";
|
22218
22269
|
import { useMedia as useMedia17 } from "react-use";
|
22219
|
-
import { selectPeerCount as selectPeerCount4, useHMSStore as
|
22270
|
+
import { selectPeerCount as selectPeerCount4, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
|
22220
22271
|
import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
|
22221
22272
|
|
22222
22273
|
// src/Prebuilt/components/Chat/Chat.tsx
|
22223
22274
|
init_define_process_env();
|
22224
22275
|
import React112, { useCallback as useCallback28, useRef as useRef20 } from "react";
|
22225
22276
|
import { useMedia as useMedia16 } from "react-use";
|
22226
|
-
import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as
|
22277
|
+
import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
|
22227
22278
|
import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
|
22228
22279
|
|
22229
22280
|
// src/Prebuilt/components/Chat/ChatBody.tsx
|
@@ -22234,14 +22285,14 @@ import AutoSizer from "react-virtualized-auto-sizer";
|
|
22234
22285
|
import { VariableSizeList } from "react-window";
|
22235
22286
|
import {
|
22236
22287
|
selectHMSMessages,
|
22237
|
-
selectLocalPeerID as
|
22288
|
+
selectLocalPeerID as selectLocalPeerID10,
|
22238
22289
|
selectLocalPeerName as selectLocalPeerName3,
|
22239
22290
|
selectLocalPeerRoleName as selectLocalPeerRoleName3,
|
22240
22291
|
selectPeerNameByID as selectPeerNameByID3,
|
22241
22292
|
selectSessionStore as selectSessionStore5,
|
22242
22293
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
|
22243
22294
|
useHMSActions as useHMSActions33,
|
22244
|
-
useHMSStore as
|
22295
|
+
useHMSStore as useHMSStore47,
|
22245
22296
|
useHMSVanillaStore as useHMSVanillaStore9
|
22246
22297
|
} from "@100mslive/react-sdk";
|
22247
22298
|
import { SolidPinIcon } from "@100mslive/react-icons";
|
@@ -22249,7 +22300,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
|
|
22249
22300
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
22250
22301
|
init_define_process_env();
|
22251
22302
|
import React102, { useCallback as useCallback23, useState as useState40 } from "react";
|
22252
|
-
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";
|
22253
22304
|
import {
|
22254
22305
|
CopyIcon as CopyIcon2,
|
22255
22306
|
CrossCircleIcon as CrossCircleIcon2,
|
@@ -22277,10 +22328,10 @@ var MwebChatOption = ({
|
|
22277
22328
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
22278
22329
|
init_define_process_env();
|
22279
22330
|
import { useCallback as useCallback21 } from "react";
|
22280
|
-
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";
|
22281
22332
|
var useChatBlacklist = (sessionStoreKey) => {
|
22282
22333
|
const hmsActions = useHMSActions30();
|
22283
|
-
const blacklistedIDs =
|
22334
|
+
const blacklistedIDs = useHMSStore44(selectSessionStore2(sessionStoreKey));
|
22284
22335
|
const blacklistItem = useCallback21(
|
22285
22336
|
(blacklistID) => __async(void 0, null, function* () {
|
22286
22337
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
@@ -22290,8 +22341,8 @@ var useChatBlacklist = (sessionStoreKey) => {
|
|
22290
22341
|
return { blacklistItem, blacklistedIDs };
|
22291
22342
|
};
|
22292
22343
|
var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
22293
|
-
const localPeer =
|
22294
|
-
const blacklistedPeerIDs =
|
22344
|
+
const localPeer = useHMSStore44(selectLocalPeer2);
|
22345
|
+
const blacklistedPeerIDs = useHMSStore44(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
22295
22346
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
22296
22347
|
};
|
22297
22348
|
|
@@ -22374,9 +22425,9 @@ var ChatActions = ({
|
|
22374
22425
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
22375
22426
|
const [open, setOpen] = useState40(false);
|
22376
22427
|
const actions = useHMSActions32();
|
22377
|
-
const canRemoveOthers = (_b7 =
|
22428
|
+
const canRemoveOthers = (_b7 = useHMSStore45(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
|
22378
22429
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
22379
|
-
const localPeerName =
|
22430
|
+
const localPeerName = useHMSStore45(selectLocalPeerName2);
|
22380
22431
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
22381
22432
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
22382
22433
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
@@ -22469,7 +22520,7 @@ var ChatActions = ({
|
|
22469
22520
|
}
|
22470
22521
|
};
|
22471
22522
|
if (isMobile) {
|
22472
|
-
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(
|
22473
22524
|
Sheet.Title,
|
22474
22525
|
{
|
22475
22526
|
css: {
|
@@ -22486,7 +22537,7 @@ var ChatActions = ({
|
|
22486
22537
|
}
|
22487
22538
|
},
|
22488
22539
|
"Message options",
|
22489
|
-
/* @__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))
|
22490
22541
|
), Object.keys(options).map((optionKey) => {
|
22491
22542
|
const option = options[optionKey];
|
22492
22543
|
return option.show ? /* @__PURE__ */ React102.createElement(
|
@@ -22596,9 +22647,9 @@ var EmptyChat = () => {
|
|
22596
22647
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
22597
22648
|
init_define_process_env();
|
22598
22649
|
import { useEffect as useEffect21, useState as useState41 } from "react";
|
22599
|
-
import { selectSessionStore as selectSessionStore4, useHMSStore as
|
22650
|
+
import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
|
22600
22651
|
var usePinnedBy = (messageId) => {
|
22601
|
-
const pinnedMessages =
|
22652
|
+
const pinnedMessages = useHMSStore46(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
|
22602
22653
|
const [pinnedBy, setPinnedBy] = useState41("");
|
22603
22654
|
useEffect21(() => {
|
22604
22655
|
let match = "";
|
@@ -22681,8 +22732,8 @@ var MessageType = ({
|
|
22681
22732
|
hasCurrentUserSent,
|
22682
22733
|
receiver
|
22683
22734
|
}) => {
|
22684
|
-
const peerName =
|
22685
|
-
const localPeerRoleName =
|
22735
|
+
const peerName = useHMSStore47(selectPeerNameByID3(receiver));
|
22736
|
+
const localPeerRoleName = useHMSStore47(selectLocalPeerRoleName3);
|
22686
22737
|
if (receiver) {
|
22687
22738
|
return /* @__PURE__ */ React104.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
22688
22739
|
}
|
@@ -22730,14 +22781,14 @@ var ChatMessage = React104.memo(
|
|
22730
22781
|
const isMobile = useMedia11(config.media.md);
|
22731
22782
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
22732
22783
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
22733
|
-
const localPeerId =
|
22784
|
+
const localPeerId = useHMSStore47(selectLocalPeerID10);
|
22734
22785
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
22735
22786
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
22736
22787
|
const messageType = getMessageType({
|
22737
22788
|
roles: message.recipientRoles,
|
22738
22789
|
receiver: message.recipientPeer
|
22739
22790
|
});
|
22740
|
-
const [openSheet,
|
22791
|
+
const [openSheet, setOpenSheetBare] = useState42(false);
|
22741
22792
|
const showPinAction = !!((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.allow_pinning_messages);
|
22742
22793
|
const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
|
22743
22794
|
useLayoutEffect(() => {
|
@@ -22745,6 +22796,10 @@ var ChatMessage = React104.memo(
|
|
22745
22796
|
setRowHeight(index, message.id, rowRef.current.clientHeight);
|
22746
22797
|
}
|
22747
22798
|
}, [index, message.id]);
|
22799
|
+
const setOpenSheet = (value, e) => {
|
22800
|
+
e == null ? void 0 : e.stopPropagation();
|
22801
|
+
setOpenSheetBare(value);
|
22802
|
+
};
|
22748
22803
|
return /* @__PURE__ */ React104.createElement(
|
22749
22804
|
Box,
|
22750
22805
|
{
|
@@ -22778,9 +22833,9 @@ var ChatMessage = React104.memo(
|
|
22778
22833
|
}
|
22779
22834
|
},
|
22780
22835
|
"data-testid": "chat_msg",
|
22781
|
-
onClick: () => {
|
22836
|
+
onClick: (e) => {
|
22782
22837
|
if (isMobile) {
|
22783
|
-
setOpenSheet(true);
|
22838
|
+
setOpenSheet(true, e);
|
22784
22839
|
}
|
22785
22840
|
}
|
22786
22841
|
},
|
@@ -22875,8 +22930,7 @@ var ChatMessage = React104.memo(
|
|
22875
22930
|
color: isOverlay ? "#FFF" : "$on_surface_high"
|
22876
22931
|
},
|
22877
22932
|
onClick: (e) => {
|
22878
|
-
e
|
22879
|
-
setOpenSheet(true);
|
22933
|
+
setOpenSheet(true, e);
|
22880
22934
|
}
|
22881
22935
|
},
|
22882
22936
|
/* @__PURE__ */ React104.createElement(AnnotisedMessage, { message: message.message })
|
@@ -22946,8 +23000,8 @@ var VirtualizedChatMessages = React104.forwardRef(({ messages, scrollToBottom },
|
|
22946
23000
|
});
|
22947
23001
|
var ChatBody = React104.forwardRef(
|
22948
23002
|
({ scrollToBottom }, listRef) => {
|
22949
|
-
const messages =
|
22950
|
-
const blacklistedMessageIDs =
|
23003
|
+
const messages = useHMSStore47(selectHMSMessages);
|
23004
|
+
const blacklistedMessageIDs = useHMSStore47(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
22951
23005
|
const filteredMessages = useMemo7(() => {
|
22952
23006
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
22953
23007
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
@@ -22977,7 +23031,7 @@ var PinnedBy = ({
|
|
22977
23031
|
rowRef
|
22978
23032
|
}) => {
|
22979
23033
|
const pinnedBy = usePinnedBy(messageId);
|
22980
|
-
const localPeerName =
|
23034
|
+
const localPeerName = useHMSStore47(selectLocalPeerName3);
|
22981
23035
|
useLayoutEffect(() => {
|
22982
23036
|
if (rowRef == null ? void 0 : rowRef.current) {
|
22983
23037
|
if (pinnedBy) {
|
@@ -23000,7 +23054,7 @@ import React107, { useCallback as useCallback26, useEffect as useEffect24, useRe
|
|
23000
23054
|
import { useMedia as useMedia14 } from "react-use";
|
23001
23055
|
import data2 from "@emoji-mart/data";
|
23002
23056
|
import Picker from "@emoji-mart/react";
|
23003
|
-
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions35, useHMSStore as
|
23057
|
+
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions35, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
|
23004
23058
|
import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
|
23005
23059
|
|
23006
23060
|
// src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
|
@@ -23018,7 +23072,7 @@ import {
|
|
23018
23072
|
selectMessagesUnreadCountByRole,
|
23019
23073
|
selectRemotePeers as selectRemotePeers2,
|
23020
23074
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
|
23021
|
-
useHMSStore as
|
23075
|
+
useHMSStore as useHMSStore48
|
23022
23076
|
} from "@100mslive/react-sdk";
|
23023
23077
|
import { CheckIcon as CheckIcon6, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
|
23024
23078
|
var ChatDotIcon = () => {
|
@@ -23068,7 +23122,7 @@ var SelectorHeader = React105.memo(
|
|
23068
23122
|
}
|
23069
23123
|
);
|
23070
23124
|
var Everyone = React105.memo(({ active }) => {
|
23071
|
-
const unreadCount =
|
23125
|
+
const unreadCount = useHMSStore48(selectUnreadHMSMessagesCount3);
|
23072
23126
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23073
23127
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23074
23128
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23086,7 +23140,7 @@ var Everyone = React105.memo(({ active }) => {
|
|
23086
23140
|
);
|
23087
23141
|
});
|
23088
23142
|
var RoleItem = React105.memo(({ role, active }) => {
|
23089
|
-
const unreadCount =
|
23143
|
+
const unreadCount = useHMSStore48(selectMessagesUnreadCountByRole(role));
|
23090
23144
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23091
23145
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23092
23146
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23103,7 +23157,7 @@ var RoleItem = React105.memo(({ role, active }) => {
|
|
23103
23157
|
);
|
23104
23158
|
});
|
23105
23159
|
var PeerItem = ({ peerId, name, active }) => {
|
23106
|
-
const unreadCount =
|
23160
|
+
const unreadCount = useHMSStore48(selectMessagesUnreadCountByPeerID(peerId));
|
23107
23161
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23108
23162
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23109
23163
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23162,7 +23216,7 @@ var VirtualizedSelectItemList = ({
|
|
23162
23216
|
var ChatSelector = ({ role, peerId }) => {
|
23163
23217
|
var _a8, _b7;
|
23164
23218
|
const { elements } = useRoomLayoutConferencingScreen();
|
23165
|
-
const peers =
|
23219
|
+
const peers = useHMSStore48(selectRemotePeers2);
|
23166
23220
|
const [search, setSearch] = useState43("");
|
23167
23221
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
23168
23222
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
@@ -23300,10 +23354,10 @@ var ChatSelectorContainer = () => {
|
|
23300
23354
|
// src/Prebuilt/components/AppData/useChatState.js
|
23301
23355
|
init_define_process_env();
|
23302
23356
|
import { useCallback as useCallback25 } from "react";
|
23303
|
-
import { selectAppData as selectAppData4, useHMSActions as useHMSActions34, useHMSStore as
|
23357
|
+
import { selectAppData as selectAppData4, useHMSActions as useHMSActions34, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
|
23304
23358
|
var useChatDraftMessage = () => {
|
23305
23359
|
const hmsActions = useHMSActions34();
|
23306
|
-
let chatDraftMessage =
|
23360
|
+
let chatDraftMessage = useHMSStore49(selectAppData4(APP_DATA.chatDraft));
|
23307
23361
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
23308
23362
|
chatDraftMessage = "";
|
23309
23363
|
}
|
@@ -23402,7 +23456,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
23402
23456
|
const isMobile = useMedia14(config.media.md);
|
23403
23457
|
const { elements } = useRoomLayoutConferencingScreen();
|
23404
23458
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
23405
|
-
const localPeer =
|
23459
|
+
const localPeer = useHMSStore50(selectLocalPeer3);
|
23406
23460
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
23407
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);
|
23408
23462
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
@@ -23569,14 +23623,14 @@ var ChatFooter = ({ onSend, children }) => {
|
|
23569
23623
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
23570
23624
|
init_define_process_env();
|
23571
23625
|
import React108, { useCallback as useCallback27 } from "react";
|
23572
|
-
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";
|
23573
23627
|
var ChatPaused = () => {
|
23574
23628
|
var _a8, _b7;
|
23575
23629
|
const hmsActions = useHMSActions36();
|
23576
23630
|
const { elements } = useRoomLayoutConferencingScreen();
|
23577
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);
|
23578
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } =
|
23579
|
-
const localPeer =
|
23632
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore51(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
|
23633
|
+
const localPeer = useHMSStore51(selectLocalPeer4);
|
23580
23634
|
const unPauseChat = useCallback27(
|
23581
23635
|
() => __async(void 0, null, function* () {
|
23582
23636
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
@@ -23627,7 +23681,7 @@ init_define_process_env();
|
|
23627
23681
|
import React111, { useEffect as useEffect25, useState as useState46 } from "react";
|
23628
23682
|
import { useSwipeable } from "react-swipeable";
|
23629
23683
|
import { useMedia as useMedia15 } from "react-use";
|
23630
|
-
import { selectSessionStore as selectSessionStore7, useHMSStore as
|
23684
|
+
import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
|
23631
23685
|
import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
|
23632
23686
|
|
23633
23687
|
// src/Prebuilt/components/Chat/ArrowNavigation.tsx
|
@@ -23684,7 +23738,7 @@ var StickIndicator = ({ total, index }) => {
|
|
23684
23738
|
var PINNED_MESSAGE_LENGTH = 75;
|
23685
23739
|
var PinnedMessage = () => {
|
23686
23740
|
var _a8, _b7, _c;
|
23687
|
-
const pinnedMessages =
|
23741
|
+
const pinnedMessages = useHMSStore52(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
|
23688
23742
|
const [pinnedMessageIndex, setPinnedMessageIndex] = useState46(0);
|
23689
23743
|
const { removePinnedMessage } = usePinnedMessages();
|
23690
23744
|
const isMobile = useMedia15(config.media.md);
|
@@ -23804,7 +23858,7 @@ var Chat = () => {
|
|
23804
23858
|
const listRef = useRef20(null);
|
23805
23859
|
const hmsActions = useHMSActions37();
|
23806
23860
|
const vanillaStore = useHMSVanillaStore10();
|
23807
|
-
const { enabled: isChatEnabled = true } =
|
23861
|
+
const { enabled: isChatEnabled = true } = useHMSStore53(qh("chatState" /* CHAT_STATE */)) || {};
|
23808
23862
|
const isMobile = useMedia16(config.media.md);
|
23809
23863
|
const scrollToBottom = useCallback28(
|
23810
23864
|
(unreadCount = 0) => {
|
@@ -23842,7 +23896,7 @@ var NewMessageIndicator = ({
|
|
23842
23896
|
scrollToBottom,
|
23843
23897
|
listRef
|
23844
23898
|
}) => {
|
23845
|
-
const unreadCount =
|
23899
|
+
const unreadCount = useHMSStore53(Un);
|
23846
23900
|
if (!unreadCount || !listRef.current) {
|
23847
23901
|
return null;
|
23848
23902
|
}
|
@@ -23892,7 +23946,7 @@ import React113, { useEffect as useEffect26, useState as useState47 } from "reac
|
|
23892
23946
|
import { useInView } from "react-intersection-observer";
|
23893
23947
|
import { useMeasure as useMeasure2 } from "react-use";
|
23894
23948
|
import { VariableSizeList as VariableSizeList2 } from "react-window";
|
23895
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as
|
23949
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore54, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
|
23896
23950
|
import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
|
23897
23951
|
var LoadMoreParticipants = ({
|
23898
23952
|
hasNext,
|
@@ -23936,7 +23990,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
23936
23990
|
var _a8;
|
23937
23991
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
23938
23992
|
});
|
23939
|
-
const isConnected =
|
23993
|
+
const isConnected = useHMSStore54(selectIsConnectedToRoom8);
|
23940
23994
|
const [ref, { width }] = useMeasure2();
|
23941
23995
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
23942
23996
|
const resetSidePane = useSidepaneReset();
|
@@ -23970,15 +24024,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
23970
24024
|
// src/Prebuilt/components/ChatSettings.tsx
|
23971
24025
|
init_define_process_env();
|
23972
24026
|
import React114 from "react";
|
23973
|
-
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";
|
23974
24028
|
import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon4 } from "@100mslive/react-icons";
|
23975
24029
|
var ChatSettings = () => {
|
23976
24030
|
var _a8, _b7;
|
23977
24031
|
const hmsActions = useHMSActions38();
|
23978
|
-
const localPeer =
|
24032
|
+
const localPeer = useHMSStore55(selectLocalPeer5);
|
23979
24033
|
const { elements } = useRoomLayoutConferencingScreen();
|
23980
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);
|
23981
|
-
const { enabled: isChatEnabled = true } =
|
24035
|
+
const { enabled: isChatEnabled = true } = useHMSStore55(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
|
23982
24036
|
const showPause = canPauseChat && isChatEnabled;
|
23983
24037
|
if (!showPause) {
|
23984
24038
|
return null;
|
@@ -24043,7 +24097,7 @@ var SidePaneTabs = React115.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
|
|
24043
24097
|
const resetSidePane = useSidepaneReset();
|
24044
24098
|
const [activeTab, setActiveTab] = useState48(active);
|
24045
24099
|
const [activeRole, setActiveRole] = useState48("");
|
24046
|
-
const peerCount =
|
24100
|
+
const peerCount = useHMSStore56(selectPeerCount4);
|
24047
24101
|
const { elements } = useRoomLayoutConferencingScreen();
|
24048
24102
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
24049
24103
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
@@ -24169,13 +24223,13 @@ import {
|
|
24169
24223
|
selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
|
24170
24224
|
selectHasPeerHandRaised as selectHasPeerHandRaised3,
|
24171
24225
|
selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
|
24172
|
-
selectLocalPeerID as
|
24226
|
+
selectLocalPeerID as selectLocalPeerID12,
|
24173
24227
|
selectPeerMetadata as selectPeerMetadata4,
|
24174
24228
|
selectPeerNameByID as selectPeerNameByID4,
|
24175
24229
|
selectSessionStore as selectSessionStore10,
|
24176
24230
|
selectVideoTrackByID as selectVideoTrackByID3,
|
24177
24231
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
|
24178
|
-
useHMSStore as
|
24232
|
+
useHMSStore as useHMSStore59
|
24179
24233
|
} from "@100mslive/react-sdk";
|
24180
24234
|
import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
|
24181
24235
|
|
@@ -24225,12 +24279,12 @@ init_define_process_env();
|
|
24225
24279
|
import React118, { useState as useState49 } from "react";
|
24226
24280
|
import { useMedia as useMedia19 } from "react-use";
|
24227
24281
|
import {
|
24228
|
-
selectLocalPeerID as
|
24282
|
+
selectLocalPeerID as selectLocalPeerID11,
|
24229
24283
|
selectPeerByID as selectPeerByID2,
|
24230
24284
|
selectPermissions as selectPermissions16,
|
24231
24285
|
selectTrackByID as selectTrackByID3,
|
24232
24286
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
|
24233
|
-
useHMSStore as
|
24287
|
+
useHMSStore as useHMSStore58,
|
24234
24288
|
useRemoteAVToggle as useRemoteAVToggle2
|
24235
24289
|
} from "@100mslive/react-sdk";
|
24236
24290
|
import { CrossIcon as CrossIcon18, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
|
@@ -24245,7 +24299,7 @@ import {
|
|
24245
24299
|
selectTrackByID as selectTrackByID2,
|
24246
24300
|
useCustomEvent as useCustomEvent2,
|
24247
24301
|
useHMSActions as useHMSActions39,
|
24248
|
-
useHMSStore as
|
24302
|
+
useHMSStore as useHMSStore57,
|
24249
24303
|
useRemoteAVToggle
|
24250
24304
|
} from "@100mslive/react-sdk";
|
24251
24305
|
import {
|
@@ -24282,7 +24336,7 @@ var SpotlightActions = ({
|
|
24282
24336
|
}
|
24283
24337
|
}) => {
|
24284
24338
|
const hmsActions = useHMSActions39();
|
24285
|
-
const spotlightPeerId =
|
24339
|
+
const spotlightPeerId = useHMSStore57(selectSessionStore9("spotlight" /* SPOTLIGHT */));
|
24286
24340
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
24287
24341
|
const dragClassName = getDragClassName();
|
24288
24342
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
@@ -24330,7 +24384,7 @@ var MinimiseInset = () => {
|
|
24330
24384
|
};
|
24331
24385
|
var SimulcastLayers = ({ trackId }) => {
|
24332
24386
|
var _a8;
|
24333
|
-
const track =
|
24387
|
+
const track = useHMSStore57(selectTrackByID2(trackId));
|
24334
24388
|
const actions = useHMSActions39();
|
24335
24389
|
const bg = useDropdownSelection();
|
24336
24390
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
@@ -24416,7 +24470,7 @@ var TileMenuContent = ({
|
|
24416
24470
|
var _a8;
|
24417
24471
|
const actions = useHMSActions39();
|
24418
24472
|
const dragClassName = getDragClassName();
|
24419
|
-
const removeOthers = (_a8 =
|
24473
|
+
const removeOthers = (_a8 = useHMSStore57(selectPermissions15)) == null ? void 0 : _a8.removeOthers;
|
24420
24474
|
const { userName } = useHMSPrebuiltContext();
|
24421
24475
|
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
|
24422
24476
|
audioTrackID,
|
@@ -24512,17 +24566,17 @@ var TileMenu = ({
|
|
24512
24566
|
var _a8, _b7;
|
24513
24567
|
const [open, setOpen] = useState49(false);
|
24514
24568
|
const { theme: theme2 } = useTheme();
|
24515
|
-
const localPeerID =
|
24569
|
+
const localPeerID = useHMSStore58(selectLocalPeerID11);
|
24516
24570
|
const isLocal = localPeerID === peerID;
|
24517
|
-
const { removeOthers } =
|
24571
|
+
const { removeOthers } = useHMSStore58(selectPermissions16);
|
24518
24572
|
const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
|
24519
24573
|
const showSpotlight = enableSpotlightingPeer;
|
24520
|
-
const isPrimaryVideoTrack = ((_a8 =
|
24574
|
+
const isPrimaryVideoTrack = ((_a8 = useHMSStore58(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
24521
24575
|
const showPinAction = audioTrackID || videoTrackID && isPrimaryVideoTrack;
|
24522
|
-
const track =
|
24576
|
+
const track = useHMSStore58(selectTrackByID3(videoTrackID));
|
24523
24577
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
24524
24578
|
const isMobile = useMedia19(config.media.md);
|
24525
|
-
const peer =
|
24579
|
+
const peer = useHMSStore58(selectPeerByID2(peerID));
|
24526
24580
|
const [showNameChangeModal, setShowNameChangeModal] = useState49(false);
|
24527
24581
|
useDropdownList({ open, name: "TileMenu" });
|
24528
24582
|
const dragClassName = getDragClassName();
|
@@ -24615,14 +24669,14 @@ var Tile = ({
|
|
24615
24669
|
hideMetadataOnTile = false
|
24616
24670
|
}) => {
|
24617
24671
|
const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
|
24618
|
-
const track =
|
24619
|
-
const peerName =
|
24620
|
-
const audioTrack =
|
24621
|
-
const localPeerID =
|
24672
|
+
const track = useHMSStore59(trackSelector);
|
24673
|
+
const peerName = useHMSStore59(selectPeerNameByID4(peerId));
|
24674
|
+
const audioTrack = useHMSStore59(selectAudioTrackByPeerID2(peerId));
|
24675
|
+
const localPeerID = useHMSStore59(selectLocalPeerID12);
|
24622
24676
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
24623
24677
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
24624
24678
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
24625
|
-
const isAudioMuted = !
|
24679
|
+
const isAudioMuted = !useHMSStore59(selectIsPeerAudioEnabled2(peerId));
|
24626
24680
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
24627
24681
|
const [isMouseHovered, setIsMouseHovered] = useState50(false);
|
24628
24682
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
@@ -24633,7 +24687,7 @@ var Tile = ({
|
|
24633
24687
|
videoTrackID: track == null ? void 0 : track.id,
|
24634
24688
|
audioTrackID: audioTrack == null ? void 0 : audioTrack.id
|
24635
24689
|
});
|
24636
|
-
const spotlighted =
|
24690
|
+
const spotlighted = useHMSStore59(selectSessionStore10("spotlight" /* SPOTLIGHT */)) === peerId;
|
24637
24691
|
const label = getVideoTileLabel({
|
24638
24692
|
peerName,
|
24639
24693
|
track,
|
@@ -24709,9 +24763,9 @@ var Tile = ({
|
|
24709
24763
|
);
|
24710
24764
|
};
|
24711
24765
|
var PeerMetadata = ({ peerId, size }) => {
|
24712
|
-
const metaData =
|
24766
|
+
const metaData = useHMSStore59(selectPeerMetadata4(peerId));
|
24713
24767
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
24714
|
-
const isHandRaised =
|
24768
|
+
const isHandRaised = useHMSStore59(selectHasPeerHandRaised3(peerId));
|
24715
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);
|
24716
24770
|
};
|
24717
24771
|
var VideoTile = React119.memo(Tile);
|
@@ -24730,7 +24784,7 @@ import {
|
|
24730
24784
|
selectRoomState as selectRoomState4,
|
24731
24785
|
selectVideoTrackByID as selectVideoTrackByID4,
|
24732
24786
|
useHMSActions as useHMSActions40,
|
24733
|
-
useHMSStore as
|
24787
|
+
useHMSStore as useHMSStore60
|
24734
24788
|
} from "@100mslive/react-sdk";
|
24735
24789
|
import { BlurPersonHighIcon, CloseIcon, CrossCircleIcon as CrossCircleIcon3 } from "@100mslive/react-icons";
|
24736
24790
|
|
@@ -24908,18 +24962,18 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
24908
24962
|
var _a8, _b7;
|
24909
24963
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
24910
24964
|
const hmsActions = useHMSActions40();
|
24911
|
-
const localPeer =
|
24912
|
-
const role =
|
24913
|
-
const isVideoOn =
|
24965
|
+
const localPeer = useHMSStore60(selectLocalPeer6);
|
24966
|
+
const role = useHMSStore60(Ft);
|
24967
|
+
const isVideoOn = useHMSStore60(selectIsLocalVideoEnabled5);
|
24914
24968
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
24915
24969
|
const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
|
24916
|
-
const track =
|
24970
|
+
const track = useHMSStore60(trackSelector);
|
24917
24971
|
const [blurAmount, setBlurAmount] = useState51(VBHandler.getBlurAmount() || 0.5);
|
24918
|
-
const roomState =
|
24919
|
-
const isLargeRoom =
|
24920
|
-
const isEffectsEnabled =
|
24921
|
-
const effectsKey =
|
24922
|
-
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()) || ""));
|
24923
24977
|
const [activeBackground, setActiveBackground] = useState51(
|
24924
24978
|
((_b7 = VBHandler) == null ? void 0 : _b7.getBackground()) || HMSVirtualBackgroundTypes3.NONE
|
24925
24979
|
);
|
@@ -25044,9 +25098,9 @@ var SidePane = ({
|
|
25044
25098
|
}) => {
|
25045
25099
|
var _a8, _b7, _c, _d, _e, _f;
|
25046
25100
|
const isMobile = useMedia20(config.media.md);
|
25047
|
-
const sidepane =
|
25048
|
-
const activeScreensharePeerId =
|
25049
|
-
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;
|
25050
25104
|
const { elements } = useRoomLayoutConferencingScreen();
|
25051
25105
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
25052
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) || [];
|
@@ -25177,10 +25231,10 @@ var FullPageProgress_default = FullPageProgress;
|
|
25177
25231
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
25178
25232
|
init_define_process_env();
|
25179
25233
|
import React126, { useEffect as useEffect30, useState as useState52 } from "react";
|
25180
|
-
import { selectDominantSpeaker, useHMSStore as
|
25234
|
+
import { selectDominantSpeaker, useHMSStore as useHMSStore62 } from "@100mslive/react-sdk";
|
25181
25235
|
import { VolumeOneIcon } from "@100mslive/react-icons";
|
25182
25236
|
var SpeakerTag = () => {
|
25183
|
-
const dominantSpeaker =
|
25237
|
+
const dominantSpeaker = useHMSStore62(selectDominantSpeaker);
|
25184
25238
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React126.createElement(
|
25185
25239
|
Flex,
|
25186
25240
|
{
|
@@ -25303,8 +25357,8 @@ var getParticipantChipContent = (peerCount = 0) => {
|
|
25303
25357
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
25304
25358
|
};
|
25305
25359
|
var useLocalTileAspectRatio = () => {
|
25306
|
-
const localPeer =
|
25307
|
-
const videoTrack =
|
25360
|
+
const localPeer = useHMSStore63(selectLocalPeer7);
|
25361
|
+
const videoTrack = useHMSStore63(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
|
25308
25362
|
const isMobile = useMedia22(config.media.md);
|
25309
25363
|
let aspectRatio = 0;
|
25310
25364
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
@@ -25347,7 +25401,7 @@ var PreviewJoin = ({
|
|
25347
25401
|
},
|
25348
25402
|
asRole
|
25349
25403
|
});
|
25350
|
-
const roomState =
|
25404
|
+
const roomState = useHMSStore63(selectRoomState5);
|
25351
25405
|
const savePreferenceAndJoin = useCallback30(() => {
|
25352
25406
|
setPreviewPreference({
|
25353
25407
|
name
|
@@ -25413,12 +25467,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
|
|
25413
25467
|
px: "$10"
|
25414
25468
|
}));
|
25415
25469
|
var PreviewTile = ({ name, error }) => {
|
25416
|
-
const localPeer =
|
25470
|
+
const localPeer = useHMSStore63(selectLocalPeer7);
|
25417
25471
|
const { isLocalAudioEnabled, toggleAudio } = useAVToggle4();
|
25418
|
-
const isVideoOn =
|
25472
|
+
const isVideoOn = useHMSStore63(selectIsLocalVideoEnabled6);
|
25419
25473
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
25420
25474
|
const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
|
25421
|
-
const track =
|
25475
|
+
const track = useHMSStore63(trackSelector);
|
25422
25476
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
25423
25477
|
const aspectRatio = useLocalTileAspectRatio();
|
25424
25478
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
|
@@ -25508,10 +25562,10 @@ var RequestActions = ({
|
|
25508
25562
|
var RoleChangeRequestModal = () => {
|
25509
25563
|
const hmsActions = useHMSActions41();
|
25510
25564
|
const { updateMetaData } = useMyMetadata();
|
25511
|
-
const isPreview =
|
25512
|
-
const currentRole =
|
25513
|
-
const roleChangeRequest =
|
25514
|
-
const name =
|
25565
|
+
const isPreview = useHMSStore64(selectIsInPreview);
|
25566
|
+
const currentRole = useHMSStore64(selectLocalPeerRoleName4);
|
25567
|
+
const roleChangeRequest = useHMSStore64(selectRoleChangeRequest);
|
25568
|
+
const name = useHMSStore64(selectLocalPeerName4);
|
25515
25569
|
const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
|
25516
25570
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
25517
25571
|
const { virtual_background } = elements || {};
|
@@ -25586,18 +25640,18 @@ import {
|
|
25586
25640
|
selectPeerScreenSharing as selectPeerScreenSharing3,
|
25587
25641
|
selectWhiteboard as selectWhiteboard2,
|
25588
25642
|
useHMSActions as useHMSActions43,
|
25589
|
-
useHMSStore as
|
25643
|
+
useHMSStore as useHMSStore73
|
25590
25644
|
} from "@100mslive/react-sdk";
|
25591
25645
|
|
25592
25646
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
25593
25647
|
init_define_process_env();
|
25594
25648
|
import React142, { useEffect as useEffect40, useMemo as useMemo15, useState as useState60 } from "react";
|
25595
25649
|
import {
|
25596
|
-
selectLocalPeerID as
|
25650
|
+
selectLocalPeerID as selectLocalPeerID14,
|
25597
25651
|
selectLocalPeerRoleName as selectLocalPeerRoleName5,
|
25598
25652
|
selectPeers as selectPeers3,
|
25599
25653
|
selectPeerScreenSharing,
|
25600
|
-
useHMSStore as
|
25654
|
+
useHMSStore as useHMSStore70,
|
25601
25655
|
useHMSVanillaStore as useHMSVanillaStore12
|
25602
25656
|
} from "@100mslive/react-sdk";
|
25603
25657
|
|
@@ -25605,14 +25659,14 @@ import {
|
|
25605
25659
|
init_define_process_env();
|
25606
25660
|
import React135, { useEffect as useEffect36, useMemo as useMemo12, useState as useState55 } from "react";
|
25607
25661
|
import { useMedia as useMedia26 } from "react-use";
|
25608
|
-
import { selectLocalPeer as selectLocalPeer9, useHMSStore as
|
25662
|
+
import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore66 } from "@100mslive/react-sdk";
|
25609
25663
|
|
25610
25664
|
// src/Prebuilt/components/InsetTile.tsx
|
25611
25665
|
init_define_process_env();
|
25612
25666
|
import React132, { useEffect as useEffect33, useRef as useRef21 } from "react";
|
25613
25667
|
import Draggable from "react-draggable";
|
25614
25668
|
import { useMedia as useMedia24 } from "react-use";
|
25615
|
-
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";
|
25616
25670
|
import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
|
25617
25671
|
|
25618
25672
|
// src/Prebuilt/components/hooks/useVideoTileLayout.ts
|
@@ -25651,10 +25705,10 @@ var desktopAspectRatio = 1 / defaultMobileAspectRatio;
|
|
25651
25705
|
var InsetTile = () => {
|
25652
25706
|
const isMobile = useMedia24(config.media.md);
|
25653
25707
|
const isLandscape = useMedia24(config.media.ls);
|
25654
|
-
const localPeer =
|
25708
|
+
const localPeer = useHMSStore65(selectLocalPeer8);
|
25655
25709
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
25656
|
-
const videoTrack =
|
25657
|
-
const isAllowedToPublish =
|
25710
|
+
const videoTrack = useHMSStore65(selectVideoTrackByID6(localPeer == null ? void 0 : localPeer.videoTrack));
|
25711
|
+
const isAllowedToPublish = useHMSStore65(selectIsAllowedToPublish2);
|
25658
25712
|
const videoTileProps = useVideoTileContext();
|
25659
25713
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
25660
25714
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
@@ -25914,7 +25968,7 @@ var useTileLayout = ({
|
|
25914
25968
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
25915
25969
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
25916
25970
|
var _a8;
|
25917
|
-
const localPeer =
|
25971
|
+
const localPeer = useHMSStore66(selectLocalPeer9);
|
25918
25972
|
const isMobile = useMedia26(config.media.md);
|
25919
25973
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
25920
25974
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
@@ -25960,7 +26014,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
25960
26014
|
// src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
|
25961
26015
|
init_define_process_env();
|
25962
26016
|
import React138, { useEffect as useEffect38, useState as useState57 } from "react";
|
25963
|
-
import { selectLocalPeer as selectLocalPeer10, useHMSStore as
|
26017
|
+
import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
|
25964
26018
|
|
25965
26019
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
25966
26020
|
init_define_process_env();
|
@@ -26103,7 +26157,7 @@ function RoleProminence({
|
|
26103
26157
|
}) {
|
26104
26158
|
var _a8;
|
26105
26159
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
26106
|
-
const localPeer =
|
26160
|
+
const localPeer = useHMSStore67(selectLocalPeer10);
|
26107
26161
|
const maxTileCount = 4;
|
26108
26162
|
const pageList = usePagesWithTiles({
|
26109
26163
|
peers: prominentPeers,
|
@@ -26137,7 +26191,7 @@ function RoleProminence({
|
|
26137
26191
|
init_define_process_env();
|
26138
26192
|
import React141, { useEffect as useEffect39, useMemo as useMemo14, useState as useState59 } from "react";
|
26139
26193
|
import { useMedia as useMedia28 } from "react-use";
|
26140
|
-
import { selectPeersScreenSharing, useHMSStore as
|
26194
|
+
import { selectPeersScreenSharing, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
|
26141
26195
|
|
26142
26196
|
// src/Prebuilt/components/ScreenshareTile.jsx
|
26143
26197
|
init_define_process_env();
|
@@ -26145,11 +26199,11 @@ import React140, { useRef as useRef22, useState as useState58 } from "react";
|
|
26145
26199
|
import { useFullscreen as useFullscreen2 } from "react-use";
|
26146
26200
|
import screenfull2 from "screenfull";
|
26147
26201
|
import {
|
26148
|
-
selectLocalPeerID as
|
26202
|
+
selectLocalPeerID as selectLocalPeerID13,
|
26149
26203
|
selectPeerByID as selectPeerByID3,
|
26150
26204
|
selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
|
26151
26205
|
selectScreenShareByPeerID,
|
26152
|
-
useHMSStore as
|
26206
|
+
useHMSStore as useHMSStore68
|
26153
26207
|
} from "@100mslive/react-sdk";
|
26154
26208
|
import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
|
26155
26209
|
|
@@ -26200,9 +26254,9 @@ var labelStyles = {
|
|
26200
26254
|
flexShrink: 0
|
26201
26255
|
};
|
26202
26256
|
var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
26203
|
-
const isLocal =
|
26204
|
-
const track =
|
26205
|
-
const peer =
|
26257
|
+
const isLocal = useHMSStore68(selectLocalPeerID13) === peerId;
|
26258
|
+
const track = useHMSStore68(selectScreenShareByPeerID(peerId));
|
26259
|
+
const peer = useHMSStore68(selectPeerByID3(peerId));
|
26206
26260
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
26207
26261
|
const [isMouseHovered, setIsMouseHovered] = useState58(false);
|
26208
26262
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
@@ -26212,7 +26266,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
26212
26266
|
onClose: () => setFullscreen(false)
|
26213
26267
|
});
|
26214
26268
|
const isFullScreenSupported = screenfull2.isEnabled;
|
26215
|
-
const audioTrack =
|
26269
|
+
const audioTrack = useHMSStore68(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
|
26216
26270
|
if (isLocal && !["browser", "window", "application"].includes(track == null ? void 0 : track.displaySurface)) {
|
26217
26271
|
return /* @__PURE__ */ React140.createElement(ScreenshareDisplay, null);
|
26218
26272
|
}
|
@@ -26266,7 +26320,7 @@ var ScreenshareTile_default = ScreenshareTile;
|
|
26266
26320
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
26267
26321
|
var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
26268
26322
|
var _a8;
|
26269
|
-
const peersSharing =
|
26323
|
+
const peersSharing = useHMSStore69(selectPeersScreenSharing);
|
26270
26324
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26271
26325
|
const [page, setPage] = useState59(0);
|
26272
26326
|
const activeSharePeer = peersSharing[page];
|
@@ -26401,11 +26455,11 @@ var GridLayout = ({
|
|
26401
26455
|
edge_to_edge = false,
|
26402
26456
|
hide_metadata_on_tile = false
|
26403
26457
|
}) => {
|
26404
|
-
const peerSharing =
|
26458
|
+
const peerSharing = useHMSStore70(selectPeerScreenSharing);
|
26405
26459
|
const pinnedTrack = usePinnedTrack();
|
26406
|
-
const peers =
|
26407
|
-
const localPeerRole =
|
26408
|
-
const localPeerID =
|
26460
|
+
const peers = useHMSStore70(selectPeers3);
|
26461
|
+
const localPeerRole = useHMSStore70(selectLocalPeerRoleName5);
|
26462
|
+
const localPeerID = useHMSStore70(selectLocalPeerID14);
|
26409
26463
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26410
26464
|
const isRoleProminence = prominentRoles.length && peers.some(
|
26411
26465
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
@@ -26485,13 +26539,13 @@ var GridLayout = ({
|
|
26485
26539
|
// src/Prebuilt/layouts/EmbedView.jsx
|
26486
26540
|
init_define_process_env();
|
26487
26541
|
import React143, { useEffect as useEffect41, useMemo as useMemo16 } from "react";
|
26488
|
-
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";
|
26489
26543
|
var EmbedView = () => {
|
26490
26544
|
return /* @__PURE__ */ React143.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React143.createElement(EmbedComponent, null));
|
26491
26545
|
};
|
26492
26546
|
var EmbedScreenShareView = ({ children }) => {
|
26493
|
-
const peers =
|
26494
|
-
const peerPresenting =
|
26547
|
+
const peers = useHMSStore71(selectPeers4);
|
26548
|
+
const peerPresenting = useHMSStore71(selectPeerScreenSharing2);
|
26495
26549
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26496
26550
|
const smallTilePeers = useMemo16(() => {
|
26497
26551
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
@@ -26506,7 +26560,7 @@ var EmbedScreenShareView = ({ children }) => {
|
|
26506
26560
|
return /* @__PURE__ */ React143.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React143.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React143.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
26507
26561
|
};
|
26508
26562
|
var EmbedComponent = () => {
|
26509
|
-
const embedConfig =
|
26563
|
+
const embedConfig = useHMSStore71(selectAppData6(APP_DATA.embedConfig));
|
26510
26564
|
const resetConfig = useResetEmbedConfig();
|
26511
26565
|
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
|
26512
26566
|
useEffect41(() => {
|
@@ -26664,7 +26718,7 @@ var WaitingView = React145.memo(() => {
|
|
26664
26718
|
init_define_process_env();
|
26665
26719
|
import React146, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
|
26666
26720
|
import { useMedia as useMedia29 } from "react-use";
|
26667
|
-
import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as
|
26721
|
+
import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore72, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
|
26668
26722
|
var EmbedComponent2 = () => {
|
26669
26723
|
const isMobile = useMedia29(config.media.md);
|
26670
26724
|
const { iframeRef } = useWhiteboard2(isMobile);
|
@@ -26699,8 +26753,8 @@ var EmbedComponent2 = () => {
|
|
26699
26753
|
);
|
26700
26754
|
};
|
26701
26755
|
var WhiteboardView = () => {
|
26702
|
-
const peers =
|
26703
|
-
const whiteboard =
|
26756
|
+
const peers = useHMSStore72(selectPeers5);
|
26757
|
+
const whiteboard = useHMSStore72(selectWhiteboard);
|
26704
26758
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26705
26759
|
const smallTilePeers = useMemo17(() => {
|
26706
26760
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
|
@@ -26737,17 +26791,17 @@ var useCloseScreenshareWhiteboard = () => {
|
|
26737
26791
|
};
|
26738
26792
|
|
26739
26793
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
26740
|
-
var HLSView = React147.lazy(() => import("./HLSView-
|
26794
|
+
var HLSView = React147.lazy(() => import("./HLSView-U346BIZQ.js"));
|
26741
26795
|
var VideoStreamingSection = ({
|
26742
26796
|
screenType,
|
26743
26797
|
elements,
|
26744
26798
|
hideControls = false
|
26745
26799
|
}) => {
|
26746
26800
|
var _a8, _b7, _c, _d;
|
26747
|
-
const localPeerRole =
|
26748
|
-
const isConnected =
|
26749
|
-
const peerSharing =
|
26750
|
-
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;
|
26751
26805
|
const hmsActions = useHMSActions43();
|
26752
26806
|
const waitingViewerRole = useWaitingViewerRole();
|
26753
26807
|
const urlToIframe = useUrlToEmbed();
|
@@ -26812,7 +26866,7 @@ init_define_process_env();
|
|
26812
26866
|
init_define_process_env();
|
26813
26867
|
import React149 from "react";
|
26814
26868
|
import { useMedia as useMedia30 } from "react-use";
|
26815
|
-
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as
|
26869
|
+
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
|
26816
26870
|
|
26817
26871
|
// src/Prebuilt/components/Header/common.jsx
|
26818
26872
|
init_define_process_env();
|
@@ -26824,7 +26878,7 @@ import {
|
|
26824
26878
|
selectVideoTrackByID as selectVideoTrackByID7,
|
26825
26879
|
useDevices as useDevices3,
|
26826
26880
|
useHMSActions as useHMSActions44,
|
26827
|
-
useHMSStore as
|
26881
|
+
useHMSStore as useHMSStore74
|
26828
26882
|
} from "@100mslive/react-sdk";
|
26829
26883
|
import {
|
26830
26884
|
BluetoothIcon,
|
@@ -26838,9 +26892,9 @@ var CamaraFlipActions = () => {
|
|
26838
26892
|
const actions = useHMSActions44();
|
26839
26893
|
const { allDevices } = useDevices3();
|
26840
26894
|
const { videoInput } = allDevices;
|
26841
|
-
const isVideoOn =
|
26842
|
-
const videoTrackId =
|
26843
|
-
const localVideoTrack =
|
26895
|
+
const isVideoOn = useHMSStore74(selectIsLocalVideoEnabled7);
|
26896
|
+
const videoTrackId = useHMSStore74(selectLocalVideoTrackID3);
|
26897
|
+
const localVideoTrack = useHMSStore74(selectVideoTrackByID7(videoTrackId));
|
26844
26898
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
26845
26899
|
return null;
|
26846
26900
|
}
|
@@ -26976,7 +27030,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React148.createElement(Re
|
|
26976
27030
|
|
26977
27031
|
// src/Prebuilt/components/Header/Header.tsx
|
26978
27032
|
var Header2 = () => {
|
26979
|
-
const roomState =
|
27033
|
+
const roomState = useHMSStore75(selectRoomState6);
|
26980
27034
|
const isMobile = useMedia30(config.media.md);
|
26981
27035
|
if (roomState !== HMSRoomState6.Connected) {
|
26982
27036
|
return /* @__PURE__ */ React149.createElement(React149.Fragment, null);
|
@@ -27022,11 +27076,11 @@ var ConferenceScreen = () => {
|
|
27022
27076
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
27023
27077
|
const screenProps = useRoomLayoutConferencingScreen();
|
27024
27078
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
27025
|
-
const roomState =
|
27026
|
-
const isConnectedToRoom =
|
27079
|
+
const roomState = useHMSStore76(selectRoomState7);
|
27080
|
+
const isConnectedToRoom = useHMSStore76(selectIsConnectedToRoom10);
|
27027
27081
|
const hmsActions = useHMSActions45();
|
27028
27082
|
const [hideControls, setHideControls] = useState61(false);
|
27029
|
-
const dropdownList =
|
27083
|
+
const dropdownList = useHMSStore76(selectAppData7(APP_DATA.dropdownList));
|
27030
27084
|
const authTokenInAppData = useAuthToken();
|
27031
27085
|
const headerRef = useRef23(null);
|
27032
27086
|
const footerRef = useRef23(null);
|
@@ -27230,7 +27284,7 @@ import React152, { useEffect as useEffect49 } from "react";
|
|
27230
27284
|
// src/Prebuilt/services/FeatureFlags.jsx
|
27231
27285
|
init_define_process_env();
|
27232
27286
|
import { useEffect as useEffect48 } from "react";
|
27233
|
-
import { selectRoomID, useHMSStore as
|
27287
|
+
import { selectRoomID, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
|
27234
27288
|
var FeatureFlags = class {
|
27235
27289
|
static init(roomId) {
|
27236
27290
|
if (!window.HMS) {
|
@@ -27255,7 +27309,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
|
|
27255
27309
|
__publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
|
27256
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);
|
27257
27311
|
function FeatureFlagsInit() {
|
27258
|
-
const roomId =
|
27312
|
+
const roomId = useHMSStore77(selectRoomID);
|
27259
27313
|
useEffect48(() => {
|
27260
27314
|
if (roomId) {
|
27261
27315
|
FeatureFlags.init(roomId);
|
@@ -27398,7 +27452,7 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
|
|
27398
27452
|
init_define_process_env();
|
27399
27453
|
import React153, { useContext as useContext4, useEffect as useEffect51 } from "react";
|
27400
27454
|
import { usePreviousDistinct } from "react-use";
|
27401
|
-
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as
|
27455
|
+
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
|
27402
27456
|
|
27403
27457
|
// src/Prebuilt/components/hooks/useRedirectToLeave.tsx
|
27404
27458
|
init_define_process_env();
|
@@ -27435,7 +27489,7 @@ var useHMSAppStateContext = () => {
|
|
27435
27489
|
var useAppStateManager = () => {
|
27436
27490
|
const roomLayout = useRoomLayout();
|
27437
27491
|
const [activeState, setActiveState] = React153.useState();
|
27438
|
-
const roomState =
|
27492
|
+
const roomState = useHMSStore78(selectRoomState8);
|
27439
27493
|
const prevRoomState = usePreviousDistinct(roomState);
|
27440
27494
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
27441
27495
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
@@ -27557,12 +27611,12 @@ import React164, { useCallback as useCallback33, useEffect as useEffect62 } from
|
|
27557
27611
|
import {
|
27558
27612
|
HMSNotificationTypes as HMSNotificationTypes10,
|
27559
27613
|
HMSRoomState as HMSRoomState10,
|
27560
|
-
selectLocalPeerID as
|
27614
|
+
selectLocalPeerID as selectLocalPeerID16,
|
27561
27615
|
selectPeerNameByID as selectPeerNameByID5,
|
27562
27616
|
selectRoomState as selectRoomState10,
|
27563
27617
|
useCustomEvent as useCustomEvent4,
|
27564
27618
|
useHMSNotifications as useHMSNotifications10,
|
27565
|
-
useHMSStore as
|
27619
|
+
useHMSStore as useHMSStore82,
|
27566
27620
|
useHMSVanillaStore as useHMSVanillaStore16
|
27567
27621
|
} from "@100mslive/react-sdk";
|
27568
27622
|
import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
|
@@ -27573,7 +27627,7 @@ init_define_process_env();
|
|
27573
27627
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
27574
27628
|
init_define_process_env();
|
27575
27629
|
import React156, { useCallback as useCallback32 } from "react";
|
27576
|
-
import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions47, useHMSStore as
|
27630
|
+
import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions47, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
|
27577
27631
|
import {
|
27578
27632
|
ChatUnreadIcon,
|
27579
27633
|
ConnectivityIcon,
|
@@ -27595,7 +27649,7 @@ var HandRaiseAction = React156.forwardRef(({ id = "", isSingleHandRaise = true }
|
|
27595
27649
|
const hmsActions = useHMSActions47();
|
27596
27650
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
27597
27651
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
27598
|
-
const peer =
|
27652
|
+
const peer = useHMSStore79(selectPeerByID4(id));
|
27599
27653
|
const layout = useRoomLayout();
|
27600
27654
|
const {
|
27601
27655
|
bring_to_stage_label,
|
@@ -27829,12 +27883,12 @@ function AutoplayBlockedModal() {
|
|
27829
27883
|
init_define_process_env();
|
27830
27884
|
import React158, { useEffect as useEffect53 } from "react";
|
27831
27885
|
import { v4 as uuid3 } from "uuid";
|
27832
|
-
import { selectLocalPeerID as
|
27886
|
+
import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
|
27833
27887
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon2 } from "@100mslive/react-icons";
|
27834
27888
|
var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
27835
27889
|
var ChatNotifications = () => {
|
27836
|
-
const chatState =
|
27837
|
-
const localPeerId =
|
27890
|
+
const chatState = useHMSStore80(selectSessionStore11("chatState" /* CHAT_STATE */));
|
27891
|
+
const localPeerId = useHMSStore80(selectLocalPeerID15);
|
27838
27892
|
useEffect53(() => {
|
27839
27893
|
var _a8, _b7;
|
27840
27894
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
@@ -27863,12 +27917,12 @@ import {
|
|
27863
27917
|
selectHasPeerHandRaised as selectHasPeerHandRaised4,
|
27864
27918
|
selectRoomState as selectRoomState9,
|
27865
27919
|
useHMSNotifications as useHMSNotifications2,
|
27866
|
-
useHMSStore as
|
27920
|
+
useHMSStore as useHMSStore81,
|
27867
27921
|
useHMSVanillaStore as useHMSVanillaStore15
|
27868
27922
|
} from "@100mslive/react-sdk";
|
27869
27923
|
var HandRaisedNotifications = () => {
|
27870
27924
|
const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
|
27871
|
-
const roomState =
|
27925
|
+
const roomState = useHMSStore81(selectRoomState9);
|
27872
27926
|
const vanillaStore = useHMSVanillaStore15();
|
27873
27927
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
27874
27928
|
useEffect54(() => {
|
@@ -28214,10 +28268,10 @@ var TrackUnmuteModal = () => {
|
|
28214
28268
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
28215
28269
|
var pollToastKey = {};
|
28216
28270
|
function Notifications() {
|
28217
|
-
const localPeerID =
|
28271
|
+
const localPeerID = useHMSStore82(selectLocalPeerID16);
|
28218
28272
|
const notification = useHMSNotifications10();
|
28219
28273
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
28220
|
-
const roomState =
|
28274
|
+
const roomState = useHMSStore82(selectRoomState10);
|
28221
28275
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
28222
28276
|
const isNotificationDisabled = useIsNotificationDisabled();
|
28223
28277
|
const screenProps = useRoomLayoutConferencingScreen();
|
@@ -28382,7 +28436,7 @@ var PreviewScreen = () => {
|
|
28382
28436
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
28383
28437
|
init_define_process_env();
|
28384
28438
|
import React167, { useEffect as useEffect63, useState as useState68 } from "react";
|
28385
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as
|
28439
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
|
28386
28440
|
|
28387
28441
|
// src/Prebuilt/components/Toast/Toast.jsx
|
28388
28442
|
init_define_process_env();
|
@@ -28405,7 +28459,7 @@ var Toast2 = (_a8) => {
|
|
28405
28459
|
|
28406
28460
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
28407
28461
|
var ToastContainer = () => {
|
28408
|
-
const isConnected =
|
28462
|
+
const isConnected = useHMSStore83(selectIsConnectedToRoom11);
|
28409
28463
|
const [toasts, setToast] = useState68([]);
|
28410
28464
|
useEffect63(() => {
|
28411
28465
|
ToastManager.addListener(setToast);
|
@@ -28430,10 +28484,10 @@ init_define_process_env();
|
|
28430
28484
|
import React168, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState69 } from "react";
|
28431
28485
|
import { useMedia as useMedia33 } from "react-use";
|
28432
28486
|
import {
|
28433
|
-
selectLocalPeerID as
|
28487
|
+
selectLocalPeerID as selectLocalPeerID17,
|
28434
28488
|
selectPeerNameByID as selectPeerNameByID6,
|
28435
28489
|
useCustomEvent as useCustomEvent5,
|
28436
|
-
useHMSStore as
|
28490
|
+
useHMSStore as useHMSStore84,
|
28437
28491
|
useHMSVanillaStore as useHMSVanillaStore17
|
28438
28492
|
} from "@100mslive/react-sdk";
|
28439
28493
|
var emojiCount = 1;
|
@@ -28460,7 +28514,7 @@ var getStartingPoints = (isMobile) => {
|
|
28460
28514
|
return arr;
|
28461
28515
|
};
|
28462
28516
|
function FlyingEmoji() {
|
28463
|
-
const localPeerId =
|
28517
|
+
const localPeerId = useHMSStore84(selectLocalPeerID17);
|
28464
28518
|
const vanillaStore = useHMSVanillaStore17();
|
28465
28519
|
const [emojis, setEmojis] = useState69([]);
|
28466
28520
|
const isMobile = useMedia33(config.media.md);
|
@@ -28579,15 +28633,15 @@ import {
|
|
28579
28633
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
28580
28634
|
selectPermissions as selectPermissions17,
|
28581
28635
|
useHMSActions as useHMSActions51,
|
28582
|
-
useHMSStore as
|
28636
|
+
useHMSStore as useHMSStore85,
|
28583
28637
|
useRecordingStreaming as useRecordingStreaming11
|
28584
28638
|
} from "@100mslive/react-sdk";
|
28585
28639
|
var useAutoStartStreaming = () => {
|
28586
28640
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
28587
|
-
const permissions =
|
28641
|
+
const permissions = useHMSStore85(selectPermissions17);
|
28588
28642
|
const showStreamingUI = useShowStreamingUI();
|
28589
28643
|
const hmsActions = useHMSActions51();
|
28590
|
-
const isConnected =
|
28644
|
+
const isConnected = useHMSStore85(selectIsConnectedToRoom12);
|
28591
28645
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming11();
|
28592
28646
|
const streamStartedRef = useRef24(false);
|
28593
28647
|
const startHLS = useCallback36(() => __async(void 0, null, function* () {
|
@@ -28783,7 +28837,7 @@ var AppStates = ({ activeState }) => {
|
|
28783
28837
|
return /* @__PURE__ */ React170.createElement(ConferenceScreen, null);
|
28784
28838
|
};
|
28785
28839
|
var BackSwipe = () => {
|
28786
|
-
const isConnectedToRoom =
|
28840
|
+
const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom13);
|
28787
28841
|
const hmsActions = useHMSActions52();
|
28788
28842
|
useEffect66(() => {
|
28789
28843
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
@@ -28946,4 +29000,4 @@ lodash/lodash.js:
|
|
28946
29000
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
28947
29001
|
*)
|
28948
29002
|
*/
|
28949
|
-
//# sourceMappingURL=chunk-
|
29003
|
+
//# sourceMappingURL=chunk-DY3FWEXJ.js.map
|