feat: Travelperk Guard

src/app/core/guard/travelperk-token.guard.spec.ts

@@ -0,0 +1 @@
+

src/app/core/guard/travelperk-token.guard.ts

@@ -0,0 +1,50 @@
+import { Injectable } from '@angular/core';
+import { Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import { Observable, catchError, map, throwError } from 'rxjs';
+import { WorkspaceService } from '../services/common/workspace.service';
+import { TravelperkService } from '../services/travelperk/travelperk.service';
+import { globalCacheBusterNotifier } from 'ts-cacheable';
+import { IntegrationsToastService } from '../services/common/integrations-toast.service';
+import { TravelPerkOnboardingState, ToastSeverity } from '../models/enum/enum.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TravelperkTokenGuard {
+  constructor(
+    private travelperkService: TravelperkService,
+    private router: Router,
+    private toastService: IntegrationsToastService,
+    private workspaceService: WorkspaceService
+  ) { }
+
+  canActivate(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot
+  ): Observable<boolean> {
+    const workspaceId = this.workspaceService.getWorkspaceId();
+
+    if (!workspaceId) {
+      this.router.navigateByUrl('workspaces');
+      return throwError(() => new Error('Workspace not found'));
+    }
+
+    return this.travelperkService.getTravelperkData().pipe(
+      map(() => true),
+      catchError(error => {
+        if (error.status === 400) {
+          globalCacheBusterNotifier.next();
+          this.toastService.displayToastMessage(ToastSeverity.ERROR, 'Oops! Your TravelPerk connection expired, please connect again');
+
+          const onboardingState = this.workspaceService.getOnboardingState();
+          if (onboardingState !== TravelPerkOnboardingState.COMPLETE) {
+            this.router.navigateByUrl('integrations/travelperk/onboarding/landing');
+          } else {
+            this.router.navigateByUrl('integrations/travelperk/onboarding/landing');
+          }
+        }
+        return throwError(() => error);
+      })
+    );
+  }
+}

src/app/core/services/travelperk/travelperk.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
+import { catchError, Observable, Subject, throwError } from 'rxjs';
 import { Cacheable, CacheBuster } from 'ts-cacheable';
 import { Travelperk, TravelperkConfiguration, TravelperkDestinationAttribuite } from '../../models/travelperk/travelperk.model';
 import { ApiService } from '../common/api.service';
@@ -30,7 +30,14 @@ export class TravelperkService {
   }
 
   getTravelperkData(): Observable<Travelperk> {
-    return this.apiService.get(`/orgs/${this.orgId}/travelperk/`, {});
+    return this.apiService.get(`/orgs/${this.orgId}/travelperk/`, {}).pipe(
+      catchError(error => {
+        if (error.status === 400 && error.error?.message?.includes('token expired')) {
+          error.error.is_expired = true;
+        }
+        return throwError(() => error);
+      })
+    );
   }
 
   connectTravelperk(): Observable<{}>{

src/app/integrations/travelperk/travelperk-onboarding/travelperk-onboarding-routing.module.ts

@@ -5,6 +5,7 @@ import { TravelperkOnboardingAdvancedSettingsComponent } from './travelperk-onbo
 import { TravelperkOnboardingComponent } from './travelperk-onboarding.component';
 import { TravelperkOnboardingLandingComponent } from './travelperk-onboarding-landing/travelperk-onboarding-landing.component';
 import { TravelperkOnboardingDoneComponent } from './travelperk-onboarding-done/travelperk-onboarding-done.component';
+import { TravelperkTokenGuard } from 'src/app/core/guard/travelperk-token.guard';
 
 const routes: Routes = [
   {
@@ -17,15 +18,18 @@ const routes: Routes = [
       },
       {
         path: 'payment_profile_settings',
-        component: TravelperkOnboardingPaymentProfileSettingsComponent
+        component: TravelperkOnboardingPaymentProfileSettingsComponent,
+        canActivate: [TravelperkTokenGuard]
       },
       {
         path: 'advanced_settings',
-        component: TravelperkOnboardingAdvancedSettingsComponent
+        component: TravelperkOnboardingAdvancedSettingsComponent,
+        canActivate: [TravelperkTokenGuard]
       },
       {
         path: 'done',
-        component: TravelperkOnboardingDoneComponent
+        component: TravelperkOnboardingDoneComponent,
+        canActivate: [TravelperkTokenGuard]
       }
     ]
   }

src/app/integrations/travelperk/travelperk-routing.module.ts

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { TravelperkComponent } from './travelperk.component';
+import { TravelperkTokenGuard } from 'src/app/core/guard/travelperk-token.guard';
 
 const routes: Routes = [
   {
@@ -13,7 +14,8 @@ const routes: Routes = [
       },
       {
         path: 'main',
-        loadChildren: () => import('./travelperk-main/travelperk-main.module').then(m => m.TravelperkMainModule)
+        loadChildren: () => import('./travelperk-main/travelperk-main.module').then(m => m.TravelperkMainModule),
+        canActivate: [TravelperkTokenGuard]
       }
     ]
   }