♻️(frontend) useAddresses with new api

now that we've generated types and api client, we need to use them into
our api hooks

src/frontend/js/hooks/useAddresses.ts

@@ -1,9 +1,13 @@
 import { defineMessages } from 'react-intl';
 import { MutateOptions } from '@tanstack/react-query';
-import { useJoanieApi } from 'contexts/JoanieApiContext';
-import { Address, AddressCreationPayload, API } from 'types/Joanie';
+import { joanieApi } from 'api/joanie/client';
+import type { Address } from 'api/joanie/gen';
+import { PatchedAddressRequest } from 'api/joanie/gen';
+import { ApiResourceInterface, PaginatedResourceQuery } from 'types/Joanie';
+import { Maybe } from 'types/utils';
 import { HttpError } from 'utils/errors/HttpError';
-import { ResourcesQuery, useResource, useResources, UseResourcesProps } from './useResources';
+
+import { useResource, useResources, UseResourcesProps } from './useResources';
 
 const messages = defineMessages({
   errorUpdate: {
@@ -33,15 +37,36 @@ const messages = defineMessages({
   },
 });
 
-export type AddressesMutateOptions = MutateOptions<Address, HttpError, AddressCreationPayload>;
+export type AddressesMutateOptions = MutateOptions<PatchedAddressRequest, HttpError, Address>;
+
+const apiInterface: ApiResourceInterface<Address, PaginatedResourceQuery> = {
+  get: (resourceQuery?: Maybe<PaginatedResourceQuery>) => {
+    const { id, ...filters } = resourceQuery || {};
+    if (id) {
+      return joanieApi.addresses.addressesRetrieve(id);
+    }
+    return joanieApi.addresses.addressesList(filters.page, filters.page_size);
+  },
+  create: (data: Address) => {
+    return joanieApi.addresses.addressesCreate(data);
+  },
+  update: (data: PatchedAddressRequest & { id: string }) => {
+    const { id, ...updateData } = data;
+    return joanieApi.addresses.addressesPartialUpdate(id, updateData);
+  },
+  delete: (id: string) => {
+    return joanieApi.addresses.addressesDestroy(id);
+  },
+};
 
 /**
  * Joanie Api hook to retrieve/create/update/delete addresses
  * owned by the authenticated user.
  */
-const props: UseResourcesProps<Address, ResourcesQuery, API['user']['addresses']> = {
+// FIXME: now that we've both Address and PatchedAddress, UseResourcesProps cannot be build from a unique input/output type.
+const props: UseResourcesProps<Address, PaginatedResourceQuery, typeof apiInterface> = {
   queryKey: ['addresses'],
-  apiInterface: () => useJoanieApi().user.addresses,
+  apiInterface: () => apiInterface,
   omniscient: true,
   session: true,
   messages,