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

package/lib/AuthingGuard/Forms/ResetPwdForm/Step2.js

@@ -0,0 +1,213 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResetPasswordStep2 = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _icons = require("@ant-design/icons");
+
+var _utils = require("../../../_utils");
+
+var _context3 = require("../../../context/global/context");
+
+var _SendPhoneCode = require("../../../../components/AuthingGuard/Forms/SendPhoneCode");
+
+var _reactI18next = require("react-i18next");
+
+var ResetPasswordStep2 = function ResetPasswordStep2(_ref) {
+  var phone = _ref.phone,
+      onSuccess = _ref.onSuccess,
+      onFail = _ref.onFail;
+
+  var _Form$useForm = _antd.Form.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      rawForm = _Form$useForm2[0];
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var _useGuardContext = (0, _context3.useGuardContext)(),
+      _useGuardContext$stat = _useGuardContext.state,
+      authClient = _useGuardContext$stat.authClient,
+      guardEvents = _useGuardContext$stat.guardEvents;
+
+  var onStep2Finish = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
+      var code, password;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              code = values.code;
+              password = values.password;
+              _context.prev = 2;
+              _context.next = 5;
+              return authClient.resetPasswordByPhoneCode(phone, code, password);
+
+            case 5:
+              onSuccess();
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](2);
+              onFail === null || onFail === void 0 ? void 0 : onFail(_context.t0);
+
+            case 11:
+              _context.prev = 11;
+              setLoading(false);
+              return _context.finish(11);
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 8, 11, 14]]);
+    }));
+
+    return function onStep2Finish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    form: rawForm,
+    onFinishFailed: function onFinishFailed() {
+      return setLoading(false);
+    },
+    onSubmitCapture: function onSubmitCapture() {
+      return setLoading(true);
+    },
+    onFinish: onStep2Finish
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "phone",
+    initialValue: phone,
+    rules: (0, _utils.getRequiredRules)(t('common.phoneNotNull'))
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    autoComplete: "tel",
+    name: "phone",
+    readOnly: true,
+    size: "large",
+    placeholder: t('login.inputPhone'),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.UserOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "code",
+    rules: (0, _utils.getRequiredRules)(t('common.inputVerifyCode')).concat({
+      len: 4,
+      message: t('common.inputFourVerifyCode', {
+        length: 4
+      })
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    name: "code",
+    size: "large",
+    placeholder: t('common.inputFourVerifyCode', {
+      length: 4
+    }),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SafetyOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    }),
+    suffix: /*#__PURE__*/_react.default.createElement(_SendPhoneCode.SendPhoneCode, {
+      onError: function onError(error) {
+        var _guardEvents$onPwdPho;
+
+        return (_guardEvents$onPwdPho = guardEvents.onPwdPhoneSendError) === null || _guardEvents$onPwdPho === void 0 ? void 0 : _guardEvents$onPwdPho.call(guardEvents, error, authClient);
+      },
+      onSend: function onSend() {
+        var _guardEvents$onPwdPho2;
+
+        return (_guardEvents$onPwdPho2 = guardEvents.onPwdPhoneSend) === null || _guardEvents$onPwdPho2 === void 0 ? void 0 : _guardEvents$onPwdPho2.call(guardEvents, authClient);
+      },
+      phone: phone
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "password",
+    rules: (0, _utils.getRequiredRules)(t('common.passwordNotNull'))
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input.Password, {
+    name: "password",
+    size: "large",
+    placeholder: t('user.newPwd'),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.LockOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "repeat-password",
+    rules: (0, _utils.getRequiredRules)(t('common.repeatPassword')).concat({
+      validator: function () {
+        var _validator = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(rule, value) {
+          return _regenerator.default.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  if (!(rawForm.getFieldValue('password') !== value)) {
+                    _context2.next = 2;
+                    break;
+                  }
+
+                  throw new Error(t('login.twoPwdNeedSame'));
+
+                case 2:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        function validator(_x2, _x3) {
+          return _validator.apply(this, arguments);
+        }
+
+        return validator;
+      }()
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input.Password, {
+    name: "repeat-password",
+    size: "large",
+    placeholder: t('login.inputPwdAgain'),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.LockOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "authing-reset-pwd-btn",
+    block: true,
+    loading: loading,
+    type: "primary",
+    size: "large",
+    htmlType: "submit"
+  }, t('login.resetPwd')));
+};
+
+exports.ResetPasswordStep2 = ResetPasswordStep2;

package/lib/AuthingGuard/Forms/ResetPwdForm/Step3.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ResetPasswordStep3Props } from '../../../../components/AuthingGuard/types';
+export declare const ResetPasswordStep3: FC<ResetPasswordStep3Props>;

package/lib/AuthingGuard/Forms/ResetPwdForm/Step3.js

@@ -0,0 +1,248 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResetPasswordStep3 = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _icons = require("@ant-design/icons");
+
+var _authingJsSdk = require("authing-js-sdk");
+
+var _utils = require("../../../_utils");
+
+var _context4 = require("../../../context/global/context");
+
+var _reactI18next = require("react-i18next");
+
+var ResetPasswordStep3 = function ResetPasswordStep3(_ref) {
+  var email = _ref.email,
+      _ref$onSuccess = _ref.onSuccess,
+      onSuccess = _ref$onSuccess === void 0 ? function () {} : _ref$onSuccess,
+      onFail = _ref.onFail;
+
+  var _useGuardContext = (0, _context4.useGuardContext)(),
+      _useGuardContext$stat = _useGuardContext.state,
+      authClient = _useGuardContext$stat.authClient,
+      guardEvents = _useGuardContext$stat.guardEvents;
+
+  var _Form$useForm = _antd.Form.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      rawForm = _Form$useForm2[0];
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      reseting = _useState2[0],
+      setReseting = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      sending = _useState4[0],
+      setSending = _useState4[1];
+
+  var onSendResetMail = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _guardEvents$onPwdEma, _guardEvents$onPwdEma2;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setSending(true);
+              _context.prev = 1;
+              _context.next = 4;
+              return authClient.sendEmail(email, _authingJsSdk.EmailScene.ResetPassword);
+
+            case 4:
+              _antd.message.success(t('login.emailSent'));
+
+              (_guardEvents$onPwdEma = guardEvents.onPwdEmailSend) === null || _guardEvents$onPwdEma === void 0 ? void 0 : _guardEvents$onPwdEma.call(guardEvents, authClient);
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](1);
+              (_guardEvents$onPwdEma2 = guardEvents.onPwdEmailSendError) === null || _guardEvents$onPwdEma2 === void 0 ? void 0 : _guardEvents$onPwdEma2.call(guardEvents, _context.t0, authClient);
+
+            case 11:
+              _context.prev = 11;
+              setSending(false);
+              return _context.finish(11);
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 8, 11, 14]]);
+    }));
+
+    return function onSendResetMail() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var onStep3Finish = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(values) {
+      var code, password;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              code = values.code;
+              password = values.password;
+              _context2.prev = 2;
+              _context2.next = 5;
+              return authClient.resetPasswordByEmailCode(email, code, password);
+
+            case 5:
+              onSuccess();
+              _context2.next = 11;
+              break;
+
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](2);
+              onFail === null || onFail === void 0 ? void 0 : onFail(_context2.t0);
+
+            case 11:
+              _context2.prev = 11;
+              setReseting(false);
+              return _context2.finish(11);
+
+            case 14:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[2, 8, 11, 14]]);
+    }));
+
+    return function onStep3Finish(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      marginBottom: 24,
+      padding: '0 12px'
+    }
+  }, t('login.resetEmailSent', {
+    email: email
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    form: rawForm,
+    onFinishFailed: function onFinishFailed() {
+      return setReseting(false);
+    },
+    onSubmitCapture: function onSubmitCapture() {
+      return setReseting(true);
+    },
+    onFinish: onStep3Finish
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "code",
+    rules: (0, _utils.getRequiredRules)(t('common.repeatPassword')).concat({
+      len: 4,
+      message: t('common.inputFourVerifyCode', {
+        length: 4
+      })
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    name: "code",
+    size: "large",
+    placeholder: t('login.fourVerifyCode', {
+      length: 4
+    }),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SafetyOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "password",
+    rules: (0, _utils.getRequiredRules)(t('common.passwordNotNull'))
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input.Password, {
+    name: "password",
+    size: "large",
+    placeholder: t('user.newPwd'),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.LockOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "repeat-password",
+    rules: (0, _utils.getRequiredRules)(t('common.repeatPassword')).concat({
+      validator: function () {
+        var _validator = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(rule, value) {
+          return _regenerator.default.wrap(function _callee3$(_context3) {
+            while (1) {
+              switch (_context3.prev = _context3.next) {
+                case 0:
+                  if (!(rawForm.getFieldValue('password') !== value)) {
+                    _context3.next = 2;
+                    break;
+                  }
+
+                  throw new Error(t('login.twoPwdNeedSame'));
+
+                case 2:
+                case "end":
+                  return _context3.stop();
+              }
+            }
+          }, _callee3);
+        }));
+
+        function validator(_x2, _x3) {
+          return _validator.apply(this, arguments);
+        }
+
+        return validator;
+      }()
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input.Password, {
+    name: "repeat-password",
+    size: "large",
+    placeholder: t('login.inputPwdAgain'),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.LockOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: "authing-reset-pwd-btn",
+    block: true,
+    loading: reseting,
+    type: "primary",
+    size: "large",
+    htmlType: "submit"
+  }, t('login.resetPwd'))), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    block: true,
+    type: "primary",
+    ghost: true,
+    loading: sending,
+    size: "large",
+    onClick: onSendResetMail
+  }, t('login.resetPwdEmail'))));
+};
+
+exports.ResetPasswordStep3 = ResetPasswordStep3;

package/lib/AuthingGuard/Forms/ResetPwdForm/Step4.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ResetPasswordStep4: FC;

package/lib/AuthingGuard/Forms/ResetPwdForm/Step4.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResetPasswordStep4 = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _context = require("../../../context/global/context");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _types = require("../../../../components/AuthingGuard/types");
+
+var _reactI18next = require("react-i18next");
+
+var TIME = 3;
+
+var ResetPasswordStep4 = function ResetPasswordStep4() {
+  var _useState = (0, _react.useState)(TIME),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      countDown = _useState2[0],
+      setCountDown = _useState2[1];
+
+  var timerRef = (0, _react.useRef)(0);
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useGuardContext = (0, _context.useGuardContext)(),
+      setValue = _useGuardContext.setValue;
+
+  (0, _react.useEffect)(function () {
+    timerRef.current = setInterval(function () {
+      setCountDown(function (prev) {
+        return prev - 1;
+      });
+    }, 1000);
+    return function () {
+      return clearInterval(timerRef.current);
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (countDown <= 0) {
+      clearInterval(timerRef.current);
+      setValue('guardScenes', _types.GuardScenes.Login);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [countDown]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    style: {
+      fontSize: 20,
+      fontFamily: 'PingFangSC-Medium',
+      marginBottom: 0
+    }
+  }, t('common.pwdModifySuccess')), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontSize: 12
+    }
+  }, t('common.jumpAfterCount', {
+    number: countDown
+  })));
+};
+
+exports.ResetPasswordStep4 = ResetPasswordStep4;

package/lib/AuthingGuard/Forms/ResetPwdForm/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ResetPasswordFormProps } from '../../../../components/AuthingGuard/types';
+export declare const ResetPasswordForm: FC<ResetPasswordFormProps>;

package/lib/AuthingGuard/Forms/ResetPwdForm/index.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResetPasswordForm = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Step = require("./Step1");
+
+var _Step2 = require("./Step2");
+
+var _Step3 = require("./Step3");
+
+var _Step4 = require("./Step4");
+
+var _Footer = require("./Footer");
+
+var _context2 = require("../../../context/global/context");
+
+var _reactI18next = require("react-i18next");
+
+var ResetPasswordForm = function ResetPasswordForm(_ref) {
+  var onSuccess = _ref.onSuccess,
+      onFail = _ref.onFail;
+
+  var _useGuardContext = (0, _context2.useGuardContext)(),
+      setValue = _useGuardContext.setValue;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(1),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      step = _useState2[0],
+      setStep = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      phone = _useState4[0],
+      setPhone = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      email = _useState6[0],
+      setEmail = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    switch (step) {
+      case 1:
+        setValue('guardTitle', t('common.retrievePassword'));
+        break;
+
+      case 2:
+      case 3:
+      case 4:
+        setValue('guardTitle', t('login.resetPwd'));
+        break;
+
+      default:
+        setValue('guardTitle', t('common.retrievePassword'));
+        break;
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [step]);
+
+  var onStep1Finish = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(type, value) {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (type === 'phone') {
+                setPhone(value);
+                setStep(2);
+              } else if (type === 'email') {
+                setEmail(value);
+                setStep(3);
+              }
+
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onStep1Finish(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var onStep2OrStep3Finish = function onStep2OrStep3Finish() {
+    setStep(4);
+    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+  };
+
+  var onStep2OrStep3Fail = function onStep2OrStep3Fail(error) {
+    onFail === null || onFail === void 0 ? void 0 : onFail(error);
+  };
+
+  var getForm = function getForm() {
+    switch (step) {
+      case 1:
+        return /*#__PURE__*/_react.default.createElement(_Step.ResetPasswordStep1, {
+          onSuccess: onStep1Finish
+        });
+
+      case 2:
+        return /*#__PURE__*/_react.default.createElement(_Step2.ResetPasswordStep2, {
+          phone: phone,
+          onFail: onStep2OrStep3Fail,
+          onSuccess: onStep2OrStep3Finish
+        });
+
+      case 3:
+        return /*#__PURE__*/_react.default.createElement(_Step3.ResetPasswordStep3, {
+          email: email,
+          onFail: onStep2OrStep3Fail,
+          onSuccess: onStep2OrStep3Finish
+        });
+
+      case 4:
+        return /*#__PURE__*/_react.default.createElement(_Step4.ResetPasswordStep4, null);
+
+      default:
+        return null;
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", null, getForm(), step !== 4 && /*#__PURE__*/_react.default.createElement(_Footer.ResetPwdFormFooter, null));
+};
+
+exports.ResetPasswordForm = ResetPasswordForm;

package/lib/AuthingGuard/Forms/SendPhoneCode/SendCodeBtn.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from 'react';
+export interface SendCodeProps {
+    beforeSend: () => Promise<boolean>;
+    btnRef?: React.RefObject<HTMLButtonElement>;
+}
+export declare const SendCodeBtn: FC<SendCodeProps>;