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

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

@@ -1,132 +0,0 @@
-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 "antd/lib/message/style";
-import _message from "antd/lib/message";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import React, { useState } from 'react';
-import { validate } from '../../../_utils';
-import { ResetPwdMethods } from '../../../../components/AuthingGuard/types';
-import { useGuardContext } from '../../../context/global/context';
-import { EmailScene } from 'authing-js-sdk';
-import { useTranslation } from 'react-i18next';
-export var ResetPasswordStep1 = function ResetPasswordStep1(_ref) {
-  var onSuccess = _ref.onSuccess;
-
-  var _useGuardContext = useGuardContext(),
-      _useGuardContext$stat = _useGuardContext.state,
-      authClient = _useGuardContext$stat.authClient,
-      guardEvents = _useGuardContext$stat.guardEvents;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
-      var value, _guardEvents$onPwdEma, _guardEvents$onPwdEma2;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              value = values.phoneOrEmail;
-
-              if (!validate('email', value)) {
-                _context.next = 19;
-                break;
-              }
-
-              _context.prev = 2;
-              setLoading(true);
-              _context.next = 6;
-              return authClient.sendEmail(value, EmailScene.ResetPassword);
-
-            case 6:
-              (_guardEvents$onPwdEma = guardEvents.onPwdEmailSend) === null || _guardEvents$onPwdEma === void 0 ? void 0 : _guardEvents$onPwdEma.call(guardEvents, authClient);
-
-              _message.success(t('login.emailSent'));
-
-              onSuccess(ResetPwdMethods.Email, value);
-              _context.next = 14;
-              break;
-
-            case 11:
-              _context.prev = 11;
-              _context.t0 = _context["catch"](2);
-              (_guardEvents$onPwdEma2 = guardEvents.onPwdEmailSendError) === null || _guardEvents$onPwdEma2 === void 0 ? void 0 : _guardEvents$onPwdEma2.call(guardEvents, _context.t0, authClient);
-
-            case 14:
-              _context.prev = 14;
-              setLoading(false);
-              return _context.finish(14);
-
-            case 17:
-              _context.next = 20;
-              break;
-
-            case 19:
-              if (validate('phone', value)) {
-                onSuccess(ResetPwdMethods.Phone, value);
-              }
-
-            case 20:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[2, 11, 14, 17]]);
-    }));
-
-    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, {
-    name: "phoneOrEmail",
-    validateTrigger: "onBlur",
-    rules: [{
-      validator: function validator(rule, value) {
-        if (!value) {
-          return _Promise.reject(t('login.inputPhoneOrEmail'));
-        }
-
-        if (validate('email', value) || validate('phone', value)) {
-          return _Promise.resolve();
-        } else {
-          return _Promise.reject(t('login.inputCorrectPhone'));
-        }
-      }
-    }]
-  }, /*#__PURE__*/React.createElement(_Input, {
-    size: "large",
-    autoComplete: "tel,email",
-    placeholder: t('login.inputPhoneOrEmail')
-  })), /*#__PURE__*/React.createElement(_Button, {
-    className: "authing-reset-pwd-btn",
-    block: true,
-    type: "primary",
-    size: "large",
-    htmlType: "submit",
-    loading: loading
-  }, t('login.resetPwd')));
-};

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

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

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

@@ -1,198 +0,0 @@
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-import "antd/lib/input/style";
-import _Input from "antd/lib/input";
-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, { useState } from 'react';
-import { SafetyOutlined, LockOutlined, UserOutlined } from '@ant-design/icons';
-import { getRequiredRules } from '../../../_utils';
-import { useGuardContext } from '../../../context/global/context';
-import { SendPhoneCode } from '../../../../components/AuthingGuard/Forms/SendPhoneCode';
-import { useTranslation } from 'react-i18next';
-export var ResetPasswordStep2 = function ResetPasswordStep2(_ref) {
-  var _context2, _context3;
-
-  var phone = _ref.phone,
-      onSuccess = _ref.onSuccess,
-      onFail = _ref.onFail;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      rawForm = _Form$useForm2[0];
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useGuardContext = useGuardContext(),
-      _useGuardContext$stat = _useGuardContext.state,
-      authClient = _useGuardContext$stat.authClient,
-      guardEvents = _useGuardContext$stat.guardEvents;
-
-  var onStep2Finish = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
-      var code, password;
-      return _regeneratorRuntime.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.createElement(_Form, {
-    form: rawForm,
-    onFinishFailed: function onFinishFailed() {
-      return setLoading(false);
-    },
-    onSubmitCapture: function onSubmitCapture() {
-      return setLoading(true);
-    },
-    onFinish: onStep2Finish
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
-    name: "phone",
-    initialValue: phone,
-    rules: getRequiredRules(t('common.phoneNotNull'))
-  }, /*#__PURE__*/React.createElement(_Input, {
-    autoComplete: "tel",
-    name: "phone",
-    readOnly: true,
-    size: "large",
-    placeholder: t('login.inputPhone'),
-    prefix: /*#__PURE__*/React.createElement(UserOutlined, {
-      style: {
-        color: '#ddd'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    name: "code",
-    rules: _concatInstanceProperty(_context2 = getRequiredRules(t('common.inputVerifyCode'))).call(_context2, {
-      len: 4,
-      message: t('common.inputFourVerifyCode', {
-        length: 4
-      })
-    })
-  }, /*#__PURE__*/React.createElement(_Input, {
-    name: "code",
-    size: "large",
-    placeholder: t('common.inputFourVerifyCode', {
-      length: 4
-    }),
-    prefix: /*#__PURE__*/React.createElement(SafetyOutlined, {
-      style: {
-        color: '#ddd'
-      }
-    }),
-    suffix: /*#__PURE__*/React.createElement(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.createElement(_Form.Item, {
-    name: "password",
-    rules: getRequiredRules(t('common.passwordNotNull'))
-  }, /*#__PURE__*/React.createElement(_Input.Password, {
-    name: "password",
-    size: "large",
-    placeholder: t('user.newPwd'),
-    prefix: /*#__PURE__*/React.createElement(LockOutlined, {
-      style: {
-        color: '#ddd'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    name: "repeat-password",
-    rules: _concatInstanceProperty(_context3 = getRequiredRules(t('common.repeatPassword'))).call(_context3, {
-      validator: function () {
-        var _validator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(rule, value) {
-          return _regeneratorRuntime.wrap(function _callee2$(_context4) {
-            while (1) {
-              switch (_context4.prev = _context4.next) {
-                case 0:
-                  if (!(rawForm.getFieldValue('password') !== value)) {
-                    _context4.next = 2;
-                    break;
-                  }
-
-                  throw new Error(t('login.twoPwdNeedSame'));
-
-                case 2:
-                case "end":
-                  return _context4.stop();
-              }
-            }
-          }, _callee2);
-        }));
-
-        function validator(_x2, _x3) {
-          return _validator.apply(this, arguments);
-        }
-
-        return validator;
-      }()
-    })
-  }, /*#__PURE__*/React.createElement(_Input.Password, {
-    name: "repeat-password",
-    size: "large",
-    placeholder: t('login.inputPwdAgain'),
-    prefix: /*#__PURE__*/React.createElement(LockOutlined, {
-      style: {
-        color: '#ddd'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Button, {
-    className: "authing-reset-pwd-btn",
-    block: true,
-    loading: loading,
-    type: "primary",
-    size: "large",
-    htmlType: "submit"
-  }, t('login.resetPwd')));
-};

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

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

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

@@ -1,235 +0,0 @@
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-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 _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import React, { useState } from 'react';
-import { SafetyOutlined, LockOutlined } from '@ant-design/icons';
-import { EmailScene } from 'authing-js-sdk';
-import { getRequiredRules } from '../../../_utils';
-import { useGuardContext } from '../../../context/global/context';
-import { useTranslation } from 'react-i18next';
-export var ResetPasswordStep3 = function ResetPasswordStep3(_ref) {
-  var _context3, _context4;
-
-  var email = _ref.email,
-      _ref$onSuccess = _ref.onSuccess,
-      onSuccess = _ref$onSuccess === void 0 ? function () {} : _ref$onSuccess,
-      onFail = _ref.onFail;
-
-  var _useGuardContext = useGuardContext(),
-      _useGuardContext$stat = _useGuardContext.state,
-      authClient = _useGuardContext$stat.authClient,
-      guardEvents = _useGuardContext$stat.guardEvents;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      rawForm = _Form$useForm2[0];
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      reseting = _useState2[0],
-      setReseting = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sending = _useState4[0],
-      setSending = _useState4[1];
-
-  var onSendResetMail = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _guardEvents$onPwdEma, _guardEvents$onPwdEma2;
-
-      return _regeneratorRuntime.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, EmailScene.ResetPassword);
-
-            case 4:
-              _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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(values) {
-      var code, password;
-      return _regeneratorRuntime.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      marginBottom: 24,
-      padding: '0 12px'
-    }
-  }, t('login.resetEmailSent', {
-    email: email
-  })), /*#__PURE__*/React.createElement(_Form, {
-    form: rawForm,
-    onFinishFailed: function onFinishFailed() {
-      return setReseting(false);
-    },
-    onSubmitCapture: function onSubmitCapture() {
-      return setReseting(true);
-    },
-    onFinish: onStep3Finish
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
-    name: "code",
-    rules: _concatInstanceProperty(_context3 = getRequiredRules(t('common.repeatPassword'))).call(_context3, {
-      len: 4,
-      message: t('common.inputFourVerifyCode', {
-        length: 4
-      })
-    })
-  }, /*#__PURE__*/React.createElement(_Input, {
-    name: "code",
-    size: "large",
-    placeholder: t('login.fourVerifyCode', {
-      length: 4
-    }),
-    prefix: /*#__PURE__*/React.createElement(SafetyOutlined, {
-      style: {
-        color: '#ddd'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    name: "password",
-    rules: getRequiredRules(t('common.passwordNotNull'))
-  }, /*#__PURE__*/React.createElement(_Input.Password, {
-    name: "password",
-    size: "large",
-    placeholder: t('user.newPwd'),
-    prefix: /*#__PURE__*/React.createElement(LockOutlined, {
-      style: {
-        color: '#ddd'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    name: "repeat-password",
-    rules: _concatInstanceProperty(_context4 = getRequiredRules(t('common.repeatPassword'))).call(_context4, {
-      validator: function () {
-        var _validator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(rule, value) {
-          return _regeneratorRuntime.wrap(function _callee3$(_context5) {
-            while (1) {
-              switch (_context5.prev = _context5.next) {
-                case 0:
-                  if (!(rawForm.getFieldValue('password') !== value)) {
-                    _context5.next = 2;
-                    break;
-                  }
-
-                  throw new Error(t('login.twoPwdNeedSame'));
-
-                case 2:
-                case "end":
-                  return _context5.stop();
-              }
-            }
-          }, _callee3);
-        }));
-
-        function validator(_x2, _x3) {
-          return _validator.apply(this, arguments);
-        }
-
-        return validator;
-      }()
-    })
-  }, /*#__PURE__*/React.createElement(_Input.Password, {
-    name: "repeat-password",
-    size: "large",
-    placeholder: t('login.inputPwdAgain'),
-    prefix: /*#__PURE__*/React.createElement(LockOutlined, {
-      style: {
-        color: '#ddd'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement(_Button, {
-    className: "authing-reset-pwd-btn",
-    block: true,
-    loading: reseting,
-    type: "primary",
-    size: "large",
-    htmlType: "submit"
-  }, t('login.resetPwd'))), /*#__PURE__*/React.createElement(_Button, {
-    block: true,
-    type: "primary",
-    ghost: true,
-    loading: sending,
-    size: "large",
-    onClick: onSendResetMail
-  }, t('login.resetPwdEmail'))));
-};

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

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

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

@@ -1,56 +0,0 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _setInterval from "@babel/runtime-corejs3/core-js-stable/set-interval";
-import { useGuardContext } from '../../../context/global/context';
-import React, { useEffect, useRef, useState } from 'react';
-import { GuardScenes } from '../../../../components/AuthingGuard/types';
-import { useTranslation } from 'react-i18next';
-var TIME = 3;
-export var ResetPasswordStep4 = function ResetPasswordStep4() {
-  var _useState = useState(TIME),
-      _useState2 = _slicedToArray(_useState, 2),
-      countDown = _useState2[0],
-      setCountDown = _useState2[1];
-
-  var timerRef = useRef(0);
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useGuardContext = useGuardContext(),
-      setValue = _useGuardContext.setValue;
-
-  useEffect(function () {
-    timerRef.current = _setInterval(function () {
-      setCountDown(function (prev) {
-        return prev - 1;
-      });
-    }, 1000);
-    return function () {
-      return clearInterval(timerRef.current);
-    };
-  }, []);
-  useEffect(function () {
-    if (countDown <= 0) {
-      clearInterval(timerRef.current);
-      setValue('guardScenes', GuardScenes.Login);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [countDown]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      textAlign: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("h3", {
-    style: {
-      fontSize: 20,
-      fontFamily: 'PingFangSC-Medium',
-      marginBottom: 0
-    }
-  }, t('common.pwdModifySuccess')), /*#__PURE__*/React.createElement("p", {
-    style: {
-      fontSize: 12
-    }
-  }, t('common.jumpAfterCount', {
-    number: countDown
-  })));
-};

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

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