@sachin9822/reports-lib 0.0.211 → 0.0.213

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

@@ -0,0 +1,267 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { RevenuePerTransactionResponseModel } from '../../models/revenue-per-transaction-report/revenue-per-transaction.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-revenue-per-transaction-report',
+  templateUrl: './revenue-per-transaction-report.component.html',
+  styleUrls: ['./revenue-per-transaction-report.component.scss']
+})
+export class RevenuePerTransactionReportComponent implements OnInit {
+  data: RevenuePerTransactionResponseModel[] = [];
+  filteredData: RevenuePerTransactionResponseModel[] = [];
+  user: string = "";
+  sysUserId: string = "";
+  ReportName = "Revenue Per Transaction"
+  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<RevenuePerTransactionResponseModel>[] = [
+    { field: 'businessDate', headerName: 'Business Date', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, tooltipField: 'businessDate' },
+    { field: 'payInDate', headerName: 'Send Date', flex: 1, headerClass: 'ag-header-cell', minWidth: 100, tooltipField: 'payInDate' },
+    { field: 'payOutDate', headerName: 'Receive Date', flex: 1, headerClass: 'ag-header-cell', minWidth: 100, wrapText: true, autoHeight: true, tooltipField: 'payOutDate' },
+    { field: 'transactionNumber', headerName: 'Transaction Number', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, tooltipField: 'transactionNumber' },
+    { field: 'productCode', headerName: 'Product', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, tooltipField: 'productCode' },
+    { field: 'sendCountry', headerName: 'Send Country', flex: 1, headerClass: 'ag-header-cell', minWidth: 120, wrapText: true, autoHeight: true, tooltipField: 'sendCountry' },
+    { field: 'sendAgentName', headerName: 'SendClient Name', flex: 1, headerClass: 'ag-header-cell', minWidth: 120, wrapText: true, autoHeight: true, tooltipField: 'sendAgentName' },
+    { field: 'sendAgentCode', headerName: 'SendClient Code', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, tooltipField: 'sendAgentCode' },
+    { field: 'sendAgentBranchCode', headerName: 'SendClient BranchCode', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, tooltipField: 'sendAgentBranchCode' },
+    { field: 'receiveCountry', headerName: 'Receive Country', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, tooltipField: 'receiveCountry' },
+    { field: 'receiveAgentName', headerName: 'ReceiveClient Name', flex: 1, headerClass: 'ag-header-cell', minWidth: 150, wrapText: true, autoHeight: true, tooltipField: 'receiveAgentName' },
+    { field: 'receiveAgentCode', headerName: 'ReceiveClient Code', flex: 1, headerClass: 'ag-header-cell', minWidth: 90, wrapText: true, autoHeight: true, tooltipField: 'receiveAgentCode' },
+    { field: 'payInCurrency', headerName: 'Send CcyCode', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, tooltipField: 'payInCurrency' },
+    { field: 'payInAmount', headerName: 'Send Amount', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'payInAmount' },
+    { field: 'transactionCommission', headerName: 'Service Fee', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'transactionCommission' },
+    { field: 'usdRate', headerName: 'USD Rate', flex: 1, headerClass: 'ag-header-cell', wrapText: true, minWidth: 80, autoHeight: true, cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'usdRate' },
+    { field: 'ezRemitSellMargin', headerName: 'XM SellMargin', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'ezRemitSellMargin' },
+    { field: 'ezRemitSellRate', headerName: 'XM SellRate', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'ezRemitSellRate' },
+    { field: 'bankSellRate', headerName: 'Bank SellRate', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'bankSellRate' },
+    { field: 'payOutCurrency', headerName: 'Receive CcyCode', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, tooltipField: 'payOutCurrency' },
+    { field: 'payOutAmount', headerName: 'Receive Amount', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'payOutAmount' },
+    { field: 'beneDeductAmount', headerName: 'BeneDeduct Amount', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'beneDeductAmount' },
+    { field: 'usdRateAppliedPayout', headerName: 'USDRate @Payout', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'usdRateAppliedPayout' },
+    { field: 'xMsCommissionShare', headerName: "XM's Service Fee Share", flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'xmsCommissionShare' },
+    { field: 'xmExchangeVariation', headerName: 'XM Exchange Variation (Gain/Loss)', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'xmExchangeVariation' },
+    { field: 'xMsBeneDeductShare', headerName: "XM's BeneDeduct Share", flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'xmsBeneDeductShare' },
+    { field: 'revenuePerTransaction', headerName: 'Revenue Per Transaction', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'revenuePerTransaction' },
+    { field: 'totalSettleAmount', headerName: 'Total Settlement', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true,cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'totalSettleAmount' },
+    { field: 'transactionStatus', headerName: 'Transaction Status', flex: 1, headerClass: 'ag-header-cell', minWidth: 80, wrapText: true, autoHeight: true, tooltipField: 'transactionStatus' },
+  ]
+
+  defaultColDef = {
+    sortable: true,
+    filter: true,
+    resizable: true,
+    minwidth: 40,
+    wrapHeaderText: true,
+    autoHeaderHeight: true,
+    suppressSizeToFit: false,
+    wrapText: true
+  };
+  constructor() { }
+
+  ngOnInit(): void {
+    if (sessionStorage.getItem('fossilusername')) {
+      this.sysUserId = sessionStorage.getItem('fossilusername')
+    }
+    else {
+      this.sysUserId = sessionStorage.getItem('ezremitusername');
+    }
+    this.sysUserId = this.sysUserId.replace(/^["'](.*)["']$/, '$1');
+  }
+
+  onGridReady(params: GridReadyEvent) {
+    this.gridApi = params.api;
+    this.gridColumnApi = params.columnApi;
+  }
+
+  // Currency Formatter
+  formatAmount(params: any): string {
+    if (params.value == null) return '0.000';
+    const num = Number(params.value);
+    return num.toFixed(3);
+  }
+
+  formatRate(params: any): string {
+    const value = params?.value;
+    if (value !== null && value !== undefined && value !== '') {
+      const num = Number(value);
+      // return (Math.trunc(num * 100000000) / 100000000).toFixed(8);
+      return parseFloat(value).toFixed(8);
+    }
+    return '';
+  }
+
+  onSearch(text: string) {
+    this.searchText = text;
+    if (this.searchText == null) {
+      return;
+    }
+    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(): void {
+    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: ['payInAmount', 'payOutAmount',
+        'transactionCommission', 'beneDeductAmount', 'xMsCommissionShare', 'xmExchangeVariation',
+        'xMsBeneDeductShare', 'revenuePerTransaction', 'totalSettleAmount'
+      ],
+      rateFields: ['usdRate', 'ezRemitSellMargin', 'ezRemitSellRate', 'bankSellRate', 'usdRateAppliedPayout',]
+    });
+
+    this.exportService.exportToExcelUniversal(title, metadata, searchCriteria, headers, rows, 'Revenue_Per_Transaction.xlsx');
+  }
+
+  exportToCSV(): void {
+    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: ['payInAmount', 'payOutAmount',
+        'transactionCommission', 'beneDeductAmount', 'xMsCommissionShare', 'xmExchangeVariation',
+        'xMsBeneDeductShare', 'revenuePerTransaction', 'totalSettleAmount'
+      ],
+      rateFields: ['usdRate', 'ezRemitSellMargin', 'ezRemitSellRate', 'bankSellRate', 'usdRateAppliedPayout',]
+    });
+
+    this.exportService.exportToCsvUniversal(title, metadata, searchCriteria, headers, rows, 'Revenue_Per_Transaction.csv');
+  }
+
+  exportToPDF(): void {
+    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: ['payInAmount', 'payOutAmount',
+        'transactionCommission', 'beneDeductAmount', 'xMsCommissionShare', 'xmExchangeVariation',
+        'xMsBeneDeductShare', 'revenuePerTransaction', 'totalSettleAmount'
+      ],
+      rateFields: ['usdRate', 'ezRemitSellMargin', 'ezRemitSellRate', 'bankSellRate', 'usdRateAppliedPayout',]
+    });
+
+    this.exportService.exportToPdfUniversal(title, metadata, searchCriteria, headers, rows, 'Revenue_Per_Transaction.pdf')
+      .then(() => {
+        console.log('PDF export completed.');
+      })
+      .catch(err => {
+        console.error('PDF export failed:', err);
+      });
+  }
+
+  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 = this.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 = {
+      "StartDate": modal.fromDate,
+      "EndDate": modal.toDate,
+      "SendCountryCode": modal.sendCountry,
+      "RecvCountryCode": modal.receiveCountry,
+      "sendBusinessPartnerId": modal.sendBusinessPartner,
+      "RecvBusinessPartenrId": modal.recvBusinessPartner,
+      "TransactionStatus": modal.transactionStatus.join(",")
+    }
+    this.loadingState = ComponentLoadingStates.Loading;
+    this.reportService.getRevenuePerTransactionReport(searchData)
+      .subscribe({
+        next: (data) => {
+          this.data = data;
+          this.filteredData = JSON.parse(JSON.stringify(this.data));
+          console.log(this.data);
+          this.noDataFound = data?.length === 0 ? true : false;
+        },
+        error: (err) => {
+          console.log(err);
+          this.loadingState = ComponentLoadingStates.Complete;
+        },
+        complete: () => {
+          this.showReport = true;
+          this.loadingState = ComponentLoadingStates.Complete;
+        }
+      })
+  }
+
+  handleFormValid(isValid: boolean): void {
+    this.isFormValid = isValid;
+  }
+
+}

package/src/lib/components/statement-of-accounts-report/statement-of-accounts-report.component.html

@@ -0,0 +1,95 @@
+<lib-search-filter 
+  [ReportName]="ReportName" 
+  (searchClicked)="handleSearch($event)"
+  (formValid)="handleFormValid($event)"
+  >
+</lib-search-filter>
+
+<app-loader *ngIf="loadingState === ComponentLoadingState.Loading"></app-loader>
+<span *ngIf="loadingState === ComponentLoadingState.Error">{{ errorMessage }}</span>
+<div *ngIf="showTables && isFormValid">
+<lib-metadata 
+    [reportName]="ReportName" 
+    [showmetaDataOne]="true" 
+    [showmetaDataTwo]="true" 
+    [metaDataOne]="metaDataOne"
+    [metaDataTwo]="metaDataTwo" 
+    (exportEvent)="handleExport($event)" 
+    (searchEvent)="filter($event)">
+  </lib-metadata>
+
+<ag-grid-angular
+  class="ag-theme-alpine transaction-grid"
+  [rowData]="openingBalAndFunding"
+  [columnDefs]="columnDefs"
+  [pinnedBottomRowData]="[]"
+  [headerHeight]="32" 
+  [defaultColDef]="defaultColDef"
+  [rowHeight]="28"
+  (gridReady)="onOpeningGridReady($event)"
+  style="width: 80%; height: 91px; margin: 0 auto; display: block;">
+</ag-grid-angular>
+
+<div *ngIf="(selectedClientType === 'PayIn' || selectedClientType === 'Both')">
+<h3 class="details-table"><span style="margin-left: 3px;">Send Details</span></h3>
+<ag-grid-angular
+  class="ag-theme-alpine transaction-grid"
+  [rowData]="sendDetails"
+  [columnDefs]="columnDefs"
+  [defaultColDef]="defaultColDef"
+  [rowHeight]="28"
+  [headerHeight]="32" 
+  [pinnedBottomRowData]="sendPinnedBottomRow"
+  (gridReady)="onSendGridReady($event)" 
+  style="width: 80%; height: 204px; margin: 0 auto; display: block;">
+</ag-grid-angular>
+</div>
+
+<div *ngIf="(selectedClientType === 'PayOut' || selectedClientType === 'Both')">
+<h3 class="details-table"><span style="margin-left: 3px;">Receive Details</span></h3>
+<ag-grid-angular
+  class="ag-theme-alpine transaction-grid"
+  [rowData]="receiveDetails"
+  [columnDefs]="columnDefs"
+  [defaultColDef]="defaultColDef"
+  [rowHeight]="28"
+  [headerHeight]="32" 
+  [pinnedBottomRowData]="receivePinnedBottomRow"
+  (gridReady)="onReceiveGridReady($event)" 
+  style="width: 80%; height: 204px; margin: 0 auto; display: block;">
+</ag-grid-angular>
+</div>
+
+
+<!-- Closing balance row -->
+<div class="closing-balance-row">
+  <div class="label" title="Closing Balance">
+    Closing Balance
+  </div>
+
+  <div class="settlement" 
+       [title]="closingBalanceSettlmentFormatted">
+    {{ closingBalanceSettlmentFormatted }}
+  </div>
+
+  <div class="value" [title]="closingBalanceInUsdFormatted">
+    {{ closingBalanceInUsdFormatted }}
+  </div>
+</div>
+
+
+<!-- settlement currency words row -->
+<div class="closing-balance-row closing-balance-words"
+     *ngIf="closingBalanceSettlmentInWords">
+  <div class="label"
+       [title]="closingBalanceSettlmentCurrency + ' - ' + closingBalanceSettlmentInWords">
+    {{ closingBalanceSettlmentCurrency }} - {{ closingBalanceSettlmentInWords }}
+  </div>
+</div>
+
+<!-- existing USD words row (keep as-is) -->
+<div class="closing-balance-row closing-balance-words">
+  <div class="label" [title]="closingBalanceCurrency + ' - ' + closingBalanceUSDInWords">
+    {{ closingBalanceCurrency }} - {{ closingBalanceUSDInWords }}
+  </div>
+</div>

package/src/lib/components/statement-of-accounts-report/statement-of-accounts-report.component.scss

@@ -0,0 +1,54 @@
+@import 'src/styles/ag-grid-report-style';
+@import "src/styles/common-report-style.scss";
+
+::ng-deep .ag-theme-alpine .pinned-total-cell {
+  font-weight: 700 !important;
+}
+
+.details-table {
+  background-color: #d3d3d3;
+  margin: 0 auto; /* center horizontally + add small top space */
+  height: 32px;
+  align-content: center;
+  width: 80%;
+  text-align: left; /* center the heading text */
+}
+
+.transaction-grid {
+  display: block;
+  margin: 0 auto; /* center the AG Grid */
+  width: 80%;
+}
+
+.closing-balance-row {
+  display: flex;
+  border: 1px solid #ccc;
+  border-top: none;
+  font-size: 10px !important;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 700;
+  height: 28px;
+  align-items: center; /* vertical centering */
+  width: 80%;
+  margin: 0 auto;
+}
+
+.closing-balance-row .label {
+  flex: 4.9;  /* spans width of first TWO columns (4+1) */
+  padding: 6px;
+  text-align: left;
+  border-right: 1px solid #ccc;
+}
+
+.closing-balance-row .settlement {
+  flex: 2;  /* same as 3rd column (amount in settlement) */
+  padding: 6px;
+  text-align: right;
+  border-right: 1px solid #ccc;
+}
+
+.closing-balance-row .value {
+  flex: 2;  /* same as 4th column (amount in USD) */
+  padding: 6px;
+  text-align: right;
+}

package/src/lib/components/statement-of-accounts-report/statement-of-accounts-report.component.spec.ts

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