@sachin9822/reports-lib 0.0.211 → 0.0.213

package/src/lib/components/credit-limit-status-enquiry-report/credit-limit-status-enquiry-report.component.ts

@@ -0,0 +1,213 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { CreditLimitStatusEnquiryReportModel } from '../../models/credit-limit-status-enquiry-report/credit-limit-status-enquiry.model';
+import { ReportService } from '../../services/report.service';
+import { ExportService } from '../../shared/export.service';
+import { ComponentLoadingStates } from '../../models/component-loading-states';
+import { ColDef, ColumnApi, GridApi, GridReadyEvent } from 'ag-grid-community';
+import { formatDate } from '@angular/common';
+
+@Component({
+  selector: 'lib-credit-limit-status-enquiry-report',
+  templateUrl: './credit-limit-status-enquiry-report.component.html',
+  styleUrls: ['./credit-limit-status-enquiry-report.component.scss']
+})
+export class CreditLimitStatusEnquiryReportComponent implements OnInit {
+  data: CreditLimitStatusEnquiryReportModel[] = [];
+  filteredData: CreditLimitStatusEnquiryReportModel[] = [];
+  user: string = "";
+  ReportName = "Credit Limit Status Enquiry";
+  reportService: ReportService = inject(ReportService);
+  exportService: ExportService = inject(ExportService);
+  reportDate: string;
+  fromDate: string;
+  toDate: string;
+  metaDataOne: Record<string, string>;
+  metaDataTwo: Record<string, string>;
+  ComponentLoadingState = ComponentLoadingStates;
+  loadingState: ComponentLoadingStates = ComponentLoadingStates.Complete;
+  selectedExportOption: string;
+  searchText: string = '';
+  pageSize: number = 15;
+  searchCriteria: [string, string][];
+
+  gridApi: GridApi;
+  gridColumnApi: ColumnApi;
+  showReport: boolean = false;
+  noDataFound: boolean = false;
+  isFormValid: boolean = false;
+
+
+  columnDefs: ColDef<CreditLimitStatusEnquiryReportModel>[] = [
+    { field: 'agentCode', headerName: 'Client Code', flex: 1, headerClass: 'ag-header-cell', minWidth: 100, tooltipField: 'agentCode', wrapText: true, autoHeight: true },
+    { field: 'agentName', headerName: 'Client', flex: 1, headerClass: 'ag-header-cell', minWidth: 150, tooltipField: 'agentName', wrapText: true, autoHeight: true },
+    { field: 'creditLimit', headerName: 'Credit Limit', flex: 1, headerClass: 'ag-header-cell', cellClass: 'ag-right-aligned-cell compact-cell', minWidth: 100, tooltipField: 'creditLimit', wrapText: true, autoHeight: true },
+    { field: 'currencyCode', headerName: 'Settlement Currency', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, tooltipField: 'currencyCode', wrapText: true, autoHeight: true },
+    { field: 'requestTCLAmount', headerName: 'Requested TCL Amount', flex: 1, headerClass: 'ag-header-cell', cellClass: 'ag-right-aligned-cell compact-cell', minWidth: 100, tooltipField: 'requestTCLAmount', wrapText: true, autoHeight: true },
+    { field: 'requestStatus', headerName: 'Transaction Status', flex: 1, headerClass: 'ag-header-cell', minWidth: 120, tooltipField: 'requestStatus', wrapText: true, autoHeight: true },
+    { field: 'requestDescription', headerName: 'Request Description', flex: 1, headerClass: 'ag-header-cell', minWidth: 150, tooltipField: 'requestDescription', wrapText: true, autoHeight: true },
+    { field: 'requestingUserId', headerName: 'Requesting User ID', flex: 1, headerClass: 'ag-header-cell', minWidth: 170, tooltipField: 'requestingUserId', wrapText: true, autoHeight: true },
+    { field: 'requestingUser', headerName: 'Requesting User', flex: 1, headerClass: 'ag-header-cell', minWidth: 130, tooltipField: 'requestingUser', wrapText: true, autoHeight: true },
+    { field: 'authorisingUserId', headerName: 'Authorising User ID', flex: 1, headerClass: 'ag-header-cell', minWidth: 170, tooltipField: 'authorisingUserId', wrapText: true, autoHeight: true },
+    { field: 'authorisingUser', headerName: 'Authorising User', flex: 1, headerClass: 'ag-header-cell', minWidth: 130, tooltipField: 'authorisingUser', wrapText: true, autoHeight: true },
+    { field: 'requestCreatedDate', headerName: 'Request Date', flex: 1, headerClass: 'ag-header-cell', minWidth: 130, tooltipField: 'requestCreatedDate', wrapText: true, autoHeight: true },
+    { field: 'authorisedDate', headerName: 'Authorise Date', flex: 1, headerClass: 'ag-header-cell', minWidth: 150, tooltipField: 'authorisationDate', wrapText: true, autoHeight: true },
+  ];
+
+  defaultColDef = {
+    sortable: true,
+    filter: true,
+    resizable: true,
+    minwidth: 40,
+    wrapHeaderText: true,
+    autoHeaderHeight: true,
+    suppressSizeToFit: false,
+    wrapText: true
+  };
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+  onGridReady(params: GridReadyEvent) {
+    this.gridApi = params.api;
+    this.gridColumnApi = params.columnApi;
+  }
+
+  formatAmount(params: any): string {
+    if (params.value == null) return '0.000';
+    const num = Number(params.value);
+    return num.toFixed(3);
+  }
+
+  onSearch(text: string) {
+    this.searchText = text.trim();
+    if (this.searchText === "") {
+      this.filteredData = JSON.parse(JSON.stringify(this.data));
+      return;
+    }
+    const data = JSON.parse(JSON.stringify(this.data));
+    this.filteredData = data.filter((row) =>
+      Object.values(row).some(val => String(val).toLowerCase().includes(this.searchText.toLowerCase()))
+    )
+  }
+
+  handleExport(option: string) {
+    this.selectedExportOption = option;
+    if (this.selectedExportOption === 'pdf') {
+      this.exportToPDF();
+    } else if (this.selectedExportOption === 'excel') {
+      this.exportToExcel();
+    } else if (this.selectedExportOption === 'csv') {
+      this.exportToCSV();
+    } else {
+      alert('Please select a valid export format.');
+    }
+  }
+
+  exportToExcel() {
+    if (!this.data?.length) return;
+    const title = this.ReportName;
+    const metadata = this.exportService.generateReportMetadata([
+       ['Report Period:', this.fromDate + " - " + this.toDate],
+      ['Report User & Time:', this.user?this.user+" @ "+this.reportDate:''+" @ "+this.reportDate],
+    ]);
+    // --- search criteria ---
+    const searchCriteria: [string, string][] = this.searchCriteria;
+
+    const { headers, rows } = this.exportService.prepareExportTable(this.data, this.columnDefs, {
+      currencyFields: ['creditLimit', 'requestTCLAmount'],
+      rateFields: []
+    });
+
+    this.exportService.exportToExcelUniversal(title, metadata, searchCriteria, headers, rows, 'Credit_Limit_Status_Enquiry.xlsx');
+  }
+
+  exportToPDF() {
+    if (!this.data?.length) return;
+    const title = this.ReportName;
+    const metadata = this.exportService.generateReportMetadata([
+       ['Report Period:', this.fromDate + " - " + this.toDate],
+      ['Report User & Time:', this.user?this.user+" @ "+this.reportDate:''+" @ "+this.reportDate],
+    ]);
+
+    // --- search criteria ---
+    const searchCriteria: [string, string][] = this.searchCriteria;
+
+    const { headers, rows } = this.exportService.prepareExportTable(this.data, this.columnDefs, {
+      currencyFields: ['creditLimit', 'requestTCLAmount'],
+      rateFields: []
+    });
+
+    this.exportService.exportToPdfUniversal(title, metadata, searchCriteria, headers, rows, 'Credit_Limit_Status_Enquiry.pdf')
+      .then(() => {
+        console.log('PDF export completed.');
+      })
+      .catch(err => {
+        console.error('PDF export failed:', err);
+      });
+  }
+
+  exportToCSV() {
+    if (!this.data?.length) return;
+    const title = this.ReportName;
+    const metadata = this.exportService.generateReportMetadata([
+      ['Report Period:', this.fromDate + " - " + this.toDate],
+      ['Report User & Time:', this.user?this.user+" @ "+this.reportDate:''+" @ "+this.reportDate],
+    ]);
+    // --- search criteria ---
+    const searchCriteria: [string, string][] = this.searchCriteria;
+
+    const { headers, rows } = this.exportService.prepareExportTable(this.data, this.columnDefs, {
+      currencyFields: ['creditLimit', 'requestTCLAmount'],
+      rateFields: []
+    });
+
+    this.exportService.exportToCsvUniversal(title, metadata, searchCriteria, headers, rows, 'Credit_Limit_Status_Enquiry.csv');
+  }
+
+  handleSearch(criteria: any) {
+    this.searchCriteria = criteria.searchCriteria;
+    this.reportDate = new Date().toISOString();
+    this.reportDate = formatDate(this.reportDate, 'dd/MM/yyyy hh:mm a', 'en-US');
+    const modal = criteria.modal;
+    this.user = criteria.sysUserID;
+    this.fromDate = formatDate(modal.fromDate, 'dd/MM/yyyy hh:mm a', 'en-US').slice(0,10);
+    this.toDate = formatDate(modal.toDate, 'dd/MM/yyyy hh:mm a', 'en-US').slice(0,10);
+    console.log(modal);
+    // Code For Meta Data
+    this.metaDataOne = {
+      'Report Period': this.fromDate + " - " + this.toDate,
+    }
+
+    this.metaDataTwo = {
+      'Report User & Time': this.user+" @ "+this.reportDate,
+    }
+
+    const searchData = {
+      "FromDate": modal.fromDate,
+      "ToDate": modal.toDate,
+      "AgentName": modal.client,
+      "Status": modal.transactionStatus
+    }
+    this.loadingState = ComponentLoadingStates.Loading;
+    this.reportService.getCreditLimitStatusEnquiryReport(searchData).subscribe({
+      next: (response) => {
+        this.data = response;
+        this.filteredData = JSON.parse(JSON.stringify(this.data));
+        this.noDataFound = this.data?.length === 0 ? true : false;
+      },
+      error: (err) => {
+        this.loadingState = ComponentLoadingStates.Complete;
+      },
+      complete: () => {
+        this.showReport = true;
+        this.loadingState = ComponentLoadingStates.Complete;
+      }
+    })
+  }
+
+  handleFormValid(isValid: boolean): void {
+    this.isFormValid = isValid;
+  }
+}

package/src/lib/components/funding-report/funding-report.component.html

@@ -0,0 +1,49 @@
+<lib-search-filter 
+  [ReportName]="ReportName" 
+  (searchClicked)="handleSearch($event)"
+  (formValid)="handleFormValid($event)"
+  >
+</lib-search-filter>
+
+<app-loader *ngIf="loadingState === ComponentLoadingState.Loading"></app-loader>
+
+<div *ngIf="errorMessage" class="error alert alert-danger mt-3">{{ errorMessage }}</div>
+
+<div class="alert alert-warning mt-3" *ngIf="hasSearched && transactionData.length === 0 && !errorMessage">
+  No Data found matching your search criteria.
+</div>
+
+<section *ngIf="showReport && isFormValid && transactionData.length > 0">
+
+  <lib-metadata 
+    [reportName]="ReportName" 
+    [showmetaDataOne]="true" 
+    [showmetaDataTwo]="true" 
+    [metaDataOne]="metaDataOne"
+    [metaDataTwo]="metaDataTwo" 
+    (exportEvent)="handleExport($event)" 
+    (searchEvent)="filter($event)">
+  </lib-metadata>
+
+  <div style="position: relative;" *ngIf="filteredData.length > 0">
+
+    <lib-page-size-selector 
+      [totalEntries]="filteredData.length" 
+      [defaultSize]="'15'" 
+      [gridApi]="gridApi">
+    </lib-page-size-selector>
+
+    <ag-grid-angular class="ag-theme-alpine transaction-grid" 
+      [rowData]="filteredData" 
+      [columnDefs]="columnDefs"
+      [defaultColDef]="defaultColDef"
+      [rowHeight]="22"
+      [pagination]="true" 
+      [headerHeight]="35" 
+      [paginationPageSize]="paginationPageSize"
+      (gridReady)="onGridReady($event)" 
+      style="width: 100%; height: 375px;">
+    </ag-grid-angular>
+  </div>
+  
+</section>

package/src/lib/components/funding-report/funding-report.component.scss

@@ -0,0 +1 @@
+@import 'src/styles/ag-grid-report-style';

package/src/lib/components/funding-report/funding-report.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FundingReportComponent } from './funding-report.component';
+
+describe('FundingReportComponent', () => {
+  let component: FundingReportComponent;
+  let fixture: ComponentFixture<FundingReportComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FundingReportComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(FundingReportComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/funding-report/funding-report.component.ts

@@ -0,0 +1,221 @@
+import { Component, OnInit } from '@angular/core';
+import { ReportService } from '../../services/report.service';
+import { ComponentLoadingStates } from '../../models/component-loading-states';
+import { finalize } from 'rxjs/operators';
+import { ColDef, GridReadyEvent, GridApi, ColumnApi } from 'ag-grid-community';
+import { formatDate } from '@angular/common';
+import { ExportService } from '../../shared/export.service';
+
+@Component({
+  selector: 'lib-funding-report',
+  templateUrl: './funding-report.component.html',
+  styleUrls: ['./funding-report.component.scss']
+})
+export class FundingReportComponent implements OnInit {
+  ReportName = "Funding";
+  ComponentLoadingState = ComponentLoadingStates;
+  loadingState: ComponentLoadingStates = ComponentLoadingStates.Complete;
+  showReport: boolean = false;
+  metaDataOne: Record<string, string>;
+  metaDataTwo: Record<string, string>;
+  currentDateTime: Date = new Date();
+  searchText: string = '';
+  gridColumnApi: ColumnApi;
+  paginationPageSize: number = 15;
+  gridApi!: GridApi;
+  errorMessage: string;
+  hasSearched: boolean = false;
+  selectedExportOption: string;
+  reportUserandTime: string = '';
+  reportPeriod: string = '';
+  filteredData: any[] = [];
+  transactionData: any[] = [];
+  searchCriteria: [string, string][];
+  isFormValid: boolean = false;
+
+
+  columnDefs: ColDef[] = [
+    { headerName: 'Requested Date', field: 'requestedDate', flex: 1, minWidth: 73, tooltipField: 'requestedDate' },
+    { headerName: 'Requested By Username', field: 'requestedByUsername', flex: 1, minWidth: 100, tooltipField: 'requestedByUsername' },
+    { headerName: 'Requested By UserID', field: 'requestedByUserID', flex: 1, minWidth: 120, tooltipField: 'requestedByUserID' },
+    { headerName: 'Client Code', field: 'clientCode', flex: 1, minWidth: 65, tooltipField: 'clientCode' },
+    { headerName: 'Client', field: 'companyName', flex: 1, minWidth: 120, tooltipField: 'companyName' },
+    { headerName: 'Country', field: 'country', flex: 1, minWidth: 60, tooltipField: 'country' },
+    { headerName: 'Movement', field: 'movement', flex: 1, minWidth: 75, tooltipField: 'Movement' },
+    { headerName: 'Funding Amount', field: 'fundingAmount', flex: 1, minWidth: 80, cellClass: 'ag-right-aligned-cell', tooltipField: 'fundingAmount' },
+    { headerName: 'Funding Currency', field: 'fCcyCode', flex: 1, minWidth: 65, tooltipField: 'fCcyCode' },
+    { headerName: 'Exchange Rate', field: 'exchangeRate', flex: 1, minWidth: 80, cellClass: 'ag-right-aligned-cell', tooltipField: 'exchangeRate' },
+    { headerName: 'Amount in LC', field: 'amountInLC', flex: 1, minWidth: 80, cellClass: 'ag-right-aligned-cell', tooltipField: 'amountInLC' },
+    { headerName: 'Local Currency', field: 'lCcyCode', flex: 1, minWidth: 65, tooltipField: 'lCcyCode' },
+    { headerName: 'Authorized By UserID', field: 'authorizedByUserID', flex: 1, minWidth: 120, tooltipField: 'authorizedByUserID' },
+    { headerName: 'Authorized By Username', field: 'authorizedByUsername', flex: 1, minWidth: 100, tooltipField: 'authorizedByUsername' },
+    { headerName: 'Authorized Date', field: 'authorizedDate', flex: 1, minWidth: 75, tooltipField: 'authorizedDate' },
+    { headerName: 'Transaction Status', field: 'transactionStatus', flex: 1, minWidth: 80, tooltipField: 'transactionStatus' },
+    { headerName: 'Requester Comments', field: 'requesterComments', flex: 1, minWidth: 100, tooltipField: 'requesterComments' },
+    { headerName: 'Authorizer Comments', field: 'authorizerComments', flex: 1, minWidth: 100, tooltipField: 'authorizerComments' }
+  ];
+
+  defaultColDef = {
+    sortable: true,
+    filter: true,
+    resizable: true,
+    minwidth: 40,
+    wrapHeaderText: true,
+    autoHeaderHeight: true,
+    suppressSizeToFit: false,
+    wrapText: true,
+    autoHeight: true
+  };
+
+
+  constructor(private reportService: ReportService,
+    private exportService: ExportService,) { }
+
+  ngOnInit(): void {
+  }
+
+  handleSearch(criteria: any): void {
+    this.searchCriteria = criteria.searchCriteria;
+    this.loadingState = ComponentLoadingStates.Loading;
+    this.showReport = false;
+    this.errorMessage = '';
+    this.selectedExportOption = 'excel';
+    const payload = criteria.modal;
+    this.reportUserandTime = `${criteria.sysUserID} @ ${formatDate(this.currentDateTime, 'dd/MM/yyyy hh:mm a', 'en-US')}`;
+    this.reportPeriod = criteria.reportPeriod;
+    this.metaDataOne = {
+      'Report Period': this.reportPeriod
+    }
+    this.metaDataTwo = {
+      'Report User & Time': this.reportUserandTime
+    }
+    this.searchCriteria = criteria.searchCriteria;
+
+    try {
+      const sdate = new Date(payload?.fromDate);
+      const edate = new Date(payload?.toDate);
+      payload.fromDate = sdate.toISOString().split("T")[0];
+      payload.toDate = edate.toISOString().split("T")[0];
+    } catch (err) {
+      throw new Error("Invalid Date");
+    }
+
+    this.reportService.getFundingReport(payload)
+      .pipe(
+        finalize(() => {
+          this.loadingState = ComponentLoadingStates.Complete;
+        })
+      )
+      .subscribe({
+        next: (data) => {
+          this.transactionData = Array.isArray(data) ? data : [];
+          this.filteredData = JSON.parse(JSON.stringify(data));
+          this.showReport = true;
+          this.hasSearched = true;
+        },
+        error: (error) => {
+          console.error('Error fetching Funding Report:', error);
+          this.errorMessage = 'An error occurred while fetching the report. Please try again later.';
+          this.showReport = false;
+        }
+      });
+  }
+
+  filter(text: string): void {
+    this.searchText = text.trim();
+    if (this.searchText?.length === 0) {
+      this.filteredData = [...this.transactionData];
+    } else {
+      this.filteredData = this.transactionData.filter(row =>
+        Object.values(row).some(val =>
+          String(val).toLowerCase().includes(this.searchText.toLowerCase())
+        )
+      );
+    }
+  }
+
+  onGridReady(params: GridReadyEvent): void {
+    this.gridApi = params.api;
+    this.gridColumnApi = params.columnApi;
+    this.gridApi.sizeColumnsToFit();
+  }
+
+  handleExport(option: string) {
+    this.selectedExportOption = option;
+    if (this.selectedExportOption === 'pdf') {
+      this.exportToPDF();
+    } else if (this.selectedExportOption === 'excel') {
+      this.exportToExcel();
+    } else if (this.selectedExportOption === 'csv') {
+      this.exportToCSV();
+    } else {
+      alert('Please select a valid export format.');
+    }
+  }
+
+  onExportChange(value: string): void {
+    this.selectedExportOption = value;
+  }
+
+  exportToPDF(): void {
+    if (!this.transactionData?.length) return;
+
+    const title = 'Funding';
+    const metadata = this.exportService.generateReportMetadata([
+      ['Report Period :', this.reportPeriod],
+      ['Report User and Time :', this.reportUserandTime]
+    ]);
+
+    const { headers, rows } = this.exportService.prepareExportTable(this.transactionData, this.columnDefs, {
+      currencyFields: [],
+      rateFields: []
+    });
+
+    this.exportService.exportToPdfUniversal(title, metadata, this.searchCriteria, headers, rows, 'Funding.pdf')
+      .then(() => {
+        console.log('PDF export completed.');
+      })
+      .catch(err => {
+        console.error('PDF export failed:', err);
+      });
+  }
+
+  exportToExcel(): void {
+    if (!this.transactionData?.length) return;
+
+    const title = 'Funding';
+    const metadata = this.exportService.generateReportMetadata([
+      ['Report Period ', this.reportPeriod],
+      ['Report User and Time ', this.reportUserandTime]
+    ]);
+
+    const { headers, rows } = this.exportService.prepareExportTable(this.transactionData, this.columnDefs, {
+      currencyFields: [],
+      rateFields: []
+    });
+
+    this.exportService.exportToExcelUniversal(title, metadata, this.searchCriteria, headers, rows, 'Funding.xlsx');
+  }
+
+  exportToCSV(): void {
+    if (!this.transactionData?.length) return;
+
+    const title = 'Funding';
+    const metadata = this.exportService.generateReportMetadata([
+      ['Report Period: ', this.reportPeriod],
+      ['Report User and Time: ', this.reportUserandTime]
+    ]);
+
+    const { headers, rows } = this.exportService.prepareExportTable(this.transactionData, this.columnDefs, {
+      currencyFields: ['fundingAmount', 'amountInLC'],
+      rateFields: ['exchangeRate']
+    });
+
+    this.exportService.exportToCsvUniversal(title, metadata, this.searchCriteria, headers, rows, 'Funding.csv');
+  }
+
+  handleFormValid(isValid: boolean): void {
+    this.isFormValid = isValid;
+  }
+
+}

package/src/lib/components/revenue-per-transaction-report/revenue-per-transaction-report.component.html

@@ -0,0 +1,26 @@
+<lib-search-filter [ReportName]="ReportName" (searchClicked)="handleSearch($event)" (formValid)="handleFormValid($event)">
+</lib-search-filter>
+<app-loader class="" *ngIf="loadingState == ComponentLoadingState.Loading"></app-loader>
+<section *ngIf="showReport && isFormValid" class="my-2 mx-1">
+
+    <ng-container *ngIf="!noDataFound">
+        <lib-metadata [reportName]="ReportName" [showmetaDataOne]="true" [showmetaDataTwo]="true"
+            [metaDataOne]="metaDataOne" [metaDataTwo]="metaDataTwo" (exportEvent)="handleExport($event)"
+            (searchEvent)="onSearch($event)"></lib-metadata>
+        <div style="position: relative;" *ngIf="filteredData?.length>0">
+            <lib-page-size-selector [totalEntries]="data?.length" [defaultSize]="'15'" [gridApi]="gridApi">
+                ></lib-page-size-selector>
+
+            <ag-grid-angular class="ag-theme-alpine transaction-grid" style="width: 100%;height: 407px;"
+                [columnDefs]="columnDefs" [defaultColDef]="defaultColDef" [rowData]="filteredData" [rowHeight]="20"
+                [headerHeight]="22" [pagination]="true" [paginationPageSize]="pageSize"
+                (gridReady)="onGridReady($event)">
+            </ag-grid-angular>
+        </div>
+    </ng-container>
+
+    <div class="alert alert-warning mt-3" *ngIf="noDataFound">
+        No Data found matching your search criteria.
+    </div>
+
+</section>

package/src/lib/components/revenue-per-transaction-report/revenue-per-transaction-report.component.scss

@@ -0,0 +1 @@
+@import 'src/styles/ag-grid-report-style.scss';

package/src/lib/components/revenue-per-transaction-report/revenue-per-transaction-report.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RevenuePerTransactionReportComponent } from './revenue-per-transaction-report.component';
+
+describe('RevenuePerTransactionReportComponent', () => {
+  let component: RevenuePerTransactionReportComponent;
+  let fixture: ComponentFixture<RevenuePerTransactionReportComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ RevenuePerTransactionReportComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(RevenuePerTransactionReportComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});