@100mslive/roomkit-react 0.2.2-alpha.5 → 0.2.2-alpha.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-HMMJY2KC.js → HLSView-U346BIZQ.js} +2 -2
- package/dist/Prebuilt/components/Chat/ChatActions.d.ts +1 -1
- package/dist/{chunk-YOFFMNAR.js → chunk-DY3FWEXJ.js} +257 -230
- package/dist/{chunk-YOFFMNAR.js.map → chunk-DY3FWEXJ.js.map} +3 -3
- package/dist/index.cjs.js +485 -457
- package/dist/index.cjs.js.map +3 -3
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +34 -24
- package/dist/meta.esbuild.json +40 -30
- package/package.json +6 -6
- package/src/Prebuilt/common/utils.js +13 -0
- package/src/Prebuilt/components/Chat/ChatActions.tsx +3 -3
- package/src/Prebuilt/components/Chat/ChatBody.tsx +9 -5
- package/src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx +1 -1
- package/src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx +1 -1
- package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +2 -8
- package/src/Prebuilt/components/Polls/Voting/StatisticBox.tsx +1 -1
- package/src/Prebuilt/components/Polls/Voting/TimedVoting.tsx +31 -20
- package/src/Prebuilt/components/Polls/Voting/Voting.tsx +7 -8
- package/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx +2 -2
- package/src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx +4 -5
- /package/dist/{HLSView-HMMJY2KC.js.map → HLSView-U346BIZQ.js.map} +0 -0
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
|
|
106
106
|
var define_process_env_default;
|
107
107
|
var init_define_process_env = __esm({
|
108
108
|
"<define:process.env>"() {
|
109
|
-
define_process_env_default = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v18.17.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_emoji_mart: "^5.2.2", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_dependencies__100mslive_types_prebuilt: "0.12.5", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.9.2-alpha.5", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", TERM_PROGRAM_VERSION: "1.85.2", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_dependencies_screenfull: "^5.1.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_dependencies_uuid: "^8.3.2", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.18.2", NX_TASK_HASH: "2395f26b04ba352b74eb3d9f95586d146fc891b1aad63a05255d27726671d570", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.5lUeYdLBIu/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", PAGER: "less", npm_package_module: "dist/index.js", npm_package_dependencies_react_use: "^17.4.0", npm_package_devDependencies__types_mdx: "2.0.2", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_dependencies__stitches_react: "^1.2.8", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706087370055-0.33783108560690467:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706087369516-0.48793895859692227:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706087347888-0.8489551728649318:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--no-private"]}', npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_scripts_lint_fix: "yarn lint --fix", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_size_limit_5_limit: "20 KB", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_nx: "^14.5.1", npm_config_workspaces_experimental: "true", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_devDependencies_rollup: "^2.70.1", _: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1706087370055-0.33783108560690467/node", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__radix_ui_react_progress: "1.0.0", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/roomkit-react", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_dependencies__100mslive_react_sdk: "0.9.2-alpha.5", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", npm_package_keywords_0: "100mslive", npm_package_size_limit_2_limit: "400 KB", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.2-alpha.5", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_1: "react", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_keywords_2: "prebuilt", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "--ms-enable-electron-run-as-node", XPC_FLAGS: "0x0", npm_package_keywords_3: "roomkit", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_package_devDependencies__storybook_react: "^7.0.27", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_main: "dist/index.cjs.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.2.2-alpha.5", npm_package_dependencies_recordrtc: "^5.6.2", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_dependencies_react_window: "^1.8.7", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_source: "src/index.ts", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies__100mslive_hls_player: "0.2.2-alpha.5", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", npm_package_dependencies_qrcode_react: "^3.1.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_typings: "dist/index.d.ts", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-4dbfa2fdda.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_scripts_babel: "npx storybook@latest babelrc", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v18.17.0 darwin x64", npm_package_dependencies__radix_ui_react_label: "1.0.0", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^16.11.17", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_1: "src", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", npm_package_dependencies_react_draggable: "^4.4.5", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", REACT_APP_TILE_SHAPE: "16-9", REACT_APP_THEME: "dark", REACT_APP_COLOR: "#FF0000", REACT_APP_LOGO: "", REACT_APP_FONT: "Roboto", REACT_APP_SHOW_CHAT: "true", REACT_APP_SHOW_SCREENSHARE: "true", REACT_APP_VIDEO_AVATAR: "true", REACT_APP_TOKEN_GENERATION_ENDPOINT: "https://qa-in2.100ms.live/hmsapi/hrashi-studystream.qa-app.100ms.live/", REACT_APP_ENV: "qa", REACT_APP_LOGROCKET_ID: "<Your Logrocket project ID>", REACT_APP_POLICY_CONFIG: "", REACT_APP_WEBINAR_PROPS: "{}", REACT_APP_ENABLE_STATS_FOR_NERDS: "true", REACT_APP_AUDIO_PLAYLIST: '[{"name":"Audio1","id":"audio1","metadata":{"description":"Artist1"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio1.mp3","type":"audio"},{"name":"Audio2","id":"audio2","metadata":{"description":"Artist2"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio2.mp3","type":"audio"},{"name":"Audio3","id":"audio3","metadata":{"description":"Artist3"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio3.mp3","type":"audio"},{"name":"Audio4","id":"audio4","metadata":{"description":"Artist4"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio4.mp3","type":"audio"},{"name":"Audio5","id":"audio5","metadata":{"description":"Artist5"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio5.mp3","type":"audio"},{"name":"Audio6","id":"audio6","metadata":{"description":"Artist6"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio6.mp3","type":"audio"}]', REACT_APP_VIDEO_PLAYLIST: '[{"name":"Video1","id":"video1","url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/video1.mp4","type":"video"}]', REACT_APP_HOST_NAME: "ravi.qa-app.100ms.live", REACT_APP_DEFAULT_APP_DETAILS: '{"headlessConfig":{"uiMode":"activespeaker","hideAudioLevel":true,"hideTileAudioMute":true}}', REACT_APP_TOKEN_GENERATION_ENDPOINT_DOMAIN: "ravi.qa-app.100ms.live", REACT_APP_ZIPY_KEY: "", REACT_APP_PUSHER_APP_KEY: "4ae6f78bb2b7f2d9ed11", REACT_APP_PUSHER_AUTHENDPOINT: "https://whiteboard-server.vercel.app/api/pusher/auth", REACT_APP_ENABLE_WHITEBOARD: "true", REACT_APP_TRANSCRIPTION_ROOM_ID: "644df1027cebfa471fcc52fd", STORYBOOK_ROOM_LAYOUT_ENDPOINT: "https://api-nonprod.100ms.live/v2/layouts/ui", STORYBOOK_TOKEN_BY_ROOM_CODE_ENDPOINT: "https://auth-nonprod.100ms.live/v2/token", STORYBOOK_INIT_API_ENDPOINT: "https://qa-init.100ms.live/init", STORYBOOK_SAMPLE_ROOM_CODE: "dkz-teqx-wap" };
|
109
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.2-alpha.6", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.2-alpha.6", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.5", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "602", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.13/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.6/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240122.3.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18737", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.2-alpha.6", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7653355023", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "6398566b05595e4d9ab9c6b293142a657933eb15", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "e96a6dbeb622aa275c62fd98df0475ad1b1ff49c17c77f84ee8ad5c24f40035d", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1706179561305-0.5559343089129356:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179561108-0.329559105644069:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179539127-0.40070722217174426:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179538951-0.7560126397977354:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_f76ebfa3-e445-4f40-afeb-fdd57785c70f", INVOCATION_ID: "f27fb32fb8ad496990075e88082579fc", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "415", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 191", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.2-alpha.6", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.2-alpha.6", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "6398566b05595e4d9ab9c6b293142a657933eb15", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_1c9b8f07-72cd-4449-bf50-0ca387bbfe35" };
|
110
110
|
}
|
111
111
|
});
|
112
112
|
|
@@ -11191,7 +11191,7 @@ import {
|
|
11191
11191
|
HMSRoomProvider,
|
11192
11192
|
selectIsConnectedToRoom as selectIsConnectedToRoom13,
|
11193
11193
|
useHMSActions as useHMSActions52,
|
11194
|
-
useHMSStore as
|
11194
|
+
useHMSStore as useHMSStore86
|
11195
11195
|
} from "@100mslive/react-sdk";
|
11196
11196
|
|
11197
11197
|
// src/Prebuilt/components/AppData/AppData.tsx
|
@@ -11821,7 +11821,7 @@ import {
|
|
11821
11821
|
selectIsConnectedToRoom as selectIsConnectedToRoom10,
|
11822
11822
|
selectRoomState as selectRoomState7,
|
11823
11823
|
useHMSActions as useHMSActions45,
|
11824
|
-
useHMSStore as
|
11824
|
+
useHMSStore as useHMSStore76
|
11825
11825
|
} from "@100mslive/react-sdk";
|
11826
11826
|
|
11827
11827
|
// src/Prebuilt/components/Footer/Footer.tsx
|
@@ -17275,7 +17275,7 @@ var Qi = (a2, e) => {
|
|
17275
17275
|
};
|
17276
17276
|
var ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
17277
17277
|
var nr = ya((jc, Va) => {
|
17278
|
-
Va.exports = { version: "0.11.2-alpha.
|
17278
|
+
Va.exports = { version: "0.11.2-alpha.6", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
|
17279
17279
|
});
|
17280
17280
|
var zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
|
17281
17281
|
var ka = ((e) => (e.CHAT = "chat", e))(ka || {});
|
@@ -18583,6 +18583,28 @@ var calculateAvatarAndAttribBoxSize = (calculatedWidth, calculatedHeight) => {
|
|
18583
18583
|
return [avatarSize, attribBoxSize];
|
18584
18584
|
};
|
18585
18585
|
var isMobileUserAgent = /Mobi|Android|iPhone/i.test(navigator.userAgent);
|
18586
|
+
var getPeerResponses = (questions, peerid, userid) => {
|
18587
|
+
return questions.map(
|
18588
|
+
(question) => {
|
18589
|
+
var _a8;
|
18590
|
+
return (_a8 = question.responses) == null ? void 0 : _a8.filter(
|
18591
|
+
(response) => {
|
18592
|
+
var _a9, _b7;
|
18593
|
+
return (response && ((_a9 = response.peer) == null ? void 0 : _a9.peerid) === peerid || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === userid) && !response.skipped;
|
18594
|
+
}
|
18595
|
+
);
|
18596
|
+
}
|
18597
|
+
);
|
18598
|
+
};
|
18599
|
+
var getLastAttemptedIndex = (questions, peerid, userid = "") => {
|
18600
|
+
const peerResponses = getPeerResponses(questions, peerid, userid) || [];
|
18601
|
+
for (let i = 0; i < peerResponses.length; i++) {
|
18602
|
+
if (peerResponses[i] === void 0 || peerResponses[i].length === 0) {
|
18603
|
+
return i + 1;
|
18604
|
+
}
|
18605
|
+
}
|
18606
|
+
return questions.length + 1;
|
18607
|
+
};
|
18586
18608
|
|
18587
18609
|
// src/Prebuilt/components/Header/StreamActions.tsx
|
18588
18610
|
var LiveStatus = () => {
|
@@ -20719,7 +20741,7 @@ import {
|
|
20719
20741
|
selectRoleChangeRequest,
|
20720
20742
|
useCustomEvent as useCustomEvent3,
|
20721
20743
|
useHMSActions as useHMSActions41,
|
20722
|
-
useHMSStore as
|
20744
|
+
useHMSStore as useHMSStore64
|
20723
20745
|
} from "@100mslive/react-sdk";
|
20724
20746
|
|
20725
20747
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
@@ -20733,7 +20755,7 @@ import {
|
|
20733
20755
|
selectRoomState as selectRoomState5,
|
20734
20756
|
selectVideoTrackByID as selectVideoTrackByID5,
|
20735
20757
|
useAVToggle as useAVToggle4,
|
20736
|
-
useHMSStore as
|
20758
|
+
useHMSStore as useHMSStore63,
|
20737
20759
|
useParticipants as useParticipants2,
|
20738
20760
|
usePreviewJoin,
|
20739
20761
|
useRecordingStreaming as useRecordingStreaming10
|
@@ -20744,7 +20766,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon5 } from "@100ms
|
|
20744
20766
|
init_define_process_env();
|
20745
20767
|
import React123, { useEffect as useEffect29 } from "react";
|
20746
20768
|
import { useMedia as useMedia20 } from "react-use";
|
20747
|
-
import { selectAppData as selectAppData5, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as
|
20769
|
+
import { selectAppData as selectAppData5, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
|
20748
20770
|
|
20749
20771
|
// src/Prebuilt/components/Polls/Polls.tsx
|
20750
20772
|
init_define_process_env();
|
@@ -21167,12 +21189,12 @@ var MultipleChoiceOptions = ({
|
|
21167
21189
|
}
|
21168
21190
|
},
|
21169
21191
|
/* @__PURE__ */ React87.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React87.createElement(CheckIcon5, { width: 16, height: 16 }))
|
21170
|
-
) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ React87.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React87.createElement(CheckCircleIcon,
|
21192
|
+
) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ React87.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React87.createElement(CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ React87.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React87.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React87.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ React87.createElement(Label3, { htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ React87.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React87.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.options.includes(option.index)) ? /* @__PURE__ */ React87.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
|
21171
21193
|
}));
|
21172
21194
|
};
|
21173
21195
|
var MultipleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
|
21174
21196
|
return /* @__PURE__ */ React87.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option, index) => {
|
21175
|
-
return /* @__PURE__ */ React87.createElement(Flex, { align: "center", key: index, css: { w: "100%", gap: "$
|
21197
|
+
return /* @__PURE__ */ React87.createElement(Flex, { align: "center", key: index, css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ React87.createElement(
|
21176
21198
|
Checkbox.Root,
|
21177
21199
|
{
|
21178
21200
|
onCheckedChange: (checked) => selectAnswer(checked, index),
|
@@ -21209,11 +21231,10 @@ var SingleChoiceOptions = ({
|
|
21209
21231
|
correctOptionIndex,
|
21210
21232
|
isStopped,
|
21211
21233
|
isQuiz,
|
21212
|
-
localPeerResponse
|
21213
|
-
answer
|
21234
|
+
localPeerResponse
|
21214
21235
|
}) => {
|
21215
|
-
return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value:
|
21216
|
-
return /* @__PURE__ */ React88.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$
|
21236
|
+
return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value: localPeerResponse == null ? void 0 : localPeerResponse.option, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
|
21237
|
+
return /* @__PURE__ */ React88.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React88.createElement(
|
21217
21238
|
RadioGroup.Item,
|
21218
21239
|
{
|
21219
21240
|
css: {
|
@@ -21246,13 +21267,13 @@ var SingleChoiceOptions = ({
|
|
21246
21267
|
}
|
21247
21268
|
}
|
21248
21269
|
)
|
21249
|
-
) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React88.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(CheckCircleIcon2,
|
21270
|
+
) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React88.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(CheckCircleIcon2, { height: 20, width: 20 })) : null, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React88.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React88.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(Label3, { style: { color: "inherit" }, htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ React88.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React88.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ React88.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
|
21250
21271
|
})));
|
21251
21272
|
};
|
21252
21273
|
var SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
|
21253
21274
|
const correctOptionIndex = options.findIndex((option) => option.isCorrectAnswer);
|
21254
21275
|
return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value: correctOptionIndex, onValueChange: selectAnswer }, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option, index) => {
|
21255
|
-
return /* @__PURE__ */ React88.createElement(Flex, { align: "center", key: `option-${index}`, css: { w: "100%", gap: "$
|
21276
|
+
return /* @__PURE__ */ React88.createElement(Flex, { align: "center", key: `option-${index}`, css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ React88.createElement(
|
21256
21277
|
RadioGroup.Item,
|
21257
21278
|
{
|
21258
21279
|
css: {
|
@@ -21684,7 +21705,7 @@ var LeaderboardEntry = ({
|
|
21684
21705
|
maxPossibleScore,
|
21685
21706
|
duration
|
21686
21707
|
}) => {
|
21687
|
-
return /* @__PURE__ */ React92.createElement(Flex, { align: "center", justify: "between", css: { my: "$
|
21708
|
+
return /* @__PURE__ */ React92.createElement(Flex, { align: "center", justify: "between", css: { my: "$8" } }, /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$6" } }, /* @__PURE__ */ React92.createElement(
|
21688
21709
|
Flex,
|
21689
21710
|
{
|
21690
21711
|
align: "center",
|
@@ -21712,7 +21733,7 @@ import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore39 }
|
|
21712
21733
|
init_define_process_env();
|
21713
21734
|
import React93 from "react";
|
21714
21735
|
var StatisticBox = ({ title, value = 0 }) => {
|
21715
|
-
if (!value) {
|
21736
|
+
if (!value && !(typeof value === "number")) {
|
21716
21737
|
return /* @__PURE__ */ React93.createElement(React93.Fragment, null);
|
21717
21738
|
}
|
21718
21739
|
return /* @__PURE__ */ React93.createElement(Box, { css: { p: "$8", background: "$surface_default", borderRadius: "$1", w: "100%" } }, /* @__PURE__ */ React93.createElement(
|
@@ -21799,7 +21820,7 @@ var PeerParticipationSummary = ({ quiz }) => {
|
|
21799
21820
|
}
|
21800
21821
|
] : [
|
21801
21822
|
{ title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) || "-" },
|
21802
|
-
{ title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
|
21823
|
+
{ title: "Points", value: (peerEntry == null ? void 0 : peerEntry.score) || 0 },
|
21803
21824
|
// Time in ms
|
21804
21825
|
{ title: "Time Taken", value: getFormattedTime(peerEntry == null ? void 0 : peerEntry.duration) },
|
21805
21826
|
{
|
@@ -21891,7 +21912,7 @@ import {
|
|
21891
21912
|
selectPermissions as selectPermissions13,
|
21892
21913
|
selectPollByID as selectPollByID4,
|
21893
21914
|
useHMSActions as useHMSActions29,
|
21894
|
-
useHMSStore as
|
21915
|
+
useHMSStore as useHMSStore43
|
21895
21916
|
} from "@100mslive/react-sdk";
|
21896
21917
|
import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
|
21897
21918
|
|
@@ -21961,10 +21982,6 @@ var QuestionCard2 = ({
|
|
21961
21982
|
}
|
21962
21983
|
]);
|
21963
21984
|
startTime.current = Date.now();
|
21964
|
-
if (isQuiz && index !== totalQuestions) {
|
21965
|
-
setSingleOptionAnswer(void 0);
|
21966
|
-
setMultipleOptionAnswer(/* @__PURE__ */ new Set());
|
21967
|
-
}
|
21968
21985
|
}), [
|
21969
21986
|
isValidVote,
|
21970
21987
|
actions.interactivityCenter,
|
@@ -21998,8 +22015,8 @@ var QuestionCard2 = ({
|
|
21998
22015
|
gap: "$4"
|
21999
22016
|
}
|
22000
22017
|
},
|
22001
|
-
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height:
|
22002
|
-
respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height:
|
22018
|
+
respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 16, width: 16 }) : null,
|
22019
|
+
respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 16, width: 16 }) : null,
|
22003
22020
|
"QUESTION ",
|
22004
22021
|
index,
|
22005
22022
|
" OF ",
|
@@ -22038,8 +22055,7 @@ var QuestionCard2 = ({
|
|
22038
22055
|
totalResponses: result == null ? void 0 : result.totalResponses,
|
22039
22056
|
showVoteCount,
|
22040
22057
|
localPeerResponse,
|
22041
|
-
isStopped: pollState === "stopped"
|
22042
|
-
answer: singleOptionAnswer
|
22058
|
+
isStopped: pollState === "stopped"
|
22043
22059
|
}
|
22044
22060
|
) : null,
|
22045
22061
|
type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
|
@@ -22126,40 +22142,48 @@ var StandardView = ({ poll }) => {
|
|
22126
22142
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
22127
22143
|
init_define_process_env();
|
22128
22144
|
import React98, { useState as useState39 } from "react";
|
22145
|
+
import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
|
22129
22146
|
var TimedView = ({ poll }) => {
|
22130
|
-
var _a8, _b7;
|
22131
|
-
const
|
22147
|
+
var _a8, _b7, _c;
|
22148
|
+
const localPeerId = useHMSStore42(selectLocalPeerID9);
|
22149
|
+
const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
|
22150
|
+
const [currentIndex, setCurrentIndex] = useState39(lastAttemptedIndex);
|
22132
22151
|
const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
|
22133
|
-
|
22152
|
+
const attemptedAll = ((_b7 = poll.questions) == null ? void 0 : _b7.length) === lastAttemptedIndex - 1;
|
22153
|
+
if (!activeQuestion || !((_c = poll.questions) == null ? void 0 : _c.length)) {
|
22134
22154
|
return null;
|
22135
22155
|
}
|
22136
|
-
return /* @__PURE__ */ React98.createElement(
|
22137
|
-
|
22138
|
-
|
22139
|
-
|
22140
|
-
|
22141
|
-
|
22142
|
-
|
22143
|
-
|
22144
|
-
|
22145
|
-
|
22146
|
-
|
22147
|
-
|
22148
|
-
|
22149
|
-
|
22150
|
-
|
22151
|
-
|
22152
|
-
|
22153
|
-
|
22154
|
-
|
22156
|
+
return /* @__PURE__ */ React98.createElement(React98.Fragment, null, poll.questions.map((question) => {
|
22157
|
+
var _a9;
|
22158
|
+
return attemptedAll || activeQuestion.index === question.index ? /* @__PURE__ */ React98.createElement(
|
22159
|
+
QuestionCard2,
|
22160
|
+
{
|
22161
|
+
key: question.index,
|
22162
|
+
pollID: poll.id,
|
22163
|
+
isQuiz: poll.type === "quiz",
|
22164
|
+
startedBy: poll.startedBy,
|
22165
|
+
pollState: poll.state,
|
22166
|
+
index: question.index,
|
22167
|
+
text: question.text,
|
22168
|
+
type: question.type,
|
22169
|
+
result: question == null ? void 0 : question.result,
|
22170
|
+
totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
|
22171
|
+
options: question.options,
|
22172
|
+
responses: question.responses,
|
22173
|
+
answer: question.answer,
|
22174
|
+
setCurrentIndex,
|
22175
|
+
rolesThatCanViewResponses: poll.rolesThatCanViewResponses
|
22176
|
+
}
|
22177
|
+
) : null;
|
22178
|
+
}));
|
22155
22179
|
};
|
22156
22180
|
|
22157
22181
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
22158
22182
|
var Voting = ({ id, toggleVoting }) => {
|
22159
22183
|
const actions = useHMSActions29();
|
22160
|
-
const poll =
|
22161
|
-
const pollCreatorName =
|
22162
|
-
const permissions =
|
22184
|
+
const poll = useHMSStore43(selectPollByID4(id));
|
22185
|
+
const pollCreatorName = useHMSStore43(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
|
22186
|
+
const permissions = useHMSStore43(selectPermissions13);
|
22163
22187
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
22164
22188
|
const { setPollView } = usePollViewState();
|
22165
22189
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
@@ -22203,23 +22227,23 @@ var Voting = ({ id, toggleVoting }) => {
|
|
22203
22227
|
},
|
22204
22228
|
/* @__PURE__ */ React99.createElement(CrossIcon13, { onClick: toggleVoting })
|
22205
22229
|
)
|
22206
|
-
), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll }),
|
22207
|
-
|
22208
|
-
{
|
22209
|
-
variant: "danger",
|
22210
|
-
css: { fontWeight: "$semiBold", w: "max-content", ml: "auto", mt: "$8" },
|
22211
|
-
onClick: () => actions.interactivityCenter.stopPoll(id)
|
22212
|
-
},
|
22213
|
-
"End ",
|
22214
|
-
poll.type
|
22215
|
-
), canViewLeaderboard ? /* @__PURE__ */ React99.createElement(
|
22216
|
-
Button,
|
22230
|
+
), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", flex: "1 1 0", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll })), /* @__PURE__ */ React99.createElement(
|
22231
|
+
Flex,
|
22217
22232
|
{
|
22218
|
-
css: {
|
22219
|
-
onClick: () => setPollView(POLL_VIEWS.RESULTS)
|
22233
|
+
css: { w: "100%", justifyContent: "end", alignItems: "center", p: "$8", borderTop: "1px solid $border_bright" }
|
22220
22234
|
},
|
22221
|
-
"
|
22222
|
-
|
22235
|
+
poll.state === "started" && canEndActivity && /* @__PURE__ */ React99.createElement(
|
22236
|
+
Button,
|
22237
|
+
{
|
22238
|
+
variant: "danger",
|
22239
|
+
css: { fontWeight: "$semiBold", w: "max-content" },
|
22240
|
+
onClick: () => actions.interactivityCenter.stopPoll(id)
|
22241
|
+
},
|
22242
|
+
"End ",
|
22243
|
+
poll.type
|
22244
|
+
),
|
22245
|
+
canViewLeaderboard ? /* @__PURE__ */ React99.createElement(Button, { css: { fontWeight: "$semiBold", w: "max-content" }, onClick: () => setPollView(POLL_VIEWS.RESULTS) }, "View Leaderboard") : null
|
22246
|
+
));
|
22223
22247
|
};
|
22224
22248
|
|
22225
22249
|
// src/Prebuilt/components/Polls/Polls.tsx
|
@@ -22243,14 +22267,14 @@ var Polls = () => {
|
|
22243
22267
|
init_define_process_env();
|
22244
22268
|
import React115, { useEffect as useEffect27, useState as useState48 } from "react";
|
22245
22269
|
import { useMedia as useMedia17 } from "react-use";
|
22246
|
-
import { selectPeerCount as selectPeerCount4, useHMSStore as
|
22270
|
+
import { selectPeerCount as selectPeerCount4, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
|
22247
22271
|
import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
|
22248
22272
|
|
22249
22273
|
// src/Prebuilt/components/Chat/Chat.tsx
|
22250
22274
|
init_define_process_env();
|
22251
22275
|
import React112, { useCallback as useCallback28, useRef as useRef20 } from "react";
|
22252
22276
|
import { useMedia as useMedia16 } from "react-use";
|
22253
|
-
import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as
|
22277
|
+
import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
|
22254
22278
|
import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
|
22255
22279
|
|
22256
22280
|
// src/Prebuilt/components/Chat/ChatBody.tsx
|
@@ -22261,14 +22285,14 @@ import AutoSizer from "react-virtualized-auto-sizer";
|
|
22261
22285
|
import { VariableSizeList } from "react-window";
|
22262
22286
|
import {
|
22263
22287
|
selectHMSMessages,
|
22264
|
-
selectLocalPeerID as
|
22288
|
+
selectLocalPeerID as selectLocalPeerID10,
|
22265
22289
|
selectLocalPeerName as selectLocalPeerName3,
|
22266
22290
|
selectLocalPeerRoleName as selectLocalPeerRoleName3,
|
22267
22291
|
selectPeerNameByID as selectPeerNameByID3,
|
22268
22292
|
selectSessionStore as selectSessionStore5,
|
22269
22293
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
|
22270
22294
|
useHMSActions as useHMSActions33,
|
22271
|
-
useHMSStore as
|
22295
|
+
useHMSStore as useHMSStore47,
|
22272
22296
|
useHMSVanillaStore as useHMSVanillaStore9
|
22273
22297
|
} from "@100mslive/react-sdk";
|
22274
22298
|
import { SolidPinIcon } from "@100mslive/react-icons";
|
@@ -22276,7 +22300,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
|
|
22276
22300
|
// src/Prebuilt/components/Chat/ChatActions.tsx
|
22277
22301
|
init_define_process_env();
|
22278
22302
|
import React102, { useCallback as useCallback23, useState as useState40 } from "react";
|
22279
|
-
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions14, useHMSActions as useHMSActions32, useHMSStore as
|
22303
|
+
import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions14, useHMSActions as useHMSActions32, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
|
22280
22304
|
import {
|
22281
22305
|
CopyIcon as CopyIcon2,
|
22282
22306
|
CrossCircleIcon as CrossCircleIcon2,
|
@@ -22304,10 +22328,10 @@ var MwebChatOption = ({
|
|
22304
22328
|
// src/Prebuilt/components/hooks/useChatBlacklist.ts
|
22305
22329
|
init_define_process_env();
|
22306
22330
|
import { useCallback as useCallback21 } from "react";
|
22307
|
-
import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions30, useHMSStore as
|
22331
|
+
import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
|
22308
22332
|
var useChatBlacklist = (sessionStoreKey) => {
|
22309
22333
|
const hmsActions = useHMSActions30();
|
22310
|
-
const blacklistedIDs =
|
22334
|
+
const blacklistedIDs = useHMSStore44(selectSessionStore2(sessionStoreKey));
|
22311
22335
|
const blacklistItem = useCallback21(
|
22312
22336
|
(blacklistID) => __async(void 0, null, function* () {
|
22313
22337
|
yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
|
@@ -22317,8 +22341,8 @@ var useChatBlacklist = (sessionStoreKey) => {
|
|
22317
22341
|
return { blacklistItem, blacklistedIDs };
|
22318
22342
|
};
|
22319
22343
|
var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
|
22320
|
-
const localPeer =
|
22321
|
-
const blacklistedPeerIDs =
|
22344
|
+
const localPeer = useHMSStore44(selectLocalPeer2);
|
22345
|
+
const blacklistedPeerIDs = useHMSStore44(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
|
22322
22346
|
return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
|
22323
22347
|
};
|
22324
22348
|
|
@@ -22401,9 +22425,9 @@ var ChatActions = ({
|
|
22401
22425
|
const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
|
22402
22426
|
const [open, setOpen] = useState40(false);
|
22403
22427
|
const actions = useHMSActions32();
|
22404
|
-
const canRemoveOthers = (_b7 =
|
22428
|
+
const canRemoveOthers = (_b7 = useHMSStore45(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
|
22405
22429
|
const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
|
22406
|
-
const localPeerName =
|
22430
|
+
const localPeerName = useHMSStore45(selectLocalPeerName2);
|
22407
22431
|
const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
|
22408
22432
|
const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
|
22409
22433
|
"chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
|
@@ -22496,7 +22520,7 @@ var ChatActions = ({
|
|
22496
22520
|
}
|
22497
22521
|
};
|
22498
22522
|
if (isMobile) {
|
22499
|
-
return /* @__PURE__ */ React102.createElement(Sheet.Root, { open: openSheet, onOpenChange: setOpenSheet }, /* @__PURE__ */ React102.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$14" }, onClick: () => setOpenSheet(false) }, /* @__PURE__ */ React102.createElement(
|
22523
|
+
return /* @__PURE__ */ React102.createElement(Sheet.Root, { open: openSheet, onOpenChange: setOpenSheet }, /* @__PURE__ */ React102.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$14" }, onClick: (e) => setOpenSheet(false, e) }, /* @__PURE__ */ React102.createElement(
|
22500
22524
|
Sheet.Title,
|
22501
22525
|
{
|
22502
22526
|
css: {
|
@@ -22513,7 +22537,7 @@ var ChatActions = ({
|
|
22513
22537
|
}
|
22514
22538
|
},
|
22515
22539
|
"Message options",
|
22516
|
-
/* @__PURE__ */ React102.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: () => setOpenSheet(false) }, /* @__PURE__ */ React102.createElement(CrossIcon14, null))
|
22540
|
+
/* @__PURE__ */ React102.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: (e) => setOpenSheet(false, e) }, /* @__PURE__ */ React102.createElement(CrossIcon14, null))
|
22517
22541
|
), Object.keys(options).map((optionKey) => {
|
22518
22542
|
const option = options[optionKey];
|
22519
22543
|
return option.show ? /* @__PURE__ */ React102.createElement(
|
@@ -22623,9 +22647,9 @@ var EmptyChat = () => {
|
|
22623
22647
|
// src/Prebuilt/components/hooks/usePinnedBy.tsx
|
22624
22648
|
init_define_process_env();
|
22625
22649
|
import { useEffect as useEffect21, useState as useState41 } from "react";
|
22626
|
-
import { selectSessionStore as selectSessionStore4, useHMSStore as
|
22650
|
+
import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
|
22627
22651
|
var usePinnedBy = (messageId) => {
|
22628
|
-
const pinnedMessages =
|
22652
|
+
const pinnedMessages = useHMSStore46(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
|
22629
22653
|
const [pinnedBy, setPinnedBy] = useState41("");
|
22630
22654
|
useEffect21(() => {
|
22631
22655
|
let match = "";
|
@@ -22708,8 +22732,8 @@ var MessageType = ({
|
|
22708
22732
|
hasCurrentUserSent,
|
22709
22733
|
receiver
|
22710
22734
|
}) => {
|
22711
|
-
const peerName =
|
22712
|
-
const localPeerRoleName =
|
22735
|
+
const peerName = useHMSStore47(selectPeerNameByID3(receiver));
|
22736
|
+
const localPeerRoleName = useHMSStore47(selectLocalPeerRoleName3);
|
22713
22737
|
if (receiver) {
|
22714
22738
|
return /* @__PURE__ */ React104.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
|
22715
22739
|
}
|
@@ -22757,14 +22781,14 @@ var ChatMessage = React104.memo(
|
|
22757
22781
|
const isMobile = useMedia11(config.media.md);
|
22758
22782
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
22759
22783
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
22760
|
-
const localPeerId =
|
22784
|
+
const localPeerId = useHMSStore47(selectLocalPeerID10);
|
22761
22785
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
22762
22786
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
22763
22787
|
const messageType = getMessageType({
|
22764
22788
|
roles: message.recipientRoles,
|
22765
22789
|
receiver: message.recipientPeer
|
22766
22790
|
});
|
22767
|
-
const [openSheet,
|
22791
|
+
const [openSheet, setOpenSheetBare] = useState42(false);
|
22768
22792
|
const showPinAction = !!((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.allow_pinning_messages);
|
22769
22793
|
const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
|
22770
22794
|
useLayoutEffect(() => {
|
@@ -22772,6 +22796,10 @@ var ChatMessage = React104.memo(
|
|
22772
22796
|
setRowHeight(index, message.id, rowRef.current.clientHeight);
|
22773
22797
|
}
|
22774
22798
|
}, [index, message.id]);
|
22799
|
+
const setOpenSheet = (value, e) => {
|
22800
|
+
e == null ? void 0 : e.stopPropagation();
|
22801
|
+
setOpenSheetBare(value);
|
22802
|
+
};
|
22775
22803
|
return /* @__PURE__ */ React104.createElement(
|
22776
22804
|
Box,
|
22777
22805
|
{
|
@@ -22805,9 +22833,9 @@ var ChatMessage = React104.memo(
|
|
22805
22833
|
}
|
22806
22834
|
},
|
22807
22835
|
"data-testid": "chat_msg",
|
22808
|
-
onClick: () => {
|
22836
|
+
onClick: (e) => {
|
22809
22837
|
if (isMobile) {
|
22810
|
-
setOpenSheet(true);
|
22838
|
+
setOpenSheet(true, e);
|
22811
22839
|
}
|
22812
22840
|
}
|
22813
22841
|
},
|
@@ -22902,8 +22930,7 @@ var ChatMessage = React104.memo(
|
|
22902
22930
|
color: isOverlay ? "#FFF" : "$on_surface_high"
|
22903
22931
|
},
|
22904
22932
|
onClick: (e) => {
|
22905
|
-
e
|
22906
|
-
setOpenSheet(true);
|
22933
|
+
setOpenSheet(true, e);
|
22907
22934
|
}
|
22908
22935
|
},
|
22909
22936
|
/* @__PURE__ */ React104.createElement(AnnotisedMessage, { message: message.message })
|
@@ -22973,8 +23000,8 @@ var VirtualizedChatMessages = React104.forwardRef(({ messages, scrollToBottom },
|
|
22973
23000
|
});
|
22974
23001
|
var ChatBody = React104.forwardRef(
|
22975
23002
|
({ scrollToBottom }, listRef) => {
|
22976
|
-
const messages =
|
22977
|
-
const blacklistedMessageIDs =
|
23003
|
+
const messages = useHMSStore47(selectHMSMessages);
|
23004
|
+
const blacklistedMessageIDs = useHMSStore47(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
22978
23005
|
const filteredMessages = useMemo7(() => {
|
22979
23006
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
22980
23007
|
return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
|
@@ -23004,7 +23031,7 @@ var PinnedBy = ({
|
|
23004
23031
|
rowRef
|
23005
23032
|
}) => {
|
23006
23033
|
const pinnedBy = usePinnedBy(messageId);
|
23007
|
-
const localPeerName =
|
23034
|
+
const localPeerName = useHMSStore47(selectLocalPeerName3);
|
23008
23035
|
useLayoutEffect(() => {
|
23009
23036
|
if (rowRef == null ? void 0 : rowRef.current) {
|
23010
23037
|
if (pinnedBy) {
|
@@ -23027,7 +23054,7 @@ import React107, { useCallback as useCallback26, useEffect as useEffect24, useRe
|
|
23027
23054
|
import { useMedia as useMedia14 } from "react-use";
|
23028
23055
|
import data2 from "@emoji-mart/data";
|
23029
23056
|
import Picker from "@emoji-mart/react";
|
23030
|
-
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions35, useHMSStore as
|
23057
|
+
import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions35, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
|
23031
23058
|
import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
|
23032
23059
|
|
23033
23060
|
// src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
|
@@ -23045,7 +23072,7 @@ import {
|
|
23045
23072
|
selectMessagesUnreadCountByRole,
|
23046
23073
|
selectRemotePeers as selectRemotePeers2,
|
23047
23074
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
|
23048
|
-
useHMSStore as
|
23075
|
+
useHMSStore as useHMSStore48
|
23049
23076
|
} from "@100mslive/react-sdk";
|
23050
23077
|
import { CheckIcon as CheckIcon6, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
|
23051
23078
|
var ChatDotIcon = () => {
|
@@ -23095,7 +23122,7 @@ var SelectorHeader = React105.memo(
|
|
23095
23122
|
}
|
23096
23123
|
);
|
23097
23124
|
var Everyone = React105.memo(({ active }) => {
|
23098
|
-
const unreadCount =
|
23125
|
+
const unreadCount = useHMSStore48(selectUnreadHMSMessagesCount3);
|
23099
23126
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23100
23127
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23101
23128
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23113,7 +23140,7 @@ var Everyone = React105.memo(({ active }) => {
|
|
23113
23140
|
);
|
23114
23141
|
});
|
23115
23142
|
var RoleItem = React105.memo(({ role, active }) => {
|
23116
|
-
const unreadCount =
|
23143
|
+
const unreadCount = useHMSStore48(selectMessagesUnreadCountByRole(role));
|
23117
23144
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23118
23145
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23119
23146
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23130,7 +23157,7 @@ var RoleItem = React105.memo(({ role, active }) => {
|
|
23130
23157
|
);
|
23131
23158
|
});
|
23132
23159
|
var PeerItem = ({ peerId, name, active }) => {
|
23133
|
-
const unreadCount =
|
23160
|
+
const unreadCount = useHMSStore48(selectMessagesUnreadCountByPeerID(peerId));
|
23134
23161
|
const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
23135
23162
|
const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
23136
23163
|
return /* @__PURE__ */ React105.createElement(
|
@@ -23189,7 +23216,7 @@ var VirtualizedSelectItemList = ({
|
|
23189
23216
|
var ChatSelector = ({ role, peerId }) => {
|
23190
23217
|
var _a8, _b7;
|
23191
23218
|
const { elements } = useRoomLayoutConferencingScreen();
|
23192
|
-
const peers =
|
23219
|
+
const peers = useHMSStore48(selectRemotePeers2);
|
23193
23220
|
const [search, setSearch] = useState43("");
|
23194
23221
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
23195
23222
|
const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
|
@@ -23327,10 +23354,10 @@ var ChatSelectorContainer = () => {
|
|
23327
23354
|
// src/Prebuilt/components/AppData/useChatState.js
|
23328
23355
|
init_define_process_env();
|
23329
23356
|
import { useCallback as useCallback25 } from "react";
|
23330
|
-
import { selectAppData as selectAppData4, useHMSActions as useHMSActions34, useHMSStore as
|
23357
|
+
import { selectAppData as selectAppData4, useHMSActions as useHMSActions34, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
|
23331
23358
|
var useChatDraftMessage = () => {
|
23332
23359
|
const hmsActions = useHMSActions34();
|
23333
|
-
let chatDraftMessage =
|
23360
|
+
let chatDraftMessage = useHMSStore49(selectAppData4(APP_DATA.chatDraft));
|
23334
23361
|
if (chatDraftMessage === void 0 || chatDraftMessage === null) {
|
23335
23362
|
chatDraftMessage = "";
|
23336
23363
|
}
|
@@ -23429,7 +23456,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
23429
23456
|
const isMobile = useMedia14(config.media.md);
|
23430
23457
|
const { elements } = useRoomLayoutConferencingScreen();
|
23431
23458
|
const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
|
23432
|
-
const localPeer =
|
23459
|
+
const localPeer = useHMSStore50(selectLocalPeer3);
|
23433
23460
|
const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
|
23434
23461
|
const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
|
23435
23462
|
const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
|
@@ -23596,14 +23623,14 @@ var ChatFooter = ({ onSend, children }) => {
|
|
23596
23623
|
// src/Prebuilt/components/Chat/ChatStates.tsx
|
23597
23624
|
init_define_process_env();
|
23598
23625
|
import React108, { useCallback as useCallback27 } from "react";
|
23599
|
-
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions36, useHMSStore as
|
23626
|
+
import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions36, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
|
23600
23627
|
var ChatPaused = () => {
|
23601
23628
|
var _a8, _b7;
|
23602
23629
|
const hmsActions = useHMSActions36();
|
23603
23630
|
const { elements } = useRoomLayoutConferencingScreen();
|
23604
23631
|
const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
23605
|
-
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } =
|
23606
|
-
const localPeer =
|
23632
|
+
const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore51(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
|
23633
|
+
const localPeer = useHMSStore51(selectLocalPeer4);
|
23607
23634
|
const unPauseChat = useCallback27(
|
23608
23635
|
() => __async(void 0, null, function* () {
|
23609
23636
|
return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
|
@@ -23654,7 +23681,7 @@ init_define_process_env();
|
|
23654
23681
|
import React111, { useEffect as useEffect25, useState as useState46 } from "react";
|
23655
23682
|
import { useSwipeable } from "react-swipeable";
|
23656
23683
|
import { useMedia as useMedia15 } from "react-use";
|
23657
|
-
import { selectSessionStore as selectSessionStore7, useHMSStore as
|
23684
|
+
import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
|
23658
23685
|
import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
|
23659
23686
|
|
23660
23687
|
// src/Prebuilt/components/Chat/ArrowNavigation.tsx
|
@@ -23711,7 +23738,7 @@ var StickIndicator = ({ total, index }) => {
|
|
23711
23738
|
var PINNED_MESSAGE_LENGTH = 75;
|
23712
23739
|
var PinnedMessage = () => {
|
23713
23740
|
var _a8, _b7, _c;
|
23714
|
-
const pinnedMessages =
|
23741
|
+
const pinnedMessages = useHMSStore52(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
|
23715
23742
|
const [pinnedMessageIndex, setPinnedMessageIndex] = useState46(0);
|
23716
23743
|
const { removePinnedMessage } = usePinnedMessages();
|
23717
23744
|
const isMobile = useMedia15(config.media.md);
|
@@ -23831,7 +23858,7 @@ var Chat = () => {
|
|
23831
23858
|
const listRef = useRef20(null);
|
23832
23859
|
const hmsActions = useHMSActions37();
|
23833
23860
|
const vanillaStore = useHMSVanillaStore10();
|
23834
|
-
const { enabled: isChatEnabled = true } =
|
23861
|
+
const { enabled: isChatEnabled = true } = useHMSStore53(qh("chatState" /* CHAT_STATE */)) || {};
|
23835
23862
|
const isMobile = useMedia16(config.media.md);
|
23836
23863
|
const scrollToBottom = useCallback28(
|
23837
23864
|
(unreadCount = 0) => {
|
@@ -23869,7 +23896,7 @@ var NewMessageIndicator = ({
|
|
23869
23896
|
scrollToBottom,
|
23870
23897
|
listRef
|
23871
23898
|
}) => {
|
23872
|
-
const unreadCount =
|
23899
|
+
const unreadCount = useHMSStore53(Un);
|
23873
23900
|
if (!unreadCount || !listRef.current) {
|
23874
23901
|
return null;
|
23875
23902
|
}
|
@@ -23919,7 +23946,7 @@ import React113, { useEffect as useEffect26, useState as useState47 } from "reac
|
|
23919
23946
|
import { useInView } from "react-intersection-observer";
|
23920
23947
|
import { useMeasure as useMeasure2 } from "react-use";
|
23921
23948
|
import { VariableSizeList as VariableSizeList2 } from "react-window";
|
23922
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as
|
23949
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore54, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
|
23923
23950
|
import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
|
23924
23951
|
var LoadMoreParticipants = ({
|
23925
23952
|
hasNext,
|
@@ -23963,7 +23990,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
23963
23990
|
var _a8;
|
23964
23991
|
return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
|
23965
23992
|
});
|
23966
|
-
const isConnected =
|
23993
|
+
const isConnected = useHMSStore54(selectIsConnectedToRoom8);
|
23967
23994
|
const [ref, { width }] = useMeasure2();
|
23968
23995
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
23969
23996
|
const resetSidePane = useSidepaneReset();
|
@@ -23997,15 +24024,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
23997
24024
|
// src/Prebuilt/components/ChatSettings.tsx
|
23998
24025
|
init_define_process_env();
|
23999
24026
|
import React114 from "react";
|
24000
|
-
import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions38, useHMSStore as
|
24027
|
+
import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions38, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
|
24001
24028
|
import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon4 } from "@100mslive/react-icons";
|
24002
24029
|
var ChatSettings = () => {
|
24003
24030
|
var _a8, _b7;
|
24004
24031
|
const hmsActions = useHMSActions38();
|
24005
|
-
const localPeer =
|
24032
|
+
const localPeer = useHMSStore55(selectLocalPeer5);
|
24006
24033
|
const { elements } = useRoomLayoutConferencingScreen();
|
24007
24034
|
const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
|
24008
|
-
const { enabled: isChatEnabled = true } =
|
24035
|
+
const { enabled: isChatEnabled = true } = useHMSStore55(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
|
24009
24036
|
const showPause = canPauseChat && isChatEnabled;
|
24010
24037
|
if (!showPause) {
|
24011
24038
|
return null;
|
@@ -24070,7 +24097,7 @@ var SidePaneTabs = React115.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
|
|
24070
24097
|
const resetSidePane = useSidepaneReset();
|
24071
24098
|
const [activeTab, setActiveTab] = useState48(active);
|
24072
24099
|
const [activeRole, setActiveRole] = useState48("");
|
24073
|
-
const peerCount =
|
24100
|
+
const peerCount = useHMSStore56(selectPeerCount4);
|
24074
24101
|
const { elements } = useRoomLayoutConferencingScreen();
|
24075
24102
|
const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
|
24076
24103
|
const showChat = !!(elements == null ? void 0 : elements.chat);
|
@@ -24196,13 +24223,13 @@ import {
|
|
24196
24223
|
selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
|
24197
24224
|
selectHasPeerHandRaised as selectHasPeerHandRaised3,
|
24198
24225
|
selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
|
24199
|
-
selectLocalPeerID as
|
24226
|
+
selectLocalPeerID as selectLocalPeerID12,
|
24200
24227
|
selectPeerMetadata as selectPeerMetadata4,
|
24201
24228
|
selectPeerNameByID as selectPeerNameByID4,
|
24202
24229
|
selectSessionStore as selectSessionStore10,
|
24203
24230
|
selectVideoTrackByID as selectVideoTrackByID3,
|
24204
24231
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
|
24205
|
-
useHMSStore as
|
24232
|
+
useHMSStore as useHMSStore59
|
24206
24233
|
} from "@100mslive/react-sdk";
|
24207
24234
|
import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
|
24208
24235
|
|
@@ -24252,12 +24279,12 @@ init_define_process_env();
|
|
24252
24279
|
import React118, { useState as useState49 } from "react";
|
24253
24280
|
import { useMedia as useMedia19 } from "react-use";
|
24254
24281
|
import {
|
24255
|
-
selectLocalPeerID as
|
24282
|
+
selectLocalPeerID as selectLocalPeerID11,
|
24256
24283
|
selectPeerByID as selectPeerByID2,
|
24257
24284
|
selectPermissions as selectPermissions16,
|
24258
24285
|
selectTrackByID as selectTrackByID3,
|
24259
24286
|
selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
|
24260
|
-
useHMSStore as
|
24287
|
+
useHMSStore as useHMSStore58,
|
24261
24288
|
useRemoteAVToggle as useRemoteAVToggle2
|
24262
24289
|
} from "@100mslive/react-sdk";
|
24263
24290
|
import { CrossIcon as CrossIcon18, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
|
@@ -24272,7 +24299,7 @@ import {
|
|
24272
24299
|
selectTrackByID as selectTrackByID2,
|
24273
24300
|
useCustomEvent as useCustomEvent2,
|
24274
24301
|
useHMSActions as useHMSActions39,
|
24275
|
-
useHMSStore as
|
24302
|
+
useHMSStore as useHMSStore57,
|
24276
24303
|
useRemoteAVToggle
|
24277
24304
|
} from "@100mslive/react-sdk";
|
24278
24305
|
import {
|
@@ -24309,7 +24336,7 @@ var SpotlightActions = ({
|
|
24309
24336
|
}
|
24310
24337
|
}) => {
|
24311
24338
|
const hmsActions = useHMSActions39();
|
24312
|
-
const spotlightPeerId =
|
24339
|
+
const spotlightPeerId = useHMSStore57(selectSessionStore9("spotlight" /* SPOTLIGHT */));
|
24313
24340
|
const isTileSpotlighted = spotlightPeerId === peerId;
|
24314
24341
|
const dragClassName = getDragClassName();
|
24315
24342
|
const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
|
@@ -24357,7 +24384,7 @@ var MinimiseInset = () => {
|
|
24357
24384
|
};
|
24358
24385
|
var SimulcastLayers = ({ trackId }) => {
|
24359
24386
|
var _a8;
|
24360
|
-
const track =
|
24387
|
+
const track = useHMSStore57(selectTrackByID2(trackId));
|
24361
24388
|
const actions = useHMSActions39();
|
24362
24389
|
const bg = useDropdownSelection();
|
24363
24390
|
if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
|
@@ -24443,7 +24470,7 @@ var TileMenuContent = ({
|
|
24443
24470
|
var _a8;
|
24444
24471
|
const actions = useHMSActions39();
|
24445
24472
|
const dragClassName = getDragClassName();
|
24446
|
-
const removeOthers = (_a8 =
|
24473
|
+
const removeOthers = (_a8 = useHMSStore57(selectPermissions15)) == null ? void 0 : _a8.removeOthers;
|
24447
24474
|
const { userName } = useHMSPrebuiltContext();
|
24448
24475
|
const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
|
24449
24476
|
audioTrackID,
|
@@ -24539,17 +24566,17 @@ var TileMenu = ({
|
|
24539
24566
|
var _a8, _b7;
|
24540
24567
|
const [open, setOpen] = useState49(false);
|
24541
24568
|
const { theme: theme2 } = useTheme();
|
24542
|
-
const localPeerID =
|
24569
|
+
const localPeerID = useHMSStore58(selectLocalPeerID11);
|
24543
24570
|
const isLocal = localPeerID === peerID;
|
24544
|
-
const { removeOthers } =
|
24571
|
+
const { removeOthers } = useHMSStore58(selectPermissions16);
|
24545
24572
|
const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
|
24546
24573
|
const showSpotlight = enableSpotlightingPeer;
|
24547
|
-
const isPrimaryVideoTrack = ((_a8 =
|
24574
|
+
const isPrimaryVideoTrack = ((_a8 = useHMSStore58(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
|
24548
24575
|
const showPinAction = audioTrackID || videoTrackID && isPrimaryVideoTrack;
|
24549
|
-
const track =
|
24576
|
+
const track = useHMSStore58(selectTrackByID3(videoTrackID));
|
24550
24577
|
const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
|
24551
24578
|
const isMobile = useMedia19(config.media.md);
|
24552
|
-
const peer =
|
24579
|
+
const peer = useHMSStore58(selectPeerByID2(peerID));
|
24553
24580
|
const [showNameChangeModal, setShowNameChangeModal] = useState49(false);
|
24554
24581
|
useDropdownList({ open, name: "TileMenu" });
|
24555
24582
|
const dragClassName = getDragClassName();
|
@@ -24642,14 +24669,14 @@ var Tile = ({
|
|
24642
24669
|
hideMetadataOnTile = false
|
24643
24670
|
}) => {
|
24644
24671
|
const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
|
24645
|
-
const track =
|
24646
|
-
const peerName =
|
24647
|
-
const audioTrack =
|
24648
|
-
const localPeerID =
|
24672
|
+
const track = useHMSStore59(trackSelector);
|
24673
|
+
const peerName = useHMSStore59(selectPeerNameByID4(peerId));
|
24674
|
+
const audioTrack = useHMSStore59(selectAudioTrackByPeerID2(peerId));
|
24675
|
+
const localPeerID = useHMSStore59(selectLocalPeerID12);
|
24649
24676
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
24650
24677
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
24651
24678
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
24652
|
-
const isAudioMuted = !
|
24679
|
+
const isAudioMuted = !useHMSStore59(selectIsPeerAudioEnabled2(peerId));
|
24653
24680
|
const isVideoMuted = !(track == null ? void 0 : track.enabled);
|
24654
24681
|
const [isMouseHovered, setIsMouseHovered] = useState50(false);
|
24655
24682
|
const isVideoDegraded = track == null ? void 0 : track.degraded;
|
@@ -24660,7 +24687,7 @@ var Tile = ({
|
|
24660
24687
|
videoTrackID: track == null ? void 0 : track.id,
|
24661
24688
|
audioTrackID: audioTrack == null ? void 0 : audioTrack.id
|
24662
24689
|
});
|
24663
|
-
const spotlighted =
|
24690
|
+
const spotlighted = useHMSStore59(selectSessionStore10("spotlight" /* SPOTLIGHT */)) === peerId;
|
24664
24691
|
const label = getVideoTileLabel({
|
24665
24692
|
peerName,
|
24666
24693
|
track,
|
@@ -24736,9 +24763,9 @@ var Tile = ({
|
|
24736
24763
|
);
|
24737
24764
|
};
|
24738
24765
|
var PeerMetadata = ({ peerId, size }) => {
|
24739
|
-
const metaData =
|
24766
|
+
const metaData = useHMSStore59(selectPeerMetadata4(peerId));
|
24740
24767
|
const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
|
24741
|
-
const isHandRaised =
|
24768
|
+
const isHandRaised = useHMSStore59(selectHasPeerHandRaised3(peerId));
|
24742
24769
|
return /* @__PURE__ */ React119.createElement(Fragment13, null, isHandRaised ? /* @__PURE__ */ React119.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React119.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React119.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React119.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
|
24743
24770
|
};
|
24744
24771
|
var VideoTile = React119.memo(Tile);
|
@@ -24757,7 +24784,7 @@ import {
|
|
24757
24784
|
selectRoomState as selectRoomState4,
|
24758
24785
|
selectVideoTrackByID as selectVideoTrackByID4,
|
24759
24786
|
useHMSActions as useHMSActions40,
|
24760
|
-
useHMSStore as
|
24787
|
+
useHMSStore as useHMSStore60
|
24761
24788
|
} from "@100mslive/react-sdk";
|
24762
24789
|
import { BlurPersonHighIcon, CloseIcon, CrossCircleIcon as CrossCircleIcon3 } from "@100mslive/react-icons";
|
24763
24790
|
|
@@ -24935,18 +24962,18 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
24935
24962
|
var _a8, _b7;
|
24936
24963
|
const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
|
24937
24964
|
const hmsActions = useHMSActions40();
|
24938
|
-
const localPeer =
|
24939
|
-
const role =
|
24940
|
-
const isVideoOn =
|
24965
|
+
const localPeer = useHMSStore60(selectLocalPeer6);
|
24966
|
+
const role = useHMSStore60(Ft);
|
24967
|
+
const isVideoOn = useHMSStore60(selectIsLocalVideoEnabled5);
|
24941
24968
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
24942
24969
|
const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
|
24943
|
-
const track =
|
24970
|
+
const track = useHMSStore60(trackSelector);
|
24944
24971
|
const [blurAmount, setBlurAmount] = useState51(VBHandler.getBlurAmount() || 0.5);
|
24945
|
-
const roomState =
|
24946
|
-
const isLargeRoom =
|
24947
|
-
const isEffectsEnabled =
|
24948
|
-
const effectsKey =
|
24949
|
-
const isPluginAdded =
|
24972
|
+
const roomState = useHMSStore60(selectRoomState4);
|
24973
|
+
const isLargeRoom = useHMSStore60(selectIsLargeRoom3);
|
24974
|
+
const isEffectsEnabled = useHMSStore60(Qn);
|
24975
|
+
const effectsKey = useHMSStore60(zn);
|
24976
|
+
const isPluginAdded = useHMSStore60(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
|
24950
24977
|
const [activeBackground, setActiveBackground] = useState51(
|
24951
24978
|
((_b7 = VBHandler) == null ? void 0 : _b7.getBackground()) || HMSVirtualBackgroundTypes3.NONE
|
24952
24979
|
);
|
@@ -25071,9 +25098,9 @@ var SidePane = ({
|
|
25071
25098
|
}) => {
|
25072
25099
|
var _a8, _b7, _c, _d, _e, _f;
|
25073
25100
|
const isMobile = useMedia20(config.media.md);
|
25074
|
-
const sidepane =
|
25075
|
-
const activeScreensharePeerId =
|
25076
|
-
const trackId = (_a8 =
|
25101
|
+
const sidepane = useHMSStore61(selectAppData5(APP_DATA.sidePane));
|
25102
|
+
const activeScreensharePeerId = useHMSStore61(selectAppData5(APP_DATA.activeScreensharePeerId));
|
25103
|
+
const trackId = (_a8 = useHMSStore61(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
|
25077
25104
|
const { elements } = useRoomLayoutConferencingScreen();
|
25078
25105
|
const { elements: preview_elements } = useRoomLayoutPreviewScreen();
|
25079
25106
|
const backgroundMedia = ((_c = (_b7 = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _b7.background_media) == null ? void 0 : _c.length) ? (_d = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _d.background_media : ((_e = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _e.background_media) || [];
|
@@ -25204,10 +25231,10 @@ var FullPageProgress_default = FullPageProgress;
|
|
25204
25231
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
25205
25232
|
init_define_process_env();
|
25206
25233
|
import React126, { useEffect as useEffect30, useState as useState52 } from "react";
|
25207
|
-
import { selectDominantSpeaker, useHMSStore as
|
25234
|
+
import { selectDominantSpeaker, useHMSStore as useHMSStore62 } from "@100mslive/react-sdk";
|
25208
25235
|
import { VolumeOneIcon } from "@100mslive/react-icons";
|
25209
25236
|
var SpeakerTag = () => {
|
25210
|
-
const dominantSpeaker =
|
25237
|
+
const dominantSpeaker = useHMSStore62(selectDominantSpeaker);
|
25211
25238
|
return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React126.createElement(
|
25212
25239
|
Flex,
|
25213
25240
|
{
|
@@ -25330,8 +25357,8 @@ var getParticipantChipContent = (peerCount = 0) => {
|
|
25330
25357
|
return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
|
25331
25358
|
};
|
25332
25359
|
var useLocalTileAspectRatio = () => {
|
25333
|
-
const localPeer =
|
25334
|
-
const videoTrack =
|
25360
|
+
const localPeer = useHMSStore63(selectLocalPeer7);
|
25361
|
+
const videoTrack = useHMSStore63(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
|
25335
25362
|
const isMobile = useMedia22(config.media.md);
|
25336
25363
|
let aspectRatio = 0;
|
25337
25364
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
|
@@ -25374,7 +25401,7 @@ var PreviewJoin = ({
|
|
25374
25401
|
},
|
25375
25402
|
asRole
|
25376
25403
|
});
|
25377
|
-
const roomState =
|
25404
|
+
const roomState = useHMSStore63(selectRoomState5);
|
25378
25405
|
const savePreferenceAndJoin = useCallback30(() => {
|
25379
25406
|
setPreviewPreference({
|
25380
25407
|
name
|
@@ -25440,12 +25467,12 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
|
|
25440
25467
|
px: "$10"
|
25441
25468
|
}));
|
25442
25469
|
var PreviewTile = ({ name, error }) => {
|
25443
|
-
const localPeer =
|
25470
|
+
const localPeer = useHMSStore63(selectLocalPeer7);
|
25444
25471
|
const { isLocalAudioEnabled, toggleAudio } = useAVToggle4();
|
25445
|
-
const isVideoOn =
|
25472
|
+
const isVideoOn = useHMSStore63(selectIsLocalVideoEnabled6);
|
25446
25473
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
25447
25474
|
const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
|
25448
|
-
const track =
|
25475
|
+
const track = useHMSStore63(trackSelector);
|
25449
25476
|
const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
|
25450
25477
|
const aspectRatio = useLocalTileAspectRatio();
|
25451
25478
|
const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
|
@@ -25535,10 +25562,10 @@ var RequestActions = ({
|
|
25535
25562
|
var RoleChangeRequestModal = () => {
|
25536
25563
|
const hmsActions = useHMSActions41();
|
25537
25564
|
const { updateMetaData } = useMyMetadata();
|
25538
|
-
const isPreview =
|
25539
|
-
const currentRole =
|
25540
|
-
const roleChangeRequest =
|
25541
|
-
const name =
|
25565
|
+
const isPreview = useHMSStore64(selectIsInPreview);
|
25566
|
+
const currentRole = useHMSStore64(selectLocalPeerRoleName4);
|
25567
|
+
const roleChangeRequest = useHMSStore64(selectRoleChangeRequest);
|
25568
|
+
const name = useHMSStore64(selectLocalPeerName4);
|
25542
25569
|
const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
|
25543
25570
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
25544
25571
|
const { virtual_background } = elements || {};
|
@@ -25613,18 +25640,18 @@ import {
|
|
25613
25640
|
selectPeerScreenSharing as selectPeerScreenSharing3,
|
25614
25641
|
selectWhiteboard as selectWhiteboard2,
|
25615
25642
|
useHMSActions as useHMSActions43,
|
25616
|
-
useHMSStore as
|
25643
|
+
useHMSStore as useHMSStore73
|
25617
25644
|
} from "@100mslive/react-sdk";
|
25618
25645
|
|
25619
25646
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
25620
25647
|
init_define_process_env();
|
25621
25648
|
import React142, { useEffect as useEffect40, useMemo as useMemo15, useState as useState60 } from "react";
|
25622
25649
|
import {
|
25623
|
-
selectLocalPeerID as
|
25650
|
+
selectLocalPeerID as selectLocalPeerID14,
|
25624
25651
|
selectLocalPeerRoleName as selectLocalPeerRoleName5,
|
25625
25652
|
selectPeers as selectPeers3,
|
25626
25653
|
selectPeerScreenSharing,
|
25627
|
-
useHMSStore as
|
25654
|
+
useHMSStore as useHMSStore70,
|
25628
25655
|
useHMSVanillaStore as useHMSVanillaStore12
|
25629
25656
|
} from "@100mslive/react-sdk";
|
25630
25657
|
|
@@ -25632,14 +25659,14 @@ import {
|
|
25632
25659
|
init_define_process_env();
|
25633
25660
|
import React135, { useEffect as useEffect36, useMemo as useMemo12, useState as useState55 } from "react";
|
25634
25661
|
import { useMedia as useMedia26 } from "react-use";
|
25635
|
-
import { selectLocalPeer as selectLocalPeer9, useHMSStore as
|
25662
|
+
import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore66 } from "@100mslive/react-sdk";
|
25636
25663
|
|
25637
25664
|
// src/Prebuilt/components/InsetTile.tsx
|
25638
25665
|
init_define_process_env();
|
25639
25666
|
import React132, { useEffect as useEffect33, useRef as useRef21 } from "react";
|
25640
25667
|
import Draggable from "react-draggable";
|
25641
25668
|
import { useMedia as useMedia24 } from "react-use";
|
25642
|
-
import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as
|
25669
|
+
import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore65 } from "@100mslive/react-sdk";
|
25643
25670
|
import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
|
25644
25671
|
|
25645
25672
|
// src/Prebuilt/components/hooks/useVideoTileLayout.ts
|
@@ -25678,10 +25705,10 @@ var desktopAspectRatio = 1 / defaultMobileAspectRatio;
|
|
25678
25705
|
var InsetTile = () => {
|
25679
25706
|
const isMobile = useMedia24(config.media.md);
|
25680
25707
|
const isLandscape = useMedia24(config.media.ls);
|
25681
|
-
const localPeer =
|
25708
|
+
const localPeer = useHMSStore65(selectLocalPeer8);
|
25682
25709
|
const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
|
25683
|
-
const videoTrack =
|
25684
|
-
const isAllowedToPublish =
|
25710
|
+
const videoTrack = useHMSStore65(selectVideoTrackByID6(localPeer == null ? void 0 : localPeer.videoTrack));
|
25711
|
+
const isAllowedToPublish = useHMSStore65(selectIsAllowedToPublish2);
|
25685
25712
|
const videoTileProps = useVideoTileContext();
|
25686
25713
|
let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
|
25687
25714
|
if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
|
@@ -25941,7 +25968,7 @@ var useTileLayout = ({
|
|
25941
25968
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
25942
25969
|
function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
|
25943
25970
|
var _a8;
|
25944
|
-
const localPeer =
|
25971
|
+
const localPeer = useHMSStore66(selectLocalPeer9);
|
25945
25972
|
const isMobile = useMedia26(config.media.md);
|
25946
25973
|
let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
|
25947
25974
|
maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
|
@@ -25987,7 +26014,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
25987
26014
|
// src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
|
25988
26015
|
init_define_process_env();
|
25989
26016
|
import React138, { useEffect as useEffect38, useState as useState57 } from "react";
|
25990
|
-
import { selectLocalPeer as selectLocalPeer10, useHMSStore as
|
26017
|
+
import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
|
25991
26018
|
|
25992
26019
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
25993
26020
|
init_define_process_env();
|
@@ -26130,7 +26157,7 @@ function RoleProminence({
|
|
26130
26157
|
}) {
|
26131
26158
|
var _a8;
|
26132
26159
|
const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
|
26133
|
-
const localPeer =
|
26160
|
+
const localPeer = useHMSStore67(selectLocalPeer10);
|
26134
26161
|
const maxTileCount = 4;
|
26135
26162
|
const pageList = usePagesWithTiles({
|
26136
26163
|
peers: prominentPeers,
|
@@ -26164,7 +26191,7 @@ function RoleProminence({
|
|
26164
26191
|
init_define_process_env();
|
26165
26192
|
import React141, { useEffect as useEffect39, useMemo as useMemo14, useState as useState59 } from "react";
|
26166
26193
|
import { useMedia as useMedia28 } from "react-use";
|
26167
|
-
import { selectPeersScreenSharing, useHMSStore as
|
26194
|
+
import { selectPeersScreenSharing, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
|
26168
26195
|
|
26169
26196
|
// src/Prebuilt/components/ScreenshareTile.jsx
|
26170
26197
|
init_define_process_env();
|
@@ -26172,11 +26199,11 @@ import React140, { useRef as useRef22, useState as useState58 } from "react";
|
|
26172
26199
|
import { useFullscreen as useFullscreen2 } from "react-use";
|
26173
26200
|
import screenfull2 from "screenfull";
|
26174
26201
|
import {
|
26175
|
-
selectLocalPeerID as
|
26202
|
+
selectLocalPeerID as selectLocalPeerID13,
|
26176
26203
|
selectPeerByID as selectPeerByID3,
|
26177
26204
|
selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
|
26178
26205
|
selectScreenShareByPeerID,
|
26179
|
-
useHMSStore as
|
26206
|
+
useHMSStore as useHMSStore68
|
26180
26207
|
} from "@100mslive/react-sdk";
|
26181
26208
|
import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
|
26182
26209
|
|
@@ -26227,9 +26254,9 @@ var labelStyles = {
|
|
26227
26254
|
flexShrink: 0
|
26228
26255
|
};
|
26229
26256
|
var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
26230
|
-
const isLocal =
|
26231
|
-
const track =
|
26232
|
-
const peer =
|
26257
|
+
const isLocal = useHMSStore68(selectLocalPeerID13) === peerId;
|
26258
|
+
const track = useHMSStore68(selectScreenShareByPeerID(peerId));
|
26259
|
+
const peer = useHMSStore68(selectPeerByID3(peerId));
|
26233
26260
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
26234
26261
|
const [isMouseHovered, setIsMouseHovered] = useState58(false);
|
26235
26262
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
@@ -26239,7 +26266,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
26239
26266
|
onClose: () => setFullscreen(false)
|
26240
26267
|
});
|
26241
26268
|
const isFullScreenSupported = screenfull2.isEnabled;
|
26242
|
-
const audioTrack =
|
26269
|
+
const audioTrack = useHMSStore68(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
|
26243
26270
|
if (isLocal && !["browser", "window", "application"].includes(track == null ? void 0 : track.displaySurface)) {
|
26244
26271
|
return /* @__PURE__ */ React140.createElement(ScreenshareDisplay, null);
|
26245
26272
|
}
|
@@ -26293,7 +26320,7 @@ var ScreenshareTile_default = ScreenshareTile;
|
|
26293
26320
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
26294
26321
|
var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
26295
26322
|
var _a8;
|
26296
|
-
const peersSharing =
|
26323
|
+
const peersSharing = useHMSStore69(selectPeersScreenSharing);
|
26297
26324
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26298
26325
|
const [page, setPage] = useState59(0);
|
26299
26326
|
const activeSharePeer = peersSharing[page];
|
@@ -26428,11 +26455,11 @@ var GridLayout = ({
|
|
26428
26455
|
edge_to_edge = false,
|
26429
26456
|
hide_metadata_on_tile = false
|
26430
26457
|
}) => {
|
26431
|
-
const peerSharing =
|
26458
|
+
const peerSharing = useHMSStore70(selectPeerScreenSharing);
|
26432
26459
|
const pinnedTrack = usePinnedTrack();
|
26433
|
-
const peers =
|
26434
|
-
const localPeerRole =
|
26435
|
-
const localPeerID =
|
26460
|
+
const peers = useHMSStore70(selectPeers3);
|
26461
|
+
const localPeerRole = useHMSStore70(selectLocalPeerRoleName5);
|
26462
|
+
const localPeerID = useHMSStore70(selectLocalPeerID14);
|
26436
26463
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26437
26464
|
const isRoleProminence = prominentRoles.length && peers.some(
|
26438
26465
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
@@ -26512,13 +26539,13 @@ var GridLayout = ({
|
|
26512
26539
|
// src/Prebuilt/layouts/EmbedView.jsx
|
26513
26540
|
init_define_process_env();
|
26514
26541
|
import React143, { useEffect as useEffect41, useMemo as useMemo16 } from "react";
|
26515
|
-
import { selectAppData as selectAppData6, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as
|
26542
|
+
import { selectAppData as selectAppData6, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
|
26516
26543
|
var EmbedView = () => {
|
26517
26544
|
return /* @__PURE__ */ React143.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React143.createElement(EmbedComponent, null));
|
26518
26545
|
};
|
26519
26546
|
var EmbedScreenShareView = ({ children }) => {
|
26520
|
-
const peers =
|
26521
|
-
const peerPresenting =
|
26547
|
+
const peers = useHMSStore71(selectPeers4);
|
26548
|
+
const peerPresenting = useHMSStore71(selectPeerScreenSharing2);
|
26522
26549
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26523
26550
|
const smallTilePeers = useMemo16(() => {
|
26524
26551
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
@@ -26533,7 +26560,7 @@ var EmbedScreenShareView = ({ children }) => {
|
|
26533
26560
|
return /* @__PURE__ */ React143.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React143.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React143.createElement(SecondaryTiles, { peers: smallTilePeers }));
|
26534
26561
|
};
|
26535
26562
|
var EmbedComponent = () => {
|
26536
|
-
const embedConfig =
|
26563
|
+
const embedConfig = useHMSStore71(selectAppData6(APP_DATA.embedConfig));
|
26537
26564
|
const resetConfig = useResetEmbedConfig();
|
26538
26565
|
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
|
26539
26566
|
useEffect41(() => {
|
@@ -26691,7 +26718,7 @@ var WaitingView = React145.memo(() => {
|
|
26691
26718
|
init_define_process_env();
|
26692
26719
|
import React146, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
|
26693
26720
|
import { useMedia as useMedia29 } from "react-use";
|
26694
|
-
import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as
|
26721
|
+
import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore72, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
|
26695
26722
|
var EmbedComponent2 = () => {
|
26696
26723
|
const isMobile = useMedia29(config.media.md);
|
26697
26724
|
const { iframeRef } = useWhiteboard2(isMobile);
|
@@ -26726,8 +26753,8 @@ var EmbedComponent2 = () => {
|
|
26726
26753
|
);
|
26727
26754
|
};
|
26728
26755
|
var WhiteboardView = () => {
|
26729
|
-
const peers =
|
26730
|
-
const whiteboard =
|
26756
|
+
const peers = useHMSStore72(selectPeers5);
|
26757
|
+
const whiteboard = useHMSStore72(selectWhiteboard);
|
26731
26758
|
const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
26732
26759
|
const smallTilePeers = useMemo17(() => {
|
26733
26760
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
|
@@ -26764,17 +26791,17 @@ var useCloseScreenshareWhiteboard = () => {
|
|
26764
26791
|
};
|
26765
26792
|
|
26766
26793
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
26767
|
-
var HLSView = React147.lazy(() => import("./HLSView-
|
26794
|
+
var HLSView = React147.lazy(() => import("./HLSView-U346BIZQ.js"));
|
26768
26795
|
var VideoStreamingSection = ({
|
26769
26796
|
screenType,
|
26770
26797
|
elements,
|
26771
26798
|
hideControls = false
|
26772
26799
|
}) => {
|
26773
26800
|
var _a8, _b7, _c, _d;
|
26774
|
-
const localPeerRole =
|
26775
|
-
const isConnected =
|
26776
|
-
const peerSharing =
|
26777
|
-
const isWhiteboardOpen = (_a8 =
|
26801
|
+
const localPeerRole = useHMSStore73(selectLocalPeerRoleName6);
|
26802
|
+
const isConnected = useHMSStore73(selectIsConnectedToRoom9);
|
26803
|
+
const peerSharing = useHMSStore73(selectPeerScreenSharing3);
|
26804
|
+
const isWhiteboardOpen = (_a8 = useHMSStore73(selectWhiteboard2)) == null ? void 0 : _a8.open;
|
26778
26805
|
const hmsActions = useHMSActions43();
|
26779
26806
|
const waitingViewerRole = useWaitingViewerRole();
|
26780
26807
|
const urlToIframe = useUrlToEmbed();
|
@@ -26839,7 +26866,7 @@ init_define_process_env();
|
|
26839
26866
|
init_define_process_env();
|
26840
26867
|
import React149 from "react";
|
26841
26868
|
import { useMedia as useMedia30 } from "react-use";
|
26842
|
-
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as
|
26869
|
+
import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
|
26843
26870
|
|
26844
26871
|
// src/Prebuilt/components/Header/common.jsx
|
26845
26872
|
init_define_process_env();
|
@@ -26851,7 +26878,7 @@ import {
|
|
26851
26878
|
selectVideoTrackByID as selectVideoTrackByID7,
|
26852
26879
|
useDevices as useDevices3,
|
26853
26880
|
useHMSActions as useHMSActions44,
|
26854
|
-
useHMSStore as
|
26881
|
+
useHMSStore as useHMSStore74
|
26855
26882
|
} from "@100mslive/react-sdk";
|
26856
26883
|
import {
|
26857
26884
|
BluetoothIcon,
|
@@ -26865,9 +26892,9 @@ var CamaraFlipActions = () => {
|
|
26865
26892
|
const actions = useHMSActions44();
|
26866
26893
|
const { allDevices } = useDevices3();
|
26867
26894
|
const { videoInput } = allDevices;
|
26868
|
-
const isVideoOn =
|
26869
|
-
const videoTrackId =
|
26870
|
-
const localVideoTrack =
|
26895
|
+
const isVideoOn = useHMSStore74(selectIsLocalVideoEnabled7);
|
26896
|
+
const videoTrackId = useHMSStore74(selectLocalVideoTrackID3);
|
26897
|
+
const localVideoTrack = useHMSStore74(selectVideoTrackByID7(videoTrackId));
|
26871
26898
|
if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
|
26872
26899
|
return null;
|
26873
26900
|
}
|
@@ -27003,7 +27030,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React148.createElement(Re
|
|
27003
27030
|
|
27004
27031
|
// src/Prebuilt/components/Header/Header.tsx
|
27005
27032
|
var Header2 = () => {
|
27006
|
-
const roomState =
|
27033
|
+
const roomState = useHMSStore75(selectRoomState6);
|
27007
27034
|
const isMobile = useMedia30(config.media.md);
|
27008
27035
|
if (roomState !== HMSRoomState6.Connected) {
|
27009
27036
|
return /* @__PURE__ */ React149.createElement(React149.Fragment, null);
|
@@ -27049,11 +27076,11 @@ var ConferenceScreen = () => {
|
|
27049
27076
|
const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
|
27050
27077
|
const screenProps = useRoomLayoutConferencingScreen();
|
27051
27078
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
27052
|
-
const roomState =
|
27053
|
-
const isConnectedToRoom =
|
27079
|
+
const roomState = useHMSStore76(selectRoomState7);
|
27080
|
+
const isConnectedToRoom = useHMSStore76(selectIsConnectedToRoom10);
|
27054
27081
|
const hmsActions = useHMSActions45();
|
27055
27082
|
const [hideControls, setHideControls] = useState61(false);
|
27056
|
-
const dropdownList =
|
27083
|
+
const dropdownList = useHMSStore76(selectAppData7(APP_DATA.dropdownList));
|
27057
27084
|
const authTokenInAppData = useAuthToken();
|
27058
27085
|
const headerRef = useRef23(null);
|
27059
27086
|
const footerRef = useRef23(null);
|
@@ -27257,7 +27284,7 @@ import React152, { useEffect as useEffect49 } from "react";
|
|
27257
27284
|
// src/Prebuilt/services/FeatureFlags.jsx
|
27258
27285
|
init_define_process_env();
|
27259
27286
|
import { useEffect as useEffect48 } from "react";
|
27260
|
-
import { selectRoomID, useHMSStore as
|
27287
|
+
import { selectRoomID, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
|
27261
27288
|
var FeatureFlags = class {
|
27262
27289
|
static init(roomId) {
|
27263
27290
|
if (!window.HMS) {
|
@@ -27282,7 +27309,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
|
|
27282
27309
|
__publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
|
27283
27310
|
__publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
|
27284
27311
|
function FeatureFlagsInit() {
|
27285
|
-
const roomId =
|
27312
|
+
const roomId = useHMSStore77(selectRoomID);
|
27286
27313
|
useEffect48(() => {
|
27287
27314
|
if (roomId) {
|
27288
27315
|
FeatureFlags.init(roomId);
|
@@ -27425,7 +27452,7 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
|
|
27425
27452
|
init_define_process_env();
|
27426
27453
|
import React153, { useContext as useContext4, useEffect as useEffect51 } from "react";
|
27427
27454
|
import { usePreviousDistinct } from "react-use";
|
27428
|
-
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as
|
27455
|
+
import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
|
27429
27456
|
|
27430
27457
|
// src/Prebuilt/components/hooks/useRedirectToLeave.tsx
|
27431
27458
|
init_define_process_env();
|
@@ -27462,7 +27489,7 @@ var useHMSAppStateContext = () => {
|
|
27462
27489
|
var useAppStateManager = () => {
|
27463
27490
|
const roomLayout = useRoomLayout();
|
27464
27491
|
const [activeState, setActiveState] = React153.useState();
|
27465
|
-
const roomState =
|
27492
|
+
const roomState = useHMSStore78(selectRoomState8);
|
27466
27493
|
const prevRoomState = usePreviousDistinct(roomState);
|
27467
27494
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
27468
27495
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
@@ -27584,12 +27611,12 @@ import React164, { useCallback as useCallback33, useEffect as useEffect62 } from
|
|
27584
27611
|
import {
|
27585
27612
|
HMSNotificationTypes as HMSNotificationTypes10,
|
27586
27613
|
HMSRoomState as HMSRoomState10,
|
27587
|
-
selectLocalPeerID as
|
27614
|
+
selectLocalPeerID as selectLocalPeerID16,
|
27588
27615
|
selectPeerNameByID as selectPeerNameByID5,
|
27589
27616
|
selectRoomState as selectRoomState10,
|
27590
27617
|
useCustomEvent as useCustomEvent4,
|
27591
27618
|
useHMSNotifications as useHMSNotifications10,
|
27592
|
-
useHMSStore as
|
27619
|
+
useHMSStore as useHMSStore82,
|
27593
27620
|
useHMSVanillaStore as useHMSVanillaStore16
|
27594
27621
|
} from "@100mslive/react-sdk";
|
27595
27622
|
import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
|
@@ -27600,7 +27627,7 @@ init_define_process_env();
|
|
27600
27627
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
27601
27628
|
init_define_process_env();
|
27602
27629
|
import React156, { useCallback as useCallback32 } from "react";
|
27603
|
-
import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions47, useHMSStore as
|
27630
|
+
import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions47, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
|
27604
27631
|
import {
|
27605
27632
|
ChatUnreadIcon,
|
27606
27633
|
ConnectivityIcon,
|
@@ -27622,7 +27649,7 @@ var HandRaiseAction = React156.forwardRef(({ id = "", isSingleHandRaise = true }
|
|
27622
27649
|
const hmsActions = useHMSActions47();
|
27623
27650
|
const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
27624
27651
|
const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
27625
|
-
const peer =
|
27652
|
+
const peer = useHMSStore79(selectPeerByID4(id));
|
27626
27653
|
const layout = useRoomLayout();
|
27627
27654
|
const {
|
27628
27655
|
bring_to_stage_label,
|
@@ -27856,12 +27883,12 @@ function AutoplayBlockedModal() {
|
|
27856
27883
|
init_define_process_env();
|
27857
27884
|
import React158, { useEffect as useEffect53 } from "react";
|
27858
27885
|
import { v4 as uuid3 } from "uuid";
|
27859
|
-
import { selectLocalPeerID as
|
27886
|
+
import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
|
27860
27887
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon2 } from "@100mslive/react-icons";
|
27861
27888
|
var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
27862
27889
|
var ChatNotifications = () => {
|
27863
|
-
const chatState =
|
27864
|
-
const localPeerId =
|
27890
|
+
const chatState = useHMSStore80(selectSessionStore11("chatState" /* CHAT_STATE */));
|
27891
|
+
const localPeerId = useHMSStore80(selectLocalPeerID15);
|
27865
27892
|
useEffect53(() => {
|
27866
27893
|
var _a8, _b7;
|
27867
27894
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
@@ -27890,12 +27917,12 @@ import {
|
|
27890
27917
|
selectHasPeerHandRaised as selectHasPeerHandRaised4,
|
27891
27918
|
selectRoomState as selectRoomState9,
|
27892
27919
|
useHMSNotifications as useHMSNotifications2,
|
27893
|
-
useHMSStore as
|
27920
|
+
useHMSStore as useHMSStore81,
|
27894
27921
|
useHMSVanillaStore as useHMSVanillaStore15
|
27895
27922
|
} from "@100mslive/react-sdk";
|
27896
27923
|
var HandRaisedNotifications = () => {
|
27897
27924
|
const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
|
27898
|
-
const roomState =
|
27925
|
+
const roomState = useHMSStore81(selectRoomState9);
|
27899
27926
|
const vanillaStore = useHMSVanillaStore15();
|
27900
27927
|
const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
|
27901
27928
|
useEffect54(() => {
|
@@ -28241,10 +28268,10 @@ var TrackUnmuteModal = () => {
|
|
28241
28268
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
28242
28269
|
var pollToastKey = {};
|
28243
28270
|
function Notifications() {
|
28244
|
-
const localPeerID =
|
28271
|
+
const localPeerID = useHMSStore82(selectLocalPeerID16);
|
28245
28272
|
const notification = useHMSNotifications10();
|
28246
28273
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
28247
|
-
const roomState =
|
28274
|
+
const roomState = useHMSStore82(selectRoomState10);
|
28248
28275
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
28249
28276
|
const isNotificationDisabled = useIsNotificationDisabled();
|
28250
28277
|
const screenProps = useRoomLayoutConferencingScreen();
|
@@ -28409,7 +28436,7 @@ var PreviewScreen = () => {
|
|
28409
28436
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
28410
28437
|
init_define_process_env();
|
28411
28438
|
import React167, { useEffect as useEffect63, useState as useState68 } from "react";
|
28412
|
-
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as
|
28439
|
+
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
|
28413
28440
|
|
28414
28441
|
// src/Prebuilt/components/Toast/Toast.jsx
|
28415
28442
|
init_define_process_env();
|
@@ -28432,7 +28459,7 @@ var Toast2 = (_a8) => {
|
|
28432
28459
|
|
28433
28460
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
28434
28461
|
var ToastContainer = () => {
|
28435
|
-
const isConnected =
|
28462
|
+
const isConnected = useHMSStore83(selectIsConnectedToRoom11);
|
28436
28463
|
const [toasts, setToast] = useState68([]);
|
28437
28464
|
useEffect63(() => {
|
28438
28465
|
ToastManager.addListener(setToast);
|
@@ -28457,10 +28484,10 @@ init_define_process_env();
|
|
28457
28484
|
import React168, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState69 } from "react";
|
28458
28485
|
import { useMedia as useMedia33 } from "react-use";
|
28459
28486
|
import {
|
28460
|
-
selectLocalPeerID as
|
28487
|
+
selectLocalPeerID as selectLocalPeerID17,
|
28461
28488
|
selectPeerNameByID as selectPeerNameByID6,
|
28462
28489
|
useCustomEvent as useCustomEvent5,
|
28463
|
-
useHMSStore as
|
28490
|
+
useHMSStore as useHMSStore84,
|
28464
28491
|
useHMSVanillaStore as useHMSVanillaStore17
|
28465
28492
|
} from "@100mslive/react-sdk";
|
28466
28493
|
var emojiCount = 1;
|
@@ -28487,7 +28514,7 @@ var getStartingPoints = (isMobile) => {
|
|
28487
28514
|
return arr;
|
28488
28515
|
};
|
28489
28516
|
function FlyingEmoji() {
|
28490
|
-
const localPeerId =
|
28517
|
+
const localPeerId = useHMSStore84(selectLocalPeerID17);
|
28491
28518
|
const vanillaStore = useHMSVanillaStore17();
|
28492
28519
|
const [emojis, setEmojis] = useState69([]);
|
28493
28520
|
const isMobile = useMedia33(config.media.md);
|
@@ -28606,15 +28633,15 @@ import {
|
|
28606
28633
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
28607
28634
|
selectPermissions as selectPermissions17,
|
28608
28635
|
useHMSActions as useHMSActions51,
|
28609
|
-
useHMSStore as
|
28636
|
+
useHMSStore as useHMSStore85,
|
28610
28637
|
useRecordingStreaming as useRecordingStreaming11
|
28611
28638
|
} from "@100mslive/react-sdk";
|
28612
28639
|
var useAutoStartStreaming = () => {
|
28613
28640
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
28614
|
-
const permissions =
|
28641
|
+
const permissions = useHMSStore85(selectPermissions17);
|
28615
28642
|
const showStreamingUI = useShowStreamingUI();
|
28616
28643
|
const hmsActions = useHMSActions51();
|
28617
|
-
const isConnected =
|
28644
|
+
const isConnected = useHMSStore85(selectIsConnectedToRoom12);
|
28618
28645
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming11();
|
28619
28646
|
const streamStartedRef = useRef24(false);
|
28620
28647
|
const startHLS = useCallback36(() => __async(void 0, null, function* () {
|
@@ -28810,7 +28837,7 @@ var AppStates = ({ activeState }) => {
|
|
28810
28837
|
return /* @__PURE__ */ React170.createElement(ConferenceScreen, null);
|
28811
28838
|
};
|
28812
28839
|
var BackSwipe = () => {
|
28813
|
-
const isConnectedToRoom =
|
28840
|
+
const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom13);
|
28814
28841
|
const hmsActions = useHMSActions52();
|
28815
28842
|
useEffect66(() => {
|
28816
28843
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
@@ -28973,4 +29000,4 @@ lodash/lodash.js:
|
|
28973
29000
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
28974
29001
|
*)
|
28975
29002
|
*/
|
28976
|
-
//# sourceMappingURL=chunk-
|
29003
|
+
//# sourceMappingURL=chunk-DY3FWEXJ.js.map
|