✨(frontend) add jwt token into joanie generated api

Author: rlecellier

src/frontend/js/api/joanie/__specs__/index.spec.ts

@@ -0,0 +1,35 @@
+import fetchMock from 'fetch-mock';
+import * as mockFactories from 'utils/test/factories';
+import { RICHIE_USER_TOKEN } from 'settings';
+
+import { joanieApi } from '..';
+
+jest.mock('utils/context', () => ({
+  __esModule: true,
+  default: mockFactories
+    .ContextFactory({
+      joanie_backend: { endpoint: 'https://joanie.endpoint' },
+    })
+    .generate(),
+}));
+
+describe('joanieApi', () => {
+  it('test', async () => {
+    fetchMock.get('https://joanie.endpoint/api/v1.0/addresses/addressId/', []);
+    await joanieApi.addresses.addressesRead({ id: 'addressId' });
+
+    let lastCall = fetchMock.lastCall();
+    const visitorHeader = lastCall && lastCall[1]?.headers;
+    // TS see visitorHeader has HeadersInit instead of Headers and
+    // didn't accept get() as a possible function.
+    // @ts-ignore
+    expect(visitorHeader?.get('Authorization')).toBeNull();
+
+    sessionStorage.setItem(RICHIE_USER_TOKEN, 'TEST_TOKEN');
+    await joanieApi.addresses.addressesRead({ id: 'addressId' });
+    lastCall = fetchMock.lastCall();
+    const userHeader = lastCall && lastCall[1]?.headers;
+    // @ts-ignore
+    expect(userHeader?.get('Authorization')).toBe('Bearer TEST_TOKEN');
+  });
+});

src/frontend/js/api/joanie/index.ts

@@ -1,6 +1,6 @@
 import context from 'utils/context';
-import { JOANIE_API_VERSION } from 'settings';
-import { ApiClientJoanie, OpenAPIConfig } from './gen';
+import { JOANIE_API_VERSION, RICHIE_USER_TOKEN } from 'settings';
+import { ApiClientJoanie, ApiError, OpenAPIConfig } from './gen';
 
 /**
  * Build Joanie API Routes interface.
@@ -16,14 +16,18 @@ const getAPIEndpoint = () => {
   return `${endpoint}/api/${version}`;
 };
 
-// TODO add auth with jwt
 const config: OpenAPIConfig = {
   BASE: getAPIEndpoint(),
   VERSION: '1',
-  WITH_CREDENTIALS: true,
-  CREDENTIALS: 'include',
-  // TOKEN:
+  WITH_CREDENTIALS: false,
+  CREDENTIALS: 'omit',
+  TOKEN: async () => {
+    return sessionStorage.getItem(RICHIE_USER_TOKEN) || '';
+  },
 };
 
 export const joanieApi = new ApiClientJoanie(config);
-export * from './hooks';
+
+export const isApiError = (error: unknown): error is ApiError => {
+  return (error as ApiError).name === 'ApiError';
+};