@sachin9822/reports-lib 0.0.211 → 0.0.212

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

@@ -0,0 +1,68 @@
+<lib-search-filter 
+    [ReportName]="ReportName" 
+    (searchClicked)="handleSearch($event)"
+    (formValid)="handleFormValid($event)"
+    >
+</lib-search-filter>
+
+<app-loader class="" *ngIf="loadingState == ComponentLoadingState.Loading"></app-loader>
+<div class="alert alert-warning mt-3" *ngIf="hasSearched && noDataFromApi">
+  No transactions found matching your search criteria.
+</div>
+
+<div *ngIf="errorMessage" class="error alert alert-danger mt-3">{{ errorMessage }}</div>
+
+<div *ngIf="isDataAvailable() && !errorMessage && isFormValid">
+  <lib-metadata 
+    [reportName]="ReportName" 
+    [showmetaDataOne]="true" 
+    [showmetaDataTwo]="true" 
+    [metaDataOne]="metaDataOne"
+    [metaDataTwo]="metaDataTwo" 
+    (exportEvent)="handleExport($event)" 
+    (searchEvent)="filter($event)">
+  </lib-metadata>
+</div>
+
+<div style="margin-top: 20px;" *ngIf="hasAnyGroups() && !errorMessage && isFormValid">
+
+  <ngb-accordion #acc="ngbAccordion" [closeOthers]="false">
+    <ng-container *ngFor="let item of filteredData | keyvalue; let i = index">
+
+      <ngb-panel *ngIf="item.value.length > 0" [id]="'panel-' + i">
+
+        <ng-template ngbPanelTitle style="height: 10%;">
+          <label class="panel-cls">
+            {{ item.key }}
+          </label>
+        </ng-template>
+
+        <ng-template ngbPanelContent>
+          <div style="position: relative;">
+            <lib-page-size-selector [totalEntries]="item?.value?.length"
+            [defaultSize]="'15'" [gridApi]="gridApis[i]">
+            ></lib-page-size-selector>
+
+            <ag-grid-angular
+              class="ag-theme-alpine cancellation-grid"
+              style="width: 100%; height: 370px;"
+              [rowData]="item.value"
+              [columnDefs]="columnDefs"
+              [pagination]="true"
+              [defaultColDef]="defaultColDef"
+              [rowHeight]="22"
+              [paginationPageSize]="getPageSizeFor(i, item.value.length)"
+              (gridReady)="onGridReady($event, i)"
+              (gridSizeChanged)="onGridSizeChanged($event)">
+            </ag-grid-angular>
+          </div>
+        </ng-template>
+
+      </ngb-panel>
+    </ng-container>
+  </ngb-accordion>
+</div>
+
+<!-- <div class="alert alert-info mt-3" *ngIf="hasSearched && !noDataFromApi && hasNoGroups() && !errorMessage && !hasAnyGroups()">
+  Your search filter did not match any transactions in the current report. Clear the search box to see all data.
+</div> -->

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

@@ -0,0 +1,65 @@
+@import "src/styles/common-report-style.scss";
+.bootstrap-scope {
+  @import "bootstrap/scss/bootstrap";
+}
+
+.cancellation-grid ::ng-deep .ag-header {
+    background-color: #f9f9f9;
+    color: #000;
+    font-weight: 600;
+    font-size: 10px;
+    border-top: 1px solid #e0e0e0;
+    white-space: normal !important;
+    word-break: keep-all !important;
+    overflow-wrap: anywhere;
+}
+
+.cancellation-grid ::ng-deep .ag-header-cell,
+.cancellation-grid ::ng-deep .ag-header-group-cell {
+    padding: 2px !important;
+    border-right: 1px solid #e0e0e0;
+}
+
+.cancellation-grid ::ng-deep .ag-header-cell-label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    white-space: break-spaces;
+    height: auto;
+}
+
+.cancellation-grid ::ng-deep .ag-cell {
+    font-size: 9px;
+    font-weight: 500;
+    line-height: 1.35;
+    padding: 4px 6px !important;
+    color: #000;
+    border-right: 1px solid #e0e0e0;
+    border-bottom: 1px solid #e0e0e0;
+    white-space: normal !important;
+    overflow-wrap: anywhere;
+    user-select: text !important;
+    -webkit-user-select: text !important;
+    -moz-user-select: text !important;
+    -ms-user-select: text !important;
+    cursor: text;
+    display: flex;
+    align-items: center;
+}
+
+.cancellation-grid ::ng-deep .ag-header-cell-text {
+    text-align: center;
+}
+
+.cancellation-grid ::ng-deep .ag-cell.ag-right-aligned-cell {
+    justify-content: flex-end !important;
+}
+
+::ng-deep .ag-paging-panel {
+  border-top: 1px solid;
+  border-top-color: var(--ag-border-color);
+  color: var(--ag-secondary-foreground-color);
+  height: 30px;
+  font-size: 11px !important;
+}
+

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

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

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

@@ -0,0 +1,290 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
+import { finalize, takeUntil } from 'rxjs/operators';
+import { ReportService } from '../../services/report.service';
+import { ComponentLoadingStates } from '../../models/component-loading-states';
+import { CancellationTransaction } from '../../models/cancellation-transaction-report/cancellation-transaction.model';
+import { GenericExportService } from '../../shared/export-generic.service';
+import { formatDate } from '@angular/common';
+
+@Component({
+  selector: 'lib-cancellation-transaction-report',
+  templateUrl: './cancellation-transaction-report.component.html',
+  styleUrls: ['./cancellation-transaction-report.component.scss']
+})
+
+export class CancellationTransactionReportComponent implements OnInit, OnDestroy {
+  ReportName = "Cancellation Transaction";
+  user: string;
+  private destroy$ = new Subject<void>();
+  ComponentLoadingState = ComponentLoadingStates;
+  loadingState: ComponentLoadingStates = ComponentLoadingStates.Complete;
+  hasSearched: boolean = false;
+  noDataFromApi: boolean = false;
+  errorMessage: string;
+  cancellationData: CancellationTransaction[];
+  pageSize = 15;
+  metaDataOne: Record<string, string>;
+  metaDataTwo: Record<string, string>;
+  currentDateTime: Date = new Date();
+  searchText: string;
+  selectedExportOption = 'excel';
+
+  dataMap: Record<string, CancellationTransaction[]> = {};
+  filteredData: Record<string, CancellationTransaction[]> = {};
+  searchCriteria: [string, string][];
+
+  paginationArray: (number | 'All')[] = [];
+  gridApis: any[] = [];
+  reportPeriod: any;
+  reportUserandTime: string;
+  isFormValid: boolean = false;
+
+  // ag-Grid properties
+  columnDefs = [
+    { headerName: 'Txn Date & Time', field: 'txnDateAndTime', flex: 1, minWidth: 63, tooltipValueGetter: params => params.value || '' },
+    { headerName: 'Cancellation Branch Date', field: 'cancellationBranchDateTime', flex: 1, minWidth: 110, tooltipField: 'cancellationBranchDateTime' },
+    { headerName: 'Cancellation Business Date', field: 'cancellationBusinessDate', flex: 1, minWidth: 80, tooltipField: 'cancellationBusinessDate' },
+    { headerName: 'Transaction Number', field: 'transactionNumber', flex: 1, minWidth: 80, tooltipField: 'transactionNumber' },
+    { headerName: 'Product', field: 'product', flex: 1, minWidth: 60, tooltipField: 'product' },
+    { headerName: 'Send Client Branch Code', field: 'sendAgentBranchCode', flex: 1, minWidth: 90, tooltipField: 'sendAgentBranchCode' },
+    { headerName: 'Send Principal Client Code (If Applicable)', field: 'sendPrincipalAgentCode', flex: 1, minWidth: 90, tooltipField: 'sendPrincipalAgentCode' },
+    { headerName: 'Receive Client Code', field: 'recvAGTcode', flex: 1, minWidth: 80, tooltipField: 'recvAGTcode' },
+    { headerName: 'Receive CcyCode', field: 'payoutCCcode', flex: 1, minWidth: 65, tooltipField: 'payoutCCcode' },
+    { headerName: 'Receive Amount', field: 'payOutAmount', flex: 1, minWidth: 82, cellClass: 'ag-right-aligned-cell', tooltipField: 'payOutAmount' },
+    { headerName: 'Send CcyCode', field: 'payinCCcode', flex: 1, minWidth: 69, tooltipField: 'payinCCcode' },
+    { headerName: 'Send Amount', field: 'payInAmount', flex: 1, minWidth: 80, cellClass: 'ag-right-aligned-cell', tooltipField: 'payInAmount' },
+    { headerName: 'Service Fee', field: 'txnCommission', flex: 1, minWidth: 80, cellClass: 'ag-right-aligned-cell', },
+    { headerName: 'Tax', field: 'tax', flex: 1, minWidth: 70, cellClass: 'ag-right-aligned-cell', tooltipField: 'tax' },
+    { headerName: 'Total Send Amount', field: 'totalPayinAmount', flex: 1, minWidth: 82, cellClass: 'ag-right-aligned-cell', tooltipField: 'totalPayinAmount' },
+    { headerName: 'Transaction Status', field: 'status', flex: 1, minWidth: 80, tooltipField: 'status' },
+    { headerName: 'Cancellation Location Code', field: 'cancellationLocationCode', flex: 1, minWidth: 95, tooltipField: 'cancellationLocationCode' },
+    { headerName: 'Cancellation Reason', field: 'cancellationReason', flex: 1, minWidth: 105, tooltipField: 'cancellationReason' },
+    { headerName: 'Cancelled By User', field: 'statusChangedBy', flex: 1, minWidth: 100, tooltipField: 'statusChangedBy' }
+  ];
+
+  defaultColDef = {
+    sortable: true,
+    filter: true,
+    resizable: true,
+    minwidth: 40,
+    wrapHeaderText: true,
+    autoHeaderHeight: true,
+    suppressSizeToFit: false,
+    wrapText: true,
+    autoHeight: true
+  };
+
+  constructor(
+    private reportService: ReportService,
+    private exportService: GenericExportService
+  ) { }
+
+  ngOnInit(): void {
+  }
+
+  ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
+  handleSearch(criteria: any): void {
+    this.searchCriteria = criteria.searchCriteria;
+    const modal = criteria.modal;
+    this.user = criteria.sysUserID;
+    this.reportPeriod = criteria.reportPeriod;
+    this.reportUserandTime = `${criteria.sysUserID} @ ${formatDate(this.currentDateTime, 'dd/MM/yyyy hh:mm a', 'en-US')}`;
+    this.metaDataOne = {
+      'Report Period': criteria.reportPeriod
+    }
+    this.metaDataTwo = {
+      'Report User & Time': this.reportUserandTime
+    }
+
+    const searchData = {
+      BusinessPartnerCode: modal.client,
+      StartDate: modal.fromDate,
+      EndDate: modal.toDate,
+      BranchCode: modal.branch,
+      SendCountryCode: modal.sendCountry,
+      RecvCountryCode: modal.receiveCountry,
+      TransactionType: modal.product,
+      PayoutCurrency: modal.receiveCurrency,
+    };
+    try {
+      const sdate = new Date(searchData?.StartDate);
+      const edate = new Date(searchData?.EndDate);
+      searchData.StartDate = sdate.toISOString().split("T")[0];
+      searchData.EndDate = edate.toISOString().split("T")[0];
+    } catch (err) {
+      throw new Error("Invalid Date");
+    }
+    this.dataMap = {};
+    this.filteredData = {};
+    this.searchText = '';
+    this.errorMessage = '';
+    this.noDataFromApi = false;
+    this.selectedExportOption = 'excel';
+    this.loadingState = ComponentLoadingStates.Loading;
+    this.searchCriteria = criteria.searchCriteria;
+
+    this.reportService.getCancellationReport(searchData)
+      .pipe(
+        takeUntil(this.destroy$),
+        finalize(() => {
+          this.loadingState = ComponentLoadingStates.Complete;
+          this.hasSearched = true;
+        })
+      )
+      .subscribe({
+        next: (data) => {
+          this.filteredData = data;
+          this.dataMap = JSON.parse(JSON.stringify(data));
+          if (
+            Object.keys(this.filteredData).length === 0 ||
+            Object.values(this.filteredData).every(arr => arr.length === 0)
+          ) {
+            this.noDataFromApi = true;
+            this.dataMap = {};
+            this.filteredData = {};
+            return;
+          }
+          this.paginationArray = new Array(Object.keys(this.filteredData).length).fill(15);
+        },
+        error: (err) => {
+          console.error('Search error:', err);
+          this.errorMessage = 'Failed to fetch cancellation transaction data. Please try again.';
+          this.dataMap = {};
+          this.filteredData = {};
+          this.loadingState = this.ComponentLoadingState.Error;
+        }
+      });
+  }
+
+  filter(text: string): void {
+    this.searchText = text;
+    const searchText = this.searchText ? this.searchText.trim().toLowerCase() : '';
+
+    if (searchText.length === 0) {
+      this.filteredData = structuredClone(this.dataMap);
+      return;
+    }
+    const newFilteredData: Record<string, CancellationTransaction[]> = {};
+    for (const [key, entries] of Object.entries(this.dataMap)) {
+      const filteredEntries = entries.filter(entry =>
+        Object.values(entry).some(val => {
+          return val != null && val.toString().toLowerCase().includes(searchText);
+        })
+      );
+      if (filteredEntries.length > 0) {
+        newFilteredData[key] = filteredEntries;
+      }
+    }
+    this.filteredData = newFilteredData;
+  }
+
+  formatCurrency(params) {
+    if (params.value != null) {
+      return params.value.toLocaleString('en-US', { minimumFractionDigits: 3 });
+    }
+    return '';
+  }
+
+  dateValueFormatter(format: string) {
+    return (params: any) => {
+      if (!params.value) return '';
+      try {
+        return formatDate(params.value, format, 'en-US');
+      } catch {
+        return '';
+      }
+    }
+  }
+
+  onGridReady(params: any, id: number) {
+    params.api.sizeColumnsToFit();
+    this.gridApis[id] = params.api;
+  }
+
+  onGridSizeChanged(params: any) {
+    params.api.sizeColumnsToFit();
+  }
+
+  getKeys(obj: Record<string, unknown>): string[] {
+    return obj ? Object.keys(obj) : [];
+  }
+
+  hasAnyGroups(): boolean {
+    return this.filteredData && this.getKeys(this.filteredData).length > 0;
+  }
+
+  hasNoGroups(): boolean {
+    return this.filteredData && this.getKeys(this.filteredData).length === 0 && this.loadingState == ComponentLoadingStates.Complete;
+  }
+
+  getPageSizeFor(index: number, total: number): number {
+    const val = this.paginationArray[index];
+    if (val === 'All') {
+      return total;
+    }
+    return Number(val ?? this.pageSize);
+  }
+
+  isDataAvailable(): boolean {
+    return this.hasSearched && !this.noDataFromApi && !this.errorMessage && this.loadingState == ComponentLoadingStates.Complete;
+  }
+
+  handleExport(option: string): void {
+    this.selectedExportOption = option;
+    if (!this.hasAnyGroups()) {
+      alert("There is no data to export based on your current filter.");
+      return;
+    }
+    if (!this.filteredData || Object.keys(this.filteredData).length === 0) {
+      alert("No data to export");
+      return;
+    }
+    const title = "Cancellation Transaction";
+    const reportTimeFormatter = this.dateValueFormatter('dd/MM/yyyy hh:mm a');
+    const metadata: [string, string][] = [
+      ['Report Period ', this.reportPeriod],
+      ['Report User & Time ', this.reportUserandTime]
+    ];
+    // --- search criteria ---
+    const searchCriteria: [string, string][] = this.searchCriteria;
+    const columns = this.columnDefs;
+    const data = this.dataMap;
+    const options = {
+      currencyFields: [],
+      dateFields: [],
+
+      dateFieldFormats: {},
+
+      specialDecimalFields: {
+        rate: 8
+      },
+
+      groupByKey: true
+    };
+
+    switch (this.selectedExportOption) {
+      case 'excel':
+        this.exportService.exportToExcel({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      case 'pdf':
+        this.exportService.exportToPdf({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      case 'csv':
+        this.exportService.exportToCsv({ title, metadata, searchCriteria, columns, data, options });
+        break;
+      default:
+        alert("Please select an export format.");
+    }
+  }
+
+  handleFormValid(isValid: boolean): void {
+    this.isFormValid = isValid;
+  }
+
+}
+

package/src/lib/components/credit-limit-status-enquiry-report/credit-limit-status-enquiry-report.component.html

@@ -0,0 +1,25 @@
+<lib-search-filter [ReportName]="ReportName" (searchClicked)="handleSearch($event)" (formValid)="handleFormValid($event)">
+</lib-search-filter>
+<app-loader class="" *ngIf="loadingState == ComponentLoadingState.Loading"></app-loader>
+<section *ngIf="showReport && isFormValid" class="my-2 mx-1">
+    <ng-container *ngIf="!noDataFound else noDataTemplate">
+        <lib-metadata [reportName]="ReportName" [showmetaDataOne]="true" [showmetaDataTwo]="true"
+            [metaDataOne]="metaDataOne" [metaDataTwo]="metaDataTwo" (exportEvent)="handleExport($event)"
+            (searchEvent)="onSearch($event)"></lib-metadata>
+        <div style="position: relative;" *ngIf="filteredData?.length>0">
+            <lib-page-size-selector [totalEntries]="data?.length" [defaultSize]="'15'" [gridApi]="gridApi">
+                ></lib-page-size-selector>
+
+            <ag-grid-angular class="ag-theme-alpine transaction-grid" style="width: 100%;height: 407px;"
+                [columnDefs]="columnDefs" [defaultColDef]="defaultColDef" [rowData]="filteredData" [rowHeight]="20"
+                [headerHeight]="22" [pagination]="true" [paginationPageSize]="pageSize"
+                (gridReady)="onGridReady($event)">
+            </ag-grid-angular>
+        </div>
+    </ng-container>
+    <ng-template #noDataTemplate>
+        <div class="alert alert-warning mt-3">
+            No Data found matching your search criteria.
+        </div>
+    </ng-template>
+</section>

package/src/lib/components/credit-limit-status-enquiry-report/credit-limit-status-enquiry-report.component.scss

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

package/src/lib/components/credit-limit-status-enquiry-report/credit-limit-status-enquiry-report.component.spec.ts

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