Skip to main content

Two Factor Status

This section describes the BfmTwoFactorStatusComponent component.

Usage​

You need to import it in your module and use it in your template.

two-factor-status.component.ts
import { BfmTwoFactorStatusComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'two-factor-status',
  imports: [BfmTwoFactorStatusComponent],
  templateUrl: './two-factor-status.component.html',
})
export class CustomTwoFactorStatusComponent {}

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

two-factor-status.component.html
<bfm-two-factor-status 
  [modalData]="modalData"
  [textTitle]="textTitle"
/>

Inputs​

The BfmTwoFactorStatusComponent component has the following inputs:

modalData​

2FA confirmation modal dict

Type
TwoFactorStatusModalData

Default value:

{ 
  activate: { 
    titleText: 'Verificação em duas etapas', 
    bodyText: 'Para ativar a verificação, digite o código de 6 dígitos enviado por SMS para o número de celular cadastrado', 
    confirmationText: 'Ativar verificação', 
  }, 
  deactivate: { 
    titleText: 'Desativar verificação em duas etapas', 
    bodyText: 'Para desativar a verificação, digite o código de 6 dígitos enviado por SMS para o número de celular cadastrado', 
    confirmationText: 'Desativar verificação', 
  }, 
}

textTitle​

Text Component Title

TypeDefault
string'Sempre que fizer login na plataforma, utilize a senha cadastrada e um código de verificação enviado para o número de celular cadastrado no Perfil.'

Events​

The BfmTwoFactorStatusComponent component has no events.