import { ChartCard } from "./ChartCard";
import { KpiGrid } from "./MetricCards";
import { AppsFlyerEvolutionChart, BudgetShareChart, CampaignCpaChart, CdcRatioChart, CpaChart, CrmFunnelChart, DailySpendChart, InstallToStartRateChart, InstallsChart, MonthlyBudgetChart, MonthlyCpaCdcChart, MonthlyOnboardingSuccessCostChart, OsShareChart, PlanAccountsChart, PlanOnboardingSuccessChart, PlatformShareChart, StartToSuccessRateChart, SuccessChart } from "./Charts";
import { CampaignTable } from "./CampaignTable";
import { buildDailyDetectionCards } from "@/lib/daily-detection-cards";
import type { AppsFlyerDailyFunnelResponse } from "@/lib/daily-control-cards";
import { buildWeeklyArbitrationCards } from "@/lib/weekly-arbitration-cards";
import type { CampaignPerformance } from "@/lib/campaign-performance";
import type { MonthlyProjectionCards, MonthlyProjectionCharts } from "@/lib/monthly-projection-cards";
import type { AppsFlyerDailyStatsResponse } from "@/lib/appsflyer-daily-stats";
import type { Ga4DailyOnboardingResponse } from "@/lib/ga4-daily-onboarding";
function withAppsFlyerInstalls(apiResponse: AppsFlyerDailyFunnelResponse, stats: AppsFlyerDailyStatsResponse): AppsFlyerDailyFunnelResponse {
const rowsByDate = new Map((apiResponse.data ?? []).map((row) => [row.date, row]));
for (const row of stats.daily ?? []) {
rowsByDate.set(row.date, {
...rowsByDate.get(row.date),
date: row.date,
appsflyer_installs_android: row.installs_android,
appsflyer_installs_ios: row.installs_ios,
appsflyer_installs_total: row.installs_total,
});
}
return { ...apiResponse, data: [...rowsByDate.values()] };
}
function withGa4Onboarding(apiResponse: AppsFlyerDailyFunnelResponse, onboarding: Ga4DailyOnboardingResponse): AppsFlyerDailyFunnelResponse {
const rowsByDate = new Map((apiResponse.data ?? []).map((row) => [row.date, row]));
for (const row of onboarding.daily ?? []) {
rowsByDate.set(row.date, {
...rowsByDate.get(row.date),
date: row.date,
appsflyer_installs_android: row.install_android,
appsflyer_installs_ios: row.install_ios,
appsflyer_installs_total: row.install_total,
onboarding_start_active_users: row.onboarding_start_total,
onboarding_start_active_users_android: row.onboarding_start_android,
onboarding_start_active_users_ios: row.onboarding_start_ios,
onboarding_success_active_users: row.contract_signed_total,
onboarding_success_active_users_android: row.contract_signed_android,
onboarding_success_active_users_ios: row.contract_signed_ios,
});
}
return { ...apiResponse, data: [...rowsByDate.values()] };
}
export function DailyView({ apiResponse, appsFlyerDailyStats, ga4DailyOnboarding, until }: { apiResponse: AppsFlyerDailyFunnelResponse; appsFlyerDailyStats: AppsFlyerDailyStatsResponse; ga4DailyOnboarding: Ga4DailyOnboardingResponse; until: string }) {
const detailsResponse = withGa4Onboarding(withAppsFlyerInstalls(apiResponse, appsFlyerDailyStats), ga4DailyOnboarding);
const originalCards = buildDailyDetectionCards(apiResponse, until);
const ga4Cards = buildDailyDetectionCards(detailsResponse, until);
const cards = {
...originalCards,
installsJ1: ga4Cards.installsJ1,
startsJ1: ga4Cards.startsJ1,
successJ1: ga4Cards.successJ1,
costPerSuccess: ga4Cards.costPerSuccess,
};
const kpis = Object.values(cards).map((card) => ({ label: card.label, value: card.value, detail: card.subtitle, trend: card.status === "ok" ? "up" as const : card.status === "warning" || card.status === "danger" ? "down" as const : undefined }));
const data = detailsResponse.data ?? [];
return <>
Ce niveau sert à repérer une anomalie dans les 24 heures : une campagne qui s’arrête, une dépense qui dérape, une conversion qui décroche. Il ne sert pas à arbitrer un budget.
Ce niveau sert à décider où déplacer du budget. Il compare les campagnes entre elles sur une fenêtre assez longue pour être stable, et assez courte pour rester actionnable.