@authing/react-ui-components 3.0.0-rc.12 → 3.0.0-rc.16

package/lib/ForgetPassword/core/resetPassword.js

@@ -1,246 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ResetPassword = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactI18next = require("react-i18next");
-
-var _antd = require("antd");
-
-var _SendCode = require("../../SendCode");
-
-var _authClient = require("../../Guard/authClient");
-
-var _utils = require("../../_utils");
-
-var _SubmitButton = _interopRequireDefault(require("../../SubmitButton"));
-
-var _ValidatorRules = _interopRequireDefault(require("../../ValidatorRules"));
-
-var _IconFont = require("../../IconFont");
-
-var _InputPassword = require("../../InputPassword");
-
-var ResetPassword = function ResetPassword(props) {
-  var _props$publicConfig$v;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var _Form$useForm = _antd.Form.useForm(),
-      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      identify = _useState2[0],
-      setIdentify = _useState2[1];
-
-  var _useState3 = (0, _react.useState)('phone'),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      codeMethod = _useState4[0],
-      setCodeMethod = _useState4[1];
-
-  var client = (0, _authClient.useGuardAuthClient)();
-  var submitButtonRef = (0, _react.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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
-      var identify, code, newPassword, context;
-      return _regenerator.default.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.default.createElement("div", {
-    className: "authing-g2-login-phone-code"
-  }, /*#__PURE__*/_react.default.createElement(_antd.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.default.createElement(_antd.Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "identify",
-    validateFirst: true,
-    rules: [].concat((0, _toConsumableArray2.default)((0, _utils.fieldRequiredRule)(t('common.account'))), [{
-      validator: function () {
-        var _validator = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_, value) {
-          return _regenerator.default.wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  if (value) {
-                    _context2.next = 2;
-                    break;
-                  }
-
-                  return _context2.abrupt("return");
-
-                case 2:
-                  if (!((0, _utils.validate)('email', value) || (0, _utils.validate)('phone', value))) {
-                    _context2.next = 6;
-                    break;
-                  }
-
-                  return _context2.abrupt("return");
-
-                case 6:
-                  throw new Error(t('login.inputCorrectPhoneOrEmail'));
-
-                case 7:
-                case "end":
-                  return _context2.stop();
-              }
-            }
-          }, _callee2);
-        }));
-
-        function validator(_x2, _x3) {
-          return _validator.apply(this, arguments);
-        }
-
-        return validator;
-      }()
-    }])
-  }, /*#__PURE__*/_react.default.createElement(_antd.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 ((0, _utils.validate)('email', v)) {
-        setCodeMethod('email');
-      }
-
-      if ((0, _utils.validate)('phone', v)) {
-        setCodeMethod('phone');
-      }
-    },
-    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
-      type: "authing-a-user-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "code",
-    rules: (0, _toConsumableArray2.default)((0, _utils.fieldRequiredRule)(t('common.captchaCode')))
-  }, /*#__PURE__*/_react.default.createElement(_SendCode.SendCode, {
-    className: "authing-g2-input",
-    autoComplete: "one-time-code",
-    size: "large",
-    placeholder: t('common.inputFourVerifyCode', {
-      length: verifyCodeLength
-    }),
-    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
-      type: "authing-a-shield-check-line1",
-      style: {
-        color: '#878A95'
-      }
-    }),
-    maxLength: verifyCodeLength,
-    method: codeMethod,
-    data: identify,
-    onSendCodeBefore: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-      return _regenerator.default.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return form.validateFields(['identify']);
-
-            case 2:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    })) // form={form}
-
-  })), /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.Password, {
-    className: "authing-g2-input-form",
-    name: "password"
-  }, /*#__PURE__*/_react.default.createElement(_InputPassword.InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('user.inputNewPwd'),
-    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    className: "authing-g2-input-form submit-form"
-  }, /*#__PURE__*/_react.default.createElement(_SubmitButton.default, {
-    className: "forget-password",
-    text: t('common.confirm'),
-    ref: submitButtonRef
-  }))));
-};
-
-exports.ResetPassword = ResetPassword;

package/lib/ForgetPassword/index.d.ts

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

package/lib/ForgetPassword/index.js

@@ -1,117 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GuardForgetPassword = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactI18next = require("react-i18next");
-
-var _antd = require("antd");
-
-var _module = require("../Guard/module");
-
-var _resetPassword = require("./core/resetPassword");
-
-var _ImagePro = require("../ImagePro");
-
-var _authClient = require("../Guard/authClient");
-
-var _ChangeLanguage = require("../ChangeLanguage");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(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) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var GuardForgetPassword = function GuardForgetPassword(props) {
-  var _props$config;
-
-  var langRange = props.config.langRange;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var publicConfig = props.config.__publicConfig__;
-  var authClient = (0, _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);
-
-      _antd.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, _module.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.default.createElement("div", {
-    className: "g2-view-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "g2-view-header"
-  }, /*#__PURE__*/_react.default.createElement(_ImagePro.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.default.createElement("div", {
-    className: "title"
-  }, t('login.resetPwd')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "title-explain"
-  }, t('user.resetpasswordText1'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "g2-view-tabs"
-  }, /*#__PURE__*/_react.default.createElement(_resetPassword.ResetPassword, {
-    onReset: onReset,
-    publicConfig: publicConfig,
-    onSend: onSend,
-    onSendError: onSendError
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "g2-tips-line"
-  }, /*#__PURE__*/_react.default.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, _module.GuardModuleType.LOGIN);
-    }
-  }, t('common.backLoginPage'))), /*#__PURE__*/_react.default.createElement(_ChangeLanguage.ChangeLanguage, {
-    langRange: langRange,
-    onLangChange: props.onLangChange
-  }));
-};
-
-exports.GuardForgetPassword = GuardForgetPassword;

package/lib/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/lib/ForgetPassword/interface.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/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;