update usermanagement to legacy mode

libs/api/src/lib/base-api/base-query-with-reauth.ts

@@ -0,0 +1,53 @@
+import { fetchBaseQuery, type BaseQueryFn } from '@reduxjs/toolkit/query/react';
+import type { FetchArgs, FetchBaseQueryError } from '@reduxjs/toolkit/query';
+import { resolveSessionContext } from '../session';
+
+const BASE_API_URL =
+  (import.meta as { env?: Record<string, string> }).env?.['VITE_BASE_API_URL'] ??
+  'http://localhost:3001/api';
+
+let _onTokenExpired: (() => Promise<string>) | null = null;
+let _onAuthFailure: (() => void) | null = null;
+
+export function configureTokenRefresh(config: {
+  onTokenExpired: () => Promise<string>;
+  onAuthFailure: () => void;
+}) {
+  _onTokenExpired = config.onTokenExpired;
+  _onAuthFailure = config.onAuthFailure;
+}
+
+export const baseQueryWithReauth: BaseQueryFn<
+  string | FetchArgs,
+  unknown,
+  FetchBaseQueryError
+> = async (args, api, extraOptions) => {
+  const baseQuery = fetchBaseQuery({
+    baseUrl: BASE_API_URL,
+    prepareHeaders: (headers) => {
+      const { token, sessionHeaders } = resolveSessionContext(
+        api.getState() as { auth?: { token?: string } },
+      );
+      if (token) headers.set('Authorization', `Bearer ${token}`);
+      Object.entries(sessionHeaders).forEach(([k, v]) => headers.set(k, v));
+      return headers;
+    },
+  });
+
+  let result = await baseQuery(args, api, extraOptions);
+
+  if (result.error?.status === 401) {
+    if (_onTokenExpired) {
+      try {
+        await _onTokenExpired();
+        result = await baseQuery(args, api, extraOptions);
+      } catch {
+        _onAuthFailure?.();
+      }
+    } else {
+      _onAuthFailure?.();
+    }
+  }
+
+  return result;
+};

libs/api/src/lib/base-api/index.ts

@@ -1,23 +1,9 @@
-import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
-import { resolveSessionContext } from '../session';
-
-const BASE_API_URL =
-  (import.meta as { env?: Record<string, string> }).env?.['VITE_BASE_API_URL'] ??
-  'http://localhost:3001/api';
+import { createApi } from '@reduxjs/toolkit/query/react';
+import { baseQueryWithReauth } from './base-query-with-reauth';
 
 export const baseApi = createApi({
   reducerPath: 'baseApi',
-  baseQuery: fetchBaseQuery({
-    baseUrl: BASE_API_URL,
-    prepareHeaders: (headers, { getState }) => {
-      const { token, sessionHeaders } = resolveSessionContext(
-        getState() as { auth?: { token?: string } },
-      );
-      if (token) headers.set('Authorization', `Bearer ${token}`);
-      Object.entries(sessionHeaders).forEach(([k, v]) => headers.set(k, v));
-      return headers;
-    },
-  }),
+  baseQuery: baseQueryWithReauth,
   tagTypes: ['Api'],
   endpoints: () => ({}),
 });