Revert "fix: remove AppCues (#1043)"

This reverts commit d3a7597.

Author: ashwin1111

src/app/core/services/integration/appcues.service.spec.ts

@@ -0,0 +1,40 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AppcuesService } from './appcues.service';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { of } from 'rxjs';
+import { UserService } from '../misc/user.service';
+import { minimalUser } from '../../interceptor/jwt.fixture';
+
+describe('AppcuesService', () => {
+  let service: AppcuesService;
+
+  beforeEach(() => {
+    const service2 = {
+      getUserProfile: () => of(minimalUser)
+    };
+    TestBed.configureTestingModule({
+      imports: [HttpClientTestingModule],
+      providers: [AppcuesService,
+        { provide: UserService, useValue: service2 }
+      ]
+    });
+    service = TestBed.inject(AppcuesService);
+    (window as any).Appcues = {
+      identify: () => undefined
+    };
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+
+  it('get function check', () => {
+    expect(service.appcues).toBeDefined();
+  });
+
+  it('initialiseAppcues function check', () => {
+    // @ts-ignore: force this private property value for testing.
+    expect(service.initialiseAppcues()).toBeUndefined();
+  });
+});

src/app/core/services/integration/appcues.service.ts

@@ -0,0 +1,38 @@
+import { Injectable } from '@angular/core';
+import { UserService } from '../misc/user.service';
+import { AppName } from '../../models/enum/enum.model';
+import { SiWorkspaceService } from '../si/si-core/si-workspace.service';
+import { MinimalUser } from '../../models/db/user.model';
+import { IntacctWorkspace } from '../../models/intacct/db/workspaces.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AppcuesService {
+
+  user: MinimalUser = this.userService.getUserProfile();
+
+  constructor(
+    private userService: UserService
+  ) { }
+
+  get appcues() {
+    return (window as any).Appcues;
+  }
+
+  initialiseAppcues(appName: AppName, workspace_created_at: Date): void {
+    workspace_created_at = new Date(workspace_created_at);
+    if (this.appcues) {
+      const user = this.userService.getUserProfile();
+      this.appcues.identify(user.user_id, {
+        email: user.email,
+        name: user.full_name,
+        'Org ID': user.org_id,
+        'Workspace Name': user.org_name,
+        source: 'Fyle Integration Settings',
+        'App Name': appName,
+        'Flow Version': workspace_created_at > new Date('2023-10-03T07:30:00.000Z') ? 'NEW' : 'OLD'
+      });
+    }
+  }
+}

src/app/integrations/intacct/intacct.component.spec.ts

@@ -5,6 +5,7 @@ import { IntacctComponent } from './intacct.component';
 import { HelperService } from 'src/app/core/services/common/helper.service';
 import { StorageService } from 'src/app/core/services/common/storage.service';
 import { WindowService } from 'src/app/core/services/common/window.service';
+import { AppcuesService } from 'src/app/core/services/integration/appcues.service';
 import { UserService } from 'src/app/core/services/misc/user.service';
 import { SiWorkspaceService } from 'src/app/core/services/si/si-core/si-workspace.service';
 import { AppUrl, IntacctOnboardingState } from 'src/app/core/models/enum/enum.model';
@@ -22,13 +23,15 @@ describe('IntacctComponent', () => {
   let helperServiceSpy: jasmine.SpyObj<HelperService>;
   let storageServiceSpy: jasmine.SpyObj<StorageService>;
   let windowServiceMock: Partial<WindowService>;
+  let appcuesServiceSpy: jasmine.SpyObj<AppcuesService>;
   let router: Router;
 
   beforeEach(async () => {
     const userSpy = jasmine.createSpyObj('UserService', ['getUserProfile']);
     const workspaceSpy = jasmine.createSpyObj('SiWorkspaceService', ['getWorkspace', 'postWorkspace', 'syncFyleDimensions', 'syncIntacctDimensions']);
     const helperSpy = jasmine.createSpyObj('HelperService', ['setBaseApiURL']);
     const storageSpy = jasmine.createSpyObj('StorageService', ['set']);
+    const appcuesSpy = jasmine.createSpyObj('AppcuesService', ['initialiseAppcues']);
 
     windowServiceMock = {
       get nativeWindow() {
@@ -45,6 +48,7 @@ describe('IntacctComponent', () => {
     imports: [SharedModule],
     providers: [
         { provide: HelperService, useValue: helperSpy },
+        { provide: AppcuesService, useValue: appcuesSpy },
         { provide: StorageService, useValue: storageSpy },
         { provide: UserService, useValue: userSpy },
         { provide: SiWorkspaceService, useValue: workspaceSpy },
@@ -60,6 +64,7 @@ describe('IntacctComponent', () => {
     helperServiceSpy = TestBed.inject(HelperService) as jasmine.SpyObj<HelperService>;
     storageServiceSpy = TestBed.inject(StorageService) as jasmine.SpyObj<StorageService>;
     router = TestBed.inject(Router);
+    appcuesServiceSpy = TestBed.inject(AppcuesService) as jasmine.SpyObj<AppcuesService>;
 
     spyOn(router, 'navigateByUrl');
     spyOnProperty(router, 'events').and.returnValue(of(new NavigationEnd(0, '', '')));
@@ -120,4 +125,15 @@ describe('IntacctComponent', () => {
 
     expect(router.navigateByUrl).not.toHaveBeenCalled();
   });
+
+  it('should initialise Appcues', () => {
+    (window as any).Appcues = {
+      page: jasmine.createSpy('Appcues.page')
+    };
+
+    fixture.detectChanges();
+
+    expect(appcuesServiceSpy.initialiseAppcues).toHaveBeenCalled();
+    expect((window as any).Appcues.page).toHaveBeenCalled();
+  });
 });

src/app/integrations/intacct/intacct.component.ts

@@ -6,6 +6,7 @@ import { IntacctWorkspace } from 'src/app/core/models/intacct/db/workspaces.mode
 import { HelperService } from 'src/app/core/services/common/helper.service';
 import { StorageService } from 'src/app/core/services/common/storage.service';
 import { WindowService } from 'src/app/core/services/common/window.service';
+import { AppcuesService } from 'src/app/core/services/integration/appcues.service';
 import { UserService } from 'src/app/core/services/misc/user.service';
 import { SiWorkspaceService } from 'src/app/core/services/si/si-core/si-workspace.service';
 import { SiAuthService } from 'src/app/core/services/si/si-core/si-auth.service';
@@ -26,6 +27,7 @@ export class IntacctComponent implements OnInit {
   windowReference: Window;
 
   constructor(
+    private appcuesService: AppcuesService,
     private helperService: HelperService,
     private router: Router,
     private route: ActivatedRoute,
@@ -57,6 +59,7 @@ export class IntacctComponent implements OnInit {
     this.workspace = workspace;
     this.storageService.set('workspaceId', this.workspace.id);
     this.storageService.set('onboarding-state', this.workspace.onboarding_state);
+    this.appcuesService.initialiseAppcues(AppName.INTACCT, this.workspace.created_at);
     this.workspaceService.syncFyleDimensions().subscribe();
     this.workspaceService.syncIntacctDimensions().subscribe();
     this.isLoading = false;
@@ -91,6 +94,11 @@ export class IntacctComponent implements OnInit {
   }
 
   ngOnInit(): void {
+    this.router.events.subscribe((event) => {
+      if (event instanceof NavigationEnd) {
+        (window as any).Appcues && (window as any).Appcues.page();
+      }
+    });
     this.handleAuthParameters();
   }
 

src/index.html

@@ -25,6 +25,14 @@
     }
   </script>
 
+   <!-- appcues -->
+   <script type="text/javascript">
+    window.AppcuesSettings = {
+      enableURLDetection: true
+    };
+  </script>
+  <script src="https://fast.appcues.com/71692.js"></script>
+
   <!-- refiner.io -->
   <script type="text/javascript">
     if (window.location.hostname !== "localhost") {