feat: add header channel selector & adding channel modal menu

lib/api/analytics.ts

@@ -4,40 +4,41 @@
 
 import { api } from "./client";
 import type {
-  AnalyticsOverview,
-  CostsReport,
-  AnalyticsChannelData,
-  AnalyticsCreativeData,
+  SpendingAnalytics,
+  PlacementsAnalytics,
+  CreativesAnalytics,
+  ExternalChannelsAnalytics,
+  DateGrouping,
 } from "@/lib/types/api";
 
 export const analyticsApi = {
   /**
-   * Get overview analytics
+   * Get spending analytics
    */
-  overview: (params?: { target_channel_id?: string }) =>
-    api.get<AnalyticsOverview>("/analytics/overview", { params }),
-
-  /**
-   * Get costs report
-   */
-  costs: (params: {
-    period?: "day" | "week" | "month";
+  spending: (params?: {
     target_channel_id?: string;
-  }) => api.get<CostsReport>("/analytics/costs", { params }),
+    date_from?: string;
+    date_to?: string;
+    grouping?: DateGrouping;
+  }) => api.get<SpendingAnalytics>("/analytics/spending", { params }),
 
   /**
-   * Get channels analytics
+   * Get placements analytics
    */
-  channels: (params?: { target_channel_id?: string }) =>
-    api.get<{ data: AnalyticsChannelData[] }>("/analytics/channels", {
-      params,
-    }),
+  placements: (params?: { target_channel_id?: string }) =>
+    api.get<PlacementsAnalytics>("/analytics/placements", { params }),
 
   /**
    * Get creatives analytics
    */
   creatives: (params?: { target_channel_id?: string }) =>
-    api.get<{ data: AnalyticsCreativeData[] }>("/analytics/creatives", {
+    api.get<CreativesAnalytics>("/analytics/creatives", { params }),
+
+  /**
+   * Get external channels analytics
+   */
+  externalChannels: (params?: { target_channel_id?: string }) =>
+    api.get<ExternalChannelsAnalytics>("/analytics/external-channels", {
       params,
     }),
 };

lib/api/client.ts

@@ -205,17 +205,17 @@ const routeMockRequest = async (
   }
 
   // Analytics
-  if (endpoint === "/analytics/overview") {
-    return mockApiHandlers.getAnalyticsOverview(params);
+  if (endpoint === "/analytics/spending") {
+    return mockApiHandlers.getSpendingAnalytics(params);
   }
-  if (endpoint === "/analytics/costs") {
-    return mockApiHandlers.getAnalyticsCosts(params);
-  }
-  if (endpoint === "/analytics/channels") {
-    return mockApiHandlers.getAnalyticsChannels(params);
+  if (endpoint === "/analytics/placements") {
+    return mockApiHandlers.getPlacementsAnalytics(params);
   }
   if (endpoint === "/analytics/creatives") {
-    return mockApiHandlers.getAnalyticsCreatives(params);
+    return mockApiHandlers.getCreativesAnalytics(params);
+  }
+  if (endpoint === "/analytics/external-channels") {
+    return mockApiHandlers.getExternalChannelsAnalytics(params);
   }
 
   throw {