@sachin9822/reports-lib 0.0.211 → 0.0.212

package/src/lib/components/branch-activity-receive-report/branch-activity-receive-report.component.html

@@ -0,0 +1,46 @@
+<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)="filter($event)"></lib-metadata>
+
+    <ngb-accordion #acc="ngbAccordion" [closeOthers]="false">
+    <ng-container *ngFor="let item of filteredData | keyvalue; let i = index">
+      <ngb-panel *ngIf="item.value.length > 0" [id]="'panel-' + i">
+
+        <ng-template ngbPanelTitle style="height: 10%;">
+          <label class="panel-cls">{{
+            item.key
+            }}</label>
+        </ng-template>
+
+        <ng-template ngbPanelContent>
+
+          <div style="position: relative;">
+            <lib-page-size-selector [totalEntries]="item?.value?.length"
+            [defaultSize]="'15'" [gridApi]="gridApis[i]">
+            ></lib-page-size-selector>
+
+            <ag-grid-angular class="ag-theme-alpine transaction-grid" style="width: 100%;height: 407px;"
+              [columnDefs]="columnDefs" [defaultColDef]="defaultColDef" [rowData]="item.value" [rowHeight]="20"
+              [headerHeight]="22"[pagination]="true" [paginationPageSize]="paginationArray[i]" (gridReady)="onGridReady($event,i)"
+              >
+            </ag-grid-angular>
+          </div>
+        </ng-template>
+
+      </ngb-panel>
+    </ng-container>
+  </ngb-accordion>
+  </ng-container>
+ <div class="alert alert-warning mt-3" *ngIf="noDataFound">
+    No Data found matching your search criteria.
+  </div>
+
+</section>

package/src/lib/components/branch-activity-receive-report/branch-activity-receive-report.component.scss

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

package/src/lib/components/branch-activity-receive-report/branch-activity-receive-report.component.spec.ts

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

package/src/lib/components/branch-activity-receive-report/branch-activity-receive-report.component.ts

@@ -0,0 +1,247 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { ColDef, GridApi, GridOptions, GridReadyEvent } from 'ag-grid-community';
+import { ReportService } from '../../services/report.service';
+import { formatDate } from '@angular/common';
+import { ComponentLoadingStates } from '../../models/component-loading-states';
+import { BranchActivityReceiveReportModel } from '../../models/branch-activity-receive-report/branch-activity-receive.model';
+import 'jspdf-autotable';
+import { GenericExportService } from '../../shared/export-generic.service';
+
+@Component({
+  selector: 'lib-branch-activity-receive-report',
+  templateUrl: './branch-activity-receive-report.component.html',
+  styleUrls: ['./branch-activity-receive-report.component.scss']
+})
+export class BranchActivityReceiveReportComponent implements OnInit {
+  data: any = [];
+  dataMap: Record<string, BranchActivityReceiveReportModel[]> = {}
+  filteredData: Record<string, BranchActivityReceiveReportModel[]> = {}
+  user: string = "";
+  ReportName = "Branch Activity Receive"
+  reportService: ReportService = inject(ReportService);
+  reportDate: string;
+  fromDate: string;
+  toDate: string;
+  metaDataOne: Record<string, string>;
+  metaDataTwo: Record<string, string>;
+  ComponentLoadingState = ComponentLoadingStates;
+  loadingState: ComponentLoadingStates = ComponentLoadingStates.Complete;
+  paginationArray: any[];
+  selectedExportOption: string;
+  private logoBase64: string | undefined;
+  searchText: string = '';
+  exportService: GenericExportService = inject(GenericExportService);
+
+  gridApis: GridApi[] = [];
+  searchCriteria: [string, string][];
+
+  showReport: boolean = false;
+  noDataFound: boolean = false;
+  isFormValid: boolean = false;
+ 
+
+  columnDefs: ColDef<BranchActivityReceiveReportModel>[] = [
+    { field: 'businessDateTime', headerName: 'Business Date', flex: 1, wrapText: true, autoHeight: true, headerClass: 'ag-header-cell', minWidth: 90, width: 70, tooltipField: 'businessDateTime' },
+    { field: 'transactionDateAndTime', headerName: 'Receive Date', minWidth: 100, flex: 2, headerClass: 'ag-header-cell', wrapText: true, autoHeight: true, tooltipField: 'transactionDateAndTime' },
+    { field: 'transactionNumber', headerName: 'Transaction Number', minWidth: 90, flex: 1.8,wrapText: true, autoHeight: true, headerClass: 'ag-header-cell', width: 130, cellClass: 'ag-left-cols-cell compact-cell-transaction', tooltipField: 'transactionNumber' },
+    { field: 'product', headerName: 'Product', minWidth: 80, flex: 0.5,wrapText: true, autoHeight: true, headerClass: 'ag-header-cell', width: 120, tooltipField: 'product' },
+    { field: 'senderName', headerName: 'Sender Name', flex: 1,wrapText: true, autoHeight: true, headerClass: 'ag-header-cell',  minWidth: 90,width: 130, tooltipField: 'senderName' },
+    { field: 'sendAgentCode', headerName: 'Send ClientCode', flex: 1,wrapText: true, autoHeight: true, headerClass: 'ag-header-cell', minWidth: 90, width: 70, tooltipField: 'sendAgentCode' },
+    { field: 'receiverName', headerName: 'Receiver Name', flex: 1,wrapText: true, autoHeight: true, headerClass: 'ag-header-cell', minWidth: 90, width: 130, tooltipField: 'receiverName' },
+    { field: 'receiveAgentBranchCode', headerName: 'ReceiveClient BranchCode', headerClass: 'ag-header-cell', flex: 1,wrapText: true, autoHeight: true, minWidth: 100, maxWidth: 120, tooltipField: 'receiveAgentBranchCode' },
+    { field: 'payOutCurrency', headerName: 'Receive CcyCode', flex: 1,wrapText: true, autoHeight: true, headerClass: 'ag-header-cell', minWidth: 90, maxWidth: 100, tooltipField: 'payOutCurrency' },
+    { field: 'amountPaid', headerName: 'Amount Paid', flex: 1,wrapText: true, autoHeight: true, headerClass: 'ag-header-cell',  minWidth: 90,width: 100, cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'amountPaid' },
+    { field: 'status', headerName: 'Transaction Status', minWidth: 90, flex: 1,wrapText: true, autoHeight: true, headerClass: 'ag-header-cell', tooltipField: 'status' }
+  ];
+
+  defaultColDef = {
+    sortable: true,
+    filter: true,
+    resizable: true,
+    minwidth: 40,
+    wrapHeaderText: true,
+    autoHeaderHeight: true,
+    suppressSizeToFit: false,
+    wrapText: true
+  };
+
+  constructor() { }
+
+  ngOnInit(): void {
+
+  }
+
+  onGridReady(params: GridReadyEvent, id: number) {
+    params.api.sizeColumnsToFit();
+    this.gridApis[id] = params.api;
+  }
+
+  // Currency Formatter
+
+  formatAmount(params: any): string {
+    if (params.value == null) return '0.000';
+    const num = Number(params.value);
+    return num.toFixed(3);
+  }
+
+  handleExport(option: string): void {
+    this.selectedExportOption = option;
+    if (!this.hasAnyGroups()) {
+      alert("There is no data to export based on your current filter.");
+      return;
+    }
+    // If no data, do nothing.
+    if (!this.filteredData || Object.keys(this.filteredData).length === 0) {
+      alert("No data to export");
+      return;
+    }
+    const title = "Branch Activity Receive";
+    const reportTimeFormatter = this.dateValueFormatter('dd/MM/yyyy hh:mm a');
+    const metadata: [string, string][] = [
+      ['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 columns = this.columnDefs;
+    const data = this.dataMap;
+    // const data = this.filteredData;
+    const options = {
+      currencyFields: [
+        'amountPaid'
+      ],
+      // specify all date fields expected
+      dateFields: [],
+
+      dateFieldFormats: {
+        txnDateAndTime: 'dd/MM/yyyy hh:mm a',
+        cancellationBranchDateTime: 'dd/MM/yyyy HH:mm',
+        cancellationBusinessDate: 'dd/MM/yyyy'
+      },
+
+      specialDecimalFields: {
+        rate: 8       // future field with 8 decimal places
+      },
+
+      groupByKey: true
+    };
+
+    switch (this.selectedExportOption) {
+      case 'excel':
+        this.exportService.exportToExcel({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      case 'pdf':
+        this.exportService.exportToPdf({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      case 'csv':
+        this.exportService.exportToCsv({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      default:
+        alert("Please select an export format.");
+    }
+  }
+
+  dateValueFormatter(format: string) {
+    return (params: any) => {
+      if (!params.value) return '';
+      try {
+        return formatDate(params.value, format, 'en-US');
+      } catch {
+        return '';
+      }
+    }
+  }
+
+  getKeys(obj: Record<string, unknown>): string[] {
+    return obj ? Object.keys(obj) : [];
+  }
+
+  hasAnyGroups(): boolean {
+    return this.filteredData && this.getKeys(this.filteredData).length > 0;
+  }
+
+
+  public formatDate(params: any): string {
+    return formatDate(new Date(params.value), 'dd/MM/yyyy', 'en-US');
+  }
+
+  filter(text: string) {
+    this.searchText = text;
+    if (this.searchText == null) {
+      return;
+    }
+    if (this.searchText?.length === 0) {
+      this.filteredData = structuredClone(this.dataMap);
+      return;
+    }
+    this.searchText = this.searchText?.trim()?.toLowerCase();
+    for (const [key, entries] of Object.entries(this.dataMap)) {
+      const filteredData = entries.filter(entry => Object.values(entry)
+        .some(val => {
+          let a: string = val.toString().toLowerCase();
+          return a.search(this.searchText) == -1 ? false : true;
+        }))
+
+      this.filteredData[key] = filteredData;
+    }
+    this.filteredData;
+  }
+
+  //event handler for filter component
+  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 = {
+      "StartDate": modal.fromDate,
+      "EndDate": modal.toDate,
+      "SendCountryCode": modal.sendCountry,
+      "RecvCountryCode": modal.receiveCountry,
+      "BusinessPartnerCode": modal.client,
+      "TransactionStatus": modal.transactionStatus.join(","),
+      "PayoutCurrency": modal.receiveCurrency,
+      "TransactionType": modal.product,
+      "BranchCode": modal.branch
+    };
+
+    this.loadingState = ComponentLoadingStates.Loading;
+    this.reportService.getBranchActivityReceiveReport(searchData).subscribe({
+      next: (data) => {
+        console.log(data);
+        this.filteredData = data;
+        this.dataMap = JSON.parse(JSON.stringify(data));;
+        this.noDataFound = Object.keys(data).length == 0 ? true : false;
+        this.paginationArray = new Array(Object.keys(this.filteredData).length).fill(15);
+      },
+
+      error: (err) => {
+        this.loadingState = ComponentLoadingStates.Complete;
+      },
+
+      complete: () => {
+        this.loadingState = ComponentLoadingStates.Complete;
+        this.showReport = true;
+      }
+    })
+  }
+
+  handleFormValid(isValid: boolean): void {
+    this.isFormValid = isValid;
+  }
+
+}

package/src/lib/components/branch-activity-send-report/branch-activity-send-report.component.html

@@ -0,0 +1,46 @@
+<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">
+  <ng-container *ngIf="!noDataFound">
+     <lib-metadata [reportName]="ReportName" [showmetaDataOne]="true" [showmetaDataTwo]="true" [metaDataOne]="leftData" [metaDataTwo]="metaDataTwo"(exportEvent)="handleExport($event)" (searchEvent)="filter($event)"></lib-metadata>
+
+  <ngb-accordion #acc="ngbAccordion" [closeOthers]="false">
+    <ng-container *ngFor="let item of filteredData | keyvalue; let i = index">
+      <ngb-panel *ngIf="item.value.length > 0" [id]="'panel-' + i">
+
+        <ng-template ngbPanelTitle style="height: 10%;">
+          <label
+            class="panel-cls">{{
+            item.key
+            }}</label>
+        </ng-template>
+
+        <ng-template ngbPanelContent>
+          <div style="position: relative;">
+            <lib-page-size-selector [totalEntries]="item?.value?.length"
+            [defaultSize]="'15'" [gridApi]="gridApis[i]">
+            ></lib-page-size-selector>
+
+            <ag-grid-angular class="ag-theme-alpine transaction-grid" style="width: 100%;height: 380px;"
+              [columnDefs]="columnDefs" [defaultColDef]="defaultColDef" [rowData]="item.value" [rowHeight]="20"
+              [headerHeight]="22"[pagination]="true" [paginationPageSize]="paginationArray[i]" (gridReady)="onGridReady($event,i)"
+              >
+            </ag-grid-angular>
+          </div>
+        </ng-template>
+
+      </ngb-panel>
+    </ng-container>
+  </ngb-accordion>
+  </ng-container>
+  <div class="alert alert-warning mt-3" *ngIf="noDataFound">
+    No Data found matching your search criteria.
+  </div>
+</section>

package/src/lib/components/branch-activity-send-report/branch-activity-send-report.component.scss

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

package/src/lib/components/branch-activity-send-report/branch-activity-send-report.component.spec.ts

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

package/src/lib/components/branch-activity-send-report/branch-activity-send-report.component.ts

@@ -0,0 +1,276 @@
+import { Component, NgZone, OnInit, inject } from '@angular/core';
+import { ReportService } from '../../services/report.service';
+import { BranchActivityReport } from '../../models/branch-activity-report/branch-activity-send-report';
+import { ColDef, GridApi, GridOptions, GridReadyEvent, RowGroupingDisplayType } from 'ag-grid-community';
+import { themeAlpine } from '@ag-grid-community/theming';
+import 'jspdf-autotable';
+import { formatDate, DatePipe } from '@angular/common';
+import { ComponentLoadingStates } from '../../models/component-loading-states';
+import { GenericExportService } from '../../shared/export-generic.service';
+
+declare module 'jspdf' {
+  interface jsPDF {
+    autoTable: (options: any) => jsPDF;
+  }
+}
+
+@Component({
+  selector: 'lib-branch-activity-send-report',
+  templateUrl: './branch-activity-send-report.component.html',
+  styleUrls: ['./branch-activity-send-report.component.scss']
+})
+export class BranchActivitySendReportComponent implements OnInit {
+  dataMap: Record<string, BranchActivityReport[]> = {}
+  filteredData: Record<string, BranchActivityReport[]> = {}
+  proxyData: Record<string, BranchActivityReport[]> = {}
+  showReport: boolean;
+  paginationArray: any[];
+  selectedExportOption = 'excel';
+  gridApis: GridApi[] = [];
+  gridColumnApi;
+  user: string = "";
+  reportDate: string;
+  fromDate: string;
+  toDate: string;
+  searchText: string;
+  buffer: any;
+  sysUserId: string;
+  private logoBase64: string | undefined;
+  ComponentLoadingState = ComponentLoadingStates;
+  loadingState: ComponentLoadingStates = ComponentLoadingStates.Loading;
+  ReportName: string = "Branch Activity Send";
+  leftData: Record<string, string>;
+  metaDataTwo: Record<string, string>;
+  exportService: GenericExportService = inject(GenericExportService);
+  searchCriteria: [string,string][] = [];
+
+  // flags
+  showMessage: boolean = false;
+  noDataFound: boolean = false;
+  isFormValid: boolean = false;
+
+  columnDefs: ColDef<BranchActivityReport>[] = [
+    { field: 'businessDateTime', headerName: 'Business Date', flex: 1,wrapText: true, autoHeight: true, headerClass: 'ag-left-aligned-header', minWidth: 70, width: 70, tooltipField: 'businessDateTime' },
+    { field: 'transactionDateTime', headerName: 'Transaction Date', minWidth:100,flex: 2, wrapText: true, autoHeight: true, tooltipField: 'transactionDateTime' },
+    { field: 'transactionNumber', headerName: 'Transaction Number', flex: 1.8,wrapText: true, autoHeight: true, minWidth:90, width: 130, cellClass: 'ag-left-cols-cell compact-cell-transaction', tooltipField: 'transactionNumber' },
+    { field: 'product', headerName: 'Product', flex: 0.5,wrapText: true, autoHeight: true, minWidth:80, width: 120, tooltipField: 'product' },
+    { field: 'sendAgentBranchCode', headerName: 'SendClient BranchCode', flex: 1,wrapText: true, autoHeight: true, minWidth:90, width: 120, tooltipField: 'sendAgentBranchCode' },
+    { field: 'receiveAgentCode', headerName: 'Receive ClientCode', flex: 1,wrapText: true, autoHeight: true, minWidth: 90, width: 70, tooltipField: 'receiveAgentCode' },
+    { field: 'payoutCCcode', headerName: 'ReceiveCcy Code', flex: 1,wrapText: true, autoHeight: true,minWidth:90, width: 110, tooltipField: 'payoutCCcode' },
+    { field: 'payoutAmount', headerName: 'Receive Amount', flex: 1,wrapText: true, autoHeight: true,minWidth:90, maxWidth: 120,  cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'payoutAmount' },
+    { field: 'payinCCcode', headerName: 'SendCcy Code', flex: 1,wrapText: true, autoHeight: true, minWidth:90,maxWidth: 90, tooltipField: 'payinCCcode' },
+    { field: 'payinAmount', headerName: 'Send Amount', flex: 1,wrapText: true, autoHeight: true, minWidth:80, maxWidth: 120,  cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'payinAmount' },
+    { field: 'transactionCommissionAmount', headerName: 'Service Fee', flex: 1, wrapText: true, autoHeight: true, minWidth:90, maxWidth: 100,  cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'transactionCommissionAmount' },
+    { field: 'tax', headerName: 'Tax', flex: 1,wrapText: true, autoHeight: true, minWidth: 80, maxWidth: 100,  cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'tax' },
+    { field: 'totalPayinAmount', headerName: 'Total Send Amount',minWidth:100, flex: 1,wrapText: true, autoHeight: true, cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'totalPayinAmount' },
+    { field: 'status', headerName: 'Transaction Status',minWidth:100, flex: 1,wrapText: true, autoHeight: true, tooltipField: 'status' }
+  ];
+
+
+  defaultColDef = {
+    sortable: true,
+    filter: true,
+    resizable: true,
+    minwidth: 40,
+    wrapHeaderText: true,
+    autoHeaderHeight: true,
+    suppressSizeToFit: false,
+    wrapText: true
+  };
+  rowData: BranchActivityReport[] = [];
+
+  constructor(private reportService: ReportService, private ngZone: NgZone) { }
+
+  reportTheme = themeAlpine.withParams({
+    headerFontSize: '10px',
+    fontFamily: ['Arial', 'sans-serif'],
+    fontSize: '9px'
+  });
+
+  ngOnInit(): void {
+    this.loadingState = ComponentLoadingStates.Complete;
+    // Check if User is falcon user or fossilUser
+    if (sessionStorage.getItem('fossilusername')) {
+      this.sysUserId = sessionStorage.getItem('fossilusername')
+    }
+    else {
+      this.sysUserId = sessionStorage.getItem('ezremitusername');
+    }
+    this.sysUserId = this.sysUserId.replace(/^["'](.*)["']$/, '$1');
+    this.user = this.sysUserId;
+    console.log("System User Id : " + this.sysUserId);
+  }
+
+  filter(text: string) {
+    this.searchText = text;
+    if (this.searchText == null) {
+      return;
+    }
+    if (this.searchText?.length === 0) {
+      this.filteredData = structuredClone(this.dataMap);
+      return;
+    }
+    this.searchText = this.searchText?.trim()?.toLowerCase();
+    for (const [key, entries] of Object.entries(this.proxyData)) {
+      const filteredData = entries.filter(entry => Object.values(entry)
+        .some(val => {
+          let a: string = val.toString().toLowerCase();
+          return a.search(this.searchText) == -1 ? false : true;
+        }))
+
+      this.filteredData[key] = filteredData;
+    }
+    this.filteredData;
+  }
+
+  onGridReady(params: GridReadyEvent, id: number) {
+    params.api.sizeColumnsToFit();
+    this.gridColumnApi = params.columnApi;
+    this.gridApis[id] = params.api;
+  }
+
+  handleExport(option: string): void {
+    this.selectedExportOption = option;
+    if (!this.hasAnyGroups()) {
+      alert("There is no data to export based on your current filter.");
+      return;
+    }
+    // If no data, do nothing.
+    if (!this.filteredData || Object.keys(this.filteredData).length === 0) {
+      alert("No data to export");
+      return;
+    }
+    const title = "Branch Activity Send";
+    const reportTimeFormatter = this.dateValueFormatter('dd/MM/yyyy hh:mm a');
+    const metadata: [string, string][] = [
+      ['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 columns = this.columnDefs;
+    const data = this.dataMap;
+    // const data = this.filteredData;
+    const options = {
+      currencyFields: [
+        'payoutAmount', 'payinAmount', 'transactionCommissionAmount', 'tax', 'totalPayinAmount'
+      ],
+      // specify all date fields expected
+      dateFields: [],
+
+      dateFieldFormats: {
+        txnDateAndTime: 'dd/MM/yyyy hh:mm a',
+        cancellationBranchDateTime: 'dd/MM/yyyy HH:mm',
+        cancellationBusinessDate: 'dd/MM/yyyy'
+      },
+
+      specialDecimalFields: {
+        rate: 8       // future field with 8 decimal places
+      },
+
+      groupByKey: true
+    };
+
+    switch (this.selectedExportOption) {
+      case 'excel':
+        this.exportService.exportToExcel({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      case 'pdf':
+        this.exportService.exportToPdf({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      case 'csv':
+        this.exportService.exportToCsv({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      default:
+        alert("Please select an export format.");
+    }
+  }
+
+  dateValueFormatter(format: string) {
+    return (params: any) => {
+      if (!params.value) return '';
+      try {
+        return formatDate(params.value, format, 'en-US');
+      } catch {
+        return '';
+      }
+    }
+  }
+
+  getKeys(obj: Record<string, unknown>): string[] {
+    return obj ? Object.keys(obj) : [];
+  }
+
+  hasAnyGroups(): boolean {
+    return this.filteredData && this.getKeys(this.filteredData).length > 0;
+  }
+
+  formatAmount(params: any): string {
+    const value = params?.value;
+    if (value !== null && value !== undefined && value !== '') {
+      const num = Number(value);
+      return (Math.trunc(num * 1000) / 1000).toFixed(3);
+    }
+    return '';
+  }
+
+  handleSearch(criteria: any): void {
+    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.leftData = {
+      '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,
+      "BusinessPartnerCode": modal.client,
+      "TransactionStatus": modal.transactionStatus.join(","),
+      "PayoutCurrency": modal.receiveCurrency,
+      "TransactionType": modal.product,
+      "BranchCode": modal.branch
+    };
+    this.showMessage = true;
+    this.loadingState = ComponentLoadingStates.Loading;
+    this.reportService.getBranchActivityReport(searchData).subscribe({
+      next: (data) => {
+        console.log(data);
+        this.dataMap = JSON.parse(JSON.stringify(data));
+        this.filteredData = data;
+        this.noDataFound = Object.keys(this.filteredData).length == 0 ? true : false;
+        this.proxyData = structuredClone(data);
+        this.paginationArray = new Array(Object.keys(this.filteredData).length).fill(15);
+        this.showMessage = Object.keys(this.filteredData).length == 0 ? true : false;
+        this.showReport = true;
+      },
+
+      error: (err) => {
+        this.loadingState = ComponentLoadingStates.Complete;
+      },
+
+      complete: () => {
+        this.loadingState = ComponentLoadingStates.Complete;
+        this.showReport = true;
+      }
+    })
+  }
+
+  handleFormValid(isValid: boolean): void {
+    this.isFormValid = isValid;
+  }
+
+}
+