Prepayment List

The prepayment list page renders the acquiring prepayment table, a filters summary, a filters sidebar and modals for downloading the prepayment list and viewing fee details.

BfmPrepaymentListComponent

This section describes the BfmPrepaymentListComponent component.

Composition

The BfmPrepaymentListComponent is composed of the following components:

• BfmPrepaymentTableComponent - Table rendering the prepayment items.
• BfmAppliedFiltersComponent - Applied filter pills.
• BfmPrepaymentFiltersSummaryComponent - Summary of the applied filters.

It also opens the following on demand:

• BfmSidebarComponent - Filters sidebar (opened via CdsSidebarService).
• BfmPrepaymentDownloadModalComponent - Download modal (opened via ModalService).
• BfmPrepaymentFeeModalComponent - Fee details modal (opened via ModalService).

Usage

You can import the BfmPrepaymentListComponent directly in your route configuration.

import { BfmPrepaymentListComponent } from '@celerofinancas/ui-acquiring';

const routes = [
  {
    path: 'prepayment-list',
    component: BfmPrepaymentListComponent,
  },
];

But if you need more customization, you need to import it in your module and use it in your template.

prepayment-list.component.ts

import { BfmPrepaymentListComponent } from '@celerofinancas/ui-acquiring';

@Component({
  standalone: true,
  selector: 'example-component',
  imports: [BfmPrepaymentListComponent],
  templateUrl: './prepayment-list.component.html',
})
export class ExampleComponent {}

Then, in your template, you can use the component like this:

prepayment-list.component.html

<bfm-prepayment-list />

Inputs

The BfmPrepaymentListComponent component has no inputs.

Events

The BfmPrepaymentListComponent component has no events.

Feature flags

The component reacts to the following feature flag:

Flag	Behavior
modal_acquisition	Whitelist (any or the active company_pk) that toggles hidden acquiring features.