@100mslive/roomkit-react 0.2.2-alpha.2 → 0.2.2-alpha.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-DJGDJPXM.js → HLSView-DPM6YJWZ.js} +19 -4
- package/dist/HLSView-DPM6YJWZ.js.map +7 -0
- package/dist/Prebuilt/components/Polls/Voting/LeaderboardEntry.d.ts +2 -1
- package/dist/Prebuilt/components/RoleChangeRequest/RequestPrompt.d.ts +2 -1
- package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +1 -0
- package/dist/{chunk-ERKB3GGI.js → chunk-S5NNUR2M.js} +230 -194
- package/dist/{chunk-ERKB3GGI.js.map → chunk-S5NNUR2M.js.map} +3 -3
- package/dist/index.cjs.js +189 -135
- package/dist/index.cjs.js.map +3 -3
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +46 -46
- package/dist/meta.esbuild.json +56 -56
- package/package.json +6 -6
- package/src/Button/Button.tsx +2 -2
- package/src/Prebuilt/components/Notifications/Notifications.tsx +14 -1
- package/src/Prebuilt/components/Notifications/PermissionErrorModal.tsx +8 -1
- package/src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.jsx +3 -4
- package/src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx +17 -5
- package/src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx +1 -0
- package/src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx +5 -3
- package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +41 -83
- package/src/Prebuilt/components/Polls/Voting/StandardVoting.tsx +0 -1
- package/src/Prebuilt/components/Polls/Voting/TimedVoting.tsx +2 -3
- package/src/Prebuilt/components/Polls/Voting/Voting.tsx +7 -6
- package/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx +1 -2
- package/src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx +6 -4
- package/src/Prebuilt/components/Polls/common/StatusIndicator.tsx +1 -1
- package/src/Prebuilt/components/Preview/PreviewJoin.tsx +4 -14
- package/src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx +15 -5
- package/src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx +3 -0
- package/src/Prebuilt/components/TileMenu/TileMenuContent.tsx +6 -1
- package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +11 -1
- package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +16 -2
- package/src/Prebuilt/layouts/HLSView.jsx +16 -1
- package/src/Sheet/Sheet.tsx +1 -1
- package/dist/HLSView-DJGDJPXM.js.map +0 -7
- package/src/Prebuilt/images/first_person.png +0 -0
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
|
|
106
106
|
var define_process_env_default;
|
107
107
|
var init_define_process_env = __esm({
|
108
108
|
"<define:process.env>"() {
|
109
|
-
define_process_env_default = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v18.17.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_emoji_mart: "^5.2.2", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_dependencies__100mslive_types_prebuilt: "0.12.5", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.9.2-alpha.2", 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.1", 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: "7b4796ac89befa19c7c293bcd14afde8df83b54a6c71695a3ab637f8f501900e", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.8tHoKq6Yge/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--1705557976625-0.5372400448387256:/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--1705557976174-0.6081129614274636:/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--1705557953375-0.8973695825271015:/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--1705557976625-0.5372400448387256/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.2", 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.2", 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.2", 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.2", 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 = { 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" };
|
110
110
|
}
|
111
111
|
});
|
112
112
|
|
@@ -8888,8 +8888,8 @@ var StyledButton = styled("button", __spreadProps(__spreadValues({}, flexCenter)
|
|
8888
8888
|
"$secondary_bright",
|
8889
8889
|
"$secondary_dim",
|
8890
8890
|
"$secondary_disabled",
|
8891
|
-
"$
|
8892
|
-
"$
|
8891
|
+
"$on_secondary_high",
|
8892
|
+
"$on_secondary_low"
|
8893
8893
|
),
|
8894
8894
|
danger: getButtonVariants(
|
8895
8895
|
"$alert_error_default",
|
@@ -11185,7 +11185,7 @@ var Collapsible = {
|
|
11185
11185
|
|
11186
11186
|
// src/Prebuilt/App.tsx
|
11187
11187
|
init_define_process_env();
|
11188
|
-
import React170, { useEffect as useEffect66, useRef as
|
11188
|
+
import React170, { useEffect as useEffect66, useRef as useRef25 } from "react";
|
11189
11189
|
import {
|
11190
11190
|
HMSReactiveStore,
|
11191
11191
|
HMSRoomProvider,
|
@@ -11814,7 +11814,7 @@ var AuthToken_default = AuthToken;
|
|
11814
11814
|
|
11815
11815
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
11816
11816
|
init_define_process_env();
|
11817
|
-
import React150, { useEffect as useEffect47, useRef as
|
11817
|
+
import React150, { useEffect as useEffect47, useRef as useRef23, useState as useState61 } from "react";
|
11818
11818
|
import {
|
11819
11819
|
HMSRoomState as HMSRoomState7,
|
11820
11820
|
selectAppData as selectAppData7,
|
@@ -12521,7 +12521,7 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
|
|
12521
12521
|
borderTopRightRadius: "$3",
|
12522
12522
|
boxShadow: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)",
|
12523
12523
|
position: "fixed",
|
12524
|
-
zIndex:
|
12524
|
+
zIndex: 22,
|
12525
12525
|
top: 0,
|
12526
12526
|
right: 0,
|
12527
12527
|
left: 0,
|
@@ -17263,7 +17263,7 @@ var m = (a2, e) => {
|
|
17263
17263
|
Gr.call(e, t) && Br(a2, t, e[t]);
|
17264
17264
|
return a2;
|
17265
17265
|
};
|
17266
|
-
var
|
17266
|
+
var k = (a2, e) => Ta(a2, fa(e));
|
17267
17267
|
var Qi = (a2, e) => {
|
17268
17268
|
var t = {};
|
17269
17269
|
for (var i in a2)
|
@@ -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.4", 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 || {});
|
@@ -17766,12 +17766,12 @@ var H = class {
|
|
17766
17766
|
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ba(), this.device_id = fs();
|
17767
17767
|
}
|
17768
17768
|
toSignalParams() {
|
17769
|
-
return { name: this.name, info:
|
17769
|
+
return { name: this.name, info: k(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
17770
17770
|
}
|
17771
17771
|
};
|
17772
17772
|
var M = class {
|
17773
17773
|
static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
|
17774
|
-
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(
|
17774
|
+
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(k(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
|
17775
17775
|
return new H({ name: o, level: n, properties: l });
|
17776
17776
|
}
|
17777
17777
|
static disconnect(e, t) {
|
@@ -17785,7 +17785,7 @@ var M = class {
|
|
17785
17785
|
}
|
17786
17786
|
static join(i) {
|
17787
17787
|
var r = i, { error: e } = r, t = Qi(r, ["error"]);
|
17788
|
-
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(
|
17788
|
+
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
17789
17789
|
return new H({ name: s, level: o, properties: n });
|
17790
17790
|
}
|
17791
17791
|
static publish({ devices: e, settings: t, error: i }) {
|
@@ -17828,7 +17828,7 @@ var M = class {
|
|
17828
17828
|
let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
|
17829
17829
|
if (!t && e.degradedAt instanceof Date) {
|
17830
17830
|
let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
|
17831
|
-
s =
|
17831
|
+
s = k(m({}, s), { duration: n, restoredAt: o });
|
17832
17832
|
}
|
17833
17833
|
return new H({ name: i, level: r, properties: s });
|
17834
17834
|
}
|
@@ -17970,7 +17970,7 @@ var qe = class {
|
|
17970
17970
|
};
|
17971
17971
|
qe.makePeerId = () => ro();
|
17972
17972
|
var ht = "HMS-Store:";
|
17973
|
-
var
|
17973
|
+
var y = class {
|
17974
17974
|
static v(e, ...t) {
|
17975
17975
|
this.log(0, e, ...t);
|
17976
17976
|
}
|
@@ -18035,7 +18035,7 @@ var k = class {
|
|
18035
18035
|
}
|
18036
18036
|
}
|
18037
18037
|
};
|
18038
|
-
|
18038
|
+
y.level = 0;
|
18039
18039
|
var Ar = (a2, e) => e;
|
18040
18040
|
var mt = (a2, e) => e;
|
18041
18041
|
var Gs = (a2, e) => e;
|
@@ -18164,7 +18164,7 @@ var Js = A((a2, e) => {
|
|
18164
18164
|
let t = br(a2, e);
|
18165
18165
|
if (t) {
|
18166
18166
|
if (t.type !== "audio") {
|
18167
|
-
|
18167
|
+
y.w("Please pass audio track here");
|
18168
18168
|
return;
|
18169
18169
|
}
|
18170
18170
|
return t.volume;
|
@@ -18182,7 +18182,7 @@ var mm = A((a2, e) => {
|
|
18182
18182
|
let t = br(a2, e);
|
18183
18183
|
if (t) {
|
18184
18184
|
if (t.type !== "video") {
|
18185
|
-
|
18185
|
+
y.w("Please pass video track here");
|
18186
18186
|
return;
|
18187
18187
|
}
|
18188
18188
|
return t.layer;
|
@@ -20713,6 +20713,7 @@ function HLSFailureModal() {
|
|
20713
20713
|
init_define_process_env();
|
20714
20714
|
import React130, { useEffect as useEffect32 } from "react";
|
20715
20715
|
import {
|
20716
|
+
selectIsInPreview,
|
20716
20717
|
selectLocalPeerName as selectLocalPeerName4,
|
20717
20718
|
selectLocalPeerRoleName as selectLocalPeerRoleName4,
|
20718
20719
|
selectRoleChangeRequest,
|
@@ -20846,7 +20847,7 @@ var StatusIndicator = ({ isLive }) => {
|
|
20846
20847
|
variant: "caption",
|
20847
20848
|
css: {
|
20848
20849
|
fontWeight: "$semiBold",
|
20849
|
-
color: "$
|
20850
|
+
color: "$on_primary_high"
|
20850
20851
|
}
|
20851
20852
|
},
|
20852
20853
|
isLive ? "LIVE" : "ENDED"
|
@@ -20895,7 +20896,6 @@ var AddMenu = () => {
|
|
20895
20896
|
const actions = useHMSActions25();
|
20896
20897
|
const [title, setTitle] = useState32("");
|
20897
20898
|
const localPeerRoleName = useHMSStore36(selectLocalPeerRoleName);
|
20898
|
-
const [anonymous, setAnonymous] = useState32(false);
|
20899
20899
|
const [hideVoteCount, setHideVoteCount] = useState32(false);
|
20900
20900
|
const [error, setError] = useState32();
|
20901
20901
|
const [titleError, setTitleError] = useState32("");
|
@@ -20953,7 +20953,7 @@ var AddMenu = () => {
|
|
20953
20953
|
border: "1px solid $border_default"
|
20954
20954
|
}
|
20955
20955
|
}
|
20956
|
-
), /* @__PURE__ */ React81.createElement(Flex, { align: "center", css: { mt: "$10" } }, /* @__PURE__ */ React81.createElement(Switch, { onCheckedChange: (value) => setHideVoteCount(value), css: { mr: "$6" } }), /* @__PURE__ */ React81.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, "Hide Vote Count")), /* @__PURE__ */ React81.createElement(
|
20956
|
+
), /* @__PURE__ */ React81.createElement(Flex, { align: "center", css: { mt: "$10" } }, /* @__PURE__ */ React81.createElement(Switch, { onCheckedChange: (value) => setHideVoteCount(value), css: { mr: "$6" } }), /* @__PURE__ */ React81.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, "Hide Vote Count")), /* @__PURE__ */ React81.createElement(
|
20957
20957
|
Button,
|
20958
20958
|
{
|
20959
20959
|
variant: "primary",
|
@@ -20964,7 +20964,7 @@ var AddMenu = () => {
|
|
20964
20964
|
yield actions.interactivityCenter.createPoll({
|
20965
20965
|
id,
|
20966
20966
|
title,
|
20967
|
-
anonymous,
|
20967
|
+
anonymous: false,
|
20968
20968
|
rolesThatCanViewResponses: hideVoteCount && localPeerRoleName ? [localPeerRoleName] : void 0,
|
20969
20969
|
type: interactionType.toLowerCase()
|
20970
20970
|
// duration: showTimerDropDown ? timer : undefined,
|
@@ -21135,7 +21135,6 @@ var MultipleChoiceOptions = ({
|
|
21135
21135
|
questionIndex,
|
21136
21136
|
options,
|
21137
21137
|
canRespond,
|
21138
|
-
response,
|
21139
21138
|
totalResponses,
|
21140
21139
|
selectedOptions,
|
21141
21140
|
setSelectedOptions,
|
@@ -21161,7 +21160,7 @@ var MultipleChoiceOptions = ({
|
|
21161
21160
|
{
|
21162
21161
|
id: `${questionIndex}-${option.index}`,
|
21163
21162
|
disabled: !canRespond,
|
21164
|
-
checked: (_a8 =
|
21163
|
+
checked: (_a8 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a8.includes(option.index),
|
21165
21164
|
onCheckedChange: (checked) => handleCheckedChange(checked, option.index),
|
21166
21165
|
css: {
|
21167
21166
|
cursor: canRespond ? "pointer" : "not-allowed"
|
@@ -21203,7 +21202,6 @@ import { CheckCircleIcon as CheckCircleIcon2 } from "@100mslive/react-icons";
|
|
21203
21202
|
var SingleChoiceOptions = ({
|
21204
21203
|
questionIndex,
|
21205
21204
|
options,
|
21206
|
-
response,
|
21207
21205
|
canRespond,
|
21208
21206
|
setAnswer,
|
21209
21207
|
totalResponses,
|
@@ -21211,9 +21209,10 @@ var SingleChoiceOptions = ({
|
|
21211
21209
|
correctOptionIndex,
|
21212
21210
|
isStopped,
|
21213
21211
|
isQuiz,
|
21214
|
-
localPeerResponse
|
21212
|
+
localPeerResponse,
|
21213
|
+
answer
|
21215
21214
|
}) => {
|
21216
|
-
return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value:
|
21215
|
+
return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value: answer || null, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
|
21217
21216
|
return /* @__PURE__ */ React88.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$5" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React88.createElement(
|
21218
21217
|
RadioGroup.Item,
|
21219
21218
|
{
|
@@ -21247,7 +21246,7 @@ var SingleChoiceOptions = ({
|
|
21247
21246
|
}
|
21248
21247
|
}
|
21249
21248
|
)
|
21250
|
-
) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React88.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(CheckCircleIcon2, null)) : 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" } }, /* @__PURE__ */ React88.createElement(Label3, { 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);
|
21249
|
+
) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React88.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(CheckCircleIcon2, null)) : 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);
|
21251
21250
|
})));
|
21252
21251
|
};
|
21253
21252
|
var SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
|
@@ -21655,7 +21654,7 @@ import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIc
|
|
21655
21654
|
// src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
|
21656
21655
|
init_define_process_env();
|
21657
21656
|
import React92 from "react";
|
21658
|
-
import { CheckCircleIcon as CheckCircleIcon4, TrophyFilledIcon } from "@100mslive/react-icons";
|
21657
|
+
import { CheckCircleIcon as CheckCircleIcon4, ClockIcon, TrophyFilledIcon } from "@100mslive/react-icons";
|
21659
21658
|
var positionColorMap = { 1: "#D69516", 2: "#3E3E3E", 3: "#583B0F" };
|
21660
21659
|
var LeaderboardEntry = ({
|
21661
21660
|
position,
|
@@ -21663,7 +21662,8 @@ var LeaderboardEntry = ({
|
|
21663
21662
|
questionCount,
|
21664
21663
|
correctResponses,
|
21665
21664
|
userName,
|
21666
|
-
maxPossibleScore
|
21665
|
+
maxPossibleScore,
|
21666
|
+
duration
|
21667
21667
|
}) => {
|
21668
21668
|
return /* @__PURE__ */ React92.createElement(Flex, { align: "center", justify: "between", css: { my: "$4" } }, /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$6" } }, /* @__PURE__ */ React92.createElement(
|
21669
21669
|
Flex,
|
@@ -21681,7 +21681,7 @@ var LeaderboardEntry = ({
|
|
21681
21681
|
}
|
21682
21682
|
},
|
21683
21683
|
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, /* @__PURE__ */ React92.createElement(CheckCircleIcon4, { height: 16, width: 16 }),
|
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 / 1e3).toFixed(3), "s")) : null));
|
21685
21685
|
};
|
21686
21686
|
|
21687
21687
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
@@ -21772,15 +21772,17 @@ var PeerParticipationSummary = ({ quiz }) => {
|
|
21772
21772
|
title: "Correct Answers",
|
21773
21773
|
value: `${summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.correctUsers}/${summary.totalUsers})`
|
21774
21774
|
},
|
21775
|
-
|
21775
|
+
// Time in ms
|
21776
|
+
{ title: "Avg. Time Taken", value: `${(summary.avgTime / 1e3).toFixed(3)}s` },
|
21776
21777
|
{
|
21777
21778
|
title: "Avg. Score",
|
21778
21779
|
value: Number.isInteger(summary.avgScore) ? summary.avgScore : summary.avgScore.toFixed(2)
|
21779
21780
|
}
|
21780
21781
|
] : [
|
21781
|
-
{ title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position)
|
21782
|
+
{ title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) || "-" },
|
21782
21783
|
{ title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
|
21783
|
-
|
21784
|
+
// Time in ms
|
21785
|
+
{ title: "Time Taken", value: `${(((peerEntry == null ? void 0 : peerEntry.duration) || 0) / 1e3).toFixed(3)}s` },
|
21784
21786
|
{
|
21785
21787
|
title: "Correct Answers",
|
21786
21788
|
value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? `${peerEntry == null ? void 0 : peerEntry.correctResponses}/${peerEntry.totalResponses}` : "-"
|
@@ -21837,7 +21839,8 @@ var LeaderboardSummary = ({ pollID }) => {
|
|
21837
21839
|
questionCount,
|
21838
21840
|
correctResponses: question.correctResponses,
|
21839
21841
|
userName: question.peer.username || "",
|
21840
|
-
maxPossibleScore
|
21842
|
+
maxPossibleScore,
|
21843
|
+
duration: question.duration
|
21841
21844
|
}
|
21842
21845
|
)),
|
21843
21846
|
((_b7 = quizLeaderboard == null ? void 0 : quizLeaderboard.entries) == null ? void 0 : _b7.length) > 5 && !viewAllEntries ? /* @__PURE__ */ React95.createElement(
|
@@ -21865,13 +21868,13 @@ var LeaderboardSummary = ({ pollID }) => {
|
|
21865
21868
|
init_define_process_env();
|
21866
21869
|
import React99 from "react";
|
21867
21870
|
import {
|
21868
|
-
selectLocalPeerID as selectLocalPeerID9,
|
21869
21871
|
selectPeerNameByID,
|
21872
|
+
selectPermissions as selectPermissions13,
|
21870
21873
|
selectPollByID as selectPollByID4,
|
21871
21874
|
useHMSActions as useHMSActions29,
|
21872
21875
|
useHMSStore as useHMSStore42
|
21873
21876
|
} from "@100mslive/react-sdk";
|
21874
|
-
import { ChevronLeftIcon as
|
21877
|
+
import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
|
21875
21878
|
|
21876
21879
|
// src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
|
21877
21880
|
init_define_process_env();
|
@@ -21879,15 +21882,9 @@ import React97 from "react";
|
|
21879
21882
|
|
21880
21883
|
// src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
|
21881
21884
|
init_define_process_env();
|
21882
|
-
import React96, { useCallback as useCallback20, useMemo as useMemo6, useState as useState38 } from "react";
|
21885
|
+
import React96, { useCallback as useCallback20, useMemo as useMemo6, useRef as useRef16, useState as useState38 } from "react";
|
21883
21886
|
import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions28, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
|
21884
|
-
import {
|
21885
|
-
CheckCircleIcon as CheckCircleIcon5,
|
21886
|
-
ChevronDownIcon as ChevronDownIcon5,
|
21887
|
-
ChevronLeftIcon as ChevronLeftIcon5,
|
21888
|
-
ChevronRightIcon as ChevronRightIcon4,
|
21889
|
-
CrossCircleIcon
|
21890
|
-
} from "@100mslive/react-icons";
|
21887
|
+
import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
|
21891
21888
|
var QuestionCard2 = ({
|
21892
21889
|
pollID,
|
21893
21890
|
isQuiz,
|
@@ -21901,9 +21898,7 @@ var QuestionCard2 = ({
|
|
21901
21898
|
options = [],
|
21902
21899
|
answer,
|
21903
21900
|
setCurrentIndex,
|
21904
|
-
skippable = false,
|
21905
21901
|
responses = [],
|
21906
|
-
isTimed = false,
|
21907
21902
|
rolesThatCanViewResponses
|
21908
21903
|
}) => {
|
21909
21904
|
const actions = useHMSActions28();
|
@@ -21919,16 +21914,10 @@ var QuestionCard2 = ({
|
|
21919
21914
|
const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
|
21920
21915
|
const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
|
21921
21916
|
const isLive = pollState === "started";
|
21917
|
+
const pollEnded = pollState === "stopped";
|
21922
21918
|
const canRespond = isLive && !localPeerResponse;
|
21919
|
+
const startTime = useRef16(Date.now());
|
21923
21920
|
const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
|
21924
|
-
const prev = index !== 1;
|
21925
|
-
const next = index !== totalQuestions && (skippable || localPeerResponse);
|
21926
|
-
const moveNext = useCallback20(() => {
|
21927
|
-
setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
|
21928
|
-
}, [setCurrentIndex, totalQuestions]);
|
21929
|
-
const movePrev = () => {
|
21930
|
-
setCurrentIndex((curr) => Math.max(1, curr - 1));
|
21931
|
-
};
|
21932
21921
|
const [singleOptionAnswer, setSingleOptionAnswer] = useState38();
|
21933
21922
|
const [multipleOptionAnswer, setMultipleOptionAnswer] = useState38(/* @__PURE__ */ new Set());
|
21934
21923
|
const [showOptions, setShowOptions] = useState38(true);
|
@@ -21948,19 +21937,25 @@ var QuestionCard2 = ({
|
|
21948
21937
|
{
|
21949
21938
|
questionIndex: index,
|
21950
21939
|
option: singleOptionAnswer,
|
21951
|
-
options: Array.from(multipleOptionAnswer)
|
21952
|
-
|
21953
|
-
]);
|
21954
|
-
}), [actions, index, pollID, isValidVote, singleOptionAnswer, multipleOptionAnswer]);
|
21955
|
-
const handleSkip = useCallback20(() => __async(void 0, null, function* () {
|
21956
|
-
yield actions.interactivityCenter.addResponsesToPoll(pollID, [
|
21957
|
-
{
|
21958
|
-
questionIndex: index,
|
21959
|
-
skipped: true
|
21940
|
+
options: Array.from(multipleOptionAnswer),
|
21941
|
+
duration: Date.now() - startTime.current
|
21960
21942
|
}
|
21961
21943
|
]);
|
21962
|
-
|
21963
|
-
|
21944
|
+
startTime.current = Date.now();
|
21945
|
+
if (isQuiz && index !== totalQuestions) {
|
21946
|
+
setSingleOptionAnswer(void 0);
|
21947
|
+
setMultipleOptionAnswer(/* @__PURE__ */ new Set());
|
21948
|
+
}
|
21949
|
+
}), [
|
21950
|
+
isValidVote,
|
21951
|
+
actions.interactivityCenter,
|
21952
|
+
pollID,
|
21953
|
+
index,
|
21954
|
+
singleOptionAnswer,
|
21955
|
+
multipleOptionAnswer,
|
21956
|
+
totalQuestions,
|
21957
|
+
isQuiz
|
21958
|
+
]);
|
21964
21959
|
return /* @__PURE__ */ React96.createElement(
|
21965
21960
|
Box,
|
21966
21961
|
{
|
@@ -21984,42 +21979,20 @@ var QuestionCard2 = ({
|
|
21984
21979
|
gap: "$4"
|
21985
21980
|
}
|
21986
21981
|
},
|
21987
|
-
respondedToQuiz && isCorrectAnswer ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 20, width: 20 }) : null,
|
21988
|
-
respondedToQuiz && !isCorrectAnswer ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 20, width: 20 }) : null,
|
21982
|
+
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 20, width: 20 }) : null,
|
21983
|
+
respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 20, width: 20 }) : null,
|
21989
21984
|
"QUESTION ",
|
21990
21985
|
index,
|
21991
21986
|
" OF ",
|
21992
21987
|
totalQuestions,
|
21993
21988
|
": ",
|
21994
21989
|
type.toUpperCase()
|
21995
|
-
),
|
21996
|
-
IconButton,
|
21997
|
-
{
|
21998
|
-
disabled: !prev,
|
21999
|
-
onClick: movePrev,
|
22000
|
-
css: prev ? { color: "$on_surface_high", cursor: "pointer" } : {
|
22001
|
-
color: "$on_surface_low",
|
22002
|
-
cursor: "not-allowed"
|
22003
|
-
}
|
22004
|
-
},
|
22005
|
-
/* @__PURE__ */ React96.createElement(ChevronLeftIcon5, { height: 16, width: 16 })
|
22006
|
-
), /* @__PURE__ */ React96.createElement(
|
22007
|
-
IconButton,
|
22008
|
-
{
|
22009
|
-
disabled: !next,
|
22010
|
-
onClick: moveNext,
|
22011
|
-
css: next ? { color: "$on_surface_high", cursor: "pointer" } : {
|
22012
|
-
color: "$on_surface_low",
|
22013
|
-
cursor: "not-allowed"
|
22014
|
-
}
|
22015
|
-
},
|
22016
|
-
/* @__PURE__ */ React96.createElement(ChevronRightIcon4, { height: 16, width: 16 })
|
22017
|
-
)) : null),
|
21990
|
+
)),
|
22018
21991
|
/* @__PURE__ */ React96.createElement(Flex, { justify: "between", css: { my: "$md" } }, /* @__PURE__ */ React96.createElement(Text, { css: { color: "$on_surface_high" } }, text), /* @__PURE__ */ React96.createElement(
|
22019
21992
|
Box,
|
22020
21993
|
{
|
22021
21994
|
css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
|
22022
|
-
onClick: () => setShowOptions((
|
21995
|
+
onClick: () => setShowOptions((prev) => !prev)
|
22023
21996
|
},
|
22024
21997
|
/* @__PURE__ */ React96.createElement(
|
22025
21998
|
ChevronDownIcon5,
|
@@ -22031,17 +22004,18 @@ var QuestionCard2 = ({
|
|
22031
22004
|
/* @__PURE__ */ React96.createElement(Box, { css: { maxHeight: showOptions ? "$80" : "0", transition: "max-height 0.3s ease", overflowY: "hidden" } }, type === "single-choice" /* SINGLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
|
22032
22005
|
SingleChoiceOptions,
|
22033
22006
|
{
|
22007
|
+
key: index,
|
22034
22008
|
questionIndex: index,
|
22035
22009
|
isQuiz,
|
22036
22010
|
canRespond,
|
22037
|
-
response: localPeerResponse,
|
22038
22011
|
correctOptionIndex: answer == null ? void 0 : answer.option,
|
22039
22012
|
options,
|
22040
22013
|
setAnswer: setSingleOptionAnswer,
|
22041
22014
|
totalResponses: result == null ? void 0 : result.totalResponses,
|
22042
22015
|
showVoteCount,
|
22043
22016
|
localPeerResponse,
|
22044
|
-
isStopped: pollState === "stopped"
|
22017
|
+
isStopped: pollState === "stopped",
|
22018
|
+
answer: singleOptionAnswer
|
22045
22019
|
}
|
22046
22020
|
) : null, type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
|
22047
22021
|
MultipleChoiceOptions,
|
@@ -22049,7 +22023,6 @@ var QuestionCard2 = ({
|
|
22049
22023
|
questionIndex: index,
|
22050
22024
|
isQuiz,
|
22051
22025
|
canRespond,
|
22052
|
-
response: localPeerResponse,
|
22053
22026
|
correctOptionIndexes: answer == null ? void 0 : answer.options,
|
22054
22027
|
options,
|
22055
22028
|
selectedOptions: multipleOptionAnswer,
|
@@ -22063,17 +22036,29 @@ var QuestionCard2 = ({
|
|
22063
22036
|
QuestionActions,
|
22064
22037
|
{
|
22065
22038
|
isValidVote,
|
22066
|
-
skippable,
|
22067
|
-
onSkip: handleSkip,
|
22068
22039
|
onVote: handleVote,
|
22069
22040
|
response: localPeerResponse,
|
22070
|
-
isQuiz
|
22041
|
+
isQuiz,
|
22042
|
+
incrementIndex: () => {
|
22043
|
+
setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
|
22044
|
+
}
|
22071
22045
|
}
|
22072
22046
|
))
|
22073
22047
|
);
|
22074
22048
|
};
|
22075
|
-
var QuestionActions = ({ isValidVote,
|
22076
|
-
return /* @__PURE__ */ React96.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } },
|
22049
|
+
var QuestionActions = ({ isValidVote, response, isQuiz, onVote, incrementIndex }) => {
|
22050
|
+
return /* @__PURE__ */ React96.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ React96.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React96.createElement(
|
22051
|
+
Button,
|
22052
|
+
{
|
22053
|
+
css: { p: "$xs $10", fontWeight: "$semiBold" },
|
22054
|
+
disabled: !isValidVote,
|
22055
|
+
onClick: () => {
|
22056
|
+
onVote();
|
22057
|
+
incrementIndex();
|
22058
|
+
}
|
22059
|
+
},
|
22060
|
+
isQuiz ? "Answer" : "Vote"
|
22061
|
+
));
|
22077
22062
|
};
|
22078
22063
|
|
22079
22064
|
// src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
|
@@ -22100,7 +22085,6 @@ var StandardView = ({ poll }) => {
|
|
22100
22085
|
result: question.result,
|
22101
22086
|
totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
|
22102
22087
|
options: question.options,
|
22103
|
-
skippable: question.skippable,
|
22104
22088
|
responses: question.responses,
|
22105
22089
|
answer: question.answer,
|
22106
22090
|
setCurrentIndex: () => {
|
@@ -22135,12 +22119,10 @@ var TimedView = ({ poll }) => {
|
|
22135
22119
|
result: activeQuestion == null ? void 0 : activeQuestion.result,
|
22136
22120
|
totalQuestions: ((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0,
|
22137
22121
|
options: activeQuestion.options,
|
22138
|
-
skippable: activeQuestion.skippable || false,
|
22139
22122
|
responses: activeQuestion.responses,
|
22140
22123
|
answer: activeQuestion.answer,
|
22141
22124
|
setCurrentIndex,
|
22142
|
-
rolesThatCanViewResponses: poll.rolesThatCanViewResponses
|
22143
|
-
isTimed: true
|
22125
|
+
rolesThatCanViewResponses: poll.rolesThatCanViewResponses
|
22144
22126
|
}
|
22145
22127
|
);
|
22146
22128
|
};
|
@@ -22150,13 +22132,14 @@ var Voting = ({ id, toggleVoting }) => {
|
|
22150
22132
|
const actions = useHMSActions29();
|
22151
22133
|
const poll = useHMSStore42(selectPollByID4(id));
|
22152
22134
|
const pollCreatorName = useHMSStore42(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
|
22153
|
-
const
|
22135
|
+
const permissions = useHMSStore42(selectPermissions13);
|
22136
|
+
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
22154
22137
|
const { setPollView } = usePollViewState();
|
22138
|
+
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
22155
22139
|
if (!poll) {
|
22156
22140
|
return null;
|
22157
22141
|
}
|
22158
22142
|
const canViewLeaderboard = poll.type === "quiz" && poll.state === "stopped" && !poll.anonymous;
|
22159
|
-
const isTimed = (poll.duration || 0) > 0;
|
22160
22143
|
const isLive = poll.state === "started";
|
22161
22144
|
return /* @__PURE__ */ React99.createElement(Container3, { rounded: true }, /* @__PURE__ */ React99.createElement(
|
22162
22145
|
Flex,
|
@@ -22178,7 +22161,7 @@ var Voting = ({ id, toggleVoting }) => {
|
|
22178
22161
|
onClick: () => setPollView(POLL_VIEWS.CREATE_POLL_QUIZ),
|
22179
22162
|
css: { cursor: "pointer", c: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } }
|
22180
22163
|
},
|
22181
|
-
/* @__PURE__ */ React99.createElement(
|
22164
|
+
/* @__PURE__ */ React99.createElement(ChevronLeftIcon5, null)
|
22182
22165
|
),
|
22183
22166
|
/* @__PURE__ */ React99.createElement(Text, { variant: "h6" }, poll.title),
|
22184
22167
|
/* @__PURE__ */ React99.createElement(StatusIndicator, { isLive }),
|
@@ -22193,7 +22176,7 @@ var Voting = ({ id, toggleVoting }) => {
|
|
22193
22176
|
},
|
22194
22177
|
/* @__PURE__ */ React99.createElement(CrossIcon13, { onClick: toggleVoting })
|
22195
22178
|
)
|
22196
|
-
), /* @__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,
|
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 }), poll.state === "started" && canEndActivity && /* @__PURE__ */ React99.createElement(
|
22197
22180
|
Button,
|
22198
22181
|
{
|
22199
22182
|
variant: "danger",
|
@@ -22238,20 +22221,20 @@ import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
|
|
22238
22221
|
|
22239
22222
|
// src/Prebuilt/components/Chat/Chat.tsx
|
22240
22223
|
init_define_process_env();
|
22241
|
-
import React112, { useCallback as useCallback28, useRef as
|
22224
|
+
import React112, { useCallback as useCallback28, useRef as useRef20 } from "react";
|
22242
22225
|
import { useMedia as useMedia16 } from "react-use";
|
22243
22226
|
import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore52, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
|
22244
22227
|
import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
|
22245
22228
|
|
22246
22229
|
// src/Prebuilt/components/Chat/ChatBody.tsx
|
22247
22230
|
init_define_process_env();
|
22248
|
-
import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as
|
22231
|
+
import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef17, useState as useState42 } from "react";
|
22249
22232
|
import { useMedia as useMedia11 } from "react-use";
|
22250
22233
|
import AutoSizer from "react-virtualized-auto-sizer";
|
22251
22234
|
import { VariableSizeList } from "react-window";
|
22252
22235
|
import {
|
22253
22236
|
selectHMSMessages,
|
22254
|
-
selectLocalPeerID as
|
22237
|
+
selectLocalPeerID as selectLocalPeerID9,
|
22255
22238
|
selectLocalPeerName as selectLocalPeerName3,
|
22256
22239
|
selectLocalPeerRoleName as selectLocalPeerRoleName3,
|
22257
22240
|
selectPeerNameByID as selectPeerNameByID3,
|
@@ -22266,7 +22249,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
|
|
22266
22249
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
22267
22250
|
init_define_process_env();
|
22268
22251
|
import React102, { useCallback as useCallback23, useState as useState40 } from "react";
|
22269
|
-
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as
|
22252
|
+
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions14, useHMSActions as useHMSActions32, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
|
22270
22253
|
import {
|
22271
22254
|
CopyIcon as CopyIcon2,
|
22272
22255
|
CrossCircleIcon as CrossCircleIcon2,
|
@@ -22391,7 +22374,7 @@ var ChatActions = ({
|
|
22391
22374
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
22392
22375
|
const [open, setOpen] = useState40(false);
|
22393
22376
|
const actions = useHMSActions32();
|
22394
|
-
const canRemoveOthers = (_b7 = useHMSStore44(
|
22377
|
+
const canRemoveOthers = (_b7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
|
22395
22378
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
22396
22379
|
const localPeerName = useHMSStore44(selectLocalPeerName2);
|
22397
22380
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
@@ -22743,11 +22726,11 @@ var ChatMessage = React104.memo(
|
|
22743
22726
|
({ index, style = {}, message }) => {
|
22744
22727
|
var _a8, _b7, _c;
|
22745
22728
|
const { elements } = useRoomLayoutConferencingScreen();
|
22746
|
-
const rowRef =
|
22729
|
+
const rowRef = useRef17(null);
|
22747
22730
|
const isMobile = useMedia11(config.media.md);
|
22748
22731
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
22749
22732
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
22750
|
-
const localPeerId = useHMSStore46(
|
22733
|
+
const localPeerId = useHMSStore46(selectLocalPeerID9);
|
22751
22734
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
22752
22735
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
22753
22736
|
const messageType = getMessageType({
|
@@ -23013,7 +22996,7 @@ var PinnedBy = ({
|
|
23013
22996
|
|
23014
22997
|
// src/Prebuilt/components/Chat/ChatFooter.tsx
|
23015
22998
|
init_define_process_env();
|
23016
|
-
import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as
|
22999
|
+
import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef19, useState as useState45 } from "react";
|
23017
23000
|
import { useMedia as useMedia14 } from "react-use";
|
23018
23001
|
import data2 from "@emoji-mart/data";
|
23019
23002
|
import Picker from "@emoji-mart/react";
|
@@ -23335,9 +23318,9 @@ var useChatDraftMessage = () => {
|
|
23335
23318
|
|
23336
23319
|
// src/Prebuilt/components/Chat/useEmojiPickerStyles.js
|
23337
23320
|
init_define_process_env();
|
23338
|
-
import { useEffect as useEffect23, useRef as
|
23321
|
+
import { useEffect as useEffect23, useRef as useRef18 } from "react";
|
23339
23322
|
var useEmojiPickerStyles = (showing) => {
|
23340
|
-
const ref =
|
23323
|
+
const ref = useRef18(null);
|
23341
23324
|
useEffect23(() => {
|
23342
23325
|
if (showing) {
|
23343
23326
|
setTimeout(() => {
|
@@ -23414,7 +23397,7 @@ function EmojiPicker({ onSelect }) {
|
|
23414
23397
|
var ChatFooter = ({ onSend, children }) => {
|
23415
23398
|
var _a8, _b7, _c, _d;
|
23416
23399
|
const hmsActions = useHMSActions35();
|
23417
|
-
const inputRef =
|
23400
|
+
const inputRef = useRef19(null);
|
23418
23401
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
23419
23402
|
const isMobile = useMedia14(config.media.md);
|
23420
23403
|
const { elements } = useRoomLayoutConferencingScreen();
|
@@ -23818,7 +23801,7 @@ var PinnedMessage = () => {
|
|
23818
23801
|
var Chat = () => {
|
23819
23802
|
var _a8, _b7;
|
23820
23803
|
const { elements } = useRoomLayoutConferencingScreen();
|
23821
|
-
const listRef =
|
23804
|
+
const listRef = useRef20(null);
|
23822
23805
|
const hmsActions = useHMSActions37();
|
23823
23806
|
const vanillaStore = useHMSVanillaStore10();
|
23824
23807
|
const { enabled: isChatEnabled = true } = useHMSStore52(qh("chatState" /* CHAT_STATE */)) || {};
|
@@ -23910,7 +23893,7 @@ import { useInView } from "react-intersection-observer";
|
|
23910
23893
|
import { useMeasure as useMeasure2 } from "react-use";
|
23911
23894
|
import { VariableSizeList as VariableSizeList2 } from "react-window";
|
23912
23895
|
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore53, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
|
23913
|
-
import { ChevronLeftIcon as
|
23896
|
+
import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
|
23914
23897
|
var LoadMoreParticipants = ({
|
23915
23898
|
hasNext,
|
23916
23899
|
loadMore,
|
@@ -23960,7 +23943,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
23960
23943
|
useEffect26(() => {
|
23961
23944
|
loadPeers();
|
23962
23945
|
}, []);
|
23963
|
-
return /* @__PURE__ */ React113.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React113.createElement(Flex, { align: "center" }, /* @__PURE__ */ React113.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React113.createElement(
|
23946
|
+
return /* @__PURE__ */ React113.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React113.createElement(Flex, { align: "center" }, /* @__PURE__ */ React113.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React113.createElement(ChevronLeftIcon6, null), /* @__PURE__ */ React113.createElement(Text, { variant: "lg", css: { flex: "1 1 0" } }, "Participants")), /* @__PURE__ */ React113.createElement(
|
23964
23947
|
IconButton,
|
23965
23948
|
{
|
23966
23949
|
onClick: (e) => {
|
@@ -24186,7 +24169,7 @@ import {
|
|
24186
24169
|
selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
|
24187
24170
|
selectHasPeerHandRaised as selectHasPeerHandRaised3,
|
24188
24171
|
selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
|
24189
|
-
selectLocalPeerID as
|
24172
|
+
selectLocalPeerID as selectLocalPeerID11,
|
24190
24173
|
selectPeerMetadata as selectPeerMetadata4,
|
24191
24174
|
selectPeerNameByID as selectPeerNameByID4,
|
24192
24175
|
selectSessionStore as selectSessionStore10,
|
@@ -24242,9 +24225,9 @@ init_define_process_env();
|
|
24242
24225
|
import React118, { useState as useState49 } from "react";
|
24243
24226
|
import { useMedia as useMedia19 } from "react-use";
|
24244
24227
|
import {
|
24245
|
-
selectLocalPeerID as
|
24228
|
+
selectLocalPeerID as selectLocalPeerID10,
|
24246
24229
|
selectPeerByID as selectPeerByID2,
|
24247
|
-
selectPermissions as
|
24230
|
+
selectPermissions as selectPermissions16,
|
24248
24231
|
selectTrackByID as selectTrackByID3,
|
24249
24232
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
|
24250
24233
|
useHMSStore as useHMSStore57,
|
@@ -24257,7 +24240,7 @@ init_define_process_env();
|
|
24257
24240
|
import React117, { Fragment as Fragment12 } from "react";
|
24258
24241
|
import { useMedia as useMedia18 } from "react-use";
|
24259
24242
|
import {
|
24260
|
-
selectPermissions as
|
24243
|
+
selectPermissions as selectPermissions15,
|
24261
24244
|
selectSessionStore as selectSessionStore9,
|
24262
24245
|
selectTrackByID as selectTrackByID2,
|
24263
24246
|
useCustomEvent as useCustomEvent2,
|
@@ -24433,7 +24416,7 @@ var TileMenuContent = ({
|
|
24433
24416
|
var _a8;
|
24434
24417
|
const actions = useHMSActions39();
|
24435
24418
|
const dragClassName = getDragClassName();
|
24436
|
-
const removeOthers = (_a8 = useHMSStore56(
|
24419
|
+
const removeOthers = (_a8 = useHMSStore56(selectPermissions15)) == null ? void 0 : _a8.removeOthers;
|
24437
24420
|
const { userName } = useHMSPrebuiltContext();
|
24438
24421
|
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
|
24439
24422
|
audioTrackID,
|
@@ -24480,7 +24463,15 @@ var TileMenuContent = ({
|
|
24480
24463
|
},
|
24481
24464
|
isAudioEnabled ? /* @__PURE__ */ React117.createElement(MicOnIcon4, { height: 20, width: 20 }) : /* @__PURE__ */ React117.createElement(MicOffIcon5, { height: 20, width: 20 }),
|
24482
24465
|
/* @__PURE__ */ React117.createElement("span", null, isAudioEnabled ? "Mute" : "Request Unmute")
|
24483
|
-
) : null, audioTrackID ? /* @__PURE__ */ React117.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React117.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React117.createElement(SpeakerIcon2, { height: 20, width: 20 }), /* @__PURE__ */ React117.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React117.createElement(
|
24466
|
+
) : null, audioTrackID ? /* @__PURE__ */ React117.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React117.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React117.createElement(SpeakerIcon2, { height: 20, width: 20 }), /* @__PURE__ */ React117.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React117.createElement(
|
24467
|
+
Slider,
|
24468
|
+
{
|
24469
|
+
css: { my: "0.5rem" },
|
24470
|
+
step: 5,
|
24471
|
+
value: [typeof volume === "number" ? volume : 100],
|
24472
|
+
onValueChange: (e) => setVolume == null ? void 0 : setVolume(e[0])
|
24473
|
+
}
|
24474
|
+
)) : null, showPinAction && /* @__PURE__ */ React117.createElement(React117.Fragment, null, /* @__PURE__ */ React117.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React117.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() })), isMobile ? null : /* @__PURE__ */ React117.createElement(SimulcastLayers, { trackId: videoTrackID }), removeOthers ? /* @__PURE__ */ React117.createElement(
|
24484
24475
|
StyledMenuTile.RemoveItem,
|
24485
24476
|
{
|
24486
24477
|
css: __spreadProps(__spreadValues({}, spacingCSS), { borderTop: "none" }),
|
@@ -24521,9 +24512,9 @@ var TileMenu = ({
|
|
24521
24512
|
var _a8, _b7;
|
24522
24513
|
const [open, setOpen] = useState49(false);
|
24523
24514
|
const { theme: theme2 } = useTheme();
|
24524
|
-
const localPeerID = useHMSStore57(
|
24515
|
+
const localPeerID = useHMSStore57(selectLocalPeerID10);
|
24525
24516
|
const isLocal = localPeerID === peerID;
|
24526
|
-
const { removeOthers } = useHMSStore57(
|
24517
|
+
const { removeOthers } = useHMSStore57(selectPermissions16);
|
24527
24518
|
const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
|
24528
24519
|
const showSpotlight = enableSpotlightingPeer;
|
24529
24520
|
const isPrimaryVideoTrack = ((_a8 = useHMSStore57(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
@@ -24627,7 +24618,7 @@ var Tile = ({
|
|
24627
24618
|
const track = useHMSStore58(trackSelector);
|
24628
24619
|
const peerName = useHMSStore58(selectPeerNameByID4(peerId));
|
24629
24620
|
const audioTrack = useHMSStore58(selectAudioTrackByPeerID2(peerId));
|
24630
|
-
const localPeerID = useHMSStore58(
|
24621
|
+
const localPeerID = useHMSStore58(selectLocalPeerID11);
|
24631
24622
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
24632
24623
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
24633
24624
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
@@ -24827,11 +24818,20 @@ var VBPlugin = class {
|
|
24827
24818
|
}
|
24828
24819
|
};
|
24829
24820
|
this.getBackground = () => {
|
24830
|
-
var _a8, _b7
|
24821
|
+
var _a8, _b7;
|
24831
24822
|
if (this.effectsPlugin) {
|
24832
24823
|
return (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getBackground();
|
24833
24824
|
} else {
|
24834
|
-
|
24825
|
+
const background = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getBackground();
|
24826
|
+
return (background == null ? void 0 : background.src) || background;
|
24827
|
+
}
|
24828
|
+
};
|
24829
|
+
this.getBlurAmount = () => {
|
24830
|
+
var _a8;
|
24831
|
+
if (this.effectsPlugin) {
|
24832
|
+
return this.effectsPlugin.getBlurAmount();
|
24833
|
+
} else {
|
24834
|
+
return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === HMSVirtualBackgroundTypes2.BLUR ? 1 : 0;
|
24835
24835
|
}
|
24836
24836
|
};
|
24837
24837
|
this.getVBObject = () => {
|
@@ -24914,6 +24914,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
24914
24914
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
24915
24915
|
const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
|
24916
24916
|
const track = useHMSStore59(trackSelector);
|
24917
|
+
const [blurAmount, setBlurAmount] = useState51(VBHandler.getBlurAmount() || 0.5);
|
24917
24918
|
const roomState = useHMSStore59(selectRoomState4);
|
24918
24919
|
const isLargeRoom = useHMSStore59(selectIsLargeRoom3);
|
24919
24920
|
const isEffectsEnabled = useHMSStore59(Qn);
|
@@ -24996,7 +24997,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
24996
24997
|
value: HMSVirtualBackgroundTypes3.BLUR,
|
24997
24998
|
onClick: () => __async(void 0, null, function* () {
|
24998
24999
|
var _a9;
|
24999
|
-
yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(
|
25000
|
+
yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(blurAmount);
|
25000
25001
|
setActiveBackground(HMSVirtualBackgroundTypes3.BLUR);
|
25001
25002
|
})
|
25002
25003
|
}
|
@@ -25004,6 +25005,19 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
25004
25005
|
activeBackground
|
25005
25006
|
}
|
25006
25007
|
),
|
25008
|
+
activeBackground === HMSVirtualBackgroundTypes3.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ React122.createElement(
|
25009
|
+
Slider,
|
25010
|
+
{
|
25011
|
+
value: [blurAmount],
|
25012
|
+
onValueChange: (e) => __async(void 0, null, function* () {
|
25013
|
+
setBlurAmount(e[0]);
|
25014
|
+
yield VBHandler.setBlur(e[0]);
|
25015
|
+
}),
|
25016
|
+
step: 0.1,
|
25017
|
+
min: 0.1,
|
25018
|
+
max: 1
|
25019
|
+
}
|
25020
|
+
) : null,
|
25007
25021
|
/* @__PURE__ */ React122.createElement(
|
25008
25022
|
VBCollection,
|
25009
25023
|
{
|
@@ -25379,20 +25393,7 @@ var PreviewJoin = ({
|
|
25379
25393
|
textColor: "#FFF",
|
25380
25394
|
icon: /* @__PURE__ */ React128.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
|
25381
25395
|
}
|
25382
|
-
) : null, /* @__PURE__ */ React128.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React128.createElement(
|
25383
|
-
Flex,
|
25384
|
-
{
|
25385
|
-
align: "center",
|
25386
|
-
justify: "center",
|
25387
|
-
css: {
|
25388
|
-
mt: "$14",
|
25389
|
-
"@md": { mt: 0 },
|
25390
|
-
"@sm": { width: "100%" },
|
25391
|
-
flexDirection: "column"
|
25392
|
-
}
|
25393
|
-
},
|
25394
|
-
/* @__PURE__ */ React128.createElement(PreviewTile, { name, error: previewError })
|
25395
|
-
) : null, /* @__PURE__ */ React128.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ React128.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ React128.createElement(
|
25396
|
+
) : null, /* @__PURE__ */ React128.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React128.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ React128.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ React128.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ React128.createElement(
|
25396
25397
|
PreviewForm_default,
|
25397
25398
|
{
|
25398
25399
|
name,
|
@@ -25433,9 +25434,12 @@ var PreviewTile = ({ name, error }) => {
|
|
25433
25434
|
bg: "$surface_default",
|
25434
25435
|
aspectRatio,
|
25435
25436
|
height: "min(360px, 70vh)",
|
25437
|
+
width: "auto",
|
25436
25438
|
maxWidth: "640px",
|
25437
25439
|
overflow: "clip",
|
25440
|
+
mt: "$14",
|
25438
25441
|
"@md": {
|
25442
|
+
mt: 0,
|
25439
25443
|
width: "min(220px, 70vw)",
|
25440
25444
|
maxWidth: "100%",
|
25441
25445
|
my: "$4"
|
@@ -25485,20 +25489,26 @@ var RequestPrompt = ({
|
|
25485
25489
|
title,
|
25486
25490
|
body,
|
25487
25491
|
actionText = "Accept",
|
25488
|
-
onAction
|
25492
|
+
onAction,
|
25493
|
+
disableActions = false
|
25489
25494
|
}) => {
|
25490
25495
|
const isMobile = useMedia23(config.media.md);
|
25491
25496
|
if (isMobile) {
|
25492
|
-
return /* @__PURE__ */ React129.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React129.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ React129.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction })));
|
25497
|
+
return /* @__PURE__ */ React129.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React129.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ React129.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
|
25493
25498
|
}
|
25494
|
-
return /* @__PURE__ */ React129.createElement(Dialog.Root, { open, modal: false, onOpenChange }, /* @__PURE__ */ React129.createElement(Dialog.Portal, null, /* @__PURE__ */ React129.createElement(Dialog.Content, { css: { p: "$10" }, onInteractOutside: (e) => e.preventDefault() }, /* @__PURE__ */ React129.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md", justifyContent: "center" } }, /* @__PURE__ */ React129.createElement(Text, { variant: "h6" }, title)), /* @__PURE__ */ React129.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction }))));
|
25499
|
+
return /* @__PURE__ */ React129.createElement(Dialog.Root, { open, modal: false, onOpenChange }, /* @__PURE__ */ React129.createElement(Dialog.Portal, null, /* @__PURE__ */ React129.createElement(Dialog.Content, { css: { p: "$10" }, onInteractOutside: (e) => e.preventDefault() }, /* @__PURE__ */ React129.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md", justifyContent: "center" } }, /* @__PURE__ */ React129.createElement(Text, { variant: "h6" }, title)), /* @__PURE__ */ React129.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction, disabled: disableActions }))));
|
25495
25500
|
};
|
25496
|
-
var RequestActions = ({
|
25501
|
+
var RequestActions = ({
|
25502
|
+
onAction,
|
25503
|
+
actionText,
|
25504
|
+
disabled = false
|
25505
|
+
}) => /* @__PURE__ */ React129.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md", "@md": { mt: "$8", px: "$8" } } }, /* @__PURE__ */ React129.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React129.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ React129.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, disabled }, "Decline"))), /* @__PURE__ */ React129.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React129.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction, disabled }, actionText)));
|
25497
25506
|
|
25498
25507
|
// src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
|
25499
25508
|
var RoleChangeRequestModal = () => {
|
25500
25509
|
const hmsActions = useHMSActions41();
|
25501
25510
|
const { updateMetaData } = useMyMetadata();
|
25511
|
+
const isPreview = useHMSStore63(selectIsInPreview);
|
25502
25512
|
const currentRole = useHMSStore63(selectLocalPeerRoleName4);
|
25503
25513
|
const roleChangeRequest = useHMSStore63(selectRoleChangeRequest);
|
25504
25514
|
const name = useHMSStore63(selectLocalPeerName4);
|
@@ -25561,7 +25571,8 @@ var RoleChangeRequestModal = () => {
|
|
25561
25571
|
yield updateMetaData({ prevRole: currentRole });
|
25562
25572
|
yield hmsActions.lowerLocalPeerHand();
|
25563
25573
|
}),
|
25564
|
-
actionText: "Accept"
|
25574
|
+
actionText: "Accept",
|
25575
|
+
disableActions: !isPreview
|
25565
25576
|
}
|
25566
25577
|
);
|
25567
25578
|
};
|
@@ -25582,7 +25593,7 @@ import {
|
|
25582
25593
|
init_define_process_env();
|
25583
25594
|
import React142, { useEffect as useEffect40, useMemo as useMemo15, useState as useState60 } from "react";
|
25584
25595
|
import {
|
25585
|
-
selectLocalPeerID as
|
25596
|
+
selectLocalPeerID as selectLocalPeerID13,
|
25586
25597
|
selectLocalPeerRoleName as selectLocalPeerRoleName5,
|
25587
25598
|
selectPeers as selectPeers3,
|
25588
25599
|
selectPeerScreenSharing,
|
@@ -25598,7 +25609,7 @@ import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore65 } fro
|
|
25598
25609
|
|
25599
25610
|
// src/Prebuilt/components/InsetTile.tsx
|
25600
25611
|
init_define_process_env();
|
25601
|
-
import React132, { useEffect as useEffect33, useRef as
|
25612
|
+
import React132, { useEffect as useEffect33, useRef as useRef21 } from "react";
|
25602
25613
|
import Draggable from "react-draggable";
|
25603
25614
|
import { useMedia as useMedia24 } from "react-use";
|
25604
25615
|
import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
|
@@ -25655,7 +25666,7 @@ var InsetTile = () => {
|
|
25655
25666
|
width = 240;
|
25656
25667
|
height = width / aspectRatio;
|
25657
25668
|
}
|
25658
|
-
const nodeRef =
|
25669
|
+
const nodeRef = useRef21(null);
|
25659
25670
|
useEffect33(() => {
|
25660
25671
|
const node = nodeRef.current;
|
25661
25672
|
if (!node || !window.ResizeObserver) {
|
@@ -25717,7 +25728,7 @@ var InsetTile = () => {
|
|
25717
25728
|
// src/Prebuilt/components/Pagination.tsx
|
25718
25729
|
init_define_process_env();
|
25719
25730
|
import React133, { useEffect as useEffect34 } from "react";
|
25720
|
-
import { ChevronLeftIcon as
|
25731
|
+
import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
|
25721
25732
|
var Pagination = ({
|
25722
25733
|
page,
|
25723
25734
|
onPageChange,
|
@@ -25741,7 +25752,7 @@ var Pagination = ({
|
|
25741
25752
|
if (numPages <= 1) {
|
25742
25753
|
return null;
|
25743
25754
|
}
|
25744
|
-
return /* @__PURE__ */ React133.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React133.createElement(
|
25755
|
+
return /* @__PURE__ */ React133.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React133.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React133.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ React133.createElement(
|
25745
25756
|
StyledPagination.Dot,
|
25746
25757
|
{
|
25747
25758
|
key: i,
|
@@ -25751,7 +25762,7 @@ var Pagination = ({
|
|
25751
25762
|
onPageChange(i);
|
25752
25763
|
}
|
25753
25764
|
}
|
25754
|
-
))) : null, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React133.createElement(
|
25765
|
+
))) : null, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React133.createElement(ChevronRightIcon4, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
|
25755
25766
|
};
|
25756
25767
|
|
25757
25768
|
// src/Prebuilt/components/VideoLayouts/Grid.tsx
|
@@ -26130,11 +26141,11 @@ import { selectPeersScreenSharing, useHMSStore as useHMSStore68 } from "@100msli
|
|
26130
26141
|
|
26131
26142
|
// src/Prebuilt/components/ScreenshareTile.jsx
|
26132
26143
|
init_define_process_env();
|
26133
|
-
import React140, { useRef as
|
26144
|
+
import React140, { useRef as useRef22, useState as useState58 } from "react";
|
26134
26145
|
import { useFullscreen as useFullscreen2 } from "react-use";
|
26135
26146
|
import screenfull2 from "screenfull";
|
26136
26147
|
import {
|
26137
|
-
selectLocalPeerID as
|
26148
|
+
selectLocalPeerID as selectLocalPeerID12,
|
26138
26149
|
selectPeerByID as selectPeerByID3,
|
26139
26150
|
selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
|
26140
26151
|
selectScreenShareByPeerID,
|
@@ -26189,13 +26200,13 @@ var labelStyles = {
|
|
26189
26200
|
flexShrink: 0
|
26190
26201
|
};
|
26191
26202
|
var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
26192
|
-
const isLocal = useHMSStore67(
|
26203
|
+
const isLocal = useHMSStore67(selectLocalPeerID12) === peerId;
|
26193
26204
|
const track = useHMSStore67(selectScreenShareByPeerID(peerId));
|
26194
26205
|
const peer = useHMSStore67(selectPeerByID3(peerId));
|
26195
26206
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
26196
26207
|
const [isMouseHovered, setIsMouseHovered] = useState58(false);
|
26197
26208
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
26198
|
-
const fullscreenRef =
|
26209
|
+
const fullscreenRef = useRef22(null);
|
26199
26210
|
const [fullscreen, setFullscreen] = useState58(false);
|
26200
26211
|
const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
|
26201
26212
|
onClose: () => setFullscreen(false)
|
@@ -26394,7 +26405,7 @@ var GridLayout = ({
|
|
26394
26405
|
const pinnedTrack = usePinnedTrack();
|
26395
26406
|
const peers = useHMSStore69(selectPeers3);
|
26396
26407
|
const localPeerRole = useHMSStore69(selectLocalPeerRoleName5);
|
26397
|
-
const localPeerID = useHMSStore69(
|
26408
|
+
const localPeerID = useHMSStore69(selectLocalPeerID13);
|
26398
26409
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26399
26410
|
const isRoleProminence = prominentRoles.length && peers.some(
|
26400
26411
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
@@ -26726,7 +26737,7 @@ var useCloseScreenshareWhiteboard = () => {
|
|
26726
26737
|
};
|
26727
26738
|
|
26728
26739
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
26729
|
-
var HLSView = React147.lazy(() => import("./HLSView-
|
26740
|
+
var HLSView = React147.lazy(() => import("./HLSView-DPM6YJWZ.js"));
|
26730
26741
|
var VideoStreamingSection = ({
|
26731
26742
|
screenType,
|
26732
26743
|
elements,
|
@@ -27017,10 +27028,10 @@ var ConferenceScreen = () => {
|
|
27017
27028
|
const [hideControls, setHideControls] = useState61(false);
|
27018
27029
|
const dropdownList = useHMSStore75(selectAppData7(APP_DATA.dropdownList));
|
27019
27030
|
const authTokenInAppData = useAuthToken();
|
27020
|
-
const headerRef =
|
27021
|
-
const footerRef =
|
27031
|
+
const headerRef = useRef23(null);
|
27032
|
+
const footerRef = useRef23(null);
|
27022
27033
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
27023
|
-
const dropdownListRef =
|
27034
|
+
const dropdownListRef = useRef23();
|
27024
27035
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
27025
27036
|
const toggleControls = () => {
|
27026
27037
|
var _a9;
|
@@ -27028,7 +27039,7 @@ var ConferenceScreen = () => {
|
|
27028
27039
|
setHideControls((value) => !value);
|
27029
27040
|
}
|
27030
27041
|
};
|
27031
|
-
const autoRoomJoined =
|
27042
|
+
const autoRoomJoined = useRef23(isPreviewScreenEnabled);
|
27032
27043
|
useEffect47(() => {
|
27033
27044
|
let timeout;
|
27034
27045
|
dropdownListRef.current = dropdownList || [];
|
@@ -27546,7 +27557,7 @@ import React164, { useCallback as useCallback33, useEffect as useEffect62 } from
|
|
27546
27557
|
import {
|
27547
27558
|
HMSNotificationTypes as HMSNotificationTypes10,
|
27548
27559
|
HMSRoomState as HMSRoomState10,
|
27549
|
-
selectLocalPeerID as
|
27560
|
+
selectLocalPeerID as selectLocalPeerID15,
|
27550
27561
|
selectPeerNameByID as selectPeerNameByID5,
|
27551
27562
|
selectRoomState as selectRoomState10,
|
27552
27563
|
useCustomEvent as useCustomEvent4,
|
@@ -27818,12 +27829,12 @@ function AutoplayBlockedModal() {
|
|
27818
27829
|
init_define_process_env();
|
27819
27830
|
import React158, { useEffect as useEffect53 } from "react";
|
27820
27831
|
import { v4 as uuid3 } from "uuid";
|
27821
|
-
import { selectLocalPeerID as
|
27832
|
+
import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
|
27822
27833
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon2 } from "@100mslive/react-icons";
|
27823
27834
|
var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
27824
27835
|
var ChatNotifications = () => {
|
27825
27836
|
const chatState = useHMSStore79(selectSessionStore11("chatState" /* CHAT_STATE */));
|
27826
|
-
const localPeerId = useHMSStore79(
|
27837
|
+
const localPeerId = useHMSStore79(selectLocalPeerID14);
|
27827
27838
|
useEffect53(() => {
|
27828
27839
|
var _a8, _b7;
|
27829
27840
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
@@ -27991,24 +28002,39 @@ function PermissionErrorModal() {
|
|
27991
28002
|
}
|
27992
28003
|
setIsSystemError(notification.data.code === 3011);
|
27993
28004
|
}, [notification]);
|
27994
|
-
return deviceType ? /* @__PURE__ */ React160.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React160.createElement(Dialog.Portal, null, /* @__PURE__ */ React160.createElement(Dialog.Overlay, null), /* @__PURE__ */ React160.createElement(
|
27995
|
-
Dialog.
|
28005
|
+
return deviceType ? /* @__PURE__ */ React160.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React160.createElement(Dialog.Portal, null, /* @__PURE__ */ React160.createElement(Dialog.Overlay, null), /* @__PURE__ */ React160.createElement(
|
28006
|
+
Dialog.Content,
|
27996
28007
|
{
|
27997
28008
|
css: {
|
27998
|
-
|
28009
|
+
w: "min(380px, 90%)",
|
28010
|
+
p: "$8",
|
28011
|
+
// overlay over Sheet.tsx
|
28012
|
+
zIndex: 23
|
27999
28013
|
}
|
28000
28014
|
},
|
28001
|
-
|
28002
|
-
|
28003
|
-
"img",
|
28015
|
+
/* @__PURE__ */ React160.createElement(
|
28016
|
+
Dialog.Title,
|
28004
28017
|
{
|
28005
|
-
|
28006
|
-
|
28007
|
-
|
28008
|
-
}
|
28009
|
-
|
28010
|
-
|
28011
|
-
|
28018
|
+
css: {
|
28019
|
+
borderBottom: "1px solid $border_default"
|
28020
|
+
}
|
28021
|
+
},
|
28022
|
+
isMobile && isIOS ? /* @__PURE__ */ React160.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
|
28023
|
+
isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(
|
28024
|
+
"img",
|
28025
|
+
{
|
28026
|
+
src: android_perm_1_default,
|
28027
|
+
style: { maxWidth: "100%", maxHeight: "100%" },
|
28028
|
+
alt: "Android Permission flow "
|
28029
|
+
}
|
28030
|
+
) : null,
|
28031
|
+
/* @__PURE__ */ React160.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
|
28032
|
+
),
|
28033
|
+
/* @__PURE__ */ React160.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
|
28034
|
+
isMobile && isIOS ? /* @__PURE__ */ React160.createElement(React160.Fragment, null, /* @__PURE__ */ React160.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
|
28035
|
+
isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(React160.Fragment, null, /* @__PURE__ */ React160.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
|
28036
|
+
!isMobile ? /* @__PURE__ */ React160.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
|
28037
|
+
))) : null;
|
28012
28038
|
}
|
28013
28039
|
|
28014
28040
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
@@ -28186,8 +28212,9 @@ var TrackUnmuteModal = () => {
|
|
28186
28212
|
};
|
28187
28213
|
|
28188
28214
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
28215
|
+
var pollToastKey = {};
|
28189
28216
|
function Notifications() {
|
28190
|
-
const localPeerID = useHMSStore81(
|
28217
|
+
const localPeerID = useHMSStore81(selectLocalPeerID15);
|
28191
28218
|
const notification = useHMSNotifications10();
|
28192
28219
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
28193
28220
|
const roomState = useHMSStore81(selectRoomState10);
|
@@ -28289,7 +28316,7 @@ function Notifications() {
|
|
28289
28316
|
case HMSNotificationTypes10.POLL_STARTED:
|
28290
28317
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
28291
28318
|
const pollStartedBy = vanillaStore.getState(selectPeerNameByID5(notification.data.startedBy)) || "Participant";
|
28292
|
-
ToastManager.addToast({
|
28319
|
+
const pollToastID = ToastManager.addToast({
|
28293
28320
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
28294
28321
|
action: /* @__PURE__ */ React164.createElement(
|
28295
28322
|
Button,
|
@@ -28304,8 +28331,17 @@ function Notifications() {
|
|
28304
28331
|
}
|
28305
28332
|
},
|
28306
28333
|
notification.data.type === "quiz" ? "Answer" : "Vote"
|
28307
|
-
)
|
28334
|
+
),
|
28335
|
+
duration: Infinity
|
28308
28336
|
});
|
28337
|
+
pollToastKey[notification.data.id] = pollToastID;
|
28338
|
+
}
|
28339
|
+
break;
|
28340
|
+
case HMSNotificationTypes10.POLL_STOPPED:
|
28341
|
+
const pollID = notification == null ? void 0 : notification.data.id;
|
28342
|
+
if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
|
28343
|
+
ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
|
28344
|
+
delete pollToastKey[notification == null ? void 0 : notification.data.id];
|
28309
28345
|
}
|
28310
28346
|
break;
|
28311
28347
|
default:
|
@@ -28394,7 +28430,7 @@ init_define_process_env();
|
|
28394
28430
|
import React168, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState69 } from "react";
|
28395
28431
|
import { useMedia as useMedia33 } from "react-use";
|
28396
28432
|
import {
|
28397
|
-
selectLocalPeerID as
|
28433
|
+
selectLocalPeerID as selectLocalPeerID16,
|
28398
28434
|
selectPeerNameByID as selectPeerNameByID6,
|
28399
28435
|
useCustomEvent as useCustomEvent5,
|
28400
28436
|
useHMSStore as useHMSStore83,
|
@@ -28424,7 +28460,7 @@ var getStartingPoints = (isMobile) => {
|
|
28424
28460
|
return arr;
|
28425
28461
|
};
|
28426
28462
|
function FlyingEmoji() {
|
28427
|
-
const localPeerId = useHMSStore83(
|
28463
|
+
const localPeerId = useHMSStore83(selectLocalPeerID16);
|
28428
28464
|
const vanillaStore = useHMSVanillaStore17();
|
28429
28465
|
const [emojis, setEmojis] = useState69([]);
|
28430
28466
|
const isMobile = useMedia33(config.media.md);
|
@@ -28538,22 +28574,22 @@ function RemoteStopScreenshare() {
|
|
28538
28574
|
|
28539
28575
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
28540
28576
|
init_define_process_env();
|
28541
|
-
import { useCallback as useCallback36, useEffect as useEffect65, useRef as
|
28577
|
+
import { useCallback as useCallback36, useEffect as useEffect65, useRef as useRef24 } from "react";
|
28542
28578
|
import {
|
28543
28579
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
28544
|
-
selectPermissions as
|
28580
|
+
selectPermissions as selectPermissions17,
|
28545
28581
|
useHMSActions as useHMSActions51,
|
28546
28582
|
useHMSStore as useHMSStore84,
|
28547
28583
|
useRecordingStreaming as useRecordingStreaming11
|
28548
28584
|
} from "@100mslive/react-sdk";
|
28549
28585
|
var useAutoStartStreaming = () => {
|
28550
28586
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
28551
|
-
const permissions = useHMSStore84(
|
28587
|
+
const permissions = useHMSStore84(selectPermissions17);
|
28552
28588
|
const showStreamingUI = useShowStreamingUI();
|
28553
28589
|
const hmsActions = useHMSActions51();
|
28554
28590
|
const isConnected = useHMSStore84(selectIsConnectedToRoom12);
|
28555
28591
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming11();
|
28556
|
-
const streamStartedRef =
|
28592
|
+
const streamStartedRef = useRef24(false);
|
28557
28593
|
const startHLS = useCallback36(() => __async(void 0, null, function* () {
|
28558
28594
|
try {
|
28559
28595
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
@@ -28605,7 +28641,7 @@ var HMSPrebuilt = React170.forwardRef(
|
|
28605
28641
|
onJoin
|
28606
28642
|
}, ref) => {
|
28607
28643
|
var _a8, _b7, _c, _d;
|
28608
|
-
const reactiveStore =
|
28644
|
+
const reactiveStore = useRef25();
|
28609
28645
|
const [hydrated, setHydrated] = React170.useState(false);
|
28610
28646
|
useEffect66(() => {
|
28611
28647
|
setHydrated(true);
|
@@ -28910,4 +28946,4 @@ lodash/lodash.js:
|
|
28910
28946
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
28911
28947
|
*)
|
28912
28948
|
*/
|
28913
|
-
//# sourceMappingURL=chunk-
|
28949
|
+
//# sourceMappingURL=chunk-S5NNUR2M.js.map
|