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

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

@@ -0,0 +1,203 @@
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+import "antd/lib/alert/style";
+import _Alert from "antd/lib/alert";
+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 React, { forwardRef, useImperativeHandle, useState } from 'react';
+import { UserOutlined, SafetyOutlined } from '@ant-design/icons';
+import { getRequiredRules, getUserRegisterParams, VALIDATE_PATTERN } from '../../../_utils';
+import { useGuardContext } from '../../../context/global/context';
+import { LoginMethods } from '../../../../components/AuthingGuard/types';
+import { SendPhoneCode } from '../../../../components/AuthingGuard/Forms/SendPhoneCode';
+import { LoginFormFooter } from '../../../../components/AuthingGuard/Forms/LoginFormFooter';
+import { useTranslation } from 'react-i18next';
+export var PhoneCodeLoginForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _context;
+
+  var onSuccess = _ref.onSuccess,
+      onFail = _ref.onFail,
+      onValidateFail = _ref.onValidateFail;
+
+  var _useGuardContext = useGuardContext(),
+      _useGuardContext$stat = _useGuardContext.state,
+      authClient = _useGuardContext$stat.authClient,
+      config = _useGuardContext$stat.config,
+      guardEvents = _useGuardContext$stat.guardEvents;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var rulesMap = {
+    phone: _concatInstanceProperty(_context = getRequiredRules(t('login.inputPhone'))).call(_context, {
+      pattern: VALIDATE_PATTERN.phone,
+      message: t('common.phoneFormateError')
+    }),
+    code: getRequiredRules(t('common.inputVerifyCode'))
+  };
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      rawForm = _Form$useForm2[0];
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      phone = _useState2[0],
+      setPhone = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  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, _phone, code, user;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!guardEvents.onBeforeLogin) {
+                _context2.next = 15;
+                break;
+              }
+
+              _context2.prev = 1;
+              _context2.next = 4;
+              return guardEvents.onBeforeLogin({
+                type: LoginMethods.PhoneCode,
+                data: {
+                  phone: values.phone,
+                  code: values.code
+                }
+              }, authClient);
+
+            case 4:
+              canLogin = _context2.sent;
+
+              if (canLogin) {
+                _context2.next = 8;
+                break;
+              }
+
+              setLoading(false);
+              return _context2.abrupt("return");
+
+            case 8:
+              _context2.next = 15;
+              break;
+
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](1);
+
+              if (typeof _context2.t0 === 'string') {
+                _message.error(_context2.t0);
+              } else {
+                _message.error(_context2.t0.message);
+              }
+
+              setLoading(false);
+              return _context2.abrupt("return");
+
+            case 15:
+              _context2.prev = 15;
+              _phone = values.phone, code = values.code;
+              _context2.next = 19;
+              return authClient.loginByPhoneCode(_phone, code, {
+                params: getUserRegisterParams()
+              });
+
+            case 19:
+              user = _context2.sent;
+              onSuccess && onSuccess(user);
+              _context2.next = 26;
+              break;
+
+            case 23:
+              _context2.prev = 23;
+              _context2.t1 = _context2["catch"](15);
+              onFail && onFail(_context2.t1);
+
+            case 26:
+              _context2.prev = 26;
+              setLoading(false);
+              return _context2.finish(26);
+
+            case 29:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee, null, [[1, 10], [15, 23, 26, 29]]);
+    }));
+
+    return function onFinish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  useImperativeHandle(ref, function () {
+    return rawForm;
+  });
+  return /*#__PURE__*/React.createElement(_Form, {
+    form: rawForm,
+    onSubmitCapture: function onSubmitCapture() {
+      return setLoading(true);
+    },
+    onFinishFailed: onFinishFailed,
+    onFinish: onFinish
+  }, config.autoRegister && /*#__PURE__*/React.createElement(_Alert, {
+    message: t('login.phoneAutoRegister'),
+    style: {
+      marginBottom: 24
+    }
+  }), /*#__PURE__*/React.createElement(_Form.Item, {
+    name: "phone",
+    rules: rulesMap.phone
+  }, /*#__PURE__*/React.createElement(_Input, {
+    autoComplete: "tel",
+    onChange: function onChange(e) {
+      setPhone(e.target.value);
+    },
+    size: "large",
+    placeholder: t('login.inputPhone'),
+    prefix: /*#__PURE__*/React.createElement(UserOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/React.createElement(_Form.Item, {
+    name: "code",
+    rules: rulesMap.code
+  }, /*#__PURE__*/React.createElement(_Input, {
+    size: "large",
+    placeholder: t('common.inputFourVerifyCode', {
+      length: 4
+    }),
+    prefix: /*#__PURE__*/React.createElement(SafetyOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    }),
+    suffix: /*#__PURE__*/React.createElement(SendPhoneCode, {
+      phone: phone
+    })
+  })), /*#__PURE__*/React.createElement(LoginFormFooter, {
+    needRestPwd: true,
+    needRegister: true,
+    loading: loading
+  }));
+});

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

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

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

@@ -0,0 +1,271 @@
+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, SafetyOutlined } from '@ant-design/icons';
+import { useGuardContext } from '../../../context/global/context';
+import { RegisterMethods } from '../../../../components/AuthingGuard/types';
+import { getDeviceName, getRequiredRules, getUserRegisterParams, VALIDATE_PATTERN } from '../../../_utils';
+import { SendPhoneCode } from '../../../../components/AuthingGuard/Forms/SendPhoneCode';
+import { RegisterFormFooter } from '../../../../components/AuthingGuard/Forms/RegisterFormFooter';
+import { useTranslation } from 'react-i18next';
+import { Agreements } from '../Agreements';
+export var PhoneRegisterForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _context2, _context3;
+
+  var onSuccess = _ref.onSuccess,
+      onFail = _ref.onFail,
+      onValidateFail = _ref.onValidateFail;
+
+  var _useGuardContext = useGuardContext(),
+      _useGuardContext$stat = _useGuardContext.state,
+      authClient = _useGuardContext$stat.authClient,
+      config = _useGuardContext$stat.config,
+      guardEvents = _useGuardContext$stat.guardEvents;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      rawForm = _Form$useForm2[0];
+
+  var agreements = config.agreements,
+      agreementEnabled = config.agreementEnabled;
+  /** 表单是否被提交校验过 */
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      validated = _useState2[0],
+      setValidated = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      phone = _useState4[0],
+      setPhone = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      loading = _useState6[0],
+      setLoading = _useState6[1];
+
+  var onFinishFailed = function onFinishFailed(errorInfo) {
+    setLoading(false);
+    onValidateFail && onValidateFail(errorInfo);
+  };
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      acceptedAgreements = _useState8[0],
+      setAcceptedAgreements = _useState8[1];
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+      var canRegister, _phone, code, 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.Phone,
+                data: {
+                  phone: values.phone,
+                  password: values.password,
+                  code: values.code
+                }
+              }, 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:
+              _phone = values.phone, code = values.code, password = values.password;
+              _context.next = 24;
+              return authClient.registerByPhoneCode(_phone, code, 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: "tel",
+      onChange: function onChange(e) {
+        setPhone(e.target.value);
+      },
+      size: "large",
+      placeholder: t('login.inputPhone'),
+      prefix: /*#__PURE__*/React.createElement(UserOutlined, {
+        style: {
+          color: '#ddd'
+        }
+      })
+    }),
+    name: 'phone',
+    rules: _concatInstanceProperty(_context2 = getRequiredRules(t('common.phoneNotNull'))).call(_context2, {
+      pattern: VALIDATE_PATTERN.phone,
+      message: t('login.phoneError')
+    })
+  }, {
+    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();
+        }
+      }
+    })
+  }, {
+    component: /*#__PURE__*/React.createElement(_Input, {
+      autoComplete: "one-time-code",
+      size: "large",
+      placeholder: t('common.inputFourVerifyCode', {
+        length: 4
+      }),
+      prefix: /*#__PURE__*/React.createElement(SafetyOutlined, {
+        style: {
+          color: '#ddd'
+        }
+      }),
+      addonAfter: /*#__PURE__*/React.createElement(SendPhoneCode, {
+        phone: phone
+      })
+    }),
+    name: 'code',
+    rules: getRequiredRules(t('common.captchaCodeNotNull'))
+  }];
+  return /*#__PURE__*/React.createElement(_Form, {
+    form: rawForm,
+    onSubmitCapture: function onSubmitCapture() {
+      return setLoading(true);
+    },
+    onFinishFailed: onFinishFailed,
+    onFinish: onFinish
+  }, _mapInstanceProperty(formItems).call(formItems, function (item) {
+    return /*#__PURE__*/React.createElement(_Form.Item, {
+      name: item.name,
+      key: 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/QrCodeLoginForm/index.d.ts

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

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

@@ -0,0 +1,68 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import "antd/lib/spin/style";
+import _Spin from "antd/lib/spin";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React, { useEffect, useMemo, useRef } from 'react';
+import { useGuardContext } from '../../../context/global/context';
+import { LoginMethods } from '../../../../components/AuthingGuard/types';
+export var QrCodeLoginForm = function QrCodeLoginForm(_ref) {
+  var onFail = _ref.onFail,
+      _onSuccess = _ref.onSuccess,
+      type = _ref.type,
+      idpId = _ref.idpId;
+
+  var _useGuardContext = useGuardContext(),
+      _useGuardContext$stat = _useGuardContext.state,
+      authClient = _useGuardContext$stat.authClient,
+      config = _useGuardContext$stat.config;
+
+  var timerRef = useRef();
+  var client = useMemo(function () {
+    var _LoginMethods$AppQr$L;
+
+    return (_LoginMethods$AppQr$L = {}, _defineProperty(_LoginMethods$AppQr$L, LoginMethods.AppQr, authClient.qrcode), _defineProperty(_LoginMethods$AppQr$L, LoginMethods.WxMinQr, authClient.wxqrcode), _defineProperty(_LoginMethods$AppQr$L, LoginMethods.WechatMpQrcode, authClient.wechatmpqrcode), _LoginMethods$AppQr$L)[type];
+  }, [type, authClient]);
+  useEffect(function () {
+    client.startScanning('authingGuardQrcode', _objectSpread(_objectSpread({
+      extIdpConnId: idpId,
+      autoExchangeUserInfo: true
+    }, config.qrCodeScanOptions), {}, {
+      onStart: function onStart(timer) {
+        timerRef.current = timer;
+      },
+      onSuccess: function onSuccess(user) {
+        _onSuccess && _onSuccess(user);
+      },
+      onError: function onError(message) {
+        var _config$qrCodeScanOpt, _config$qrCodeScanOpt2;
+
+        (_config$qrCodeScanOpt = config.qrCodeScanOptions) === null || _config$qrCodeScanOpt === void 0 ? void 0 : (_config$qrCodeScanOpt2 = _config$qrCodeScanOpt.onError) === null || _config$qrCodeScanOpt2 === void 0 ? void 0 : _config$qrCodeScanOpt2.call(_config$qrCodeScanOpt, message);
+        onFail && onFail("".concat(message));
+      }
+    }));
+    return function () {
+      return clearInterval(timerRef.current);
+    };
+  }, [client, config.qrCodeScanOptions, idpId, onFail, _onSuccess]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "authing-guard-qr-form"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "authing-guard-qr-loading"
+  }, /*#__PURE__*/React.createElement(_Spin, {
+    size: "large"
+  })), /*#__PURE__*/React.createElement("div", {
+    id: "authingGuardQrcode"
+  }));
+};

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface RegisterFormFooterProps {
+    loading: boolean;
+}
+export declare const RegisterFormFooter: FC<RegisterFormFooterProps>;

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

@@ -0,0 +1,38 @@
+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 RegisterFormFooter = function RegisterFormFooter(_ref) {
+  var _config$text, _config$text$register, _config$text2, _config$text2$registe, _config$text3, _config$text3$registe, _config$text4, _config$text4$registe;
+
+  var loading = _ref.loading;
+
+  var _useGuardContext = useGuardContext(),
+      setValue = _useGuardContext.setValue,
+      config = _useGuardContext.state.config;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
+    htmlType: "submit",
+    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$register = _config$text.registerBtn) === null || _config$text$register === void 0 ? void 0 : _config$text$register.loading), (_config$text2 = config.text) === null || _config$text2 === void 0 ? void 0 : (_config$text2$registe = _config$text2.registerBtn) === null || _config$text2$registe === void 0 ? void 0 : _config$text2$registe.loading) : t("map.".concat((_config$text3 = config.text) === null || _config$text3 === void 0 ? void 0 : (_config$text3$registe = _config$text3.registerBtn) === null || _config$text3$registe === void 0 ? void 0 : _config$text3$registe.normal), (_config$text4 = config.text) === null || _config$text4 === void 0 ? void 0 : (_config$text4$registe = _config$text4.registerBtn) === null || _config$text4$registe === void 0 ? void 0 : _config$text4$registe.normal)), /*#__PURE__*/React.createElement("div", {
+    className: "authing-guard-form-actions"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "authing-guard-tip-btn-comb"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "authing-guard-tip"
+  }, t('common.alreadyHasAcc')), /*#__PURE__*/React.createElement(_Button, {
+    onClick: function onClick() {
+      return setValue('guardScenes', GuardScenes.Login);
+    },
+    className: "authing-guard-text-btn authing-guard-to-login-btn",
+    type: "text"
+  }, t('common.loginImmediate')))));
+};

package/es/AuthingGuard/Forms/ResetPwdForm/Footer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ResetPwdFormFooter: () => JSX.Element;

package/es/AuthingGuard/Forms/ResetPwdForm/Footer.js

@@ -0,0 +1,22 @@
+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 ResetPwdFormFooter = function ResetPwdFormFooter() {
+  var _useGuardContext = useGuardContext(),
+      setValue = _useGuardContext.setValue;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React.createElement(_Button, {
+    onClick: function onClick() {
+      return setValue('guardScenes', GuardScenes.Login);
+    },
+    className: "authing-guard-text-btn authing-guard-form-actions",
+    type: "text",
+    htmlType: "button"
+  }, t('login.otherAccLogin'));
+};

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

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