@jmruthers/pace-core 0.5.76 → 0.5.78

package/src/rbac/components/PagePermissionGuard.tsx

@@ -137,11 +137,12 @@ const PagePermissionGuardComponent = ({
   
   
   
-  const { user, selectedOrganisationId, selectedEventId, supabase } = useUnifiedAuth();
+  const { user, selectedOrganisation, selectedEvent, supabase } = useUnifiedAuth();
   
   const [hasChecked, setHasChecked] = useState(false);
   const [checkError, setCheckError] = useState<Error | null>(null);
   const [resolvedScope, setResolvedScope] = useState<Scope | null>(null);
+  const scopeResolutionAbortRef = useRef<AbortController | null>(null);
   
   // Use ref to avoid infinite re-renders from supabase dependency
   const supabaseRef = useRef(supabase);
@@ -184,15 +185,37 @@ const PagePermissionGuardComponent = ({
 
   // Resolve scope - either use provided scope or resolve from context
   useEffect(() => {
+    const abortController = new AbortController();
+    scopeResolutionAbortRef.current?.abort();
+    scopeResolutionAbortRef.current = abortController;
+    const { signal } = abortController;
+
+    const safeSetResolvedScope = (value: Scope | null) => {
+      if (!signal.aborted) {
+        setResolvedScope(value);
+      }
+    };
+
+    const safeSetCheckError = (value: Error | null) => {
+      if (!signal.aborted) {
+        setCheckError(value);
+      }
+    };
+
     const resolveScope = async () => {
+      if (signal.aborted) {
+        return;
+      }
+
       if (scope) {
-        setResolvedScope(scope);
+        safeSetResolvedScope(scope);
+        safeSetCheckError(null);
         return;
       }
 
       // Get app ID from package.json or environment
       let appId: string | undefined = undefined;
-      
+
       // Try to resolve from database
       if (supabaseRef.current) {
         const appName = getCurrentAppName();
@@ -204,16 +227,26 @@ const PagePermissionGuardComponent = ({
               .eq('name', appName)
               .eq('is_active', true)
               .single() as { data: { id: string; name: string; is_active: boolean } | null; error: any };
-            
+
+            if (signal.aborted) {
+              return;
+            }
+
             if (error) {
               console.error('[PagePermissionGuard] Database error resolving app ID:', error);
-              // Check if app exists but is inactive
+              if (signal.aborted) {
+                return;
+              }
               const { data: inactiveApp } = await supabaseRef.current
                 .from('rbac_apps')
                 .select('id, name, is_active')
                 .eq('name', appName)
                 .single() as { data: { id: string; name: string; is_active: boolean } | null };
-              
+
+              if (signal.aborted) {
+                return;
+              }
+
               if (inactiveApp) {
                 console.error(`[PagePermissionGuard] App "${appName}" exists but is inactive (is_active: ${inactiveApp.is_active})`);
               } else {
@@ -225,6 +258,9 @@ const PagePermissionGuardComponent = ({
               console.error('[PagePermissionGuard] No app data returned for:', appName);
             }
           } catch (error) {
+            if (signal.aborted) {
+              return;
+            }
             console.error('[PagePermissionGuard] Unexpected error resolving app ID:', error);
           }
         } else {
@@ -232,114 +268,139 @@ const PagePermissionGuardComponent = ({
         }
       }
 
+      if (signal.aborted) {
+        return;
+      }
+
       // If we have both organisation and event, use them directly
-      if (selectedOrganisationId && selectedEventId) {
+      if (selectedOrganisation && selectedEvent) {
         if (!appId) {
-          // In test environments, allow undefined appId
           if (import.meta.env.MODE === 'test') {
             console.warn('[PagePermissionGuard] App ID not resolved in test environment, proceeding without it');
           } else {
             console.error('[PagePermissionGuard] CRITICAL: App ID not resolved. Check console for details.');
-            setCheckError(new Error('App ID not resolved. Check console for database errors.'));
-            setResolvedScope(null); // Ensure we don't proceed with incomplete scope
+            safeSetCheckError(new Error('App ID not resolved. Check console for database errors.'));
+            safeSetResolvedScope(null);
             return;
           }
         }
-        
-        // Validate that appId is a UUID, not an app name (only in production)
+
         if (import.meta.env.MODE === 'production' && appId) {
           const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
           if (!uuidRegex.test(appId)) {
             console.error('[PagePermissionGuard] CRITICAL: App ID is not a valid UUID:', appId);
-            setCheckError(new Error(`Invalid app ID format: ${appId}. Expected UUID.`));
-            setResolvedScope(null); // Ensure we don't proceed with invalid scope
+            safeSetCheckError(new Error(`Invalid app ID format: ${appId}. Expected UUID.`));
+            safeSetResolvedScope(null);
             return;
           }
         }
-        const resolvedScope = {
-          organisationId: selectedOrganisationId,
-          eventId: selectedEventId,
+        const resolvedContext = {
+          organisationId: selectedOrganisation.id,
+          eventId: selectedEvent.event_id,
           appId: appId
         };
-        setResolvedScope(resolvedScope);
-        setCheckError(null); // Clear any previous errors
+        safeSetResolvedScope(resolvedContext);
+        safeSetCheckError(null);
+        return;
+      }
+
+      if (signal.aborted) {
         return;
       }
 
       // If we only have organisation, use it
-      if (selectedOrganisationId) {
+      if (selectedOrganisation) {
         if (!appId) {
-          // In test environments, allow undefined appId
           if (import.meta.env.MODE === 'test') {
             console.warn('[PagePermissionGuard] App ID not resolved in test environment, proceeding without it');
           } else {
             console.error('[PagePermissionGuard] CRITICAL: App ID not resolved. Check console for details.');
-            setCheckError(new Error('App ID not resolved. Check console for database errors.'));
-            setResolvedScope(null); // Ensure we don't proceed with incomplete scope
+            safeSetCheckError(new Error('App ID not resolved. Check console for database errors.'));
+            safeSetResolvedScope(null);
             return;
           }
         }
-        
-        // Validate that appId is a UUID, not an app name (only in production)
+
         if (import.meta.env.MODE === 'production' && appId) {
           const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
           if (!uuidRegex.test(appId)) {
             console.error('[PagePermissionGuard] CRITICAL: App ID is not a valid UUID:', appId);
-            setCheckError(new Error(`Invalid app ID format: ${appId}. Expected UUID.`));
-            setResolvedScope(null); // Ensure we don't proceed with invalid scope
+            safeSetCheckError(new Error(`Invalid app ID format: ${appId}. Expected UUID.`));
+            safeSetResolvedScope(null);
             return;
           }
         }
-        const resolvedScope = {
-          organisationId: selectedOrganisationId,
-          eventId: selectedEventId || undefined,
+        const resolvedContext = {
+          organisationId: selectedOrganisation.id,
+          eventId: selectedEvent?.event_id || undefined,
           appId: appId
         };
-        setResolvedScope(resolvedScope);
-        setCheckError(null); // Clear any previous errors
+        safeSetResolvedScope(resolvedContext);
+        safeSetCheckError(null);
+        return;
+      }
+
+      if (signal.aborted) {
         return;
       }
 
       // If we only have event, resolve organisation from event
-      if (selectedEventId && supabaseRef.current) {
+      if (selectedEvent && supabaseRef.current) {
         try {
-          const eventScope = await createScopeFromEvent(supabaseRef.current, selectedEventId);
+          const eventScope = await createScopeFromEvent(supabaseRef.current, selectedEvent.event_id);
+
+          if (signal.aborted) {
+            return;
+          }
+
           if (!eventScope) {
-            setCheckError(new Error('Could not resolve organization from event context'));
-            setResolvedScope(null); // Ensure we don't proceed with incomplete scope
+            safeSetCheckError(new Error('Could not resolve organization from event context'));
+            safeSetResolvedScope(null);
             return;
           }
-          // Preserve the resolved app ID
-          setResolvedScope({
+          safeSetResolvedScope({
             ...eventScope,
             appId: appId || eventScope.appId
           });
-          setCheckError(null); // Clear any previous errors
+          safeSetCheckError(null);
         } catch (error) {
-          setCheckError(error as Error);
-          setResolvedScope(null); // Ensure we don't proceed with incomplete scope
+          if (signal.aborted) {
+            return;
+          }
+          safeSetCheckError(error as Error);
+          safeSetResolvedScope(null);
         }
         return;
       }
 
-      // No context available - provide more helpful error message
-      const errorMessage = !selectedOrganisationId && !selectedEventId 
+      if (signal.aborted) {
+        return;
+      }
+
+      const errorMessage = !selectedOrganisation && !selectedEvent
         ? 'Either organisation context or event context is required for page permission checking'
         : 'Insufficient context for permission checking. Please ensure you are properly authenticated and have selected an organisation or event.';
-      
+
       console.error('[PagePermissionGuard] Context resolution failed:', {
-        selectedOrganisationId,
-        selectedEventId,
+        selectedOrganisation: selectedOrganisation ? (selectedOrganisation as any).id : null,
+        selectedEvent: selectedEvent ? (selectedEvent as any).event_id : null,
         appId,
         error: errorMessage
       });
-      
-      setCheckError(new Error(errorMessage));
-      setResolvedScope(null); // Ensure we don't proceed with incomplete scope
+
+      safeSetCheckError(new Error(errorMessage));
+      safeSetResolvedScope(null);
     };
 
     resolveScope();
-  }, [scope, selectedOrganisationId, selectedEventId]);
+
+    return () => {
+      abortController.abort();
+      if (scopeResolutionAbortRef.current === abortController) {
+        scopeResolutionAbortRef.current = null;
+      }
+    };
+  }, [scope, selectedOrganisation, selectedEvent]);
 
   // Determine the page ID for permission checking
   const effectivePageId = useMemo((): string => {

package/src/rbac/components/PagePermissionProvider.tsx

@@ -130,20 +130,20 @@ export function PagePermissionProvider({
   onStrictModeViolation,
   maxHistorySize = 1000
 }: PagePermissionProviderProps) {
-  const { user, selectedOrganisationId, selectedEventId } = useUnifiedAuth();
+  const { user, selectedOrganisation, selectedEvent } = useUnifiedAuth();
   const [pageAccessHistory, setPageAccessHistory] = useState<PageAccessRecord[]>([]);
   const [isEnabled, setIsEnabled] = useState(true);
 
   // Get current scope
   const currentScope = useMemo((): Scope | null => {
-    if (!selectedOrganisationId) return null;
+    if (!selectedOrganisation) return null;
     
     return {
-      organisationId: selectedOrganisationId,
-      eventId: selectedEventId || undefined,
+      organisationId: selectedOrganisation.id,
+      eventId: selectedEvent?.event_id || undefined,
       appId: undefined
     };
-  }, [selectedOrganisationId, selectedEventId]);
+  }, [selectedOrganisation, selectedEvent]);
 
   // Check if user has permission for a page
   const hasPagePermission = useCallback((

package/src/rbac/components/PermissionEnforcer.tsx

@@ -126,7 +126,7 @@ export function PermissionEnforcer({
   loading = <DefaultLoading />,
   requireAll = true
 }: PermissionEnforcerProps) {
-  const { user, selectedOrganisationId, selectedEventId, supabase } = useUnifiedAuth();
+  const { user, selectedOrganisation, selectedEvent, supabase } = useUnifiedAuth();
   const [hasChecked, setHasChecked] = useState(false);
   const [checkError, setCheckError] = useState<Error | null>(null);
   const [permissionResults, setPermissionResults] = useState<Record<string, boolean>>({});
@@ -141,29 +141,29 @@ export function PermissionEnforcer({
       }
 
       // If we have both organisation and event, use them directly
-      if (selectedOrganisationId && selectedEventId) {
+      if (selectedOrganisation && selectedEvent) {
         setResolvedScope({
-          organisationId: selectedOrganisationId,
-          eventId: selectedEventId,
+          organisationId: selectedOrganisation.id,
+          eventId: selectedEvent.event_id,
           appId: undefined
         });
         return;
       }
 
       // If we only have organisation, use it
-      if (selectedOrganisationId) {
+      if (selectedOrganisation) {
         setResolvedScope({
-          organisationId: selectedOrganisationId,
-          eventId: selectedEventId || undefined,
+          organisationId: selectedOrganisation.id,
+          eventId: selectedEvent?.event_id || undefined,
           appId: undefined
         });
         return;
       }
 
       // If we only have event, resolve organisation from event
-      if (selectedEventId && supabase) {
+      if (selectedEvent && supabase) {
         try {
-          const eventScope = await createScopeFromEvent(supabase, selectedEventId);
+          const eventScope = await createScopeFromEvent(supabase, selectedEvent.event_id);
           if (!eventScope) {
             setCheckError(new Error('Could not resolve organization from event context'));
             return;
@@ -180,14 +180,14 @@ export function PermissionEnforcer({
     };
 
     resolveScope();
-  }, [scope, selectedOrganisationId, selectedEventId, supabase]);
+  }, [scope, selectedOrganisation, selectedEvent, supabase]);
 
   // Check permissions using the first permission as a representative
   // For multiple permissions, we'll check them sequentially
   const representativePermission = permissions[0];
   const { can, isLoading, error } = useCan(
     user?.id || '',
-    resolvedScope || { eventId: selectedEventId || undefined },
+    resolvedScope || { eventId: selectedEvent?.event_id || undefined },
     representativePermission,
     undefined,
     true // Use cache

package/src/rbac/components/RoleBasedRouter.tsx

@@ -186,7 +186,7 @@ export function RoleBasedRouter({
   maxHistorySize = 1000,
   unauthorizedComponent: UnauthorizedComponent = DefaultUnauthorizedComponent
 }: RoleBasedRouterProps) {
-  const { user, selectedOrganisationId, selectedEventId } = useUnifiedAuth();
+  const { user, selectedOrganisation, selectedEvent } = useUnifiedAuth();
   const location = useLocation();
   const navigate = useNavigate();
   const [routeAccessHistory, setRouteAccessHistory] = useState<RouteAccessRecord[]>([]);
@@ -194,14 +194,14 @@ export function RoleBasedRouter({
 
   // Get current scope
   const currentScope = useMemo((): Scope | null => {
-    if (!selectedOrganisationId) return null;
+    if (!selectedOrganisation) return null;
     
     return {
-      organisationId: selectedOrganisationId,
-      eventId: selectedEventId || undefined,
+      organisationId: selectedOrganisation.id,
+      eventId: selectedEvent?.event_id || undefined,
       appId: undefined
     };
-  }, [selectedOrganisationId, selectedEventId]);
+  }, [selectedOrganisation, selectedEvent]);
 
   // Get route configuration for current path
   const currentRouteConfig = useMemo((): RouteConfig | null => {

package/src/rbac/components/SecureDataProvider.tsx

@@ -141,21 +141,21 @@ export function SecureDataProvider({
   maxHistorySize = 1000,
   enforceRLS = true
 }: SecureDataProviderProps) {
-  const { user, selectedOrganisationId, selectedEventId } = useUnifiedAuth();
+  const { user, selectedOrganisation, selectedEvent } = useUnifiedAuth();
   const { validateContext } = useSecureDataAccess();
   const [dataAccessHistory, setDataAccessHistory] = useState<DataAccessRecord[]>([]);
   const [isEnabled, setIsEnabled] = useState(true);
 
   // Get current scope
   const currentScope = useMemo((): Scope | null => {
-    if (!selectedOrganisationId) return null;
+    if (!selectedOrganisation) return null;
     
     return {
-      organisationId: selectedOrganisationId,
-      eventId: selectedEventId || undefined,
+      organisationId: selectedOrganisation.id,
+      eventId: selectedEvent?.event_id || undefined,
       appId: undefined
     };
-  }, [selectedOrganisationId, selectedEventId]);
+  }, [selectedOrganisation, selectedEvent]);
 
   // Check if data access is allowed for a table and operation
   const isDataAccessAllowed = useCallback((

package/src/rbac/components/__tests__/NavigationGuard.test.tsx

@@ -78,8 +78,8 @@ describe('NavigationGuard Component', () => {
     // Default mock implementations
     mockUseUnifiedAuth.mockReturnValue({
       user: mockUser,
-      selectedOrganisationId: 'org-123',
-      selectedEventId: 'event-123',
+      selectedOrganisation: { id: 'org-123' },
+      selectedEvent: { event_id: 'event-123' },
       supabase: {} as any
     });
     
@@ -366,8 +366,8 @@ describe('NavigationGuard Component', () => {
     it('resolves scope from organisation only', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: 'org-123',
-        selectedEventId: null,
+        selectedOrganisation: { id: 'org-123' },
+        selectedEvent: null,
         supabase: {} as any
       });
 
@@ -402,8 +402,8 @@ describe('NavigationGuard Component', () => {
     it('resolves scope from event context when organisation not available', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: null,
-        selectedEventId: 'event-123',
+        selectedOrganisation: null,
+        selectedEvent: { event_id: 'event-123' },
         supabase: {} as any
       });
 
@@ -713,8 +713,8 @@ describe('NavigationGuard Component', () => {
     it('handles missing user gracefully', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: null,
-        selectedOrganisationId: 'org-123',
-        selectedEventId: 'event-123',
+        selectedOrganisation: { id: 'org-123' },
+        selectedEvent: { event_id: 'event-123' },
         supabase: {} as any
       });
 

package/src/rbac/components/__tests__/PagePermissionGuard.test.tsx

@@ -77,8 +77,8 @@ describe('PagePermissionGuard Component', () => {
     // Default mock implementations
     mockUseUnifiedAuth.mockReturnValue({
       user: mockUser,
-      selectedOrganisationId: 'org-123',
-      selectedEventId: 'event-123',
+      selectedOrganisation: { id: 'org-123' },
+      selectedEvent: { event_id: 'event-123' },
       supabase: {
         from: vi.fn().mockReturnValue({
           select: vi.fn().mockReturnValue({
@@ -433,8 +433,8 @@ describe('PagePermissionGuard Component', () => {
       // Mock database returning invalid app ID
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: 'org-123',
-        selectedEventId: 'event-123',
+        selectedOrganisation: { id: 'org-123' },
+        selectedEvent: { event_id: 'event-123' },
         supabase: {
           from: vi.fn().mockReturnValue({
             select: vi.fn().mockReturnValue({
@@ -547,8 +547,8 @@ describe('PagePermissionGuard Component', () => {
     it('resolves scope from organisation only', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: 'org-123',
-        selectedEventId: null,
+        selectedOrganisation: { id: 'org-123' },
+        selectedEvent: null,
         supabase: {
           from: vi.fn().mockReturnValue({
             select: vi.fn().mockReturnValue({
@@ -600,8 +600,8 @@ describe('PagePermissionGuard Component', () => {
     it('resolves scope from event context when organisation not available', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: null,
-        selectedEventId: 'event-123',
+        selectedOrganisation: null,
+        selectedEvent: { event_id: 'event-123' },
         supabase: {
           from: vi.fn().mockReturnValue({
             select: vi.fn().mockReturnValue({
@@ -663,8 +663,8 @@ describe('PagePermissionGuard Component', () => {
     it('handles scope resolution errors', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: null,
-        selectedEventId: 'event-123',
+        selectedOrganisation: null,
+        selectedEvent: { event_id: 'event-123' },
         supabase: {} as any
       });
 
@@ -689,8 +689,8 @@ describe('PagePermissionGuard Component', () => {
     it('handles missing context gracefully', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: null,
-        selectedEventId: null,
+        selectedOrganisation: null,
+        selectedEvent: null,
         supabase: null
       });
 
@@ -960,8 +960,8 @@ describe('PagePermissionGuard Component', () => {
     it('handles database errors during app resolution', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: 'org-123',
-        selectedEventId: 'event-123',
+        selectedOrganisation: { id: 'org-123' },
+        selectedEvent: { event_id: 'event-123' },
         supabase: {
           from: vi.fn().mockReturnValue({
             select: vi.fn().mockReturnValue({

package/src/rbac/components/__tests__/PermissionEnforcer.test.tsx

@@ -70,8 +70,8 @@ describe('PermissionEnforcer Component', () => {
     // Default mock implementations
     mockUseUnifiedAuth.mockReturnValue({
       user: mockUser,
-      selectedOrganisationId: 'org-123',
-      selectedEventId: 'event-123',
+      selectedOrganisation: { id: 'org-123' },
+      selectedEvent: { event_id: 'event-123' },
       supabase: {} as any
     });
     
@@ -377,8 +377,8 @@ describe('PermissionEnforcer Component', () => {
     it('resolves scope from organisation only', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: 'org-123',
-        selectedEventId: null,
+        selectedOrganisation: { id: 'org-123' },
+        selectedEvent: null,
         supabase: {} as any
       });
 
@@ -416,8 +416,8 @@ describe('PermissionEnforcer Component', () => {
     it('resolves scope from event context when organisation not available', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: null,
-        selectedEventId: 'event-123',
+        selectedOrganisation: null,
+        selectedEvent: { event_id: 'event-123' },
         supabase: {} as any
       });
 
@@ -462,8 +462,8 @@ describe('PermissionEnforcer Component', () => {
     it('handles scope resolution errors', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: null,
-        selectedEventId: 'event-123',
+        selectedOrganisation: null,
+        selectedEvent: { event_id: 'event-123' },
         supabase: {} as any
       });
 
@@ -488,8 +488,8 @@ describe('PermissionEnforcer Component', () => {
     it('handles missing context gracefully', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: null,
-        selectedEventId: null,
+        selectedOrganisation: null,
+        selectedEvent: null,
         supabase: null
       });
 
@@ -739,8 +739,8 @@ describe('PermissionEnforcer Component', () => {
     it('handles missing user gracefully', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: null,
-        selectedOrganisationId: 'org-123',
-        selectedEventId: 'event-123',
+        selectedOrganisation: { id: 'org-123' },
+        selectedEvent: { event_id: 'event-123' },
         supabase: {} as any
       });
 

package/src/rbac/components/__tests__/RoleBasedRouter.test.tsx

@@ -99,8 +99,8 @@ describe('RoleBasedRouter Component', () => {
     // Default mock implementations
     mockUseUnifiedAuth.mockReturnValue({
       user: mockUser,
-      selectedOrganisationId: 'org-123',
-      selectedEventId: 'event-123'
+      selectedOrganisation: { id: 'org-123' },
+      selectedEvent: { event_id: 'event-123' }
     });
     
     mockUseLocation.mockReturnValue({
@@ -611,8 +611,8 @@ describe('RoleBasedRouter Component', () => {
     it('handles missing user gracefully', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: null,
-        selectedOrganisationId: 'org-123',
-        selectedEventId: 'event-123'
+        selectedOrganisation: { id: 'org-123' },
+        selectedEvent: { event_id: 'event-123' }
       });
 
       mockUseCan.mockReturnValue({
@@ -648,8 +648,8 @@ describe('RoleBasedRouter Component', () => {
     it('handles missing organisation context', async () => {
       mockUseUnifiedAuth.mockReturnValue({
         user: mockUser,
-        selectedOrganisationId: null,
-        selectedEventId: null
+        selectedOrganisation: null,
+        selectedEvent: null
       });
 
       mockUseCan.mockReturnValue({