@sachin9822/reports-lib 0.0.213 → 0.0.215

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

@@ -1,904 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { GridApi } from 'ag-grid-community';
-import { Subject } from 'rxjs';
-import { finalize, takeUntil } from 'rxjs/operators';
-import { ComponentLoadingStates } from '../../models/component-loading-states';
-import { ReportService } from '../../services/report.service';
-import { formatDate } from '@angular/common';
-import { StatementOfAccountItem } from '../../models/statement-of-account-report/statement-of-accounts.model';
-import jsPDF from 'jspdf';
-import 'jspdf-autotable';
-import * as ExcelJS from 'exceljs';
-import * as FileSaver from 'file-saver';
-
-@Component({
-  selector: 'lib-statement-of-accounts-report',
-  templateUrl: './statement-of-accounts-report.component.html',
-  styleUrls: ['./statement-of-accounts-report.component.scss']
-})
-
-export class StatementOfAccountsReportComponent implements OnInit {
-
-  ReportName = "Statement of Accounts";
-  ComponentLoadingState = ComponentLoadingStates;
-  loadingState: ComponentLoadingStates = ComponentLoadingStates.Complete;
-  errorMessage: string;
-  hasSearched: boolean;
-  private destroy$ = new Subject<void>();
-  openingBalAndFunding: StatementOfAccountItem[] = [];
-  sendDetails: StatementOfAccountItem[] = [];
-  receiveDetails: StatementOfAccountItem[] = [];
-  noDataFromApi: boolean;
-  metaDataOne: Record<string, string>;
-  metaDataTwo: Record<string, string>;
-  user: any;
-  currentDateTime: Date = new Date();
-  sendPinnedBottomRow: any[] = [];
-  receivePinnedBottomRow: any[] = [];
-  private sendGridApi!: GridApi;
-  private receiveGridApi!: GridApi;
-  private openingGridApi!: GridApi;
-  searchText: string;
-  closingBalance: number = 0;
-
-  closingBalanceCurrency = 'USD';
-  closingBalanceUSDInWords: string = '';
-
-  selectedClientType: string = '';
-  showTables = false;
-  private logoBase64?: string;
-  selectedExportOption: string;
-
-  closingBalanceInSettlment: number = 0;
-  closingBalanceSettlmentCurrency: string = '';
-  closingBalanceSettlmentInWords: string = '';
-  closingBalanceSettlmentFormatted: string = '0.000';
-  closingBalanceInUsdFormatted: string = '0.000';
-  reportUserandTime: string;
-  searchCriteria: [string, string][];
-  isFormValid: boolean = false;
-
-  constructor(private reportService: ReportService) { }
-
-  async ngOnInit(): Promise<void> {
-    this.logoBase64 = await this.loadImageAsBase64('assets/reports-lib/assets/images/XMLogo.png');
-  }
-
-  columnDefs = [
-    // { headerName: 'ID', field: 'id', width: 100 },
-    { headerName: 'Description', field: 'description', flex: 4, tooltipField: 'description', cellClassRules: { 'pinned-total-cell': params => params.node.rowPinned === 'bottom' } },
-    { headerName: 'Settlment Ccy', field: 'settlmentCcy', flex: 1, tooltipField: 'settlmentCcy', cellClassRules: { 'pinned-total-cell': params => params.node.rowPinned === 'bottom' } },
-    { headerName: 'Amount In Settlment Ccy', field: 'amountInSettlmentCcy', flex: 2.1, cellClass: 'ag-right-aligned-cell', valueFormatter: this.currencyFormatter, tooltipValueGetter: (params: any) => this.currencyFormatter(params), cellClassRules: { 'pinned-total-cell': params => params.node.rowPinned === 'bottom' } },
-    { headerName: 'Amount In USD', field: 'amountInUSD', flex: 2.1, cellClass: 'ag-right-aligned-cell', valueFormatter: this.currencyFormatter, tooltipValueGetter: (params: any) => this.currencyFormatter(params), cellClassRules: { 'pinned-total-cell': params => params.node.rowPinned === 'bottom' } }
-  ];
-
-  defaultColDef = {
-    sortable: true,
-    filter: true,
-    resizable: true,
-    minwidth: 40,
-    wrapHeaderText: true,
-    autoHeaderHeight: true,
-    suppressSizeToFit: false,
-    wrapText: true,
-    autoHeight: true
-  };
-
-  currencyFormatter(params: any) {
-    if (params.value == null) return '0.000';
-    const num = Number(params.value);
-    return num.toFixed(3); // rounds to 3 decimals
-  }
-
-
-  async handleSearch(criteria: any): Promise<void> {
-    this.searchCriteria = criteria.searchCriteria;
-    const modal = criteria.modal;
-    this.reportUserandTime = `${criteria.sysUserID} @ ${formatDate(this.currentDateTime, 'dd/MM/yyyy hh:mm a', 'en-US')}`;
-    const payload = {
-      businessPartnerID: Number(modal.client),
-      fromDate: new Date(modal.fromDate).toISOString(),
-      toDate: new Date(modal.toDate).toISOString(),
-      clientType: criteria.clientType
-    };
-    this.user = criteria.sysUserID
-    this.metaDataOne = {
-      'Report Period ': criteria.reportPeriod
-    }
-    this.metaDataTwo = {
-      'Report User & Time ': this.reportUserandTime
-    }
-    try {
-      const sdate = new Date(payload?.fromDate);
-      const edate = new Date(payload?.toDate);
-      payload.fromDate = sdate.toISOString().split("T")[0];
-      payload.toDate = edate.toISOString().split("T")[0];
-    } catch (err) {
-      throw new Error("Invalid Date");
-    }
-    this.searchCriteria = criteria.searchCriteria;
-    console.log(criteria.clientName)
-    this.loadingState = ComponentLoadingStates.Loading;
-    this.errorMessage = '';
-    this.showTables = false;
-    this.selectedClientType = criteria.clientType;
-
-    this.reportService.getStatementOfAccount(payload)
-      .pipe(
-        finalize(() => {
-          this.loadingState = ComponentLoadingStates.Complete;
-          this.hasSearched = true;
-          this.showTables = true;
-        }),
-        takeUntil(this.destroy$)
-      )
-      .subscribe({
-        next: (data) => {
-          console.log(data)
-          this.openingBalAndFunding = data.openingBalAndFunding ?? [];
-          this.sendDetails = data.sendDetails ?? [];
-          this.receiveDetails = data.receiveDetails ?? [];
-
-          // add pinned totals
-          if (this.selectedClientType == "PayIn") {
-            this.sendPinnedBottomRow = [this.buildTotalRow(this.sendDetails)];
-            this.receivePinnedBottomRow = [];
-          }
-          else if (this.selectedClientType == "PayOut") {
-            this.receivePinnedBottomRow = [this.buildTotalRow(this.receiveDetails)];
-            this.sendPinnedBottomRow = [];
-          }
-          else if (this.selectedClientType === "Both") {
-            this.sendPinnedBottomRow = [this.buildTotalRow(this.sendDetails)];
-            this.receivePinnedBottomRow = [this.buildTotalRow(this.receiveDetails)];
-          }
-          else {
-            this.sendPinnedBottomRow = [];
-            this.receivePinnedBottomRow = [];
-          }
-          this.calculateClosingBalance();
-
-          this.noDataFromApi =
-            this.openingBalAndFunding.length === 0 &&
-            this.sendDetails.length === 0 &&
-            (!this.receiveDetails || this.receiveDetails.length === 0);
-        },
-        error: (err) => {
-          console.error('Error fetching Statement of Accounts:', err);
-          this.errorMessage = 'Failed to load Statement of Accounts';
-          this.openingBalAndFunding = [];
-          this.sendDetails = [];
-          this.receiveDetails = [];
-          this.loadingState = ComponentLoadingStates.Error;
-          this.showTables = false;
-        }
-      });
-  }
-
-  private buildTotalRow(rows: { amountInSettlmentCcy: number; amountInUSD: number }[]) {
-    const totalSettle = (rows || []).reduce((sum, r) => sum + (Number(r.amountInSettlmentCcy) || 0), 0);
-    const totalUsd = (rows || []).reduce((sum, r) => sum + (Number(r.amountInUSD) || 0), 0);
-
-    return {
-      id: null,
-      description: 'Total',
-      settlmentCcy: '',
-      amountInSettlmentCcy: Number(totalSettle.toFixed(3)),
-      amountInUSD: Number(totalUsd.toFixed(3))
-    };
-  }
-
-  onOpeningGridReady(params: any) {
-    this.openingGridApi = params.api;
-  }
-  onSendGridReady(params: any) {
-    this.sendGridApi = params.api;
-  }
-  onReceiveGridReady(params: any) {
-    this.receiveGridApi = params.api;
-  }
-
-  filter(text: string) {
-    this.searchText = text;
-    if (this.openingGridApi) {
-      this.openingGridApi.setQuickFilter(this.searchText);
-    }
-    if (this.sendGridApi) {
-      this.sendGridApi.setQuickFilter(this.searchText);
-    }
-    if (this.receiveGridApi) {
-      this.receiveGridApi.setQuickFilter(this.searchText);
-    }
-  }
-
-  private calculateClosingBalance(): void {
-    // USD totals (existing logic)
-    const openingBalTotalUsd = (this.openingBalAndFunding || []).reduce(
-      (sum, r: any) => sum + (Number(r.amountInUSD) || 0), 0
-    );
-    const sendTotalUsd = (this.sendDetails || []).reduce(
-      (sum, r: any) => sum + (Number(r.amountInUSD) || 0), 0
-    );
-    const receiveTotalUsd = (this.receiveDetails || []).reduce(
-      (sum, r: any) => sum + (Number(r.amountInUSD) || 0), 0
-    );
-    const rawClosingUsd = openingBalTotalUsd + sendTotalUsd + receiveTotalUsd;
-    this.closingBalance = Number(rawClosingUsd.toFixed(3)); // numeric USD
-
-    // Settlement currency totals (new)
-    const openingSettle = (this.openingBalAndFunding || []).reduce(
-      (sum, r: any) => sum + (Number(r.amountInSettlmentCcy) || 0), 0
-    );
-    const sendSettle = (this.sendDetails || []).reduce(
-      (sum, r: any) => sum + (Number(r.amountInSettlmentCcy) || 0), 0
-    );
-    const receiveSettle = (this.receiveDetails || []).reduce(
-      (sum, r: any) => sum + (Number(r.amountInSettlmentCcy) || 0), 0
-    );
-    const rawClosingSettle = openingSettle + sendSettle + receiveSettle;
-    this.closingBalanceInSettlment = Number(rawClosingSettle.toFixed(3));
-
-    // pick a settlement currency to display (first non-empty)
-    this.closingBalanceSettlmentCurrency = this.getFirstSettlementCurrency();
-
-    // formatted strings (no-thousand-comma, 3 decimals)
-    this.closingBalanceInUsdFormatted = this.formatNoComma(this.closingBalance);
-    this.closingBalanceSettlmentFormatted = this.formatNoComma(this.closingBalanceInSettlment);
-
-    this.closingBalanceUSDInWords = this.numberToWords(this.closingBalance);
-    this.closingBalanceSettlmentInWords =
-      this.closingBalanceInSettlment !== null &&
-        this.closingBalanceInSettlment !== undefined &&
-        !isNaN(Number(this.closingBalanceInSettlment))
-        ? this.numberToWords(this.closingBalanceInSettlment)
-        : '';
-  }
-
-  private formatNoComma(value: number | null | undefined): string {
-    if (value === null || value === undefined || isNaN(Number(value))) return '0.000';
-    const num = Number(value);
-    const truncated = Math.trunc(num * 1000) / 1000;
-    return truncated.toFixed(3);
-  }
-
-
-  private getFirstSettlementCurrency(): string {
-    const tryGet = (arr: any[]) => {
-      if (!arr || arr.length === 0) return '';
-      for (const r of arr) {
-        if (r && r.settlmentCcy) return r.settlmentCcy;
-      }
-      return '';
-    };
-
-    return tryGet(this.openingBalAndFunding) || tryGet(this.sendDetails) || tryGet(this.receiveDetails) || '';
-  }
-
-  numberToWords(num: number): string {
-    if (num === 0) return "Zero Point Zero Zero Zero Only";
-
-    let result = "";
-
-    // Handle negative numbers
-    if (num < 0) {
-      result = "Negative ";
-      num = Math.abs(num);
-    }
-
-    // Split integer and decimal parts
-    const integerPart = Math.floor(num);
-    const decimalPart = Math.round((num - integerPart) * 1000); // up to 3 decimal places
-
-    result += this.convertNumber(integerPart);
-
-    if (decimalPart > 0) {
-      result += " Point";
-      const decimalStr = decimalPart.toString().padStart(3, "0"); // keep 3 digits
-      for (const digit of decimalStr) {
-        result += " " + this.ones[+digit];
-      }
-    }
-
-    return result + " Only";
-  }
-
-  // Helper arrays
-  private ones = ["Zero", "One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine"];
-  private teens = ["Ten", "Eleven", "Twelve", "Thirteen", "Fourteen", "Fifteen", "Sixteen", "Seventeen", "Eighteen", "Nineteen"];
-  private tens = ["", "", "Twenty", "Thirty", "Forty", "Fifty", "Sixty", "Seventy", "Eighty", "Ninety"];
-
-  // Convert whole numbers (Indian/International system)
-  private convertNumber(num: number): string {
-    if (num === 0) return "";
-    if (num < 10) return this.ones[num];
-    if (num < 20) return this.teens[num - 10];
-    if (num < 100) return this.tens[Math.floor(num / 10)] + (num % 10 !== 0 ? " " + this.ones[num % 10] : "");
-    if (num < 1000) return this.convertNumber(Math.floor(num / 100)) + " Hundred" + (num % 100 !== 0 ? " " + this.convertNumber(num % 100) : "");
-    if (num < 1000000) return this.convertNumber(Math.floor(num / 1000)) + " Thousand" + (num % 1000 !== 0 ? " " + this.convertNumber(num % 1000) : "");
-    if (num < 1000000000) return this.convertNumber(Math.floor(num / 1000000)) + " Million" + (num % 1000000 !== 0 ? " " + this.convertNumber(num % 1000000) : "");
-    return this.convertNumber(Math.floor(num / 1000000000)) + " Billion" + (num % 1000000000 !== 0 ? " " + this.convertNumber(num % 1000000000) : "");
-  }
-
-  onExportChange(value: string): void {
-    this.selectedExportOption = value;
-  }
-
-  handleExport(option: string) {
-    this.selectedExportOption = option;
-    switch ((this.selectedExportOption || '').toLowerCase()) {
-      case 'pdf': this.exportToPDF(); break;
-      case 'excel': this.exportToExcel(); break;
-      case 'csv': this.exportToCSV(); break;
-      default: console.warn('Unknown export type:', this.selectedExportOption);
-    }
-  }
-
-  exportToPDF(): void {
-    const sections = this.getVisibleGrids()
-      .map(s => {
-        const data = this.getDisplayedData(s.api);
-        const headers = this.getHeaders();
-        let rows = this.buildRows(data);
-
-        if (s.title === 'Send Details' && this.sendPinnedBottomRow?.length) {
-          rows = rows.concat(this.buildRows(this.sendPinnedBottomRow));
-        }
-        if (s.title === 'Receive Details' && this.receivePinnedBottomRow?.length) {
-          rows = rows.concat(this.buildRows(this.receivePinnedBottomRow));
-        }
-
-        return rows.length ? { title: s.title, headers, rows } : null;
-      })
-      .filter(Boolean) as { title: string; headers: string[]; rows: any[][] }[];
-    if (!sections.length) return;
-
-    const doc = new jsPDF({ orientation: 'landscape', unit: 'mm', format: 'a4' });
-
-    if (this.logoBase64) {
-      doc.addImage(this.logoBase64, 'PNG', 15, 10, 38, 18);
-    }
-
-    const pageWidth = doc.internal.pageSize.getWidth();
-    const pageHeight = doc.internal.pageSize.getHeight();
-    doc.setFont('helvetica', 'bold');
-    doc.setFontSize(15);
-    doc.text(this.ReportName, pageWidth / 2, 18, { align: 'center' });
-
-    let y = 34;
-    doc.setFontSize(10);
-    Object.entries(this.metaDataOne || {}).forEach(([k, v]) => {
-      doc.setFont('helvetica', 'bold');
-      doc.text(`${k}: `, 15, y);
-      const w = doc.getTextWidth(`${k}: `);
-      doc.setFont('helvetica', 'normal');
-      doc.text(String(v ?? ''), 15 + w, y);
-      y += 6;
-    });
-
-    Object.entries(this.metaDataTwo || {}).forEach(([k, v]) => {
-      doc.setFont('helvetica', 'bold');
-      doc.text(`${k}: `, 15, y);
-      const w = doc.getTextWidth(`${k}: `);
-      doc.setFont('helvetica', 'normal');
-      doc.text(String(v ?? ''), 15 + w, y);
-      y += 6;
-    });
-
-
-    // --- search criteria ---
-    const searchCriteria: [string, string][] = this.searchCriteria || [];
-
-    // ===================== Search Criteria Section =====================
-
-    // Start just below metadata
-    let marginLeft = 15;
-    let currentY = y + 5; // continue below metadata
-
-    // --- heading ---
-    doc.setFont('helvetica', 'bold');
-    doc.text('Search Criteria:-', marginLeft, currentY);
-    currentY += 8;
-
-    const rowHeightPerLine = 6;
-    const minGap = 2; // gap between key and value
-    const betweenColumnsGap = 15; // gap between left and right columns
-    const pageContentWidth = doc.internal.pageSize.width - 2 * marginLeft;
-
-    // --- helper to measure pair width ---
-    const measurePairWidth = (key: string, value: string): number => {
-      doc.setFont('helvetica', 'bold');
-      const keyWidth = doc.getTextWidth(key + ' ');
-      doc.setFont('helvetica', 'normal');
-      const valueWidth = doc.getTextWidth(value);
-      return keyWidth + minGap + valueWidth;
-    };
-
-    // --- compute max width of left column ---
-    let maxLeftPairWidth = 0;
-    for (let i = 0; i < searchCriteria.length; i += 2) {
-      if (searchCriteria[i]) {
-        const [key, value] = searchCriteria[i];
-        const width = measurePairWidth(key, value);
-        if (width > maxLeftPairWidth) maxLeftPairWidth = width;
-      }
-    }
-
-    // --- calculate where right column starts ---
-    const leftColumnStart = marginLeft;
-    const rightColumnStart = leftColumnStart + maxLeftPairWidth + betweenColumnsGap;
-
-    // --- print pairs dynamically ---
-    for (let i = 0; i < searchCriteria.length; i += 2) {
-      // Left column
-      if (searchCriteria[i]) {
-        const [key, value] = searchCriteria[i];
-        doc.setFont('helvetica', 'bold');
-        doc.text(key, leftColumnStart, currentY);
-
-        doc.setFont('helvetica', 'normal');
-        const keyWidth = doc.getTextWidth(key + ' ');
-        const valueX = leftColumnStart + keyWidth + minGap;
-        doc.text(value, valueX, currentY);
-      }
-
-      // Right column
-      if (searchCriteria[i + 1]) {
-        const [key, value] = searchCriteria[i + 1];
-        doc.setFont('helvetica', 'bold');
-        doc.text(key, rightColumnStart, currentY);
-
-        doc.setFont('helvetica', 'normal');
-        const keyWidth = doc.getTextWidth(key + ' ');
-        const valueX = rightColumnStart + keyWidth + minGap;
-        doc.text(value, valueX, currentY);
-      }
-
-      currentY += rowHeightPerLine;
-    }
-
-    // Update Y position for next sections
-    y = currentY + 4;
-
-    const HEAD = this.getHeaders();
-
-    const margin = { left: 15, right: 15 };
-    const avail = pageWidth - margin.left - margin.right;
-    const weights = [4, 1, 2, 2];
-    const sum = weights.reduce((a, b) => a + b, 0);
-    const widths = weights.map(w => (w / sum) * avail);
-
-    const sharedColumnStyles = {
-      0: { cellWidth: widths[0] },
-      1: { cellWidth: widths[1] },
-      2: { cellWidth: widths[2], halign: 'right' },
-      3: { cellWidth: widths[3], halign: 'right' }
-    };
-
-    const titleGapAboveFirst = 0;
-    const titleGapAboveDefault = 4;
-    const titleGapAboveBig = 6;
-    const titleToTableGap = 2;
-    const topStartY = 20;
-    const bottomReserve = 20;
-
-    sections.forEach((s, idx) => {
-      const isFirst = idx === 0;
-      const isSendOrReceive = s.title === 'Send Details' || s.title === 'Receive Details';
-      const preTitleGap = isFirst ? 0 : (isSendOrReceive ? titleGapAboveBig : titleGapAboveDefault);
-
-      if (y + preTitleGap + titleToTableGap > pageHeight - bottomReserve) {
-        doc.addPage();
-        y = topStartY;
-      } else {
-        y += preTitleGap;
-      }
-
-      doc.setFont('helvetica', 'bold');
-      doc.setFontSize(11);
-      doc.text(s.title, margin.left, y);
-
-      const startYForTable = y + (isFirst ? 0 : titleToTableGap);
-
-      doc.autoTable({
-        head: [HEAD],
-        body: s.rows,
-        startY: startYForTable,
-        theme: 'grid',
-        margin,
-        tableWidth: avail,
-        columnStyles: sharedColumnStyles,
-        headStyles: { fillColor: [220, 220, 220], textColor: 0, fontStyle: 'bold', fontSize: 9, halign: 'center' },
-        bodyStyles: { fontSize: 8 },
-        styles: { cellPadding: 2, overflow: 'linebreak', minCellHeight: 6 }
-      });
-
-      y = (doc as any).lastAutoTable.finalY;
-    });
-    if (y + 30 > pageHeight - bottomReserve) {
-      doc.addPage();
-      y = topStartY;
-    }
-
-    const closingBody = [
-      [
-        { content: 'Closing Balance', colSpan: 2, styles: { halign: 'left', fontStyle: 'bold' } },
-        { content: Number(this.closingBalanceInSettlment || 0).toFixed(3), styles: { halign: 'right' } },
-        { content: Number(this.closingBalance || 0).toFixed(3), styles: { halign: 'right' } }
-      ],
-      [
-        { content: `${this.closingBalanceSettlmentCurrency || ''} - ${this.closingBalanceSettlmentInWords || ''}`, colSpan: 4, styles: { halign: 'left' } }
-      ],
-      [
-        { content: `${this.closingBalanceCurrency || ''} - ${this.closingBalanceUSDInWords || ''}`, colSpan: 4, styles: { halign: 'left' } }
-      ]
-    ];
-
-    doc.autoTable({
-      body: closingBody,
-      startY: y,
-      theme: 'grid',
-      margin,
-      tableWidth: avail,
-      columnStyles: sharedColumnStyles,
-      styles: { cellPadding: 2, fontSize: 9 }
-    });
-
-    doc.save('Statement_of_Accounts.pdf');
-  }
-
-  exportToExcel(): void {
-    const sections = this.getVisibleGrids()
-      .map(s => {
-        const data = this.getDisplayedData(s.api);
-        const headers = this.getHeaders();
-        let rows = this.buildRows(data);
-
-        if (s.title === 'Send Details' && this.sendPinnedBottomRow?.length) {
-          rows = rows.concat(this.buildRows(this.sendPinnedBottomRow));
-        }
-        if (s.title === 'Receive Details' && this.receivePinnedBottomRow?.length) {
-          rows = rows.concat(this.buildRows(this.receivePinnedBottomRow));
-        }
-
-        return rows.length ? { title: s.title, headers, rows } : null;
-      })
-      .filter(Boolean) as { title: string; headers: string[]; rows: any[][] }[];
-
-    if (!sections.length) return;
-
-    const wb = new ExcelJS.Workbook();
-    const ws = wb.addWorksheet('Statement of Accounts');
-    let r = 1;
-
-    if (this.logoBase64) {
-      const imgId = wb.addImage({ base64: this.logoBase64, extension: 'png' });
-      ws.addImage(imgId, { tl: { col: 0, row: 0 }, ext: { width: 145, height: 66 }, editAs: 'oneCell' });
-    }
-
-    ws.getRow(r).getCell(2).value = this.ReportName;
-    ws.getRow(r).getCell(2).font = { bold: true, size: 16 };
-    r += 3;
-
-    Object.entries(this.metaDataOne || {}).forEach(([k, v]) => {
-      const row = ws.getRow(r++);
-      row.getCell(1).value = {
-        richText: [
-          { text: k + ': ', font: { bold: true } }, // key bold
-          { text: v ?? '' }                        // value normal
-        ]
-      };
-      row.getCell(1).alignment = { wrapText: false, vertical: 'middle' };
-    });
-
-    Object.entries(this.metaDataTwo || {}).forEach(([k, v]) => {
-      const row = ws.getRow(r++);
-      row.getCell(1).value = {
-        richText: [
-          { text: k + ': ', font: { bold: true } }, // key bold
-          { text: v ?? '' }                        // value normal
-        ]
-      };
-      row.getCell(1).alignment = { wrapText: false, vertical: 'middle' };
-    });
-
-    r++;
-    // --- search criteria ---
-    const searchCriteria: [string, string][] = this.searchCriteria || [];
-
-    ws.mergeCells(r, 1, r, 4); // previously 1..6
-    ws.getCell(r, 1).value = 'Search Criteria:-';
-    ws.getCell(r, 1).font = { bold: true };
-    r += 2;
-
-    for (let i = 0; i < searchCriteria.length; i += 2) {
-      const left = searchCriteria[i];
-      const right = searchCriteria[i + 1];
-      const row = ws.getRow(r++);
-
-      // Left column (reduced merge)
-      ws.mergeCells(row.number, 1, row.number, 1); // was 1..3
-      row.getCell(1).value = {
-        richText: [
-          { text: left[0] + ' ', font: { bold: true } },
-          { text: left[1] }
-        ]
-      };
-      row.getCell(1).alignment = { wrapText: true, vertical: 'middle' };
-
-      // Right column (start closer to left)
-      if (right) {
-        ws.mergeCells(row.number, 2, row.number, 3); // was 4..6
-        row.getCell(3).value = {
-          richText: [
-            { text: right[0] + ' ', font: { bold: true } },
-            { text: right[1] }
-          ]
-        };
-        row.getCell(3).alignment = { wrapText: true, vertical: 'middle' };
-      }
-    }
-
-    r++;
-
-    const writeSection = (sec: { title: string; headers: string[]; rows: any[][] }) => {
-      const titleRow = ws.getRow(r++);
-      const titleCell = titleRow.getCell(1);
-      titleCell.value = sec.title;
-      titleCell.font = { bold: true, size: 12 };
-      titleCell.alignment = { horizontal: 'left', vertical: 'middle' };
-
-      const headerRow = ws.getRow(r++);
-      sec.headers.forEach((h, i) => {
-        const c = headerRow.getCell(i + 1);
-        c.value = h;
-        c.font = { bold: true };
-        c.alignment = { vertical: 'middle', horizontal: 'center' };
-        c.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'D9D9D9' } };
-        c.border = { top: { style: 'thin' }, bottom: { style: 'thin' }, left: { style: 'thin' }, right: { style: 'thin' } };
-      });
-
-      const dataStart = r;
-
-      sec.rows.forEach(rowData => {
-        const row = ws.getRow(r++);
-        rowData.forEach((v, i) => {
-          const c = row.getCell(i + 1);
-          if (sec.headers[i] === 'Amount In Settlment Ccy' || sec.headers[i] === 'Amount In USD') {
-            const num = typeof v === 'string' ? Number(v.replace(/[, ]+/g, '')) : Number(v);
-            c.value = isNaN(num) ? (v ?? '') : num;
-            c.alignment = { horizontal: 'right' };
-            if (!isNaN(num)) c.numFmt = '0.000';
-          } else {
-            c.value = v ?? '';
-          }
-          c.border = { top: { style: 'thin' }, bottom: { style: 'thin' }, left: { style: 'thin' }, right: { style: 'thin' } };
-        });
-      });
-
-      for (let col = 1; col <= sec.headers.length; col++) {
-        let max = (sec.headers[col - 1] || '').toString().length;
-        for (let rr = dataStart - 1; rr < r; rr++) {
-          const val = (ws.getRow(rr).getCell(col).value ?? '').toString();
-          if (val) max = Math.max(max, val.length + 2);
-        }
-        ws.getColumn(col).width = Math.min(Math.max(max, 8), 60);
-      }
-    };
-
-    sections.forEach((sec, idx) => {
-      writeSection(sec);
-      if (idx < sections.length - 1) {
-        r++;
-      }
-    });
-
-    const totalCols = sections.length
-      ? Math.max(...sections.map(s => s.headers.length))
-      : this.columnDefs.length;
-    const cols = Math.max(totalCols, 4);
-    const labelColsEnd = 2;
-    const settleCol = 3;
-    const usdCol = 4;
-
-    const row1 = ws.getRow(r++);
-    ws.mergeCells(row1.number, 1, row1.number, labelColsEnd);
-    row1.getCell(1).value = 'Closing Balance';
-    row1.getCell(1).font = { bold: true };
-    row1.getCell(1).alignment = { horizontal: 'left', vertical: 'middle' };
-
-    const settleValue = Number(this.closingBalanceInSettlment ?? 0);
-    const usdValue = Number(this.closingBalance ?? 0);
-
-    const settleCell = row1.getCell(settleCol);
-    settleCell.value = isNaN(settleValue) ? '' : settleValue;
-    settleCell.alignment = { horizontal: 'right' };
-    if (!isNaN(settleValue)) settleCell.numFmt = '0.000';
-
-    const usdCell = row1.getCell(usdCol);
-    usdCell.value = isNaN(usdValue) ? '' : usdValue;
-    usdCell.alignment = { horizontal: 'right' };
-    if (!isNaN(usdValue)) usdCell.numFmt = '0.000';
-
-    for (let c = 1; c <= cols; c++) {
-      row1.getCell(c).border = {
-        top: { style: 'thin' },
-        bottom: { style: 'thin' },
-        left: { style: 'thin' },
-        right: { style: 'thin' }
-      };
-    }
-
-    const row2 = ws.getRow(r++);
-    ws.mergeCells(row2.number, 1, row2.number, cols);
-    row2.getCell(1).value = `${this.closingBalanceSettlmentCurrency || ''} - ${this.closingBalanceSettlmentInWords || ''}`;
-    row2.getCell(1).alignment = { horizontal: 'left', vertical: 'middle' };
-    row2.getCell(1).font = { italic: false };
-
-    for (let c = 1; c <= cols; c++) {
-      const edge: any = { top: { style: 'thin' }, bottom: { style: 'thin' } };
-      if (c === 1) edge.left = { style: 'thin' };
-      if (c === cols) edge.right = { style: 'thin' };
-      row2.getCell(c).border = edge;
-    }
-
-    const row3 = ws.getRow(r++);
-    ws.mergeCells(row3.number, 1, row3.number, cols);
-    row3.getCell(1).value = `${this.closingBalanceCurrency || ''} - ${this.closingBalanceUSDInWords || ''}`;
-    row3.getCell(1).alignment = { horizontal: 'left', vertical: 'middle' };
-
-    for (let c = 1; c <= cols; c++) {
-      const edge: any = { top: { style: 'thin' }, bottom: { style: 'thin' } };
-      if (c === 1) edge.left = { style: 'thin' };
-      if (c === cols) edge.right = { style: 'thin' };
-      row3.getCell(c).border = edge;
-    }
-
-    wb.xlsx.writeBuffer().then(buf => {
-      FileSaver.saveAs(
-        new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }),
-        'Statement_of_Accounts.xlsx'
-      );
-    });
-  }
-
-  exportToCSV(): void {
-    const sections = this.getVisibleGrids()
-      .map(s => {
-        const data = this.getDisplayedData(s.api);
-        let rows = this.buildRows(data);
-
-        if (s.title === 'Send Details' && this.sendPinnedBottomRow?.length) {
-          rows = rows.concat(this.buildRows(this.sendPinnedBottomRow));
-        }
-        if (s.title === 'Receive Details' && this.receivePinnedBottomRow?.length) {
-          rows = rows.concat(this.buildRows(this.receivePinnedBottomRow));
-        }
-
-        return rows.length ? { title: s.title, headers: this.getHeaders(), rows } : null;
-      })
-      .filter(Boolean) as { title: string; headers: string[]; rows: any[][] }[];
-
-    if (!sections.length) return;
-
-    const lines: string[] = [];
-    lines.push(this.ReportName);
-
-    Object.entries(this.metaDataOne || {}).forEach(([k, v]) => lines.push(`${k}: ${v ?? ''}`));
-    Object.entries(this.metaDataTwo || {}).forEach(([k, v]) => lines.push(`${k}: ${v ?? ''}`));
-
-    // --- SEARCH CRITERIA BLOCK ---
-    const searchCriteria: [string, string][] = this.searchCriteria || [];
-
-    if (searchCriteria?.length) {
-      lines.push('');
-      lines.push('Search Criteria:-');
-
-      // Determine max length of left column for padding
-      const maxLeftLength = Math.max(...searchCriteria.map(([k, v]) => (k + ' ' + v).length));
-
-      for (let i = 0; i < searchCriteria.length; i += 2) {
-        const left = searchCriteria[i];
-        const right = searchCriteria[i + 1];
-
-        const leftText = left ? `${left[0]} ${left[1]}`.padEnd(maxLeftLength + 5, ' ') : '';
-        const rightText = right ? `${right[0]} ${right[1]}` : '';
-
-        // Each pair stays in its own column
-        lines.push(`"${leftText}${rightText}"`);
-      }
-
-      lines.push(''); // blank line after search criteria
-    }
-
-    sections.forEach((sec, idx) => {
-      lines.push(sec.title);
-      lines.push(sec.headers.join(','));
-      sec.rows.forEach(r => lines.push(r.map(v => `"${v ?? ''}"`).join(',')));
-
-      if (idx < sections.length - 1) {
-        lines.push('');
-      }
-    });
-
-    lines.push(
-      `"Closing Balance",,"${Number(this.closingBalanceInSettlment || 0).toFixed(3)}","${Number(this.closingBalance || 0).toFixed(3)}"`
-    );
-
-    lines.push(`"${this.closingBalanceSettlmentCurrency || ''} - ${this.closingBalanceSettlmentInWords || ''}"`);
-
-    lines.push(`"${this.closingBalanceCurrency || ''} - ${this.closingBalanceUSDInWords || ''}"`);
-
-    const csv = lines.join('\n');
-    FileSaver.saveAs(
-      new Blob([csv], { type: 'text/csv;charset=utf-8' }),
-      'Statement_of_Accounts.csv'
-    );
-  }
-
-
-  private loadImageAsBase64(src: string): Promise<string> {
-    return new Promise((resolve, reject) => {
-      const img = new Image();
-      img.crossOrigin = 'anonymous';
-      img.src = src;
-      img.onload = () => {
-        const canvas = document.createElement('canvas');
-        canvas.width = img.width;
-        canvas.height = img.height;
-        const ctx = canvas.getContext('2d');
-        if (!ctx) return reject('Canvas context failed');
-        ctx.drawImage(img, 0, 0);
-        resolve(canvas.toDataURL('image/png'));
-      };
-      img.onerror = () => reject('Failed to load image: ' + src);
-    });
-  }
-
-  private getDisplayedData(api?: GridApi): any[] {
-    if (!api) return [];
-    const rows: any[] = [];
-    const count = api.getDisplayedRowCount();
-    for (let i = 0; i < count; i++) {
-      const node = api.getDisplayedRowAtIndex(i);
-      if (node && !node.group && !node.rowPinned) rows.push(node.data);
-    }
-    return rows;
-  }
-
-  private getHeaders(): string[] {
-    return this.columnDefs.map(c => c.headerName || c.field);
-  }
-  private format3(n: any): string {
-    if (n == null || n === '') return '';
-    const num = Number(n);
-    return num.toFixed(3);
-  }
-  private buildRows(data: any[]): any[][] {
-    return data.map(row =>
-      this.columnDefs.map(col => {
-        const f = col.field;
-        if (f === 'amountInSettlmentCcy' || f === 'amountInUSD') {
-          return this.format3(row[f]);
-        }
-        return row[f] ?? '';
-      })
-    );
-  }
-
-  private getVisibleGrids(): { title: string; api?: GridApi }[] {
-    const out: { title: string; api?: GridApi }[] = [];
-    out.push({ title: '', api: this.openingGridApi });
-    if (this.selectedClientType === 'PayIn' || this.selectedClientType === 'Both') {
-      out.push({ title: 'Send Details', api: this.sendGridApi });
-    }
-    if (this.selectedClientType === 'PayOut' || this.selectedClientType === 'Both') {
-      out.push({ title: 'Receive Details', api: this.receiveGridApi });
-    }
-    return out;
-  }
-
-  handleFormValid(isValid: boolean): void {
-    this.isFormValid = isValid;
-  }
-
-}