Merge pull request #14455 from nextcloud/backport/14447/stable31

src/App.vue

@@ -388,6 +388,7 @@ export default {
 		if (getCurrentUser()) {
 			console.debug('Setting current user')
 			this.$store.dispatch('setCurrentUser', getCurrentUser())
+			this.$store.dispatch('getCurrentUserTeams')
 		} else {
 			console.debug('Can not set current user because it\'s a guest')
 		}

src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue

@@ -16,8 +16,6 @@
 </template>
 
 <script>
-import { loadState } from '@nextcloud/initial-state'
-
 import NcUserBubble from '@nextcloud/vue/dist/Components/NcUserBubble.js'
 import { useIsDarkTheme } from '@nextcloud/vue/dist/Composables/useIsDarkTheme.js'
 
@@ -105,12 +103,10 @@ export default {
 				&& this.id === this.$store.getters.getUserId()
 		},
 		isCurrentUserGroup() {
-			return this.isGroupMention
-				&& loadState('spreed', 'user_group_ids', []).includes(this.id)
+			return this.isGroupMention && this.$store.getters.isActorMemberOfGroup(this.id)
 		},
 		isCurrentUserTeam() {
-			// FIXME need backend support here
-			return this.isTeamMention && false
+			return this.isTeamMention && this.$store.getters.isActorMemberOfTeam(this.id)
 		},
 		primary() {
 			return this.isMentionToAll

src/services/teamsService.ts

@@ -0,0 +1,20 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import axios from '@nextcloud/axios'
+import { generateOcsUrl } from '@nextcloud/router'
+
+import type { getTeamsProbeResponse } from '../types/index.ts'
+
+/**
+ * Get teams (circles) for a current user
+ */
+const getTeams = async (): getTeamsProbeResponse => {
+	return axios.get(generateOcsUrl('/apps/circles/probecircles'))
+}
+
+export {
+	getTeams,
+}

src/store/actorStore.js

@@ -10,7 +10,10 @@
  * If an as no userId, they are a guest and identified by actorType + sessionId.
  */
 
+import { loadState } from '@nextcloud/initial-state'
+
 import { ATTENDEE, PARTICIPANT } from '../constants.ts'
+import { getTeams } from '../services/teamsService.ts'
 
 const state = {
 	userId: null,
@@ -19,6 +22,8 @@ const state = {
 	actorId: null,
 	actorType: null,
 	displayName: '',
+	actorGroups: loadState('spreed', 'user_group_ids', []),
+	actorTeams: [],
 }
 
 const getters = {
@@ -43,6 +48,12 @@ const getters = {
 	isActorGuest: (state) => () => {
 		return state.actorType === ATTENDEE.ACTOR_TYPE.GUESTS
 	},
+	isActorMemberOfGroup: (state) => (groupId) => {
+		return state.actorGroups.includes(groupId)
+	},
+	isActorMemberOfTeam: (state) => (teamId) => {
+		return state.actorTeams.includes(teamId)
+	},
 	getDisplayName: (state) => () => {
 		return state.displayName
 	},
@@ -112,6 +123,15 @@ const mutations = {
 	setActorType(state, actorType) {
 		state.actorType = actorType
 	},
+	/**
+	 * Set the user teams ids
+	 *
+	 * @param {object} state current store state;
+	 * @param {Array} teams Teams ids of the current user
+	 */
+	setCurrentUserTeams(state, teams) {
+		state.actorTeams = teams
+	},
 }
 
 const actions = {
@@ -162,6 +182,24 @@ const actions = {
 	setDisplayName(context, displayName) {
 		context.commit('setDisplayName', displayName)
 	},
+	/**
+	 * Sets current user teams, if circles app enabled
+	 *
+	 * @param {object} context default store context;
+	 */
+	async getCurrentUserTeams(context) {
+		if (!loadState('spreed', 'circles_enabled', false)) {
+			return
+		}
+
+		try {
+			const response = await getTeams()
+			const teams = response.data.ocs.data.map(team => team.id)
+			context.commit('setCurrentUserTeams', teams)
+		} catch (error) {
+			console.error(error)
+		}
+	},
 }
 
 export default { state, mutations, getters, actions }

src/types/index.ts

@@ -265,6 +265,22 @@ export type TaskProcessingResponse = ApiResponseUnwrapped<{
 	}
 }>
 
+// Teams (circles)
+export type TeamProbe = {
+	id: string,
+	name: string,
+	displayName: string,
+	sanitizedName: string,
+	source: number,
+	population: number,
+	config: number,
+	description: string,
+	url: string,
+	creation: number,
+	initiator: null
+}
+export type getTeamsProbeResponse = ApiResponseUnwrapped<TeamProbe[]>
+
 // Groupware
 export type DavPrincipal = {
 	calendarHomes: string[],