@authing/react-ui-components 3.0.1-alpha.3 → 3.0.1-beta.3

package/es/MFA/core/sms.js

@@ -0,0 +1,296 @@
+import "antd/lib/message/style";
+import _message from "antd/lib/message";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
+import "antd/lib/form/style";
+import _Form from "antd/lib/form";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React, { useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { VerifyCodeInput } from '../VerifyCodeInput';
+import { useGuardAuthClient } from '../../Guard/authClient';
+import { SendCodeBtn } from '../../SendCode/SendCodeBtn';
+import SubmitButton from '../../SubmitButton';
+import CustomFormItem from '../../ValidatorRules';
+import { VerifyCodeFormItem } from '../VerifyCodeInput/VerifyCodeFormItem';
+import { InputNumber } from '../../InputNumber';
+import { IconFont } from '../../IconFont';
+import { phoneDesensitization } from '../../_utils';
+export var BindMFASms = function BindMFASms(_ref) {
+  var mfaToken = _ref.mfaToken,
+      onBind = _ref.onBind,
+      config = _ref.config;
+  var submitButtonRef = useRef(null);
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var ref = useRef(null);
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
+      var phone, _submitButtonRef$curr, _submitButtonRef$curr2;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              phone = _ref2.phone;
+              submitButtonRef.current.onSpin(true);
+              _context.next = 4;
+              return form.validateFields();
+
+            case 4:
+              try {
+                onBind(phone);
+              } catch (e) {
+                // do nothing
+                (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onError();
+              } finally {
+                (_submitButtonRef$curr2 = submitButtonRef.current) === null || _submitButtonRef$curr2 === void 0 ? void 0 : _submitButtonRef$curr2.onSpin(false);
+              }
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onFinish(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
+    className: "authing-g2-mfa-title"
+  }, t('common.bindPhone')), /*#__PURE__*/React.createElement("p", {
+    className: "authing-g2-mfa-tips"
+  }, t('login.bindPhoneInfo')), /*#__PURE__*/React.createElement(_Form, {
+    form: form,
+    onFinish: onFinish,
+    onFinishFailed: function onFinishFailed() {
+      return submitButtonRef.current.onError();
+    },
+    onValuesChange: function onValuesChange(values) {
+      var _ref$current;
+
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.check(values);
+    }
+  }, /*#__PURE__*/React.createElement(CustomFormItem.Phone, {
+    className: "authing-g2-input-form",
+    name: "phone",
+    form: form,
+    ref: ref,
+    checkRepeat: true,
+    required: true
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    className: "authing-g2-input",
+    autoComplete: "tel",
+    size: "large",
+    placeholder: t('login.inputPhone'),
+    prefix: /*#__PURE__*/React.createElement(IconFont, {
+      type: "authing-a-smartphone-line1",
+      style: {
+        color: '#878A95'
+      }
+    })
+  })), /*#__PURE__*/React.createElement(SubmitButton, {
+    text: t('common.sure'),
+    ref: submitButtonRef
+  })));
+};
+export var VerifyMFASms = function VerifyMFASms(_ref4) {
+  var mfaToken = _ref4.mfaToken,
+      phone = _ref4.phone,
+      onVerify = _ref4.onVerify,
+      sendCodeRef = _ref4.sendCodeRef,
+      _ref4$codeLength = _ref4.codeLength,
+      codeLength = _ref4$codeLength === void 0 ? 4 : _ref4$codeLength;
+  var authClient = useGuardAuthClient();
+  var submitButtonRef = useRef(null);
+
+  var _useTranslation2 = useTranslation(),
+      t = _useTranslation2.t;
+
+  var _Form$useForm3 = _Form.useForm(),
+      _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
+      form = _Form$useForm4[0];
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      sent = _useState2[0],
+      setSent = _useState2[1];
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(values) {
+      var mfaCode, user, error, _submitButtonRef$curr3;
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              submitButtonRef.current.onSpin(true);
+              mfaCode = form.getFieldValue('mfaCode');
+              _context2.prev = 2;
+              _context2.next = 5;
+              return authClient.mfa.verifyAppSmsMfa({
+                mfaToken: mfaToken,
+                phone: phone,
+                code: mfaCode.join('')
+              });
+
+            case 5:
+              user = _context2.sent;
+              // TODO
+              onVerify(200, user);
+              _context2.next = 14;
+              break;
+
+            case 9:
+              _context2.prev = 9;
+              _context2.t0 = _context2["catch"](2);
+              error = JSON.parse(_context2.t0.message);
+              submitButtonRef.current.onError();
+              onVerify(error.code, error);
+
+            case 14:
+              _context2.prev = 14;
+              (_submitButtonRef$curr3 = submitButtonRef.current) === null || _submitButtonRef$curr3 === void 0 ? void 0 : _submitButtonRef$curr3.onSpin(false);
+              return _context2.finish(14);
+
+            case 17:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[2, 9, 14, 17]]);
+    }));
+
+    return function onFinish(_x2) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var tips = useMemo(function () {
+    var _context3;
+
+    return sent ? _concatInstanceProperty(_context3 = "".concat(t('login.verifyCodeSended'), " ")).call(_context3, phoneDesensitization(phone)) : '';
+  }, [phone, sent, t]);
+
+  var sendVerifyCode = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var errorMessage;
+      return _regeneratorRuntime.wrap(function _callee3$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.prev = 0;
+              _context4.next = 3;
+              return authClient.sendSmsCode(phone);
+
+            case 3:
+              return _context4.abrupt("return", true);
+
+            case 6:
+              _context4.prev = 6;
+              _context4.t0 = _context4["catch"](0);
+
+              if (!(_context4.t0.code === 'ECONNABORTED')) {
+                _context4.next = 11;
+                break;
+              }
+
+              _message.error(t('login.sendCodeTimeout'));
+
+              return _context4.abrupt("return", false);
+
+            case 11:
+              errorMessage = JSON.parse(_context4.t0.message);
+
+              _message.error(errorMessage.message);
+
+              return _context4.abrupt("return", false);
+
+            case 14:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee3, null, [[0, 6]]);
+    }));
+
+    return function sendVerifyCode() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
+    className: "authing-g2-mfa-title"
+  }, t('login.inputPhoneCode')), /*#__PURE__*/React.createElement("p", {
+    className: "authing-g2-mfa-tips"
+  }, tips), /*#__PURE__*/React.createElement(_Form, {
+    form: form,
+    onFinish: onFinish,
+    onFinishFailed: function onFinishFailed() {
+      return submitButtonRef.current.onError();
+    }
+  }, /*#__PURE__*/React.createElement(VerifyCodeFormItem, {
+    codeLength: codeLength,
+    ruleKeyword: t('common.captchaCode')
+  }, /*#__PURE__*/React.createElement(VerifyCodeInput, {
+    length: codeLength,
+    onFinish: onFinish
+  })), /*#__PURE__*/React.createElement(SendCodeBtn, {
+    btnRef: sendCodeRef,
+    beforeSend: function beforeSend() {
+      return sendVerifyCode();
+    },
+    type: "link",
+    setSent: setSent
+  }), /*#__PURE__*/React.createElement(SubmitButton, {
+    text: t('common.sure'),
+    ref: submitButtonRef,
+    className: "g2-mfa-submit-button"
+  })));
+};
+export var MFASms = function MFASms(_ref7) {
+  var _config$__publicConfi;
+
+  var userPhone = _ref7.phone,
+      mfaToken = _ref7.mfaToken,
+      mfaLogin = _ref7.mfaLogin,
+      config = _ref7.config;
+
+  var _useState3 = useState(userPhone),
+      _useState4 = _slicedToArray(_useState3, 2),
+      phone = _useState4[0],
+      setPhone = _useState4[1];
+
+  var sendCodeRef = useRef(null);
+  var codeLength = (_config$__publicConfi = config.__publicConfig__) === null || _config$__publicConfi === void 0 ? void 0 : _config$__publicConfi.verifyCodeLength;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, phone ? /*#__PURE__*/React.createElement(VerifyMFASms, {
+    mfaToken: mfaToken,
+    phone: phone,
+    onVerify: function onVerify(code, data) {
+      mfaLogin(code, data);
+    },
+    codeLength: codeLength !== null && codeLength !== void 0 ? codeLength : 4,
+    sendCodeRef: sendCodeRef
+  }) : /*#__PURE__*/React.createElement(BindMFASms, {
+    config: config,
+    mfaToken: mfaToken,
+    onBind: function onBind(phone) {
+      var _sendCodeRef$current;
+
+      setPhone(phone);
+      (_sendCodeRef$current = sendCodeRef.current) === null || _sendCodeRef$current === void 0 ? void 0 : _sendCodeRef$current.click();
+    }
+  }));
+};

package/es/MFA/core/totp.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { GuardMFAInitData, MFAConfig } from '../interface';
+export interface BindMFATotpProps {
+    initData: GuardMFAInitData;
+    changeModule: any;
+}
+export declare const BindMFATotp: React.FC<BindMFATotpProps>;
+export interface VerifyMFATotpProps {
+    mfaToken: string;
+    mfaLogin: any;
+}
+export declare const VerifyMFATotp: React.FC<VerifyMFATotpProps>;
+export interface MFATotpProps {
+    changeModule: any;
+    config: MFAConfig;
+    initData: GuardMFAInitData;
+    mfaLogin: any;
+}
+export declare const MFATotp: React.FC<MFATotpProps>;

package/es/MFA/core/totp.js

@@ -0,0 +1,146 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
+import "antd/lib/form/style";
+import _Form from "antd/lib/form";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React, { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAsyncFn } from 'react-use';
+import { GuardModuleType } from '../../Guard/module';
+import { useGuardHttp } from '../../_utils/guradHttp';
+import SubmitButton from '../../SubmitButton';
+import { VerifyCodeFormItem } from '../VerifyCodeInput/VerifyCodeFormItem';
+import { VerifyCodeInput } from '../VerifyCodeInput';
+import { IconFont } from '../../IconFont';
+export var BindMFATotp = function BindMFATotp(_ref) {
+  var changeModule = _ref.changeModule,
+      initData = _ref.initData;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var next = function next() {
+    return changeModule(GuardModuleType.BIND_TOTP, initData);
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
+    className: "authing-g2-mfa-title"
+  }, t('common.bindTotp')), /*#__PURE__*/React.createElement("p", {
+    className: "authing-g2-mfa-tips"
+  }, t('common.otpText1')), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "authing-otp",
+    style: {
+      width: 247,
+      height: 131
+    }
+  })), /*#__PURE__*/React.createElement(SubmitButton, {
+    text: t('common.sure'),
+    onClick: next,
+    className: "g2-mfa-submit-button bind-totp"
+  }));
+};
+export var VerifyMFATotp = function VerifyMFATotp(_ref2) {
+  var mfaToken = _ref2.mfaToken,
+      mfaLogin = _ref2.mfaLogin;
+
+  var _useTranslation2 = useTranslation(),
+      t = _useTranslation2.t;
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var submitButtonRef = useRef(null);
+
+  var _useGuardHttp = useGuardHttp(),
+      post = _useGuardHttp.post;
+
+  var _useAsyncFn = useAsyncFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var mfaCode, _yield$post, code, data, message;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            submitButtonRef.current.onSpin(true);
+            mfaCode = form.getFieldValue('mfaCode');
+            _context.prev = 2;
+            _context.next = 5;
+            return post('/api/v2/mfa/totp/verify', {
+              totp: mfaCode.join('')
+            }, {
+              headers: {
+                authorization: mfaToken
+              }
+            });
+
+          case 5:
+            _yield$post = _context.sent;
+            code = _yield$post.code;
+            data = _yield$post.data;
+            message = _yield$post.message;
+
+            if (code !== 200) {
+              mfaLogin(code, {
+                message: message
+              });
+              submitButtonRef.current.onError();
+            } else {
+              mfaLogin(200, data);
+            }
+
+          case 10:
+            _context.prev = 10;
+            submitButtonRef.current.onSpin(false);
+            return _context.finish(10);
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[2,, 10, 13]]);
+  })), [mfaToken]),
+      _useAsyncFn2 = _slicedToArray(_useAsyncFn, 2),
+      onFinish = _useAsyncFn2[1];
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
+    className: "authing-g2-mfa-title"
+  }, t('login.accPwdLoginVerify')), /*#__PURE__*/React.createElement("p", {
+    className: "authing-g2-mfa-tips"
+  }, t('login.inputSixCode')), /*#__PURE__*/React.createElement(_Form, {
+    form: form,
+    onSubmitCapture: function onSubmitCapture() {},
+    onFinish: onFinish,
+    onFinishFailed: function onFinishFailed() {
+      return submitButtonRef.current.onError();
+    }
+  }, /*#__PURE__*/React.createElement(VerifyCodeFormItem, {
+    codeLength: 6
+  }, /*#__PURE__*/React.createElement(VerifyCodeInput, {
+    length: 6,
+    showDivider: true,
+    gutter: '10px',
+    onFinish: onFinish
+  })), /*#__PURE__*/React.createElement(SubmitButton, {
+    text: t('common.sure'),
+    ref: submitButtonRef
+  })));
+};
+export var MFATotp = function MFATotp(_ref4) {
+  var changeModule = _ref4.changeModule,
+      initData = _ref4.initData,
+      mfaLogin = _ref4.mfaLogin;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, initData.totpMfaEnabled ? /*#__PURE__*/React.createElement(VerifyMFATotp, {
+    mfaToken: initData.mfaToken,
+    mfaLogin: mfaLogin
+  }) : /*#__PURE__*/React.createElement(BindMFATotp, {
+    initData: initData,
+    changeModule: changeModule
+  }));
+};

package/es/MFA/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { GuardMFAViewProps } from './interface';
+export declare const GuardMFAView: React.FC<GuardMFAViewProps>;

package/es/MFA/index.js

@@ -0,0 +1,170 @@
+import "antd/lib/message/style";
+import _message from "antd/lib/message";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+
+var _ComponentsMapping;
+
+import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { GuardModuleType } from '../Guard/module';
+import { IconFont } from '../IconFont';
+import { MFAEmail } from './core/email';
+import { MFASms } from './core/sms';
+import { MFAFace } from './core/face';
+import { MFATotp } from './core/totp';
+import { MFAMethods } from './mfaMethods';
+import { MFAType } from './interface';
+import { useGuardAuthClient } from '../Guard/authClient';
+import { codeMap } from './codemap';
+var ComponentsMapping = (_ComponentsMapping = {}, _defineProperty(_ComponentsMapping, MFAType.EMAIL, function (_ref) {
+  var config = _ref.config,
+      initData = _ref.initData,
+      mfaLogin = _ref.mfaLogin;
+  return /*#__PURE__*/React.createElement(MFAEmail, {
+    config: config,
+    mfaToken: initData.mfaToken,
+    email: initData.email,
+    mfaLogin: mfaLogin
+  });
+}), _defineProperty(_ComponentsMapping, MFAType.SMS, function (_ref2) {
+  var config = _ref2.config,
+      initData = _ref2.initData,
+      mfaLogin = _ref2.mfaLogin;
+  return /*#__PURE__*/React.createElement(MFASms, {
+    config: config,
+    mfaToken: initData.mfaToken,
+    phone: initData.phone,
+    mfaLogin: mfaLogin
+  });
+}), _defineProperty(_ComponentsMapping, MFAType.TOTP, function (_ref3) {
+  var initData = _ref3.initData,
+      config = _ref3.config,
+      changeModule = _ref3.changeModule,
+      mfaLogin = _ref3.mfaLogin;
+  return /*#__PURE__*/React.createElement(MFATotp, {
+    changeModule: changeModule,
+    config: config,
+    initData: initData,
+    mfaLogin: mfaLogin
+  });
+}), _defineProperty(_ComponentsMapping, MFAType.FACE, function (_ref4) {
+  var config = _ref4.config,
+      initData = _ref4.initData,
+      mfaLogin = _ref4.mfaLogin,
+      setShowMethods = _ref4.setShowMethods;
+  return /*#__PURE__*/React.createElement(MFAFace, {
+    config: config,
+    initData: initData,
+    mfaLogin: mfaLogin,
+    setShowMethods: setShowMethods
+  });
+}), _ComponentsMapping);
+export var GuardMFAView = function GuardMFAView(_ref5) {
+  var _initData$current, _initData$application;
+
+  var initData = _ref5.initData,
+      config = _ref5.config,
+      __changeModule = _ref5.__changeModule,
+      onLogin = _ref5.onLogin;
+
+  var _useState = useState((_initData$current = initData.current) !== null && _initData$current !== void 0 ? _initData$current : (_initData$application = initData.applicationMfa) === null || _initData$application === void 0 ? void 0 : _sortInstanceProperty(_initData$application).call(_initData$application, function (a, b) {
+    return _sortInstanceProperty(a) - _sortInstanceProperty(b);
+  })[0].mfaPolicy),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentMethod = _useState2[0],
+      setCurrentMethod = _useState2[1];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showMethods = _useState4[0],
+      setShowMethods = _useState4[1];
+
+  var client = useGuardAuthClient();
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var onBack = function onBack() {
+    return window.history.back();
+  };
+
+  var __codePaser = function __codePaser(code) {
+    var action = codeMap[code];
+
+    if (code === 200) {
+      return function (data) {
+        onLogin === null || onLogin === void 0 ? void 0 : onLogin(data, client); // 登录成功
+      };
+    }
+
+    if (!action) {
+      return function (data) {
+        console.error('not catch code', code);
+
+        _message.error(data.message);
+      };
+    } // 解析成功
+
+
+    if ((action === null || action === void 0 ? void 0 : action.action) === 'changeModule') {
+      var m = action.module ? action.module : GuardModuleType.ERROR;
+      return function (initData) {
+        return __changeModule === null || __changeModule === void 0 ? void 0 : __changeModule(m, initData);
+      };
+    }
+
+    if ((action === null || action === void 0 ? void 0 : action.action) === 'insideFix') {
+      return function () {};
+    }
+
+    if ((action === null || action === void 0 ? void 0 : action.action) === 'message') {
+      return function (data) {
+        _message.error(data.message);
+      };
+    } // 最终结果
+
+
+    return function () {
+      console.error('last action at mfaview');
+    };
+  };
+
+  var mfaLogin = function mfaLogin(code, data, message) {
+    var callback = __codePaser === null || __codePaser === void 0 ? void 0 : __codePaser(code);
+
+    if (!data) {
+      data = {};
+    }
+
+    data.__message = message;
+    callback === null || callback === void 0 ? void 0 : callback(data);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-back"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: onBack,
+    className: "g2-view-back-hover"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    className: "g2-view-back-icon",
+    type: "authing-arrow-left-s-line"
+  }), /*#__PURE__*/React.createElement("span", null, t('common.backLoginPage')))), /*#__PURE__*/React.createElement("div", {
+    className: "g2-mfa-content"
+  }, ComponentsMapping[currentMethod]({
+    config: config,
+    initData: initData,
+    changeModule: __changeModule,
+    mfaLogin: mfaLogin,
+    setShowMethods: setShowMethods
+  })), showMethods && /*#__PURE__*/React.createElement(MFAMethods, {
+    applicationMfa: initData.applicationMfa,
+    method: currentMethod,
+    onChangeMethod: function onChangeMethod(type) {
+      setCurrentMethod(type);
+    }
+  }));
+};

package/es/MFA/interface.d.ts

@@ -0,0 +1,38 @@
+import { IG2Config, IG2Events, IG2FCProps } from '../Type';
+import { AuthenticationClient, User } from '..';
+export interface MFAConfig extends IG2Config {
+}
+export declare const getDefaultMFAConfig: () => MFAConfig;
+export interface MFAEvents extends IG2Events {
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+}
+export declare enum MFAType {
+    SMS = "SMS",
+    EMAIL = "EMAIL",
+    TOTP = "OTP",
+    FACE = "FACE"
+}
+export interface GuardMFAInitData {
+    mfaToken: string;
+    applicationMfa: {
+        mfaPolicy: MFAType;
+        sort: number;
+        status: 0 | 1;
+    }[];
+    faceMfaEnabled: boolean;
+    totpMfaEnabled: boolean;
+    email?: string;
+    phone?: string;
+    avatar?: string;
+    nickme?: string;
+    username?: string;
+    current?: MFAType;
+}
+export interface GuardMFAProps extends IG2FCProps, MFAEvents {
+    config: Partial<MFAConfig>;
+    initData: GuardMFAInitData;
+}
+export interface GuardMFAViewProps extends GuardMFAProps {
+    config: MFAConfig;
+    initData: GuardMFAInitData;
+}