Skip to main content

Two Factor OTP Authenticator Confirm Modal

This section describes the BfmTwoFactorOtpAuthenticatorConfirmModalComponent component.

Usage​

You must import the BfmTwoFactorOtpAuthenticatorConfirmModalComponent and provide it to ModalService to open the modal.

info

Modals are not components. They must be used with the ModalService to be opened.

To better understand, check the Modals documentation.

two-factor-otp-authenticator-confirm-modal.component.ts
import { BfmTwoFactorOtpAuthenticatorConfirmModalComponent } from '@celerofinancas/ui-user-kit';
import { ModalService } from "@celerofinancas/ui-modals";
import { Component, inject } from '@angular/core';

@Component({
  standalone: true,
  selector: 'two-factor-otp-authenticator-confirm',
  templateUrl: './two-factor-otp-authenticator-confirm.component.html',
})
export class TwoFactorOtpAuthenticatorConfirmComponent {
  /**
   * Modal service for handling modals
   */
  private modalService = inject(ModalService);

  /**
   * Open the modal
   */
  public openModal(): void {
    this.modalService.open(BfmTwoFactorOtpAuthenticatorConfirmModalComponent, {
      onConfirmation$: 'onConfirmationObservable',
    });
  };
}

Inputs​

The BfmTwoFactorOtpAuthenticatorConfirmModalComponent modalRef has the following inputs:

onConfirmation$​

Confirmation Modal Observable

TypeDefault
Observable<any>null

Events​

The BfmTwoFactorOtpAuthenticatorConfirmModalComponent modalRef has no events.