Circular dependency in HTTP_INTERCEPTORS

src/app/shared/interceptors/http-token.interceptor.ts

@@ -1,31 +1,28 @@
 import { Injectable } from '@angular/core';
-import { HttpClient, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-import { Observable, throwError } from 'rxjs';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
 import { catchError } from 'rxjs/operators';
-import { OidcSecurityService } from 'angular-auth-oidc-client';
-import { Select } from '@ngxs/store';
+import { AuthService } from '../services/org-cards/auth.service';
+import { Observable, throwError } from 'rxjs';
+import { Select, Store } from '@ngxs/store';
 import { UserRegistrationState } from '../store/user-registration.state';
 
-​
 @Injectable()
 export class HttpTokenInterceptor implements HttpInterceptor {
-​
-constructor(
-    private oidcSecurityService: OidcSecurityService,
-    private http: HttpClient) {}
+  constructor(
+    public auth: AuthService,
+    public store: Store) {}
 
-@Select(UserRegistrationState.role)
-role$: Observable<string>;
-​
-public intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
-​
-    let token = this.oidcSecurityService.getToken();
-    const role = this.oidcSecurityService.getToken()['role'];
-    const tokenTitle = (role === this.role$) ? 'Authorization' : 'token';
+  @Select(UserRegistrationState.role)
+  role$: Observable<string>;
+
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
 
-    if (this.role$ === role && token !== null) {
+    let token = this.auth.getToken();
+    const role = this.store.selectSnapshot<string>(UserRegistrationState.role);
+    const tokenTitle = (role) ?  'token': 'Authorization';
+    alert('Http token interceptor works!')
+    if (role && token !== null) {
       token = `Bearer ${token}`;
-      console.log('This thing works')
     }
     if (typeof token === 'string') {
       return next.handle(request.clone({

src/app/shared/services/org-cards/auth.service.ts

@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class AuthService {
+  public getToken(): string {
+    return localStorage.getItem('token');
+  }
+}