UIKit/lib/api/makeRequest.ts

import axios, { AxiosResponse, Method } from "axios";
import { getAuthToken, setAuthToken } from "../stores/auth";


export async function makeRequest<TRequest = unknown, TResponse = unknown>({
    method = "post",
    url,
    body,
    useToken = true,
    contentType = false,
    responseType = "json",
    signal,
    withCredentials,
}: {
    method?: Method;
    url: string;
    body?: TRequest;
    /** Send access token */
    useToken?: boolean;
    contentType?: boolean;
    responseType?: string;
    signal?: AbortSignal;
    /** Send refresh token */
    withCredentials?: boolean;
}): Promise<TResponse> {
    const headers: Record<string, string> = {};
    if (useToken) headers["Authorization"] = `Bearer ${getAuthToken()}`;
    if (contentType) headers["Content-Type"] = "application/json";
    headers["Response-Type"] = responseType;

    try {
        const response = await axios<TRequest, AxiosResponse<TResponse & { accessToken?: string; }>>({
            url,
            method,
            headers,
            data: body,
            signal,
            withCredentials,
        });

        if (response.data?.accessToken) {
            setAuthToken(response.data.accessToken);
        }

        return response.data;
    } catch (error) {
        if (axios.isAxiosError(error) && error.response?.status === 401 && !withCredentials) {
            const refreshResponse = await refresh(getAuthToken());
            if (refreshResponse.data?.accessToken) setAuthToken(refreshResponse.data.accessToken);

            headers["Authorization"] = refreshResponse.data.accessToken;
            const response = await axios.request<TRequest, AxiosResponse<TResponse>>({
                url,
                method,
                headers,
                data: body,
                signal,
            });

            return response.data;
        }

        throw error;
    }
}

function refresh(token: string) {
    return axios<never, AxiosResponse<{ accessToken: string; }>>(process.env.REACT_APP_DOMAIN + "/auth/refresh/", {
        headers: {
            "Authorization": token,
            "Content-Type": "application/json",
        },
    });
}