Токен носителя Angular 7 с автоматическим обновлением

У меня есть AuthService, по сути, с двумя методами:

• getAuthToken (возвращает Promise, поэтому его можно лениво вызывать/вызывать несколько раз с блокировкой ожидания в одном наборе)

• refreshToken (также возвращает обещание, использует токен обновления, доступный на исходном JWT, для запроса нового токена аутентификации)

Я хотел бы автоматически

• применить токен носителя к каждому http-запросу (работает)
• обновить токен при обновлении - и я почти у цели, за исключением того, что результат запроса с обновленным токеном не возвращается к исходному подписчику.

Вот код:

import { HttpEvent, HttpHandler, HttpHeaders, HttpInterceptor, HttpRequest } from "@angular/common/http";
import { from, Observable } from "rxjs";
import { Injectable } from "@angular/core";
import { AuthService } from "./auth.service";

@Injectable()
export class AuthHttpInterceptor implements HttpInterceptor {
  constructor(
    private _authService: AuthService,
  ) {
  }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return from(this.addBearerToken(req, next));
  }

  private async addBearerToken(req: HttpRequest<any>, next: HttpHandler): Promise<HttpEvent<any>> {
    const token = await this._authService.getAuthToken();

    const headerSettings = req.headers.keys().reduce(
      (acc, cur) => {
        acc[cur] = req.headers.getAll(cur);
        return acc;
      }, {});

    if (token) {
      headerSettings["Authorization"] = `Bearer ${ token }`;
    } else {
      console.info("performing request without auth!");
    }
    // prevent 302 redirect to challenge on a 401
    headerSettings["X-Requested-With"] = "XMLHttpRequest";
    const
      headers = new HttpHeaders(headerSettings),
      newRequest = req.clone({ headers });
    const result = next.handle(newRequest).toPromise();
    result.catch(async (err) => {
      if (err.status === 401) {
        const
          newToken = await this._authService.refreshToken();
        headerSettings["Authorization"] = `Bearer ${ newToken }`;
        const
          updatedHeaders = new HttpHeaders(headerSettings),
          updatedRequest = req.clone({ headers: updatedHeaders });
        console.info("requery with new token"); // <-- I see this when I have a 401, eg by altering the auth token to be bad, whilst leaving the refresh token alone
        return next.handle(updatedRequest).toPromise().then(data => {
          console.info("requeried data:", data); // <-- I also see this fire, with the valid data coming back from the second request
          return data; // <-- however the original caller doesn't get this data
        });
      }
    });
    return result;

  }
}

Я должен предположить, что это, вероятно, связано с тем, что я смешиваю Observables и Promises (что я делаю, потому что AuthService является асинхронным, используя Promises). Кроме того, если нет 401, первоначальный вызов проходит правильно — как будто цепочка промисов просто отбрасывается после строки

next.handle(newRequest).toPromise();

Что мне не хватает?