New enterprise feature

frontend/src/api/hooks/enterprise.ts

@@ -0,0 +1,89 @@
+import { useQuery, UseQueryOptions } from '@tanstack/react-query';
+import { enterpriseService, NetworkSummary, ChildPerformance, DistributionOverview, ForecastSummary, NetworkPerformance } from '../services/enterprise';
+import { ApiError } from '../client';
+
+// Query Keys
+export const enterpriseKeys = {
+    all: ['enterprise'] as const,
+    networkSummary: (tenantId: string) => [...enterpriseKeys.all, 'network-summary', tenantId] as const,
+    childrenPerformance: (tenantId: string, metric: string, period: number) =>
+        [...enterpriseKeys.all, 'children-performance', tenantId, metric, period] as const,
+    distributionOverview: (tenantId: string, date?: string) =>
+        [...enterpriseKeys.all, 'distribution-overview', tenantId, date] as const,
+    forecastSummary: (tenantId: string, days: number) =>
+        [...enterpriseKeys.all, 'forecast-summary', tenantId, days] as const,
+    networkPerformance: (tenantId: string, startDate?: string, endDate?: string) =>
+        [...enterpriseKeys.all, 'network-performance', tenantId, startDate, endDate] as const,
+} as const;
+
+// Hooks
+
+export const useNetworkSummary = (
+    tenantId: string,
+    options?: Omit<UseQueryOptions<NetworkSummary, ApiError>, 'queryKey' | 'queryFn'>
+) => {
+    return useQuery<NetworkSummary, ApiError>({
+        queryKey: enterpriseKeys.networkSummary(tenantId),
+        queryFn: () => enterpriseService.getNetworkSummary(tenantId),
+        enabled: !!tenantId,
+        staleTime: 30000, // 30 seconds
+        ...options,
+    });
+};
+
+export const useChildrenPerformance = (
+    tenantId: string,
+    metric: string,
+    period: number,
+    options?: Omit<UseQueryOptions<ChildPerformance, ApiError>, 'queryKey' | 'queryFn'>
+) => {
+    return useQuery<ChildPerformance, ApiError>({
+        queryKey: enterpriseKeys.childrenPerformance(tenantId, metric, period),
+        queryFn: () => enterpriseService.getChildrenPerformance(tenantId, metric, period),
+        enabled: !!tenantId,
+        staleTime: 60000, // 1 minute
+        ...options,
+    });
+};
+
+export const useDistributionOverview = (
+    tenantId: string,
+    targetDate?: string,
+    options?: Omit<UseQueryOptions<DistributionOverview, ApiError>, 'queryKey' | 'queryFn'>
+) => {
+    return useQuery<DistributionOverview, ApiError>({
+        queryKey: enterpriseKeys.distributionOverview(tenantId, targetDate),
+        queryFn: () => enterpriseService.getDistributionOverview(tenantId, targetDate),
+        enabled: !!tenantId,
+        staleTime: 30000, // 30 seconds
+        ...options,
+    });
+};
+
+export const useForecastSummary = (
+    tenantId: string,
+    daysAhead: number = 7,
+    options?: Omit<UseQueryOptions<ForecastSummary, ApiError>, 'queryKey' | 'queryFn'>
+) => {
+    return useQuery<ForecastSummary, ApiError>({
+        queryKey: enterpriseKeys.forecastSummary(tenantId, daysAhead),
+        queryFn: () => enterpriseService.getForecastSummary(tenantId, daysAhead),
+        enabled: !!tenantId,
+        staleTime: 120000, // 2 minutes
+        ...options,
+    });
+};
+
+export const useNetworkPerformance = (
+    tenantId: string,
+    startDate?: string,
+    endDate?: string,
+    options?: Omit<UseQueryOptions<NetworkPerformance, ApiError>, 'queryKey' | 'queryFn'>
+) => {
+    return useQuery<NetworkPerformance, ApiError>({
+        queryKey: enterpriseKeys.networkPerformance(tenantId, startDate, endDate),
+        queryFn: () => enterpriseService.getNetworkPerformance(tenantId, startDate, endDate),
+        enabled: !!tenantId,
+        ...options,
+    });
+};

frontend/src/api/hooks/subscription.ts

@@ -2,7 +2,7 @@
  * Subscription hook for checking plan features and limits
  */
 
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { subscriptionService } from '../services/subscription';
 import {
   SUBSCRIPTION_TIERS,
@@ -41,7 +41,7 @@ export const useSubscription = () => {
     loading: true,
   });
 
-      const currentTenant = useCurrentTenant();
+  const currentTenant = useCurrentTenant();
   const user = useAuthUser();
   const tenantId = currentTenant?.id || user?.tenant_id;
   const { notifySubscriptionChanged, subscriptionVersion } = useSubscriptionEvents();
@@ -72,7 +72,7 @@ export const useSubscription = () => {
         error: 'Failed to load subscription data'
       }));
     }
-  }, [tenantId]); // Removed notifySubscriptionChanged - it's now stable from context
+  }, [tenantId]);
 
   useEffect(() => {
     loadSubscriptionData();
@@ -99,7 +99,7 @@ export const useSubscription = () => {
 
   // Check analytics access level
   const getAnalyticsAccess = useCallback((): { hasAccess: boolean; level: string; reason?: string } => {
-    const { plan } = subscriptionInfo;
+    const plan = subscriptionInfo.plan;
 
     // Convert plan string to typed SubscriptionTier
     let tierKey: SubscriptionTier | undefined;