@sachin9822/reports-lib 0.0.213 → 0.0.214

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

@@ -1,68 +0,0 @@
-<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

@@ -1,65 +0,0 @@
-@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

@@ -1,23 +0,0 @@
-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

@@ -1,290 +0,0 @@
-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

@@ -1,25 +0,0 @@
-<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

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

@@ -1,23 +0,0 @@
-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();
-  });
-});