Part CSG retraite request from CSG activité request

src/lib/components/budget/ImpactPane.svelte

@@ -19,7 +19,8 @@
     "csg_deductible_retraite",
   ]
 
-  export let csgResponseJson: ApiResponse | undefined = undefined
+  export let csgActiviteResponseJson: ApiResponse | undefined = undefined
+  export let csgRetraiteResponseJson: ApiResponse | undefined = undefined
   export let updateImpact: boolean = false
 </script>
 
@@ -27,14 +28,14 @@
   <HistogramPane
     title={CSG_ACTIVITE_TITLE}
     description={CSG_HISTOGRAM_SUBTITLE}
-    dataJson={csgResponseJson}
+    dataJson={csgActiviteResponseJson}
     variablesToDraw={HISTOGRAM_VARIABLES_TO_SUM_CSG_ACTIVITE}
     updatingHistogram={updateImpact}
   />
   <HistogramPane
     title={CSG_RETRAITE_TITLE}
     description={CSG_HISTOGRAM_SUBTITLE}
-    dataJson={csgResponseJson}
+    dataJson={csgRetraiteResponseJson}
     variablesToDraw={HISTOGRAM_VARIABLES_TO_SUM_CSG_RETRAITE}
     updatingHistogram={updateImpact}
   />

src/routes/index.svelte

@@ -68,12 +68,16 @@
     "csg_deductible_retraite",
   ]
 
-  let csgResponseJson: ApiResponse | undefined = undefined
+  let csgActiviteResponseJson: ApiResponse | undefined = undefined
+  let csgRetraiteResponseJson: ApiResponse | undefined = undefined
 
   let updatingHistogram = false
   function resetOnClick(): void {
     $reform = {}
-    csgResponseJson = undefined
+
+    csgActiviteResponseJson = undefined
+    csgRetraiteResponseJson = undefined
+
     updatingHistogram = true
     console.log("🔷 Réforme réinitialisée :", $reform)
   }
@@ -81,6 +85,7 @@
   function calculate(reform) {
     updatingHistogram = true
 
+    // Request CSG activité
     calculateBudget(
       API_BUDGET_STATE_SIMULATION_URL,
       $session.jwt,
@@ -95,7 +100,25 @@
     ).then((result) => {
       console.log("Réponse d'API Web bien reçue.")
       updatingHistogram = false
-      csgResponseJson = result
+      csgActiviteResponseJson = result
+    })
+
+    // Request CSG retraite
+    calculateBudget(
+      API_BUDGET_STATE_SIMULATION_URL,
+      $session.jwt,
+      CALCULATION_BASE_YEAR,
+      ACTIVATE_PLF && CALCULATION_PLF_YEAR !== undefined
+        ? CALCULATION_PLF_YEAR
+        : undefined,
+      Object.keys(reform).length !== 0 ? reform : undefined,
+      API_OUTPUT_VARIABLES__CSG_RETRAITE,
+      API_QUANTILES_BASE_VARIABLES,
+      API_QUANTILES_COMPARE_VARIABLES__CSG_RETRAITE,
+    ).then((result) => {
+      console.log("Réponse d'API Web bien reçue.")
+      updatingHistogram = false
+      csgRetraiteResponseJson = result
     })
   }
 
@@ -165,7 +188,11 @@
 
       <!-- section d'impact -->
       <div class="h-[calc(100vh-16rem)] overflow-y-auto pl-10 pr-6 lg:px-10">
-        <ImpactPane {csgResponseJson} updateImpact={updatingHistogram} />
+        <ImpactPane
+          {csgActiviteResponseJson}
+          {csgRetraiteResponseJson}
+          updateImpact={updatingHistogram}
+        />
       </div>
     </div>
   {/if}