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

package/es/ForgetPassword/core/resetPassword.js

@@ -1,224 +0,0 @@
-import "antd/lib/input/style";
-import _Input from "antd/lib/input";
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
-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 _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { SendCode } from '../../SendCode';
-import { useGuardAuthClient } from '../../Guard/authClient';
-import { fieldRequiredRule, validate } from '../../_utils';
-import SubmitButton from '../../SubmitButton';
-import CustomFormItem from '../../ValidatorRules';
-import { IconFont } from '../../IconFont';
-import { InputPassword } from '../../InputPassword';
-export var ResetPassword = function ResetPassword(props) {
-  var _props$publicConfig$v, _context2;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      identify = _useState2[0],
-      setIdentify = _useState2[1];
-
-  var _useState3 = useState('phone'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      codeMethod = _useState4[0],
-      setCodeMethod = _useState4[1];
-
-  var client = useGuardAuthClient();
-  var submitButtonRef = useRef(null);
-  var verifyCodeLength = (_props$publicConfig$v = props.publicConfig.verifyCodeLength) !== null && _props$publicConfig$v !== void 0 ? _props$publicConfig$v : 4;
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
-      var identify, code, newPassword, context;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              identify = values.identify;
-              code = values.code;
-              newPassword = values.password;
-              context = new _Promise(function () {});
-
-              if (codeMethod === 'email') {
-                context = client.resetPasswordByEmailCode(identify, code, newPassword);
-              }
-
-              if (codeMethod === 'phone') {
-                context = client.resetPasswordByPhoneCode(identify, code, newPassword);
-              }
-
-              context.then(function (r) {
-                props.onSend(codeMethod);
-                props.onReset(r);
-              }).catch(function (e) {
-                submitButtonRef.current.onError();
-                props.onSendError(codeMethod, e);
-                props.onReset(e);
-              });
-
-            case 7:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function onFinish(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "authing-g2-login-phone-code"
-  }, /*#__PURE__*/React.createElement(_Form, {
-    name: "resetPassword",
-    form: form,
-    onFinish: onFinish,
-    onFinishFailed: function onFinishFailed() {
-      var _submitButtonRef$curr;
-
-      submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onError();
-    },
-    autoComplete: "off"
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "identify",
-    validateFirst: true,
-    rules: _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(fieldRequiredRule(t('common.account'))), [{
-      validator: function () {
-        var _validator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_, value) {
-          return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-            while (1) {
-              switch (_context3.prev = _context3.next) {
-                case 0:
-                  if (value) {
-                    _context3.next = 2;
-                    break;
-                  }
-
-                  return _context3.abrupt("return");
-
-                case 2:
-                  if (!(validate('email', value) || validate('phone', value))) {
-                    _context3.next = 6;
-                    break;
-                  }
-
-                  return _context3.abrupt("return");
-
-                case 6:
-                  throw new Error(t('login.inputCorrectPhoneOrEmail'));
-
-                case 7:
-                case "end":
-                  return _context3.stop();
-              }
-            }
-          }, _callee2);
-        }));
-
-        function validator(_x2, _x3) {
-          return _validator.apply(this, arguments);
-        }
-
-        return validator;
-      }()
-    }])
-  }, /*#__PURE__*/React.createElement(_Input, {
-    className: "authing-g2-input",
-    autoComplete: "tel",
-    size: "large",
-    placeholder: t('login.inputPhoneOrEmail'),
-    value: identify,
-    onChange: function onChange(e) {
-      var v = e.target.value;
-      setIdentify(v);
-
-      if (validate('email', v)) {
-        setCodeMethod('email');
-      }
-
-      if (validate('phone', v)) {
-        setCodeMethod('phone');
-      }
-    },
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "authing-a-user-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "code",
-    rules: _toConsumableArray(fieldRequiredRule(t('common.captchaCode')))
-  }, /*#__PURE__*/React.createElement(SendCode, {
-    className: "authing-g2-input",
-    autoComplete: "one-time-code",
-    size: "large",
-    placeholder: t('common.inputFourVerifyCode', {
-      length: verifyCodeLength
-    }),
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "authing-a-shield-check-line1",
-      style: {
-        color: '#878A95'
-      }
-    }),
-    maxLength: verifyCodeLength,
-    method: codeMethod,
-    data: identify,
-    onSendCodeBefore: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      return _regeneratorRuntime.wrap(function _callee3$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.next = 2;
-              return form.validateFields(['identify']);
-
-            case 2:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee3);
-    })) // form={form}
-
-  })), /*#__PURE__*/React.createElement(CustomFormItem.Password, {
-    className: "authing-g2-input-form",
-    name: "password"
-  }, /*#__PURE__*/React.createElement(InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('user.inputNewPwd'),
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    className: "authing-g2-input-form submit-form"
-  }, /*#__PURE__*/React.createElement(SubmitButton, {
-    className: "forget-password",
-    text: t('common.confirm'),
-    ref: submitButtonRef
-  }))));
-};

package/es/ForgetPassword/index.d.ts

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

package/es/ForgetPassword/index.js

@@ -1,107 +0,0 @@
-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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-
-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 from 'react';
-import { useTranslation } from 'react-i18next';
-import { GuardModuleType } from '../Guard/module';
-import { ResetPassword } from './core/resetPassword';
-import { ImagePro } from '../ImagePro';
-import { useGuardAuthClient } from '../Guard/authClient';
-import { ChangeLanguage } from '../ChangeLanguage';
-export var GuardForgetPassword = function GuardForgetPassword(props) {
-  var _props$config;
-
-  var langRange = props.config.langRange;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var publicConfig = props.config.__publicConfig__;
-  var authClient = useGuardAuthClient();
-
-  var onReset = function onReset(res) {
-    var _props$onPwdReset, _props$__changeModule;
-
-    var code = res.code;
-
-    if (code !== 200) {
-      var _props$onPwdResetErro;
-
-      (_props$onPwdResetErro = props.onPwdResetError) === null || _props$onPwdResetErro === void 0 ? void 0 : _props$onPwdResetErro.call(props, res, authClient);
-
-      _message.error(res.message);
-
-      return;
-    }
-
-    (_props$onPwdReset = props.onPwdReset) === null || _props$onPwdReset === void 0 ? void 0 : _props$onPwdReset.call(props, authClient); // 返回登录
-
-    var initData = {
-      title: t('common.resetSuccess'),
-      message: t('common.resetSuccessMessage')
-    };
-    (_props$__changeModule = props.__changeModule) === null || _props$__changeModule === void 0 ? void 0 : _props$__changeModule.call(props, GuardModuleType.SUBMIT_SUCCESS, _objectSpread({}, initData));
-  };
-
-  var onSend = function onSend(type) {
-    var _props$onPwdPhoneSend, _props$onPwdEmailSend;
-
-    if (type === 'phone') (_props$onPwdPhoneSend = props.onPwdPhoneSend) === null || _props$onPwdPhoneSend === void 0 ? void 0 : _props$onPwdPhoneSend.call(props, authClient);
-    if (type === 'email') (_props$onPwdEmailSend = props.onPwdEmailSend) === null || _props$onPwdEmailSend === void 0 ? void 0 : _props$onPwdEmailSend.call(props, authClient);
-  };
-
-  var onSendError = function onSendError(type, error) {
-    var _props$onPwdPhoneSend2, _props$onPwdEmailSend2;
-
-    if (type === 'phone') (_props$onPwdPhoneSend2 = props.onPwdPhoneSendError) === null || _props$onPwdPhoneSend2 === void 0 ? void 0 : _props$onPwdPhoneSend2.call(props, error, authClient);
-    if (type === 'email') (_props$onPwdEmailSend2 = props.onPwdEmailSendError) === null || _props$onPwdEmailSend2 === void 0 ? void 0 : _props$onPwdEmailSend2.call(props, error, authClient);
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-header"
-  }, /*#__PURE__*/React.createElement(ImagePro, {
-    src: (_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.logo,
-    size: 48,
-    borderRadius: 4,
-    alt: "",
-    className: "icon"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, t('login.resetPwd')), /*#__PURE__*/React.createElement("div", {
-    className: "title-explain"
-  }, t('user.resetpasswordText1'))), /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-tabs"
-  }, /*#__PURE__*/React.createElement(ResetPassword, {
-    onReset: onReset,
-    publicConfig: publicConfig,
-    onSend: onSend,
-    onSendError: onSendError
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "g2-tips-line"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "link-like back-to-login",
-    onClick: function onClick() {
-      var _props$__changeModule2;
-
-      return (_props$__changeModule2 = props.__changeModule) === null || _props$__changeModule2 === void 0 ? void 0 : _props$__changeModule2.call(props, GuardModuleType.LOGIN);
-    }
-  }, t('common.backLoginPage'))), /*#__PURE__*/React.createElement(ChangeLanguage, {
-    langRange: langRange,
-    onLangChange: props.onLangChange
-  }));
-};

package/es/ForgetPassword/interface.d.ts

@@ -1,18 +0,0 @@
-import { AuthenticationClient, CommonMessage } from '..';
-import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '../Type';
-export interface ForgetPasswordEvents extends IG2Events {
-    onPwdEmailSend?: (authClient: AuthenticationClient) => void;
-    onPwdEmailSendError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
-    onPwdPhoneSend?: (authClient: AuthenticationClient) => void;
-    onPwdPhoneSendError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
-    onPwdReset?: (authClient: AuthenticationClient) => void;
-    onPwdResetError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
-}
-export interface ForgetPasswordConfig extends IG2Config {
-}
-export interface ForgetPasswordProps extends IG2FCProps, ForgetPasswordEvents {
-    config: Partial<IG2Config>;
-}
-export interface ForgetPasswordViewProps extends ForgetPasswordProps, IG2FCViewProps {
-    config: IG2Config;
-}

package/es/ForgetPassword/interface.js

@@ -1 +0,0 @@
-export {};

package/es/Guard/Guard.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { GuardEvents } from './event';
-import { IG2FCProps } from '../Type';
-import { GuardLocalConfig } from './config';
-export interface GuardProps extends GuardEvents, IG2FCProps {
-    tenantId?: string;
-    config?: Partial<GuardLocalConfig>;
-    visible?: boolean;
-}
-export declare const Guard: (props: GuardProps) => JSX.Element;