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

package/es/AuthingGuard/Forms/EmailRegisterForm/index.js

@@ -0,0 +1,244 @@
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+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 _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React, { forwardRef, useImperativeHandle, useState } from 'react';
+import { UserOutlined, LockOutlined } from '@ant-design/icons';
+import { getDeviceName, getRequiredRules, getUserRegisterParams, VALIDATE_PATTERN } from '../../../_utils';
+import { useGuardContext } from '../../../context/global/context';
+import { RegisterMethods } from '../../../../components/AuthingGuard/types';
+import { RegisterFormFooter } from '../../../../components/AuthingGuard/Forms/RegisterFormFooter';
+import { useTranslation } from 'react-i18next';
+import { Agreements } from '../Agreements';
+export var EmailRegisterForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _context2, _context3;
+
+  var onSuccess = _ref.onSuccess,
+      onFail = _ref.onFail,
+      onValidateFail = _ref.onValidateFail;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useGuardContext = useGuardContext(),
+      _useGuardContext$stat = _useGuardContext.state,
+      authClient = _useGuardContext$stat.authClient,
+      config = _useGuardContext$stat.config,
+      guardEvents = _useGuardContext$stat.guardEvents;
+
+  var agreements = config.agreements,
+      agreementEnabled = config.agreementEnabled;
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      rawForm = _Form$useForm2[0];
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var onFinishFailed = function onFinishFailed(errorInfo) {
+    setLoading(false);
+    onValidateFail && onValidateFail(errorInfo);
+  };
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      acceptedAgreements = _useState4[0],
+      setAcceptedAgreements = _useState4[1];
+  /** 表单是否被提交校验过 */
+
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      validated = _useState6[0],
+      setValidated = _useState6[1];
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+      var canRegister, email, password, user;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!guardEvents.onBeforeRegister) {
+                _context.next = 15;
+                break;
+              }
+
+              _context.prev = 1;
+              _context.next = 4;
+              return guardEvents.onBeforeRegister({
+                type: RegisterMethods.Email,
+                data: {
+                  email: values.email,
+                  password: values.password
+                }
+              }, authClient);
+
+            case 4:
+              canRegister = _context.sent;
+
+              if (canRegister) {
+                _context.next = 8;
+                break;
+              }
+
+              setLoading(false);
+              return _context.abrupt("return");
+
+            case 8:
+              _context.next = 15;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](1);
+
+              if (typeof _context.t0 === 'string') {
+                _message.error(_context.t0);
+              } else {
+                _message.error(_context.t0.message);
+              }
+
+              setLoading(false);
+              return _context.abrupt("return");
+
+            case 15:
+              _context.prev = 15;
+              _context.next = 18;
+              return rawForm.validateFields();
+
+            case 18:
+              setValidated(true);
+
+              if (!(agreementEnabled && agreements !== null && agreements !== void 0 && agreements.length && !acceptedAgreements)) {
+                _context.next = 21;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 21:
+              email = values.email, password = values.password; // 注册并获取登录态
+
+              _context.next = 24;
+              return authClient.registerByEmail(email, password, {
+                browser: typeof navigator !== 'undefined' ? navigator.userAgent : null,
+                device: getDeviceName()
+              }, {
+                generateToken: true,
+                params: getUserRegisterParams()
+              });
+
+            case 24:
+              user = _context.sent;
+              onSuccess && onSuccess(user);
+              _context.next = 31;
+              break;
+
+            case 28:
+              _context.prev = 28;
+              _context.t1 = _context["catch"](15);
+              onFail && onFail(_context.t1);
+
+            case 31:
+              _context.prev = 31;
+              setLoading(false);
+              return _context.finish(31);
+
+            case 34:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 10], [15, 28, 31, 34]]);
+    }));
+
+    return function onFinish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  useImperativeHandle(ref, function () {
+    return rawForm;
+  });
+  var formItems = [{
+    component: /*#__PURE__*/React.createElement(_Input, {
+      autoComplete: "email",
+      size: "large",
+      placeholder: t('login.inputEmail'),
+      prefix: /*#__PURE__*/React.createElement(UserOutlined, {
+        style: {
+          color: '#ddd'
+        }
+      })
+    }),
+    name: 'email',
+    rules: _concatInstanceProperty(_context2 = getRequiredRules(t('common.emailNotNull'))).call(_context2, {
+      pattern: VALIDATE_PATTERN.email,
+      message: t('login.emailError')
+    })
+  }, {
+    component: /*#__PURE__*/React.createElement(_Input.Password, {
+      size: "large",
+      placeholder: t('common.setPassword'),
+      prefix: /*#__PURE__*/React.createElement(LockOutlined, {
+        style: {
+          color: '#ddd'
+        }
+      })
+    }),
+    name: 'password',
+    rules: getRequiredRules(t('common.passwordNotNull'))
+  }, {
+    component: /*#__PURE__*/React.createElement(_Input.Password, {
+      size: "large",
+      placeholder: t('login.inputPwdAgain'),
+      prefix: /*#__PURE__*/React.createElement(LockOutlined, {
+        style: {
+          color: '#ddd'
+        }
+      })
+    }),
+    name: 'new-password',
+    rules: _concatInstanceProperty(_context3 = getRequiredRules(t('common.repeatPassword'))).call(_context3, {
+      validator: function validator(rule, value) {
+        if (value !== rawForm.getFieldValue('password')) {
+          return _Promise.reject(t('common.repeatPasswordDoc'));
+        } else {
+          return _Promise.resolve();
+        }
+      }
+    })
+  }];
+  return /*#__PURE__*/React.createElement(_Form, {
+    form: rawForm,
+    onFinish: onFinish,
+    onSubmitCapture: function onSubmitCapture() {
+      return setLoading(true);
+    },
+    onFinishFailed: onFinishFailed
+  }, _mapInstanceProperty(formItems).call(formItems, function (item) {
+    return /*#__PURE__*/React.createElement(_Form.Item, {
+      key: item.name,
+      name: item.name,
+      rules: item.rules
+    }, item.component);
+  }), config.agreementEnabled && Boolean(agreements === null || agreements === void 0 ? void 0 : agreements.length) && /*#__PURE__*/React.createElement(Agreements, {
+    onChange: setAcceptedAgreements,
+    agreements: agreements,
+    showError: validated
+  }), /*#__PURE__*/React.createElement(RegisterFormFooter, {
+    loading: loading
+  }));
+});

package/es/AuthingGuard/Forms/LdapLoginForm/index.d.ts

@@ -0,0 +1,4 @@
+import { FormInstance } from 'antd/lib/form';
+import React from 'react';
+import { PasswordLoginFormProps } from '../../../../components/AuthingGuard/types';
+export declare const LdapLoginForm: React.ForwardRefExoticComponent<PasswordLoginFormProps & React.RefAttributes<FormInstance<any>>>;

package/es/AuthingGuard/Forms/LdapLoginForm/index.js

@@ -0,0 +1,242 @@
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+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 _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import { UserOutlined, LockOutlined } from '@ant-design/icons';
+import React, { forwardRef, useImperativeHandle, useState } from 'react';
+import { getRequiredRules } from '../../../_utils';
+import { useGuardContext } from '../../../context/global/context';
+import { NEED_CAPTCHA } from '../../../../components/AuthingGuard/constants';
+import { LoginMethods } from '../../../../components/AuthingGuard/types';
+import { LoginFormFooter } from '../../../../components/AuthingGuard/Forms/LoginFormFooter';
+import { useTranslation } from 'react-i18next';
+export var LdapLoginForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var onSuccess = _ref.onSuccess,
+      onValidateFail = _ref.onValidateFail,
+      onFail = _ref.onFail;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useGuardContext = useGuardContext(),
+      state = _useGuardContext.state;
+
+  var authClient = state.authClient,
+      realHost = state.realHost,
+      guardEvents = state.guardEvents; // const autoRegister = config.autoRegister
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      rawForm = _Form$useForm2[0];
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      needCaptcha = _useState2[0],
+      setNeedCaptcha = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      verifyCodeUrl = _useState4[0],
+      setVerifyCodeUrl = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      loading = _useState6[0],
+      setLoading = _useState6[1];
+
+  var captchaUrl = "".concat(realHost, "/api/v2/security/captcha");
+
+  var getCaptchaUrl = function getCaptchaUrl() {
+    var _context;
+
+    return _concatInstanceProperty(_context = "".concat(captchaUrl, "?r=")).call(_context, +new Date());
+  };
+
+  var onFinishFailed = function onFinishFailed(errorInfo) {
+    setLoading(false);
+    onValidateFail && onValidateFail(errorInfo);
+  };
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+      var canLogin, _context2, _context3, identity, password, user, errorData;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              if (!guardEvents.onBeforeLogin) {
+                _context4.next = 15;
+                break;
+              }
+
+              _context4.prev = 1;
+              _context4.next = 4;
+              return guardEvents.onBeforeLogin({
+                type: LoginMethods.LDAP,
+                data: {
+                  identity: values.identity,
+                  password: values.password,
+                  captchaCode: values.captchaCode
+                }
+              }, authClient);
+
+            case 4:
+              canLogin = _context4.sent;
+
+              if (canLogin) {
+                _context4.next = 8;
+                break;
+              }
+
+              setLoading(false);
+              return _context4.abrupt("return");
+
+            case 8:
+              _context4.next = 15;
+              break;
+
+            case 10:
+              _context4.prev = 10;
+              _context4.t0 = _context4["catch"](1);
+
+              if (typeof _context4.t0 === 'string') {
+                _message.error(_context4.t0);
+              } else {
+                _message.error(_context4.t0.message);
+              }
+
+              setLoading(false);
+              return _context4.abrupt("return");
+
+            case 15:
+              _context4.prev = 15;
+              identity = values.identity && _trimInstanceProperty(_context2 = values.identity).call(_context2);
+              password = values.password && _trimInstanceProperty(_context3 = values.password).call(_context3); // const captchaCode = values.captchaCode && values.captchaCode.trim()
+
+              _context4.next = 20;
+              return authClient.loginByLdap(identity, password);
+
+            case 20:
+              user = _context4.sent;
+              onSuccess && onSuccess(user);
+              _context4.next = 37;
+              break;
+
+            case 24:
+              _context4.prev = 24;
+              _context4.t1 = _context4["catch"](15);
+
+              if (!(typeof _context4.t1.message === 'string')) {
+                _context4.next = 35;
+                break;
+              }
+
+              _context4.prev = 27;
+              errorData = JSON.parse(_context4.t1.message);
+              onFail && onFail(errorData);
+              return _context4.abrupt("return");
+
+            case 33:
+              _context4.prev = 33;
+              _context4.t2 = _context4["catch"](27);
+
+            case 35:
+              if (_context4.t1.code === NEED_CAPTCHA && verifyCodeUrl === null) {
+                setNeedCaptcha(true);
+                setVerifyCodeUrl(getCaptchaUrl());
+              }
+
+              onFail && onFail(_context4.t1);
+
+            case 37:
+              _context4.prev = 37;
+              setLoading(false);
+              return _context4.finish(37);
+
+            case 40:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee, null, [[1, 10], [15, 24, 37, 40], [27, 33]]);
+    }));
+
+    return function onFinish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  useImperativeHandle(ref, function () {
+    return rawForm;
+  });
+  var formItems = [{
+    component: /*#__PURE__*/React.createElement(_Input, {
+      autoComplete: "ldap,username",
+      size: "large",
+      placeholder: t('login.inputLdapUsername'),
+      prefix: /*#__PURE__*/React.createElement(UserOutlined, {
+        style: {
+          color: '#ddd'
+        }
+      })
+    }),
+    name: 'identity',
+    rules: getRequiredRules(t('common.LDAPAccountNotNull'))
+  }, {
+    component: /*#__PURE__*/React.createElement(_Input.Password, {
+      size: "large",
+      placeholder: t('login.inputLdapPwd'),
+      prefix: /*#__PURE__*/React.createElement(LockOutlined, {
+        style: {
+          color: '#ddd'
+        }
+      })
+    }),
+    name: 'password',
+    rules: getRequiredRules(t('common.passwordNotNull'))
+  }, {
+    component: /*#__PURE__*/React.createElement(_Input, {
+      size: "large",
+      placeholder: t('login.inputCaptchaCode'),
+      addonAfter: /*#__PURE__*/React.createElement("img", {
+        src: verifyCodeUrl !== null && verifyCodeUrl !== void 0 ? verifyCodeUrl : '',
+        alt: t('login.captchaCode'),
+        style: {
+          height: '2em',
+          cursor: 'pointer'
+        },
+        onClick: function onClick() {
+          return setVerifyCodeUrl(getCaptchaUrl());
+        }
+      })
+    }),
+    name: 'captchaCode',
+    rules: getRequiredRules(t('common.captchaCodeNotNull')),
+    hide: !needCaptcha
+  }];
+  return /*#__PURE__*/React.createElement(_Form, {
+    form: rawForm,
+    onSubmitCapture: function onSubmitCapture() {
+      return setLoading(true);
+    },
+    onFinishFailed: onFinishFailed,
+    onFinish: onFinish
+  }, _mapInstanceProperty(formItems).call(formItems, function (item) {
+    return !item.hide && /*#__PURE__*/React.createElement(_Form.Item, {
+      key: item.name,
+      name: item.name,
+      rules: item.rules
+    }, item.component);
+  }), /*#__PURE__*/React.createElement(LoginFormFooter, {
+    loading: loading
+  }));
+});

package/es/AuthingGuard/Forms/LoginFormFooter/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface LoginFormFooterProps {
+    loading: boolean;
+    needRestPwd?: boolean;
+    needRegister?: boolean;
+}
+export declare const LoginFormFooter: FC<LoginFormFooterProps>;

package/es/AuthingGuard/Forms/LoginFormFooter/index.js

@@ -0,0 +1,53 @@
+import "antd/lib/divider/style";
+import _Divider from "antd/lib/divider";
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+import React from 'react';
+import { useGuardContext } from '../../../context/global/context';
+import { GuardScenes } from '../../../../components/AuthingGuard/types';
+import { useTranslation } from 'react-i18next';
+export var LoginFormFooter = function LoginFormFooter(_ref) {
+  var _config$text, _config$text$loginBtn, _config$text2, _config$text2$loginBt, _config$text3, _config$text3$loginBt, _config$text4, _config$text4$loginBt;
+
+  var loading = _ref.loading,
+      _ref$needRestPwd = _ref.needRestPwd,
+      needRestPwd = _ref$needRestPwd === void 0 ? false : _ref$needRestPwd,
+      _ref$needRegister = _ref.needRegister,
+      needRegister = _ref$needRegister === void 0 ? false : _ref$needRegister;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useGuardContext = useGuardContext(),
+      setValue = _useGuardContext.setValue,
+      config = _useGuardContext.state.config;
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
+    htmlType: "submit",
+    className: "authing-guard-form-submit-btn",
+    size: "large",
+    type: "primary",
+    loading: loading,
+    block: true
+  }, loading ? t("map.".concat((_config$text = config.text) === null || _config$text === void 0 ? void 0 : (_config$text$loginBtn = _config$text.loginBtn) === null || _config$text$loginBtn === void 0 ? void 0 : _config$text$loginBtn.loading), (_config$text2 = config.text) === null || _config$text2 === void 0 ? void 0 : (_config$text2$loginBt = _config$text2.loginBtn) === null || _config$text2$loginBt === void 0 ? void 0 : _config$text2$loginBt.loading) : t("map.".concat((_config$text3 = config.text) === null || _config$text3 === void 0 ? void 0 : (_config$text3$loginBt = _config$text3.loginBtn) === null || _config$text3$loginBt === void 0 ? void 0 : _config$text3$loginBt.normal), (_config$text4 = config.text) === null || _config$text4 === void 0 ? void 0 : (_config$text4$loginBt = _config$text4.loginBtn) === null || _config$text4$loginBt === void 0 ? void 0 : _config$text4$loginBt.normal)), /*#__PURE__*/React.createElement("div", {
+    className: "authing-guard-form-actions"
+  }, needRestPwd && !config.disableResetPwd && /*#__PURE__*/React.createElement(_Button, {
+    onClick: function onClick() {
+      return setValue('guardScenes', GuardScenes.RestPassword);
+    },
+    className: "authing-guard-text-btn",
+    type: "text"
+  }, t('common.hasForgotPwd')), needRestPwd && needRegister && !config.disableResetPwd && !config.disableRegister && /*#__PURE__*/React.createElement(_Divider, {
+    type: "vertical"
+  }), needRegister && !config.disableRegister && /*#__PURE__*/React.createElement("div", {
+    className: "authing-guard-tip-btn-comb"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "authing-guard-tip"
+  }, t('common.noAccYet')), /*#__PURE__*/React.createElement(_Button, {
+    onClick: function onClick() {
+      return setValue('guardScenes', GuardScenes.Register);
+    },
+    className: "authing-guard-text-btn authing-guard-to-register-btn",
+    type: "text"
+  }, t('common.registerImmediate')))));
+};

package/es/AuthingGuard/Forms/MfaResetCodeForm/Step1.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { User } from 'authing-js-sdk';
+export declare const MfaResetStep1: FC<{
+    mfaToken: string;
+    onSuccess: (user: User & {
+        recoveryCode: string;
+    }) => void;
+    goVerify: () => void;
+    onFail?: (error: any) => void;
+}>;

package/es/AuthingGuard/Forms/MfaResetCodeForm/Step1.js

@@ -0,0 +1,112 @@
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+import "antd/lib/form/style";
+import _Form from "antd/lib/form";
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import React, { useState } from 'react';
+import { LockOutlined } from '@ant-design/icons';
+import { getRequiredRules } from '../../../_utils';
+import { useGuardContext } from '../../../context/global/context';
+import { useTranslation } from 'react-i18next';
+export var MfaResetStep1 = function MfaResetStep1(_ref) {
+  var mfaToken = _ref.mfaToken,
+      onSuccess = _ref.onSuccess,
+      goVerify = _ref.goVerify,
+      onFail = _ref.onFail;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useGuardContext = useGuardContext(),
+      authClient = _useGuardContext.state.authClient;
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+      var _user;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return authClient.mfa.verifyTotpRecoveryCode({
+                recoveryCode: values.recoverCode,
+                mfaToken: mfaToken
+              });
+
+            case 3:
+              _user = _context.sent;
+              onSuccess(_user);
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              onFail === null || onFail === void 0 ? void 0 : onFail(_context.t0);
+
+            case 10:
+              _context.prev = 10;
+              setLoading(false);
+              return _context.finish(10);
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7, 10, 13]]);
+    }));
+
+    return function onFinish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(_Form, {
+    onSubmitCapture: function onSubmitCapture() {
+      return setLoading(true);
+    },
+    onFinishFailed: function onFinishFailed() {
+      return setLoading(false);
+    },
+    onFinish: onFinish
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
+    rules: getRequiredRules(t('common.recoverCodeNotNull')),
+    name: "recoverCode"
+  }, /*#__PURE__*/React.createElement(_Input, {
+    prefix: /*#__PURE__*/React.createElement(LockOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    }),
+    placeholder: t('login.inputRecoverCode'),
+    size: "large"
+  })), /*#__PURE__*/React.createElement(_Button, {
+    className: "authing-guard-mfa-confirm-btn",
+    loading: loading,
+    htmlType: "submit",
+    block: true,
+    type: "primary",
+    size: "large"
+  }, t('common.sure')), /*#__PURE__*/React.createElement("div", {
+    className: "authing-guard-form-actions"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "authing-guard-tip-btn-comb"
+  }, /*#__PURE__*/React.createElement(_Button, {
+    htmlType: "button",
+    onClick: goVerify,
+    className: "authing-guard-text-btn",
+    type: "text"
+  }, t('login.findedSafetyCode')))));
+};

package/es/AuthingGuard/Forms/MfaResetCodeForm/Step2.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface MfaResetStep2Props {
+    recoverCode: string;
+    onFinish: () => void;
+}
+export declare const MfaResetStep2: FC<MfaResetStep2Props>;