Validate group existence in Advanced Query view

Author: abrilgzz

UI/web-app/src/components/AdvancedQuery/AdvancedQuery.base.tsx

@@ -24,6 +24,9 @@ import {
   setIsAdvancedQueryValid,
 } from '../../store/manageMembership.slice';
 import { removeUnusedProperties } from '../../utils/sourcePartUtils';
+import { SourcePartType } from '../../models/SourcePartType';
+import { SourcePartQuery } from '../../models/SourcePartQuery';
+import { validateGroup } from '../../store/groups.api';
 
 const getClassNames = classNamesFunction<
   IAdvancedQueryStyleProps,
@@ -110,15 +113,32 @@ export const AdvancedQueryBase: React.FunctionComponent<IAdvancedQueryProps> = (
     onQueryChange(event, newValue);
   };
 
-  const onValidateQuery = () => {
+  const onValidateQuery = async () => {
     try {
       const parsedQuery = JSON.parse(localQuery || '[]');
       const validate = ajv.compile(schema);
       const isValid = validate(parsedQuery);
 
       if (isValid) {
+        const validationResults = await Promise.all(
+          (parsedQuery as Array<SourcePartQuery>).map(async (part) => {
+            if (part.type === SourcePartType.GroupMembership && part.source) {
+              const result = await dispatch(validateGroup(part.source)).unwrap();
+              return result;
+            }
+            return { groupId: part.source, isValid: true };
+          })
+        );
+
+        const invalidGroups = validationResults.filter(result => !result.isValid);
+        if (invalidGroups.length > 0) {
+          const invalidGroupIds = invalidGroups.map(result => result.groupId).join(', ');
+          setValidationMessage(`${strings.ManageMembership.labels.invalidGroups} ${invalidGroupIds}`);
+        } else {
+          setValidationMessage(strings.ManageMembership.labels.validQuery);
+        }
+
         dispatch(setAdvancedViewQuery(localQuery || '[]'));
-        setValidationMessage(strings.ManageMembership.labels.validQuery);
       } else {
         const errorsFromAjv = validate.errors;
         const formattedErrors = formatErrors(errorsFromAjv as ExtendedErrorObject[] | null | undefined);

UI/web-app/src/services/localization/IStrings.ts

@@ -288,6 +288,7 @@ export type IStrings = {
       query: string;
       validQuery: string;
       invalidQuery: string;
+      invalidGroups: string;
       step3title: string;
       step3description: string;
       selectStartDate: string;

UI/web-app/src/services/localization/i18n/locales/en/translations.ts

@@ -293,6 +293,7 @@ export const strings: IStrings = {
       query: 'Query',
       validQuery: 'Query is valid.',
       invalidQuery: 'Failed to parse query. Ensure it is valid JSON.',
+      invalidGroups: 'Invalid group IDs:',
       step3title: 'Step 3: Membership Configuration',
       step3description: 'Define the source membership for the destination.',
       selectStartDate: 'Select an option to start managing the membership',

UI/web-app/src/services/localization/i18n/locales/es/translations.ts

@@ -297,6 +297,7 @@ export const strings: IStrings = {
       query: 'Consulta',
       validQuery: 'Consulta válida.',
       invalidQuery: 'Error al analizar la consulta. Asegúrese de que sea JSON válido.',
+      invalidGroups: 'Grupos inválido:',
       step3title: 'Paso 3: Configuración de Membresía',
       step3description: 'Defina la fuente de la membresía para el destino.',
       selectStartDate: 'Selecciona una opción para comenzar a administrar la membresía',

UI/web-app/src/store/groups.api.tsx

@@ -8,6 +8,10 @@ import { TokenType } from '../services/auth';
 import { Destination } from '../models';
 import { IPersonaProps } from '@fluentui/react';
 
+interface ValidateGroupResponse {
+    groupId: string;
+    isValid: boolean;
+  }
 
 export const searchGroups = createAsyncThunk<IPersonaProps[], string, ThunkConfig>(
     'destinations/searchDestinations',
@@ -42,3 +46,32 @@ export const searchGroups = createAsyncThunk<IPersonaProps[], string, ThunkConfi
     }
 );
 
+
+export const validateGroup = createAsyncThunk<ValidateGroupResponse, string, ThunkConfig>(
+    'destinations/searchDestinations',
+    async (groupId: string, { extra }) => {
+        const { authenticationService } = extra.services;
+        const token = await authenticationService.getTokenAsync(TokenType.GMM);
+        const headers = new Headers();
+        const bearer = `Bearer ${token}`;
+        headers.append('Authorization', bearer);
+
+        const options = {
+            method: 'GET',
+            headers,
+        };
+
+        try {
+            const response = await fetch(`${config.searchDestinations}/${encodeURIComponent(groupId)}`, options);
+            if (!response.ok) {
+                console.error('Group is not valid!', response.statusText);
+                return { groupId, isValid: false };
+            }
+            return { groupId, isValid: true };
+        } catch (error) {
+            console.error('Failed to validate group!', error);
+            throw new Error('Failed to validate group!');
+        }
+    }
+);
+