✨ [#726] Update frontend to filter on identificatie instead of URL

Author: SilviaAmAm

frontend/src/lib/api/private.ts

@@ -9,60 +9,62 @@ import { request } from "./request";
  * Retrieve informatieobjecttypen from Open Zaak and return a value and a label per informatieobjecttype. The label is
  * the field 'omschrijving'.
  */
-export async function listInformatieObjectTypeChoices(zaaktypeUrl?: string) {
+export async function listInformatieObjectTypeChoices(
+  zaaktypeIdentificatie?: string,
+) {
   return cacheMemo(
     "listInformatieObjectTypeChoices",
     async () => {
       const response = await request("GET", "/_informatieobjecttype-choices/", {
-        zaaktype: zaaktypeUrl,
+        zaaktypeIdentificatie: zaaktypeIdentificatie,
       });
       const promise: Promise<Option[]> = response.json();
 
       return promise;
     },
-    [zaaktypeUrl],
+    [zaaktypeIdentificatie],
   );
 }
 
 /**
  * Retrieve statustypen from Open Zaak and return a value and a label per statustype. The label is the field
  * 'omschrijving'.
  */
-export async function listStatusTypeChoices(zaaktypeUrl?: string) {
+export async function listStatusTypeChoices(zaaktypeIdentificatie?: string) {
   return cacheMemo(
     "listStatusTypeChoices",
     async () => {
       const response = await request("GET", "/_statustype-choices/", {
-        zaaktype: zaaktypeUrl,
+        zaaktypeIdentificatie: zaaktypeIdentificatie,
       });
       const promise: Promise<Option[]> = response.json();
 
       return promise;
     },
-    [zaaktypeUrl],
+    [zaaktypeIdentificatie],
   );
 }
 
 /**
  * Retrieve resultaattypen from Open Zaak and return a value and a label per
  * resultaattype. The label is the field 'omschrijving'.
  */
-export async function listResultaatTypeChoices(zaaktypeUrl?: string) {
+export async function listResultaatTypeChoices(zaaktypeIdentificatie?: string) {
   return cacheMemo(
     "listResultaatTypeChoices",
     async () => {
       const response = await request(
         "GET",
         "/_external-resultaattype-choices/",
         {
-          zaaktype: zaaktypeUrl,
+          zaaktypeIdentificatie: zaaktypeIdentificatie,
         },
       );
       const promise: Promise<Option[]> = response.json();
 
       return promise;
     },
-    [zaaktypeUrl],
+    [zaaktypeIdentificatie],
   );
 }
 
@@ -98,7 +100,7 @@ export async function listSelectielijstKlasseChoices(
 
 /**
  * Retrieve zaaktypen from Open Zaak and return a value and a label per zaaktype.
- * The label is the 'omschrijving' field, and the value is the URL. The response is cached for 15 minutes.
+ * The label is the 'omschrijving' field, and the value is the identificatie. The response is cached for 15 minutes.
  * @param [params] - Additional search parameters for filtering (this keeps filters in sync with objects on page).
  * @param [external=false] - Fetch zaaktypen from ZRC Service (Open Zaak) (slower/can't be combined with other filtering options).
  * @param signal - Abort signal, should be called in cleanup function in React `useEffect()` hooks.

frontend/src/pages/settings/pages/destruction-report/DestructionReportSettingsPage.tsx

@@ -64,7 +64,7 @@ export function DestructionReportSettingsPage() {
     [valuesState.zaaktype],
   );
   const { data: informatieObjectTypeChoices } = useDataFetcher(
-    () => listInformatieObjectTypeChoices(valuesState.zaakType),
+    () => listInformatieObjectTypeChoices(valuesState.zaaktype),
     {
       initialState: [],
       errorMessage: