fix: filter out national societies based on per permissions

Author: samshara

src/App/routes/index.tsx

@@ -19,6 +19,9 @@ interface Perms {
     isDrefRegionalCoordinator: (regionId: number | undefined) => boolean,
     isRegionAdmin: (regionId: number | undefined) => boolean,
     isCountryAdmin: (countryId: number | undefined) => boolean,
+    isRegionPerAdmin: (regionId: number | undefined) => boolean,
+    isCountryPerAdmin: (countryId: number | undefined) => boolean,
+    isPerAdmin: boolean,
     isIfrcAdmin: boolean,
     isSuperUser: boolean,
 }
@@ -2537,6 +2540,10 @@ const newPerOverviewForm = customWrapRoute({
     context: {
         title: 'New PER Overview',
         visibility: 'is-authenticated',
+        permissions: ({
+            isSuperUser,
+            isPerAdmin,
+        }) => isSuperUser || isPerAdmin,
     },
 });
 

src/components/domain/NationalSocietySelectInput.tsx

@@ -2,6 +2,7 @@ import type { Props as SelectInputProps } from '#components/SelectInput';
 import SelectInput from '#components/SelectInput';
 import { numericIdSelector } from '#utils/selectors';
 import useNationalSociety, { NationalSociety } from '#hooks/domain/useNationalSociety';
+import { isDefined } from '@togglecorp/fujs';
 
 function countrySocietyNameSelector(country: NationalSociety) {
     return country.society_name;
@@ -19,6 +20,8 @@ type Props<NAME> = SelectInputProps<
     name: NAME;
     onChange: (newValue: number | undefined, name: NAME) => void;
     value: number | undefined | null;
+    regions?: number[];
+    countries?: number[];
 }
 
 function NationalSocietySelectInput<const NAME>(props: Props<NAME>) {
@@ -27,18 +30,30 @@ function NationalSocietySelectInput<const NAME>(props: Props<NAME>) {
         name,
         onChange,
         value,
+        regions,
+        countries,
         ...otherProps
     } = props;
 
+    console.warn('regions', regions, countries);
     const nationalSocieties = useNationalSociety();
+    let options: NationalSociety[] = nationalSocieties;
+
+    if (isDefined(regions) || isDefined(countries)) {
+        options = nationalSocieties
+            ?.filter((nationalSociety) => (
+                (isDefined(nationalSociety.region) && (regions?.includes(nationalSociety.region)))
+                || countries?.includes(nationalSociety.id)
+            ));
+    }
 
     return (
         <SelectInput
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...otherProps}
             className={className}
             name={name}
-            options={nationalSocieties}
+            options={options}
             keySelector={numericIdSelector}
             labelSelector={countrySocietyNameSelector}
             value={value}

src/hooks/domain/usePermissions.ts

@@ -17,10 +17,23 @@ function usePermissions() {
             const isRegionAdmin = (regionId: number | undefined) => (
                 isDefined(regionId) && !!userMe?.is_admin_for_regions?.includes(regionId)
             );
+            const isRegionPerAdmin = (regionId: number | undefined) => (
+                isDefined(regionId) && !!userMe?.is_per_admin_for_regions.includes(regionId)
+            );
+            const isCountryPerAdmin = (countryId: number | undefined) => (
+                isDefined(countryId) && !!userMe?.is_per_admin_for_countries.includes(countryId)
+            );
+
+            const isPerAdmin = (userMe?.is_per_admin_for_countries.length ?? 0) > 0
+                || (userMe?.is_admin_for_regions.length ?? 0) > 0;
+
             return {
                 isDrefRegionalCoordinator,
                 isRegionAdmin,
                 isCountryAdmin,
+                isRegionPerAdmin,
+                isCountryPerAdmin,
+                isPerAdmin,
                 isIfrcAdmin: !!userMe?.is_ifrc_admin || !!userMe?.email?.toLowerCase().endsWith('@ifrc.org'),
                 isSuperUser: !!userMe?.is_superuser,
             };

src/views/PerOverviewForm/index.tsx

@@ -36,6 +36,7 @@ import useTranslation from '#hooks/useTranslation';
 import useAlertContext from '#hooks/useAlert';
 import { useLazyRequest, useRequest, type GoApiResponse } from '#utils/restRequest';
 import useGlobalEnums from '#hooks/domain/useGlobalEnums';
+import useUserMe from '#hooks/domain/useUserMe';
 import { PER_PHASE_OVERVIEW, PER_PHASE_ASSESSMENT } from '#utils/domain/per';
 import type { PerProcessOutletContext } from '#utils/outletContext';
 import {
@@ -73,6 +74,7 @@ export function Component() {
         refetchStatusResponse,
     } = useOutletContext<PerProcessOutletContext>();
     const { per_overviewassessmentmethods } = useGlobalEnums();
+    const userMe = useUserMe();
 
     const formContentRef = useRef<ElementRef<'div'>>(null);
     const isSettingUpProcess = useRef(false);
@@ -407,6 +409,10 @@ export function Component() {
                         error={getErrorString(error?.country)}
                         readOnly={partialReadonlyMode}
                         disabled={disabled}
+                        regions={!userMe?.is_superuser
+                            ? userMe?.is_per_admin_for_regions : undefined}
+                        countries={!userMe?.is_superuser
+                            ? userMe?.is_per_admin_for_countries : undefined}
                         autoFocus
                     />
                 </InputSection>