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

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

/**
 * Applies Bearer header for all requests
 *
 * req.options.token is used to override current token.
 * Pass null to disable bearer header at all
 *
 * @param {object} store - redux store
 * @param {Function} store.getState
 *
 * @returns {object} - request middleware
 */
export default function bearerHeaderMiddleware(store: Store): Middleware {
  return {
    async before(req) {
      const activeAccount = getActiveAccount(store.getState());

      let { token = null } = activeAccount || {};

      if (req.options.token || req.options.token === null) {
        ({ token } = req.options);
      }

      if (token) {
        req.options.headers.Authorization = `Bearer ${token}`;
      }

      return req;
    },
  };
}