@sachin9822/reports-lib 0.0.211 → 0.0.213

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

@@ -0,0 +1,840 @@
+ import { Component, NgZone, OnInit, inject } from '@angular/core';
+ // import { Component, ElementRef, HostListener, ViewChild } from '@angular/core';
+ import { ColDef, GridApi, GridReadyEvent } from 'ag-grid-community';
+ import { themeAlpine } from '@ag-grid-community/theming';
+import { BranchActivityReport } from '../../models/branch-activity-report/branch-activity-send-report';
+import { ComponentLoadingStates } from '../../models/component-loading-states';
+import { ExportOptions, GenericExportService } from '../../shared/export-generic.service';
+import { ReportService } from '../../services/report.service';
+// import { formatDate } from '@angular/common';
+// import { ComponentLoadingStates } from 'src/app/models/component-loading-states';
+// import { GenericExportService } from 'src/app/shared/export-generic.service';
+// import { ExportOptions } from 'projects/reports-lib/src/lib/shared/export-generic.service';
+// import { Injectable } from '@angular/core';
+// import jsPDF from 'jspdf';
+// import 'jspdf-autotable';
+ import * as ExcelJS from 'exceljs';
+ import * as FileSaver from 'file-saver';
+import { formatDate } from '@angular/common';
+
+@Component({
+  selector: 'lib-branch-activity-send-summary-report',
+  templateUrl: './branch-activity-send-summary-report.component.html',
+  styleUrls: ['./branch-activity-send-summary-report.component.scss']
+})
+export class BranchActivitySendSummaryReportComponent 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 Summary";
+  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;
+  clearSearch: boolean = false;
+  isTotalSummary: 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',
+      valueFormatter: (params) => {
+        const row = params.data as BranchActivityReport | null;
+
+        if (row && row.payinCCcode === 'Total') {
+          return ''; // hide date for total row
+        }
+
+        return params.value;
+      }
+    },
+    { field: 'product', headerName: 'Product', flex: 1, wrapText: true, autoHeight: true, minWidth: 80, width: 120, tooltipField: 'product' },
+    { field: 'payoutCCcode', headerName: 'Receive Currency', 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: 'Send Currency', 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: 'transactionCount', headerName: 'Transaction Count', flex: 1, wrapText: true, autoHeight: true, minWidth: 80, maxWidth: 100, cellClass: 'ag-right-aligned-cell compact-cell', tooltipField: 'txnCount' },
+    { 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
+  };
+
+  // rowClassRules = {
+  //   debugger
+  //   'total-row': params => params.data?.isTotalRow
+  // };
+
+  rowClassRules = {
+    'total-row': (params) => {
+      console.log('Row Data:', params.data.isTotalRow);
+      if (params.data.isTotalRow) {
+        return params.data?.isTotalRow;
+      }
+
+    }
+  };
+
+  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();
+          if(a == null){
+            return false;
+          }
+          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;
+    params.columnApi.setColumnVisible('businessDateTime', !this.isTotalSummary);
+    params.api.sizeColumnsToFit();
+  }
+
+  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 Summary";
+    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;
+
+    //exclude Business Date col for Total Summary Report.
+    let columns = [...this.columnDefs];
+    const summaryReport = this.searchCriteria.find(x => x[0] === 'Summary Report:')?.[1];
+     
+    if (summaryReport === 'Total Summary') {
+      columns = columns.filter(col => col.field !== 'businessDateTime');
+    }
+
+    // const data = this.dataMap;
+    const cleanedData = {};
+
+    Object.keys(this.dataMap).forEach(key => {
+      cleanedData[key] = this.dataMap[key].map(row => {
+        if (row.isTotalRow) {
+          return {
+            ...row,
+            businessDateTime: '',
+            product: '',
+            receiveCurrency: '',
+            receiveAmount: ''
+          };
+        }
+        return row;
+      });
+    });
+
+    const data = cleanedData;
+    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.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.");
+    }
+  }
+
+  async exportToExcel({
+    title,
+    metadata,
+    searchCriteria,
+    columns,
+    data,
+    options = {}
+  }: {
+    title: string;
+    metadata: [string, string][];
+    searchCriteria: [string, string][];
+    columns: any[];
+    data: any[] | Record<string, any[]>;
+    options?: ExportOptions;
+  }): Promise<void> {
+
+    const workbook = new ExcelJS.Workbook();
+    const worksheet = workbook.addWorksheet(title);
+
+    // ===================== PRE CALC =====================
+    const headerLabels = ['Sr No', ...columns.map(col => col.headerName || col.field)];
+    const totalCols = headerLabels.length;
+
+    const titleStartCol = 4;
+    const titleColLetter = String.fromCharCode(64 + titleStartCol);
+    const titleMergeEnd = String.fromCharCode(64 + totalCols);
+
+    // ===================== LOGO =====================
+    if (this.logoBase64) {
+      const base64Data = this.logoBase64.replace(/^data:image\/\w+;base64,/, '');
+
+      const imageId = workbook.addImage({
+        base64: base64Data,
+        extension: 'png',
+      });
+
+      worksheet.addImage(imageId, {
+        tl: { col: 0, row: 0 },
+        ext: { width: 145, height: 66 }
+      });
+
+      worksheet.getRow(1).height = 24;
+      worksheet.getRow(2).height = 22;
+      worksheet.getRow(3).height = 22;
+    }
+
+    // ===================== TITLE =====================
+    worksheet.mergeCells(`${titleColLetter}1:${titleMergeEnd}1`);
+    const titleCell = worksheet.getRow(1).getCell(titleStartCol);
+    titleCell.value = title;
+    titleCell.font = { bold: true, size: 16 };
+    titleCell.alignment = { vertical: 'middle', horizontal: 'left' };
+
+    // ===================== METADATA =====================
+    let metaRowStart = 4;
+
+    metadata.forEach(([label, value], idx) => {
+      const row = worksheet.getRow(metaRowStart + idx);
+
+      row.getCell(1).value = {
+        richText: [
+          { text: `${label} : `, font: { bold: true } },
+          { text: value ?? '', font: { bold: false } }
+        ]
+      };
+
+      worksheet.mergeCells(`A${row.number}:${titleMergeEnd}${row.number}`);
+    });
+
+    let currentRow = metaRowStart + metadata.length;
+
+    worksheet.getRow(++currentRow).height = 6;
+    currentRow++;
+
+    // ===================== SEARCH CRITERIA =====================
+    worksheet.mergeCells(currentRow, 1, currentRow, 6);
+    worksheet.getCell(currentRow, 1).value = 'Search Criteria:-';
+    worksheet.getCell(currentRow, 1).font = { bold: true };
+    currentRow += 2;
+
+    for (let i = 0; i < searchCriteria.length; i += 2) {
+      const left = searchCriteria[i];
+      const right = searchCriteria[i + 1];
+
+      const row = worksheet.getRow(currentRow++);
+
+      worksheet.mergeCells(row.number, 1, row.number, 3);
+      row.getCell(1).value = {
+        richText: [
+          { text: (left?.[0] ?? '') + ' ', font: { bold: true } },
+          { text: left?.[1] ?? '' }
+        ]
+      };
+      row.getCell(1).alignment = { wrapText: true, vertical: 'middle' };
+
+      if (right) {
+        worksheet.mergeCells(row.number, 4, row.number, 6);
+        row.getCell(4).value = {
+          richText: [
+            { text: (right?.[0] ?? '') + ' ', font: { bold: true } },
+            { text: right?.[1] ?? '' }
+          ]
+        };
+        row.getCell(4).alignment = { wrapText: true, vertical: 'middle' };
+      }
+    }
+
+    currentRow++;
+
+    // ===================== HEADER ROW =====================
+    const headerRow = worksheet.getRow(currentRow++);
+
+    headerLabels.forEach((header, i) => {
+      const cell = headerRow.getCell(i + 1);
+      cell.value = header;
+      cell.font = { bold: true };
+      cell.fill = {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: { argb: 'D9D9D9' }
+      };
+      cell.alignment = { vertical: 'middle', horizontal: 'center' };
+      cell.border = {
+        top: { style: 'thin' },
+        bottom: { style: 'thin' },
+        left: { style: 'thin' },
+        right: { style: 'thin' }
+      };
+    });
+    headerRow.eachCell((cell) => {
+      if (cell.value === 'Transaction Count') {
+        cell.value = 'Transaction\nCount';
+        cell.alignment = {
+          horizontal: 'center',
+          vertical: 'middle',
+          wrapText: true
+        };
+      }
+    });
+    // ===================== DATA SECTION =====================
+    let rowIdx = currentRow;
+    let serialNumber = 1;
+
+    if (options.groupByKey && !Array.isArray(data)) {
+
+      for (const [group, items] of Object.entries(data)) {
+
+        const groupRow = worksheet.getRow(rowIdx++);
+        groupRow.getCell(1).value = group;
+        groupRow.font = { bold: true };
+        worksheet.mergeCells(`A${groupRow.number}:${titleMergeEnd}${groupRow.number}`);
+
+        items.forEach((item) => {
+
+          const rowData = this.prepareTableRows([item], columns, options)[0];
+          const dataRow = worksheet.getRow(rowIdx++);
+
+          const fullRow = [
+            !item?.isTotalRow ? serialNumber++ : '',
+            ...rowData
+          ];
+
+          fullRow.forEach((val, cIdx) => {
+            const cell = dataRow.getCell(cIdx + 1);
+            //   cell.value = val;
+            //added by bharati for 
+            const field = columns[cIdx - 1]?.field;
+
+            // ✅ Amount fields (Receive Amount, Send Amount, Total Send Amount etc.)
+            /*
+            if (
+              field=='totalPayinAmount'||
+              field=='payinAmount'||
+              field === 'transactionCommissionAmount' ||
+              field === 'tax'
+            ) {
+                        if (val !== '' && val !== null && val !== undefined) {
+                            cell.value = Number(val);
+                            cell.numFmt = '#,##0.000';
+                            cell.alignment = { horizontal: 'right', vertical: 'middle' };
+                        } else {
+                            cell.value = '';
+                        }
+                    }
+            else {
+              cell.value = val;
+            } */
+
+            if (item?.isTotalRow && field === 'receiveAmount') {
+              cell.value = '';
+            }
+            else if (
+              field?.toLowerCase().includes('amount') ||
+              field === 'serviceFee' ||
+              field === 'tax'
+            ) {
+              if (val !== '' && val !== null && val !== undefined) {
+                cell.value = val;                // already number
+                cell.numFmt = '#,##0.000';       // Excel formatting
+                cell.alignment = { horizontal: 'right', vertical: 'middle' };
+              } else {
+                cell.value = '';
+              }
+            }
+            else {
+              cell.value = val;
+            }
+            cell.border = {
+              top: { style: 'thin' },
+              bottom: { style: 'thin' },
+              left: { style: 'thin' },
+              right: { style: 'thin' }
+            };
+          });
+
+          if (item?.isTotalRow) {
+            dataRow.eachCell(cell => {
+               cell.font = {
+                ...cell.font,
+                bold: true,
+                size: 12
+              };
+            });
+          }
+        });
+      }
+
+    } else {
+
+      this.prepareTableRows(data as any[], columns, options)
+        .forEach((rowData, index) => {
+
+          const dataRow = worksheet.getRow(rowIdx++);
+          const originalItem = (data as any[])[index];
+
+          const fullRow = [
+            !originalItem?.isTotalRow ? serialNumber++ : '',
+            ...rowData
+          ];
+
+          fullRow.forEach((val, cIdx) => {
+            const cell = dataRow.getCell(cIdx + 1);
+            //cell.value = val;
+            /*   if (cIdx === 0) {
+ cell.value = val;
+} else {
+
+ const field = columns[cIdx - 1]?.field;
+
+ if (
+     field=='totalPayinAmount'||
+     field=='payinAmount'||
+     field === 'transactionCommissionAmount' ||
+     field === 'tax'
+ ) {
+     cell.value = Number(val);
+     cell.numFmt = '#,##0.000';
+     cell.alignment = { horizontal: 'right', vertical: 'middle' };
+ }
+ else {
+     cell.value = val;
+ }
+} */
+
+            const field = columns[cIdx - 1]?.field;
+
+            if (cIdx === 0) {
+              cell.value = val;
+            }
+            else if (originalItem?.isTotalRow && field === 'receiveAmount') {
+              cell.value = '';
+            }
+            else if (
+              field?.toLowerCase().includes('amount') ||
+              field === 'serviceFee' ||
+              field === 'tax'
+            ) {
+              if (val !== '' && val !== null && val !== undefined) {
+                cell.value = val;                // already number
+                cell.numFmt = '#,##0.000';       // Excel formatting
+                cell.alignment = { horizontal: 'right', vertical: 'middle' };
+              } else {
+                cell.value = '';
+              }
+            }
+            else {
+              cell.value = val;
+            }
+
+            cell.border = {
+              top: { style: 'thin' },
+              bottom: { style: 'thin' },
+              left: { style: 'thin' },
+              right: { style: 'thin' }
+            };
+          });
+
+          if (originalItem?.isTotalRow) {
+            dataRow.eachCell(cell => {
+               cell.font = {
+                ...cell.font,
+                bold: true,
+                size: 12
+              };
+            });
+          }
+        });
+    }
+
+    // ===================== AUTO WIDTH =====================
+    for (let i = 1; i <= totalCols; i++) {
+      let maxLength = 10;
+
+      worksheet.eachRow({ includeEmpty: true }, (row) => {
+        const cell = row.getCell(i);
+        if (cell.isMerged) return;
+
+        let cellValue = '';
+
+        if (cell.value == null) {
+          cellValue = '';
+        } else if (typeof cell.value === 'object' && 'richText' in cell.value) {
+          cellValue = cell.value.richText.map(rt => rt.text).join('');
+        } else {
+          cellValue = cell.value.toString();
+        }
+
+        maxLength = Math.max(maxLength, cellValue.length);
+      });
+
+      worksheet.getColumn(i).width = Math.min(maxLength, 50);
+    }
+    //new code:bharati
+
+    worksheet.columns.forEach((column, index) => {
+
+      if (index === 0) return; // skip Sr No
+
+      const field = columns[index - 1]?.field;
+
+      if (field === 'payinAmount') {
+        column.width = 14;
+      }
+      if (field === 'payoutAmount') {
+        column.width = 15;
+      }
+      if (field === 'transactionCount') {
+        column.width = 14;
+      }
+    });
+
+    // worksheet.columns.forEach((column) => {
+    //   if (column.header === 'Send Amount') {
+    //     column.width = 25;
+    //   }
+    // });
+
+
+    // ===================== SAVE FILE =====================
+    const buffer = await workbook.xlsx.writeBuffer();
+
+    FileSaver.saveAs(
+      new Blob([buffer], {
+        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      }),
+      title.replace(/\s/g, '-') + '.xlsx'
+    );
+  }
+
+  //   private prepareTableRows(data: any[], columns: any[], options: ExportOptions = {}): any[][] {
+  //           const {
+  //               excludeFields = [],
+  //               currencyFields = [],
+  //               dateFields = [],
+  //               dateFieldFormats = {},
+  //               specialDecimalFields = {}
+  //           } = options;
+
+  //           const filtered = columns.filter(c =>
+  //               c.field && !excludeFields.some(f => c.field.toLowerCase().includes(f))
+  //           );
+
+  //         return data.map((row) => ([
+  // ...filtered.map(col => {
+  //                   let value = row[col.field];
+  //                   // Format date fields with custom formats if specified
+  //                   if (col.field && (dateFields.includes(col.field) || col.field in dateFieldFormats)) {
+  //                       const format = dateFieldFormats[col.field] || 'dd/MM/yyyy';
+  //                       value = this.formatDateByFormat(value, format);
+  //                   }
+  //                   // Format special decimal fields with specific decimals
+  //                   else if (col.field && col.field in specialDecimalFields && value != null) {
+  //                       const decimals = specialDecimalFields[col.field];
+  //                       value = parseFloat(value).toFixed(decimals);
+  //                   }
+  //                   // Format regular currency fields with 3 decimals
+  //                   else if (col.field && currencyFields.includes(col.field) && value != null) {
+  //                       value = parseFloat(value).toFixed(3);
+  //                   }
+
+  //                   return value ?? '';
+  //               })
+  //           ]));
+  //       }
+  private prepareTableRows(
+    data: any[],
+    columns: any[],
+    options: ExportOptions = {}
+  ): any[][] {
+
+    const {
+      excludeFields = [],
+      currencyFields = [],
+      dateFields = [],
+      dateFieldFormats = {},
+      specialDecimalFields = {}
+    } = options;
+
+    const filtered = columns.filter(c =>
+      c.field && !excludeFields.some(f => c.field.toLowerCase().includes(f))
+    );
+
+    return data.map((row) => ([
+      ...filtered.map(col => {
+
+        let value = row[col.field];
+
+        // ✅ Date formatting (keep as string)
+        if (
+          col.field &&
+          (dateFields.includes(col.field) || col.field in dateFieldFormats)
+        ) {
+          const format = dateFieldFormats[col.field] || 'dd/MM/yyyy';
+          value = this.formatDateByFormat(value, format);
+        }
+
+        // ✅ Special decimal fields → return NUMBER (no toFixed)
+        else if (
+          col.field &&
+          col.field in specialDecimalFields &&
+          value != null
+        ) {
+          value = Number(value);
+        }
+
+        // ✅ Currency fields → return NUMBER (no toFixed)
+        else if (
+          col.field &&
+          currencyFields.includes(col.field) &&
+          value != null
+        ) {
+          value = Number(value);
+        }
+
+        return value ?? '';
+      })
+    ]));
+  }
+  private formatDateByFormat(val: any, format: string): string {
+    // Helper to pad single digits
+    const pad = (n: number) => n.toString().padStart(2, '0');
+
+    // Parse date for "DD/MM/YYYY hh:mm AM/PM" format manually
+    if (typeof val === 'string' && /^\d{2}\/\d{2}\/\d{4} \d{2}:\d{2} [AP]M$/.test(val)) {
+
+      const parts = val.match(/^(\d{2})\/(\d{2})\/(\d{4}) (\d{2}):(\d{2}) ([AP]M)$/);
+      if (!parts) return '';
+      let [, dd, mm, yyyy, hh, min, ampm] = parts;
+      let hours = parseInt(hh, 10);
+      if (ampm === 'PM' && hours !== 12) hours += 12;
+      if (ampm === 'AM' && hours === 12) hours = 0;
+      val = new Date(parseInt(yyyy, 10), parseInt(mm, 10) - 1, parseInt(dd, 10), hours, parseInt(min, 10));
+    } else {
+      val = new Date(val);
+    }
+
+    if (isNaN(val.getTime())) return '';
+
+    const dt = val;
+
+    switch (format) {
+      case 'dd/MM/yyyy hh:mm a': { // 11/07/2025 10:56 PM
+        let hours12 = dt.getHours() % 12 || 12;
+        let ampm = dt.getHours() >= 12 ? 'PM' : 'AM';
+        return `${pad(dt.getDate())}/${pad(dt.getMonth() + 1)}/${dt.getFullYear()} ${pad(hours12)}:${pad(dt.getMinutes())} ${ampm}`;
+      }
+      case 'dd/MM/yyyy HH:mm': { // 28/07/2025 13:08
+        return `${pad(dt.getDate())}/${pad(dt.getMonth() + 1)}/${dt.getFullYear()} ${pad(dt.getHours())}:${pad(dt.getMinutes())}`;
+      }
+      case 'dd/MM/yyyy': { // 28/07/2025
+        return `${pad(dt.getDate())}/${pad(dt.getMonth() + 1)}/${dt.getFullYear()}`;
+      }
+      default:
+        return dt.toLocaleString();
+    }
+  }
+
+  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 isTotalSummary = modal.summaryReport === 'Total Summary';
+    this.isTotalSummary = isTotalSummary;
+
+    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,
+      "SummaryReport": modal.summaryReport
+
+    };
+    this.showMessage = true;
+    this.clearSearch = true;
+    this.loadingState = ComponentLoadingStates.Loading;
+    this.reportService.getBranchActivitySendSummaryReport(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;
+        this.clearSearch = false;
+      },
+
+      complete: () => {
+        this.loadingState = ComponentLoadingStates.Complete;
+        this.showReport = true;
+        this.clearSearch = false;
+      }
+    })
+  }
+
+  handleFormValid(isValid: boolean): void {
+    this.isFormValid = isValid;
+  }
+
+}
+