@100mslive/roomkit-react 0.2.2-alpha.4 → 0.2.2-alpha.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-DPM6YJWZ.js → HLSView-U346BIZQ.js} +2 -2
- package/dist/Prebuilt/components/Chat/ChatActions.d.ts +1 -1
- package/dist/Prebuilt/components/Polls/common/utils.d.ts +1 -0
- package/dist/{chunk-S5NNUR2M.js → chunk-DY3FWEXJ.js} +317 -263
- package/dist/{chunk-S5NNUR2M.js.map → chunk-DY3FWEXJ.js.map} +4 -4
- package/dist/index.cjs.js +554 -493
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +60 -26
- package/dist/meta.esbuild.json +66 -32
- package/package.json +6 -6
- package/src/Prebuilt/common/utils.js +13 -0
- package/src/Prebuilt/components/Chat/ChatActions.tsx +3 -3
- package/src/Prebuilt/components/Chat/ChatBody.tsx +9 -5
- package/src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx +3 -2
- package/src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx +4 -3
- package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +16 -21
- package/src/Prebuilt/components/Polls/Voting/StatisticBox.tsx +1 -1
- package/src/Prebuilt/components/Polls/Voting/TimedVoting.tsx +31 -20
- package/src/Prebuilt/components/Polls/Voting/Voting.tsx +7 -8
- package/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx +2 -2
- package/src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx +4 -5
- package/src/Prebuilt/components/Polls/common/utils.ts +16 -0
- /package/dist/{HLSView-DPM6YJWZ.js.map → HLSView-U346BIZQ.js.map} +0 -0
@@ -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
|