Sales List

The sales list page renders a detailed table of acquiring sales, with applied filter pills, search by receipt number and a payment method selector (card / Pix / all).

BfmSalesListComponent

This section describes the BfmSalesListComponent component.

Composition

The BfmSalesListComponent is composed of the following components:

• BfmListHeaderComponent - Header with applied filters and search.
• BfmTableViewComponent - Table rendering the sales items.

Usage

You can import the BfmSalesListComponent directly in your route configuration.

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

const routes = [
  {
    path: 'sales-list',
    component: BfmSalesListComponent,
  },
];

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

sales-list.component.ts

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

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

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

sales-list.component.html

<bfm-sales-list />

Inputs

The BfmSalesListComponent component has no inputs.

Events

The BfmSalesListComponent component has no events.

Feature flags

The component reacts to the following feature flags:

Flag	Behavior
enable_qrcode_pix	Displays the Pix payment method option in the method selector.