@sachin9822/reports-lib 0.0.213 → 0.0.214

package/src/lib/components/transaction-enquiry-report/transaction-enquiry-report.component.html

@@ -1,49 +0,0 @@
-<lib-search-filter 
-    [ReportName]="ReportName" 
-    (searchClicked)="handleSearch($event)"
-    (formValid)="handleFormValid($event)"
-    >
-</lib-search-filter>
-
-<app-loader *ngIf="loadingState === ComponentLoadingState.Loading"></app-loader>
-
-<span *ngIf="loadingState === ComponentLoadingState.Error">{{ errorMessage }}</span>
-
-<div class="alert alert-warning mt-3" *ngIf="hasSearched && transactionData.length === 0 && loadingState === ComponentLoadingState.Complete">
-    No transactions found matching your search criteria.
-</div>
-
-<div *ngIf="transactionData && transactionData.length > 0 && loadingState === ComponentLoadingState.Complete && isFormValid">
-
-  <lib-metadata 
-    [reportName]="ReportName" 
-    [showmetaDataOne]="true" 
-    [showmetaDataTwo]="true" 
-    [metaDataOne]="metaDataOne"
-    [metaDataTwo]="metaDataTwo" 
-    (exportEvent)="handleExport($event)" 
-    (searchEvent)="filter($event)">
-  </lib-metadata>
-
-  <div style="position: relative;" *ngIf="filteredData.length > 0">
-
-    <lib-page-size-selector 
-      [totalEntries]="transactionData.length" 
-      [defaultSize]="'15'" 
-      [gridApi]="gridApi">
-    </lib-page-size-selector>
-
-    <ag-grid-angular class="ag-theme-alpine transaction-grid" 
-      [rowData]="filteredData" 
-      [columnDefs]="columnDefs"
-      [defaultColDef]="defaultColDef"
-      [rowHeight]="22" 
-      [pagination]="true" 
-      [headerHeight]="30" 
-      [paginationPageSize]="paginationPageSize"
-      (gridReady)="onGridReady($event)" 
-      style="width: 100%; height: 435px;">
-    </ag-grid-angular>
-  </div>
-
-</div>

package/src/lib/components/transaction-enquiry-report/transaction-enquiry-report.component.scss

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

package/src/lib/components/transaction-enquiry-report/transaction-enquiry-report.component.spec.ts

@@ -1,32 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { TransactionEnquiryComponent } from './transaction-enquiry-report.component';
-import { describe, it } from 'node:test';
-
-describe('TransactionEnquiryComponent', () => {
-  let component: TransactionEnquiryComponent;
-  let fixture: ComponentFixture<TransactionEnquiryComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ TransactionEnquiryComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(TransactionEnquiryComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
-function beforeEach(arg0: () => Promise<void>) {
-  throw new Error('Function not implemented.');
-}
-
-function expect(component: TransactionEnquiryComponent) {
-  throw new Error('Function not implemented.');
-}
-

package/src/lib/components/transaction-enquiry-report/transaction-enquiry-report.component.ts

@@ -1,304 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { AgGridAngular } from 'ag-grid-angular';
-import { GridOptions, ColDef, GridReadyEvent, GridApi, ColumnApi } from 'ag-grid-community';
-import { Subject } from 'rxjs';
-import { takeUntil, finalize } from 'rxjs/operators';
-import { ReportService } from '../../services/report.service';
-import { TransactionData, ComponentLoadingState } from '../../models/transaction-enquiry-report/transaction-enquiry.model';
-import { ExportService } from '../../shared/export.service';
-import { ConfigService } from '../../services/config.service';
-import { formatDate } from '@angular/common';
-
-@Component({
-  selector: 'app-transaction-enquiry',
-  templateUrl: './transaction-enquiry-report.component.html',
-  styleUrls: ['./transaction-enquiry-report.component.scss']
-})
-
-export class TransactionEnquiryComponent implements OnInit {
-  @ViewChild('agGrid') agGrid!: AgGridAngular;
-
-  private destroy$ = new Subject<void>();
-  gridApi!: GridApi;
-  searchText: string = '';
-  paginationPageSize: number = 15;
-  selectedExportOption: string = 'excel';
-  currentDateTime: Date = new Date();
-
-  exportFormats = [{ formatName: "Excel", code: 'excel' }, { formatName: "PDF", code: 'pdf' }, { formatName: "CSV", code: 'csv' }]
-
-  loadingState: ComponentLoadingState = ComponentLoadingState.Complete;
-  ComponentLoadingState = ComponentLoadingState;
-  isSearching: boolean = false;
-  hasSearched: boolean = false;
-  _errorMessage: string = '';
-  gridColumnApi: ColumnApi;
-
-  token = sessionStorage.getItem('access_token');
-  applicationType = 'ezremit';
-  companyCode = 'BH';
-  serviceUrl: string;
-  searchCriteria: [string, string][];
-
-  transactionData: TransactionData[] = [];
-  ReportName = "Transaction Enquiry";
-  metaDataOne: Record<string, string>;
-  metaDataTwo: Record<string, string>;
-  filteredData: TransactionData[] = [];
-  reportUserandTime: string = '';
-  reportPeriod: string = '';
-  user: any;
-  isFormValid: boolean = false;
-
-  // AG Grid Column Definitions
-  columnDefs: ColDef[] = [
-    { headerName: 'Product', field: 'product', flex: 1, minWidth: 70, tooltipField: 'product' },
-    { headerName: 'User Id', field: 'id', flex: 1, minWidth: 70, cellClass: '', tooltipField: 'id' },
-    {
-      headerName: 'Transaction Number', field: 'transactionNumber', tooltipField: 'transactionNumber',
-      cellRenderer: (params: any) => {
-        const url = this.buildTransactionDetailsUrl(params.value);
-        return `<a href="${url}" target="_blank" rel="noopener noreferrer">${params.value}</a>`;
-      },
-      flex: 1, minWidth: 100, cellClass: 'transaction-link-cell'
-    },
-    { headerName: 'Transaction Ref Number', field: 'transactionReferenceNumber', flex: 1, minWidth: 100, tooltipField: 'transactionReferenceNumber' },
-    { headerName: 'Transaction Date', field: 'businessDate', flex: 1, minWidth: 75, tooltipField: 'businessDate' },
-    { headerName: 'Send Client', field: 'sendAgent', flex: 1, minWidth: 120, tooltipField: 'sendAgent' },
-    { headerName: 'Send Client Branch', field: 'sendAgtBranch', flex: 1, minWidth: 120, tooltipField: 'sendAgtBranch' },
-    { headerName: 'Receive Client', field: 'recvAgent', flex: 1, minWidth: 120, tooltipField: 'recvAgent' },
-    { headerName: 'Receive Client Branch', field: 'rcvAgtBranch', flex: 1, minWidth: 120, tooltipField: 'rcvAgtBranch' },
-    { headerName: 'Sender Name', field: 'sendName', flex: 1, minWidth: 120, tooltipField: 'sendName' },
-    { headerName: 'Sender ID Type', field: 'sendIdType', flex: 1, minWidth: 90, tooltipField: 'sendIdType' },
-    { headerName: 'Sender ID Number', field: 'sendIdNumber', flex: 1, minWidth: 85, tooltipField: 'sendIdNumber' },
-    { headerName: 'Benf. Name', field: 'benName', flex: 1, minWidth: 100, tooltipField: 'benName' },
-    { headerName: 'Receive Currency', field: 'payOutCurrency', flex: 1, minWidth: 80, tooltipField: 'payOutCurrency' },
-    { headerName: 'Receive Amount', field: 'payOutAmount', flex: 1, minWidth: 100, cellClass: 'ag-right-aligned-cell ', tooltipField: 'payOutAmount' },
-    { headerName: 'Send Currency', field: 'payInCurrency', flex: 1, minWidth: 70, tooltipField: 'payInCurrency' },
-    { headerName: 'Send Amount', field: 'payInAmount', flex: 1, minWidth: 100, cellClass: 'ag-right-aligned-cell', tooltipField: 'payInAmount' },
-    { headerName: 'Service Fee', field: 'commission', flex: 1, minWidth: 80, cellClass: 'ag-right-aligned-cell', tooltipField: 'commission' },
-    { headerName: 'Transaction Status', field: 'transactionStatus', flex: 1, minWidth: 98, cellClass: 'status-cell', tooltipField: 'transactionStatus' }
-  ];
-
-  defaultColDef = {
-    sortable: true,
-    filter: true,
-    resizable: true,
-    minwidth: 40,
-    wrapHeaderText: true,
-    autoHeaderHeight: true,
-    suppressSizeToFit: false,
-    wrapText: true,
-    autoHeight: true
-  };
-
-
-  private buildTransactionDetailsUrl(transactionNumber: string): string {
-    const baseUrl = this.serviceUrl;
-    const token = this.token;
-    const userName = this.user;
-    const applicationType = this.applicationType;
-
-    return `${baseUrl}/api/v1/RetailTransaction/GetTransactionDetailsHtmlView` +
-      `?transactionNumber=${transactionNumber}&applicationType=${applicationType}` +
-      `&access_token=${token}&userName=${userName}`;
-  }
-
-  constructor(
-    private reportService: ReportService,
-    private exportService: ExportService,
-    private config: ConfigService
-  ) {
-    this.serviceUrl = this.config.get.serviceUrl;
-  }
-
-  ngOnInit(): void {
-  }
-
-  ngOnDestroy(): void {
-    this.destroy$.next();
-    this.destroy$.complete();
-  }
-
-  handleSearch(criteria: any): void {
-    this.searchCriteria = criteria.searchCriteria;
-    this.loadingState = ComponentLoadingState.Loading;
-    this.errorMessage = '';
-    this.transactionData = [];
-    this.hasSearched = false;
-    this.searchText = '';
-    this.selectedExportOption = 'excel';
-    this.user = criteria.sysUserID;
-    this.reportUserandTime = `${criteria.sysUserID} @ ${formatDate(this.currentDateTime, 'dd/MM/yyyy hh:mm a', 'en-US')}`;
-    this.reportPeriod = criteria.reportPeriod;
-
-    var modal = criteria.modal;
-    const payload = {
-      client: modal.client,
-      fromDate: modal.fromDate,
-      toDate: modal.toDate,
-      branch: modal.branch,
-      currency: modal.currency,
-      product: modal.product,
-      transactionStatus: modal.transactionStatus.join(","),
-      transactionNo: (modal.transactionNo || '').trim()
-    }
-
-    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");
-    }
-
-    console.log(payload)
-    this.metaDataOne = {
-      'Report Period': criteria.reportPeriod
-    }
-    this.metaDataTwo = {
-      'Report User & Time': this.reportUserandTime
-    }
-    this.searchCriteria = criteria.searchCriteria;
-
-    this.reportService.searchTransactions(payload)
-      .pipe(
-        takeUntil(this.destroy$),
-        finalize(() => {
-          this.loadingState = ComponentLoadingState.Complete;
-          this.hasSearched = true;
-        })
-      )
-      .subscribe({
-        next: data => {
-          this.transactionData = Array.isArray(data) ? data : [];
-          this.filteredData = [...this.transactionData];
-          if (this.gridApi) {
-            this.gridApi.setRowData(this.filteredData);
-          } else {
-            console.error('Grid API is not initialized!');
-          }
-        },
-        error: err => {
-          this.errorMessage = 'Failed to fetch transaction data. Please try again.';
-          this.loadingState = ComponentLoadingState.Error;
-          console.error('Search error:', err);
-        }
-      });
-  }
-
-  filter(text: string): void {
-    this.searchText = text.trim();
-    if (this.searchText.length === 0) {
-      this.filteredData = [...this.transactionData];
-    } else {
-      this.filteredData = this.transactionData.filter(row =>
-        Object.values(row).some(val =>
-          String(val).toLowerCase().includes(this.searchText.toLowerCase())
-        )
-      );
-    }
-  }
-
-  onGridReady(params: GridReadyEvent): void {
-    this.gridApi = params.api;
-    this.gridColumnApi = params.columnApi;
-    this.gridApi.sizeColumnsToFit();
-  }
-
-  clearError(): void {
-    this.errorMessage = '';
-    this.loadingState = ComponentLoadingState.Complete;
-  }
-
-  get isLoading(): boolean {
-    return this.loadingState === ComponentLoadingState.Loading;
-  }
-
-  get isError(): boolean {
-    return this.loadingState === ComponentLoadingState.Error;
-  }
-
-  get errorMessage(): string {
-    return this._errorMessage;
-  }
-
-  set errorMessage(value: string) {
-    this._errorMessage = value;
-  }
-
-  onExportChange(value: string): void {
-    this.selectedExportOption = value;
-  }
-
-  handleExport(option: string): void {
-    this.selectedExportOption = option;
-    if (this.selectedExportOption === 'pdf') {
-      this.exportToPDF();
-    } else if (this.selectedExportOption === 'excel') {
-      this.exportToExcel();
-    } else if (this.selectedExportOption === 'csv') {
-      this.exportToCSV();
-    } else {
-      alert('Please select a valid export format.');
-    }
-  }
-
-  exportToPDF(): void {
-    if (!this.transactionData?.length) return;
-
-    const title = 'Transaction Enquiry';
-    const metadata = this.exportService.generateReportMetadata([
-      ['Report Period :', this.reportPeriod],
-      ['Report User & Time :', this.reportUserandTime]
-    ]);
-    const { headers, rows } = this.exportService.prepareExportTable(this.transactionData, this.columnDefs, {
-      currencyFields: []
-    });
-
-    this.exportService.exportToPdfUniversal(title, metadata, this.searchCriteria, headers, rows, 'Transaction_Enquiry.pdf')
-      .then(() => {
-        console.log('PDF export completed.');
-      })
-      .catch(err => {
-        console.error('PDF export failed:', err);
-      });
-  }
-
-  exportToExcel(): void {
-    if (!this.transactionData?.length) return;
-
-    const title = 'Transaction Enquiry';
-    const metadata = this.exportService.generateReportMetadata([
-      ['Report Period ', this.reportPeriod],
-      ['Report User & Time ', this.reportUserandTime]
-    ]);
-
-    const { headers, rows } = this.exportService.prepareExportTable(this.transactionData, this.columnDefs, {
-      currencyFields: []
-    });
-
-    this.exportService.exportToExcelUniversal(title, metadata, this.searchCriteria, headers, rows, 'Transaction_Enquiry.xlsx');
-  }
-
-  exportToCSV(): void {
-    if (!this.transactionData?.length) return;
-
-    const title = 'Transaction Enquiry';
-    const metadata = this.exportService.generateReportMetadata([
-      ['Report Period: ', this.reportPeriod],
-      ['Report User & Time: ', this.reportUserandTime]
-    ]);
-
-    const { headers, rows } = this.exportService.prepareExportTable(this.transactionData, this.columnDefs, {
-      currencyFields: []
-    });
-
-    this.exportService.exportToCsvUniversal(title, metadata, this.searchCriteria, headers, rows, 'Transaction_Enquiry.csv');
-  }
-
-  handleFormValid(isValid: boolean): void {
-    this.isFormValid = isValid;
-  }
-}

package/src/lib/components/transaction-monitoring-report/transaction-monitoring-report.component.html

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

package/src/lib/components/transaction-monitoring-report/transaction-monitoring-report.component.scss

@@ -1,7 +0,0 @@
-@import 'src/styles/common-report-style.scss';
-@import 'src/styles/ag-grid-report-style.scss';
-
-// ::ng-deep .ag-center-cols-viewport {
-//     width: 100%;
-//     overflow-x: hidden;
-// }