UserConfirm2FaForm

Подтверждение действий юзера в виде формы (функционал идентичен модалке)

Полная инфа о Confirmation

Props

confirmOptions

  • type: ConfirmOptions
  • required: true

Параметры подтверждения полученные с бекенда

listAsModal

  • type: boolean
  • default: true

Отобразить выбор альтернативного способа подтверждения
в формате модального окна

errorAsModal

  • type: boolean
  • default: false

Отобразить сообщение об ошибке(кончились попытки)
в формате модального окна

Events

Event namePropertiesDescription
successdata mixed - данные которые должны были прийти с бекенда,Подтверждение успешно пройдено

Examples

Common case

Common case
<div>
  <SomeForm
    v-if="!confirmOptions"
    @confirm="onConfirm"
    @success="onSuccess"
  />

  <Confirm2FaForm
    v-else
    :confirmOptions="confirmOptions"
    :listAsModal="true"
    :errorAsModal="false"
    @confirm="onSuccessConfirm"
  />
</div>
import { useConfirm2FaForm } from '#sf/components/user/confirm-2fa/form/api';

export default defineComponent({
  setup() {
    const onSuccess = () => {
      // some logic without confirm
    };
    const { confirmOptions, onConfirm } = useConfirm2FaForm();
    const onSuccessConfirm = async (res) => {
      // some logic after confirm
    };
  }
});