tango-app-ui-shared 3.7.3-dev6-demo7 → 3.7.3-dev6-demo8

package/src/lib/modules/notification/notification/notification.component.ts

@@ -1,310 +0,0 @@
-import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
-import { GlobalStateService, PageInfoService } from 'tango-app-ui-global';
-import { Subject, takeUntil } from "rxjs";
-import { ActivatedRoute, Router } from '@angular/router';
-import { NotificationService } from '../../../services/notification.service';
-import { ToastService } from '../../../services/toast.service';
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { ConformationComponent } from '../conformation/conformation.component';
-@Component({
-  selector: 'lib-notification',
-  templateUrl: './notification.component.html',
-  styleUrl: './notification.component.scss'
-})
-export class NotificationComponent implements OnInit, OnDestroy {
-  showalert: boolean = true;
-  showdownload: boolean = false;
-  loading: boolean = true;
-  noData: boolean = false;
-  downloadloading: boolean = true;
-  downloadnoData: boolean = false;
-  itemsPerPage = 10;
-  currentPage = 1;
-  totalItems = 0;
-  paginationSizes = [10, 20, 30];
-  limit: number = 10;
-  offset: number = 1;
-  pageSize = 10;
-  user: any;
-  headerFilter: any;
-  clientId: any;
-  _id: any;
-  data: any
-  private readonly destroy$ = new Subject();
-  notification: any;
-  total: any;
-  downloads: any[] = [];
-  headerData: any;
-  searchInput: any = "";
-  sortColumName: string = '';
-  sortDirection: any = '';
-  searchValue: string;
-  tabtype: any
-  user_id: any;
-  private reloadInterval: any;
-
-  constructor(private pageInfo: PageInfoService, public gs: GlobalStateService, private route: ActivatedRoute, private service: NotificationService, private cd: ChangeDetectorRef, private toast: ToastService, private router: Router,private modalService: NgbModal,) { }
-
-
-  ngOnInit(): void {
-    this.setPageData();
-    let userData: any;
-
-    if ("user-info" in localStorage) {
-      userData = JSON.parse(
-        localStorage.getItem("user-info") || "{}"
-      );
-      this.user_id = userData._id;
-    }
-    this.gs?.dataRangeValue.pipe((takeUntil(this.destroy$)))?.subscribe({
-      next: (data: any) => {
-        if (data?.client) {
-          this.headerData = data;
-        }
-        if (userData?.clientId || this.headerData?.client)
-          this.clientId = userData.clientId ? userData.clientId : this.headerData.client;
-
-        this.route.queryParams.subscribe(params => {
-          const tabType = params['tab'];
-          if (this.clientId) {
-            if (tabType) {
-              this.chooseManager(tabType);
-            } else {
-              this.chooseManager('alert');
-            }
-          }
-        });
-      }
-    });
-    this.reloadInterval = setInterval(() => {
-      this.downloadmanagerList();
-    }, 10000);
-
-  }
-  cancelDownload(data: any) {
-    const modalRef = this.modalService.open(ConformationComponent, { centered: true, size: 'md', });
-    modalRef.result.then((result) => {
-      if (result == 'submit') {
-    this.service.cancelDownload(data).pipe(takeUntil(this.destroy$))
-      .subscribe({
-        next: (res: any) => {
-          if (res && res.code === 200) {
-            this.toast.getSuccessToast(res.message);
-            this.downloadmanagerList();
-          }
-        }
-      })
-    }
-  })
-
-
-
-  }
-  ngOnDestroy(): void {
-    this.destroy$.next(true);
-    this.destroy$.complete();
-    if (this.reloadInterval) {
-      clearInterval(this.reloadInterval);
-    }
-  }
-  setPageData() {
-    this.pageInfo.setTitle("Alerts");
-    this.pageInfo.setDescription("Track all your activities and notifications here");
-    this.pageInfo.setBreadcrumbs([
-      { title: "", path: "", isActive: false, isSeparator: false },
-    ]);
-  }
-
-  notificationList() {
-    this.loading = true;
-    let data = {
-      limit: this.limit,
-      offset: this.offset
-    };
-    this.service.notificationList(data)
-      .pipe(takeUntil(this.destroy$))
-      .subscribe({
-        next: (res: any) => {
-          if (res && res.code == 200) {
-            this.total = res.data.count;
-            this.notification = res.data.result || [];
-            this.setPaginationSizes()
-            if (this.total < 10) {
-              this.paginationSizes = [this.total]
-            } else {
-              this.paginationSizes = [10, 20, 30];
-            }
-            this.loading = false;
-            this.noData = false;
-          } else {
-            this.noData = true;
-            this.loading = false;
-            this.notification = [];
-          }
-          this.cd.detectChanges();
-        },
-        error: (err) => {
-          this.noData = true;
-          this.loading = false;
-          this.notification = [];
-        }
-      });
-  }
-
-  updateNotification(data: any, btnDetails: any): void {
-    this.loading = true;
-    this.service.notificationUpdate(data._id).pipe(takeUntil(this.destroy$)).subscribe((res: any) => {
-      if (res && res.code == 200) {
-        if (!btnDetails || btnDetails?.redirectionUrl != 'subscribed')
-          this.toast.getSuccessToast(res.message);
-        setTimeout(() => {
-          this.notificationList();
-        }, 1000);
-        if (btnDetails && btnDetails?.redirectionUrl != '' && btnDetails?.redirectionUrl.split('/').length > 1) {
-          this.router.navigateByUrl(btnDetails.redirectionUrl);
-        }
-        if (btnDetails && btnDetails?.redirectionUrl == 'remind') {
-          this.service.updateRemind(data._id).pipe(takeUntil(this.destroy$)).subscribe(() => { })
-        }
-        if (btnDetails && btnDetails?.redirectionUrl == 'trialApproved') {
-          let params = {
-            id: btnDetails.id,
-            type: 'approve'
-          }
-          this.service.trialApproved(params).pipe(takeUntil(this.destroy$)).subscribe(() => { })
-        }
-        if (btnDetails && btnDetails?.redirectionUrl == 'subscribed') {
-          let params = {
-            clientId: btnDetails?.clientId,
-            products: [
-              {
-                name: btnDetails.product,
-                productName: btnDetails.name,
-                type: "subscription",
-                content: "new"
-              }
-            ]
-          }
-          this.service.updateSubscription(params).pipe(takeUntil(this.destroy$)).subscribe((res: any) => {
-            if (res && res.code == 200) {
-              this.toast.getSuccessToast('Product Subscribed Successfully');
-            }
-          })
-        }
-        this.cd.detectChanges();
-      }
-    }, (error: any) => {
-      this.loading = false;
-      this.noData = true;
-    })
-  }
-
-  chooseManager(type: any) {
-    this.tabtype = type
-    this.sortColumName = "",
-      this.sortDirection = "",
-      this.searchValue = "",
-      this.limit = 10,
-      this.offset = 1,
-      this.currentPage = 1,
-      this.pageSize = 10
-    this.router.navigate([], {
-      relativeTo: this.route,
-      queryParams: { tab: type },
-      queryParamsHandling: 'merge'  // keeps existing query params and merges with new ones
-    });
-    if (this.tabtype === 'alert') {
-      this.showalert = true;
-      this.showdownload = false;
-      this.notificationList();
-    } else if (this.tabtype === 'download') {
-      this.showdownload = true;
-      this.showalert = false;
-      this.downloadmanagerList();
-    }
-  }
-
-  setPaginationSizes() {
-    if (this.totalItems > 10) {
-      this.paginationSizes = [10, 20, 30];
-    } else {
-      this.paginationSizes = [this.totalItems];
-      this.pageSize = this.totalItems; // Just one option if less than 10
-    }
-
-  }
-
-  onPageChange(pageOffset: number) {
-    this.offset = Number(pageOffset);
-    if (this.tabtype === 'alert') {
-      this.notificationList();
-    } else if (this.tabtype === 'download') {
-      this.downloadmanagerList();
-    }
-  }
-
-  onPageSizeChange(pageSize: number,) {
-    this.currentPage = 1;
-    this.limit = Number(pageSize);
-    this.offset = 1;
-    if (this.tabtype === 'alert') {
-      this.notificationList();
-    } else if (this.tabtype === 'download') {
-      this.downloadmanagerList();
-    }
-    // this.notificationList();
-  }
-
-  paginationSize(): number {
-    if (this.total < 10) {
-      return this.total;
-    } else {
-      return this.limit;
-    }
-  }
-
-
-
-  downloadmanagerList() {
-    this.downloadloading = true;
-    const requestData = {
-      clientId: this.clientId,
-      limit: this.limit,
-      offset: this.offset - 1,
-      sortBy: this.sortDirection,
-      sortColumnName: this.sortColumName,
-      searchValue: this.searchInput,
-      createdBy: this.user_id
-    };
-
-    this.service.getdownloadlist(requestData)
-      .pipe(takeUntil(this.destroy$))
-      .subscribe({
-        next: (res: any) => {
-          if (res && res.code === 200) {
-            this.downloads = res.data.data;
-            this.total = res.data.count;
-            this.setPaginationSizes()
-
-            this.paginationSizes = this.total < 10 ? [this.total] : [10, 20, 30];
-            this.downloadloading = false;
-            this.downloadnoData = this.downloads.length === 0;
-          } else {
-            this.downloadnoData = true;
-            this.downloadloading = false;
-            this.downloads = [];
-          }
-          this.cd.detectChanges();
-        },
-        error: () => {
-          this.downloadnoData = true;
-          this.downloadloading = false;
-          this.downloads = [];
-        }
-      });
-  }
-
-  downloadFile(record: any) {
-    window.open(record.url, '_blank');
-  }
-}

package/src/lib/modules/notification/notification-routing.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { NotificationComponent } from './notification/notification.component';
-
-const routes: Routes = [
-  {
-    path:'alerts',
-    component:NotificationComponent
-  },
-  {
-    path:'downloadmanager',
-    component:NotificationComponent
-  }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class NotificationRoutingModule { }

package/src/lib/modules/notification/notification.module.ts

@@ -1,21 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { NotificationRoutingModule } from './notification-routing.module';
-import { NotificationComponent } from './notification/notification.component';
-import { CommonSharedModule } from '../common/common-shared.module';
-import { ConformationComponent } from './conformation/conformation.component';
-
-
-@NgModule({
-  declarations: [
-    NotificationComponent,
-    ConformationComponent,
-  ],
-  imports: [
-    CommonModule,
-    NotificationRoutingModule,
-    CommonSharedModule
-  ]
-})
-export class NotificationModule { }

package/src/lib/pipes/customDate.pipe.ts

@@ -1,18 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { DatePipe } from '@angular/common';
- 
-@Pipe({
-  name: 'customDateFormat'
-})
-export class CustomDateFormatPipe implements PipeTransform {
- 
-  transform(value: any, ...args: any[]): any {
-    if (value) {
-      const datePipe = new DatePipe('en-US');
-      const formattedDate = datePipe.transform(value, 'dd MMM, yyyy');
-      return formattedDate;
-    }
-    return null;
-  }
- 
-}

package/src/lib/routes/route-wraper-modules/analyse-wrapper.module.ts

@@ -1,12 +0,0 @@
-// import { NgModule } from '@angular/core';
-// import { TangoAnalyseModule } from 'projects/tango-analyse/src/public-api';
-
-
-// @NgModule({
-//   declarations: [
-//   ],
-//   imports: [
-//     TangoAnalyseModule
-//   ]
-// })
-// export class AnalyseWrapperModule { }

package/src/lib/routes/route-wraper-modules/edge-wrapper.module.ts

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TangoStoresEdgeappModule } from 'tango-app-ui-stores-edgeapp';
- 
-@NgModule({
-  declarations: [
-  ],
-  imports: [
-    TangoStoresEdgeappModule
-  ]
-})
-export class TangoEdgeAppWrapperModule { }

package/src/lib/routes/route-wraper-modules/manage-wrapper.module.ts

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TangoManageModule } from 'tango-app-ui-manage';
-
-@NgModule({
-  declarations: [
-  ],
-  imports: [
-    TangoManageModule
-  ]
-})
-export class ManageWrapperModule { }

package/src/lib/routes/route-wraper-modules/profile-wrapper.module.ts

@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TangoProfileModule } from 'tango-app-ui-profile';
-
-
-
-@NgModule({
-  declarations: [],
-  imports: [
-    TangoProfileModule
-  ]
-})
-export class ProfileWrapperModule { }

package/src/lib/routes/route-wraper-modules/store-wrapper.module.ts

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TangoStoreModule } from 'tango-app-ui-store';
-
-
-@NgModule({
-  declarations: [],
-  imports: [
-    TangoStoreModule
-  ]
-})
-export class StoreWrapperModule { }

package/src/lib/routes/route-wraper-modules/ticket-wrapper.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TangoTicketModule } from 'tango-app-ui-ticket';
-
-@NgModule({
-  declarations: [],
-  imports: [
-    TangoTicketModule
-  ]
-})
-export class TicketWrapperModule { }

package/src/lib/routes/routing.ts

@@ -1,56 +0,0 @@
-import { Routes } from '@angular/router';
-import { storesGuard } from '../guards/stores.guard';
-import { ticketsGuard } from '../guards/tickets.guard';
-import { leadGuard } from '../guards/lead.guard';
-
-
-const Routing: Routes = [
-  {
-    path: 'manage',
-    loadChildren: () => import('./route-wraper-modules/manage-wrapper.module').then((m) => m.ManageWrapperModule),
-    canActivate:[leadGuard]
-  },
-  {
-    path: 'manage/stores/edge-app',
-    loadChildren: () => import('./route-wraper-modules/edge-wrapper.module').then((m) => m.TangoEdgeAppWrapperModule),
-    canActivate:[leadGuard, storesGuard]
-  },
-  {
-    path: 'manage/stores',
-    loadChildren: () => import('./route-wraper-modules/store-wrapper.module').then((m) => m.StoreWrapperModule),
-    canActivate:[leadGuard, storesGuard]
-  },
-  {
-    path: 'profile',
-    loadChildren: () => import('./route-wraper-modules/profile-wrapper.module').then((m) => m.ProfileWrapperModule),
-  },
-  {
-    path: 'tickets',
-    loadChildren: () => import('./route-wraper-modules/ticket-wrapper.module').then((m) => m.TicketWrapperModule),
-    canActivate:[leadGuard, ticketsGuard]
-  },
-  {
-    path: 'explore',
-    loadChildren: () => import('../modules/intro/intro.module').then((m) => m.IntroModule),
-  },
-  {
-    path: 'notifications',
-    loadChildren: () => import('../modules/notification/notification.module').then((m) => m.NotificationModule),
-  },
-  // {
-  //   path: 'analyse',
-  //   loadChildren: () => import('./route-wraper-modules/analyse-wrapper.module').then((m) => m.AnalyseWrapperModule),
-  //   // canActivate:[leadGuard]
-  // },
-  {
-    path: '',
-    redirectTo: '/manage',
-    pathMatch: 'full',
-  },
-  {
-    path: '**',
-    redirectTo: 'error/404',
-  },
-];
-
-export { Routing };

package/src/lib/services/auth.service.ts

@@ -1,178 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { Observable, catchError, map, of, throwError,BehaviorSubject } from 'rxjs';
-import { Router } from '@angular/router';
-import { GlobalStateService } from 'tango-app-ui-global';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class AuthService {
-  clientApiUrl: string;
-  authlocalStorageToken: string;
-  userApiUrl: string;
-  storeApiUrl: string;
-  billingApiUrl:string;
-  oldDashboardUrl: string;
-  dropDownTrigger = new BehaviorSubject(null)
-  trafficApiUrl: any;
-  traxUrl:any;
-  galleryApiUrl:any;
-  storeBuilderApiUrl: any;
-  constructor(private router:Router,private gs:GlobalStateService,private http:HttpClient) {  
-    this.gs.environment.subscribe((env)=>{
-    if(env){
-     this.clientApiUrl =  env.clientApiUrl;
-     this.userApiUrl = env.userApiUrl; 
-     this.storeApiUrl =env.storeApiUrl;
-     this.oldDashboardUrl =env.oldDashboardUrl;
-     this.authlocalStorageToken = `${env.appVersion}-${env.USERDATA_KEY}`;
-     this.billingApiUrl = env.billingApiUrl
-     this.trafficApiUrl = env.trafficApiUrl;
-     this.galleryApiUrl = env.galleryApiUrl;
-     this.traxUrl = env.trafficApiUrl;
-     this.traxUrl = env.traxUrl;
-     this.storeBuilderApiUrl = env.storeBuilderUrl;
-    }
-   }) }
-   
-   handleError(res: any) {
-    return throwError(res.error);
-}
-getHeaders() {
-  const headers = {
-      'Authorization': 'Bearer ' + this.authlocalStorageToken
-  };
-
-  return headers;
-}
-
-  logout() {
-    // this.deleteCookie(this.authlocalStorageToken);
-    return this.http.get(`${this.userApiUrl}/logout`)
-  }
-  getClients(){
-    return this.http.get(`${this.clientApiUrl}/get-clients`, {
-  })
-      .pipe(map((response: any) => response),
-          catchError(this.handleError));
-  }
-  getStores(id:any){
-    return this.http.get(`${this.storeApiUrl}/get-stores?clientId=${id}`, {
-  })
-      .pipe(map((response: any) => response),
-          catchError(this.handleError));
-  }
-  getOldDashboardRedirect(data:any){
-    return this.http.post(`${this.oldDashboardUrl}/auth/oldDashboardUserLogin`,data, {
-      headers: this.getHeaders()
-    })
-  }
-  userProfileDet(): Observable<any> {
-    return this.http
-      .get(`${this.userApiUrl}/profileV2`, { headers: this.getHeaders() })
-      .pipe(
-        map((response: any) => {
-          localStorage.setItem("user-info", JSON.stringify(response.data));
-          return response;
-        }),
-        catchError(this.handleError)
-      );
-  }
-
-  refreshToken() {
-    const userId = JSON.parse(localStorage.getItem("user-info") || "")?._id;
-    const refreshToken = JSON.parse(
-      localStorage.getItem(this.authlocalStorageToken) || ""
-    )?.refreshToken;
-    let params: any = {
-      userId: userId,
-      refreshToken: refreshToken,
-    };
-    return this.http
-      .get(`${this.userApiUrl}/refresh-token`, { params: params })
-      .pipe(
-        map((response: any) => response),
-        catchError(this.handleError)
-      );
-  }
-
-  getPersonalInfo(): Observable<any> {
-    return this.http.get<any>(`${this.userApiUrl}/profileV2`).pipe(
-      map((response: any) => response),
-      catchError(this.handleError)
-    );
-  }
-
-  getAssignedUsers(clientId:string):Observable<any>{ 
-    return this.http.get(`${this.userApiUrl}/get-assign-client?clientId=${clientId}` )
-  }
-
-  checkToShowPopup(clientId:string):Observable<any>{ 
-    return this.http.get(`${this.clientApiUrl}/show-csm-assign-confirmation?clientId=${clientId}` )
-  }
-
-  csmAssignClientAction(clientId:string, data:any):Observable<any>{ 
-    return this.http.post(`${this.clientApiUrl}/client-csm-assign-action?clientId=${clientId}`, data )
-  }
-
-  getLeadProducts(email:string):Observable<any>{ 
-    return this.http.get(`${this.billingApiUrl}/getLeadProducts/${email}` )
-  }
-
-  getClientProducts(clientId:string):Observable<any>{ 
-    return this.http.get(`${this.billingApiUrl}/getClientProducts/${clientId}` )
-  }
-
-  getLocation(data:any):Observable<any>{ 
-    return this.http.post(`${this.trafficApiUrl}/headerLocations_v2`,data)
-  }
-  getGroups(data:any):Observable<any>{ 
-    return this.http.post(`${this.trafficApiUrl}/headercluster_v2`,data)
-  }
-  getHeaderStores(data:any):Observable<any>{ 
-    return this.http.post(`${this.trafficApiUrl}/headerStores_v2`,data)
-  }
-  getHeadertraxStores(data:any):Observable<any>{ 
-    return this.http.post(`${this.galleryApiUrl}/headerStores_v2`,data)
-  }
-
-  getBrandDetails(id: any) {
-    return this.http.get(`${this.clientApiUrl}/client-details/${id}`)
-  }
-
-  getHeaderUsers(data:any):Observable<any>{ 
-    return this.http.post(`${this.trafficApiUrl}/headerUserEmails_v2`,data)
-  }
-
-  getCountry(data:any):Observable<any>{ 
-    return this.http.post(`${this.trafficApiUrl}/headerCountry_v2`,data)
-  }
-  getPlanoUsers() {
-    return this.http.get(`${this.storeBuilderApiUrl}/getPlanoUser`);
-  }
-  getHeaderZone(data:any):Observable<any>{
-    return this.http.post(`${this.trafficApiUrl}/headerZoneV2`,data)
-  }
-
-//   private base64Encode(str: any) {
-//   return btoa(encodeURIComponent(str));
-// }
-
-// private base64Decode(str: any) {
-//   return decodeURIComponent(atob(str));
-// }
-// setCookie(name: string, value: string, days: number = 1): void {
-//   const encodedValue = this.base64Encode(value);
-//   const expires = new Date(Date.now() + days * 864e5).toUTCString();
-//   document.cookie = `${name}=${encodedValue}; expires=${expires}; path=/; Secure; SameSite=Strict`;
-// }
-
-// getCookie(name: string): string | null {
-//   const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
-//   return match ? this.base64Decode(match[2]) : null;
-// }
-//   deleteCookie(name: string): void {
-//     document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
-//   }
-}

package/src/lib/services/notification.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { NotificationService } from './notification.service';
-
-describe('NotificationService', () => {
-  let service: NotificationService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(NotificationService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});