accounts-frontend/packages/app/components/user/middlewares/refreshTokenMiddleware.ts

import { ensureToken, recoverFromTokenError } from 'app/components/accounts/actions';
import { getActiveAccount } from 'app/components/accounts/reducer';
import { Store } from 'app/reducers';
import { Middleware } from 'app/services/request';

/**
 * Ensures, that all user's requests have fresh access token
 *
 * @param {object} store - redux store
 * @param {Function} store.getState
 * @param {Function} store.dispatch
 *
 * @returns {object} - request middleware
 */
export default function refreshTokenMiddleware({ dispatch, getState }: Store): Middleware {
    return {
        async before(req) {
            const activeAccount = getActiveAccount(getState());
            const disableMiddleware = !!req.options.token || req.options.token === null;

            const isRefreshTokenRequest = req.url.includes('refresh-token');

            if (!activeAccount || disableMiddleware || isRefreshTokenRequest) {
                return Promise.resolve(req);
            }

            return dispatch(ensureToken()).then(() => req);
        },

        async catch(resp: { status: number; message: string }, req, restart): Promise<any> {
            const disableMiddleware = !!req.options.token || req.options.token === null;

            if (disableMiddleware) {
                return Promise.reject(resp);
            }

            return dispatch(recoverFromTokenError(resp)).then(restart);
        },
    };
}