@sachin9822/reports-lib 0.0.213 → 0.0.215

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

@@ -1,840 +0,0 @@
- 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;
-  }
-
-}
-