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

package/lib/Login/codemap.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.codeMap = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _GuardErrorCode = require("../_utils/GuardErrorCode");
-
-var _module = require("../Guard/module");
-
-var _codeMap;
-
-var codeMap = (_codeMap = {}, (0, _defineProperty2.default)(_codeMap, _GuardErrorCode.ErrorCode.APP_MFA_CODE, {
-  // 跳转去 mfa 验证
-  action: 'changeModule',
-  module: _module.GuardModuleType.MFA
-}), (0, _defineProperty2.default)(_codeMap, _GuardErrorCode.ErrorCode.INPUT_CAPTCHACODE, {
-  // 需要输入图形验证码
-  action: 'message'
-}), (0, _defineProperty2.default)(_codeMap, 500, {
-  action: 'message'
-}), (0, _defineProperty2.default)(_codeMap, 1639, {
-  // 首次登陆，跳转去修改密码
-  action: 'changeModule',
-  module: _module.GuardModuleType.CHANGE_PWD,
-  initData: {
-    type: 'inital'
-  } // 借助 1639 强行 mock 一下
-  // initData: { type: 'rotate' },
-
-}), (0, _defineProperty2.default)(_codeMap, 2058, {
-  // 密码轮换，跳转去修改密码
-  action: 'changeModule',
-  module: _module.GuardModuleType.CHANGE_PWD,
-  initData: {
-    type: 'rotate'
-  }
-}), (0, _defineProperty2.default)(_codeMap, 2333, {
-  // 密码错误
-  action: 'message'
-}), (0, _defineProperty2.default)(_codeMap, 2057, {
-  // 密码错误太多次
-  action: 'message'
-}), (0, _defineProperty2.default)(_codeMap, 2042, {
-  // 禁止未验证邮箱注册
-  action: 'message'
-}), (0, _defineProperty2.default)(_codeMap, 2001, {
-  // 验证码过期
-  action: 'message'
-}), (0, _defineProperty2.default)(_codeMap, 1576, {
-  action: 'message'
-}), _codeMap);
-exports.codeMap = codeMap;

package/lib/Login/core/withAD.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface LoginWithADProps {
-    onLogin: any;
-}
-export declare const LoginWithAD: (props: LoginWithADProps) => JSX.Element;
-export {};

package/lib/Login/core/withAD.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoginWithAD = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var LoginWithAD = function LoginWithAD(props) {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "authing-g2-login-ad"
-  }, "AD");
-};
-
-exports.LoginWithAD = LoginWithAD;

package/lib/Login/core/withAppQrcode.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface LoginWithAppQrcodeProps {
-    onLogin: any;
-    canLoop: boolean;
-    qrCodeScanOptions: any;
-}
-export declare const LoginWithAppQrcode: (props: LoginWithAppQrcodeProps) => JSX.Element;
-export {};

package/lib/Login/core/withAppQrcode.js

@@ -1,74 +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.LoginWithAppQrcode = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ShieldSpin = require("../../ShieldSpin");
-
-var _authClient = require("../../Guard/authClient");
-
-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 LoginWithAppQrcode = function LoginWithAppQrcode(props) {
-  var timerRef = (0, _react.useRef)();
-  var client = (0, _authClient.useGuardAuthClient)();
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var appQrcodeClient = client.qrcode;
-  (0, _react.useEffect)(function () {
-    if (!props.canLoop) {
-      return;
-    }
-
-    appQrcodeClient.startScanning('authingGuardAppQrcode', _objectSpread(_objectSpread({
-      autoExchangeUserInfo: true
-    }, props.qrCodeScanOptions), {}, {
-      onCodeLoaded: function onCodeLoaded() {
-        setLoading(false);
-      },
-      onStart: function onStart(timer) {
-        timerRef.current = timer;
-      },
-      onSuccess: function onSuccess(user) {
-        props.onLogin(200, user);
-      },
-      onError: function onError(message) {// config.qrCodeScanOptions?.onError?.(message)
-        // onFail && onFail(`${message}`)
-      },
-      onCodeLoadFailed: function onCodeLoadFailed() {
-        setLoading(false);
-      },
-      onRetry: function onRetry() {
-        setLoading(true);
-      }
-    }));
-    return function () {
-      return clearInterval(timerRef.current);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [appQrcodeClient, props.canLoop, props.qrCodeScanOptions]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "authing-g2-login-app-qrcode"
-  }, loading && /*#__PURE__*/_react.default.createElement(_ShieldSpin.ShieldSpin, null), /*#__PURE__*/_react.default.createElement("div", {
-    id: "authingGuardAppQrcode"
-  }));
-};
-
-exports.LoginWithAppQrcode = LoginWithAppQrcode;

package/lib/Login/core/withLDAP.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface LoginWithLDAPProps {
-    publicKey: string;
-    autoRegister?: boolean;
-    host?: string;
-    onLogin: any;
-    onBeforeLogin: any;
-}
-export declare const LoginWithLDAP: (props: LoginWithLDAPProps) => JSX.Element;
-export {};

package/lib/Login/core/withLDAP.js

@@ -1,227 +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.LoginWithLDAP = 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 _reactI18next = require("react-i18next");
-
-var _antd = require("antd");
-
-var _ = require("../../");
-
-var _GuardErrorCode = require("../../_utils/GuardErrorCode");
-
-var _authClient = require("../../Guard/authClient");
-
-var _SubmitButton = _interopRequireDefault(require("../../SubmitButton"));
-
-var _utils = require("../../_utils");
-
-var _IconFont = require("../../IconFont");
-
-var _InputPassword = require("../../InputPassword");
-
-var LoginWithLDAP = function LoginWithLDAP(props) {
-  var client = (0, _authClient.useGuardAuthClient)();
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var submitButtonRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showCaptcha = _useState2[0],
-      setShowCaptcha = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      verifyCodeUrl = _useState4[0],
-      setVerifyCodeUrl = _useState4[1];
-
-  var captchaUrl = "".concat(props.host, "/api/v2/security/captcha");
-
-  var getCaptchaUrl = function getCaptchaUrl() {
-    return "".concat(captchaUrl, "?r=").concat(+new Date());
-  };
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
-      var loginInfo, context, account, password, user, e;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              // onBeforeLogin
-              submitButtonRef.current.onSpin(true);
-              loginInfo = {
-                type: _.LoginMethods.LDAP,
-                data: {
-                  identity: values.account,
-                  password: values.password,
-                  captchaCode: values.captchaCode
-                }
-              };
-              _context.next = 4;
-              return props.onBeforeLogin(loginInfo);
-
-            case 4:
-              context = _context.sent;
-
-              if (context) {
-                _context.next = 8;
-                break;
-              }
-
-              submitButtonRef.current.onSpin(false);
-              return _context.abrupt("return");
-
-            case 8:
-              // onLogin
-              account = values.account && values.account.trim();
-              password = values.password && values.password.trim(); // let captchaCode = values.captchaCode && values.captchaCode.trim()
-
-              _context.prev = 10;
-              _context.next = 13;
-              return client.loginByLdap(account, password);
-
-            case 13:
-              user = _context.sent;
-              props.onLogin(200, user);
-              _context.next = 33;
-              break;
-
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](10);
-
-              if (!(typeof (_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) === 'string')) {
-                _context.next = 33;
-                break;
-              }
-
-              e = {
-                code: 2333,
-                data: {},
-                message: t('common.timeoutLDAP')
-              };
-              _context.prev = 21;
-              e = JSON.parse(_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message);
-              console.log('paser error.message error，cheke error', _context.t0); // onFail && onFail(errorData)
-
-              submitButtonRef.current.onSpin(false);
-              return _context.abrupt("return");
-
-            case 28:
-              _context.prev = 28;
-              _context.t1 = _context["catch"](21);
-
-            case 30:
-              if (e.code === _GuardErrorCode.ErrorCode.INPUT_CAPTCHACODE) {
-                setVerifyCodeUrl(getCaptchaUrl());
-                setShowCaptcha(true);
-              }
-
-              submitButtonRef.current.onSpin(false);
-              props.onLogin(e.code, e.data, e.message); // onFail && onFail(error)
-
-            case 33:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[10, 17], [21, 28]]);
-    }));
-
-    return function onFinish(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "authing-g2-login-ldap"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
-    name: "passworLogin",
-    onFinish: onFinish,
-    onFinishFailed: function onFinishFailed() {
-      return submitButtonRef.current.onError();
-    },
-    autoComplete: "off"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "account",
-    rules: (0, _utils.fieldRequiredRule)(t('common.account'))
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    className: "authing-g2-input",
-    autoComplete: "email,username,tel",
-    size: "large",
-    placeholder: t('login.inputLdapUsername'),
-    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: "password",
-    rules: (0, _utils.fieldRequiredRule)(t('common.password'))
-  }, /*#__PURE__*/_react.default.createElement(_InputPassword.InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('login.inputLdapPwd') // prefix={<LockOutlined style={{ color: '#878A95' }} />}
-    ,
-    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), showCaptcha && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "captchaCode",
-    rules: [{
-      required: true,
-      message: t('login.inputCaptchaCode')
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    className: "authing-g2-input add-after",
-    size: "large",
-    placeholder: t('login.inputCaptchaCode'),
-    addonAfter: /*#__PURE__*/_react.default.createElement("img", {
-      className: "g2-captcha-code-image",
-      src: verifyCodeUrl,
-      alt: t('login.captchaCode'),
-      style: {
-        height: '2em',
-        cursor: 'pointer'
-      },
-      onClick: function onClick() {
-        return setVerifyCodeUrl(getCaptchaUrl());
-      }
-    })
-  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_SubmitButton.default, {
-    text: t('common.login'),
-    className: "password",
-    ref: submitButtonRef
-  }))));
-};
-
-exports.LoginWithLDAP = LoginWithLDAP;

package/lib/Login/core/withPassword/FormItemAccount.d.ts

@@ -1,7 +0,0 @@
-import { FormItemProps } from 'antd/lib/form';
-import React from 'react';
-import { PasswordLoginMethods } from '../../../AuthingGuard/api';
-export interface FormItemAccountProps extends FormItemProps {
-    passwordLoginMethods: PasswordLoginMethods[];
-}
-export declare const FormItemAccount: React.FC<FormItemAccountProps>;

package/lib/Login/core/withPassword/FormItemAccount.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormItemAccount = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _FormItem = _interopRequireDefault(require("antd/lib/form/FormItem"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactI18next = require("react-i18next");
-
-var _ValidatorRules = _interopRequireDefault(require("../../../ValidatorRules"));
-
-var _utils = require("../../../_utils");
-
-var _excluded = ["passwordLoginMethods"];
-
-var FormItemAccount = function FormItemAccount(props) {
-  var methods = props.passwordLoginMethods,
-      formItemPtops = (0, _objectWithoutProperties2.default)(props, _excluded);
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var runderTemplate = (0, _react.useMemo)(function () {
-    if (methods.length !== 1) return /*#__PURE__*/_react.default.createElement(_FormItem.default, (0, _extends2.default)({
-      validateTrigger: ['onBlur', 'onChange'],
-      rules: (0, _utils.fieldRequiredRule)(t('common.account'))
-    }, formItemPtops));
-
-    switch (methods[0]) {
-      case 'phone-password':
-        return /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.Phone, formItemPtops);
-
-      case 'email-password':
-        return /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.Email, formItemPtops);
-
-      case 'username-password':
-        return /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.UserName, formItemPtops);
-    }
-  }, [formItemPtops, methods, t]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, runderTemplate);
-};
-
-exports.FormItemAccount = FormItemAccount;

package/lib/Login/core/withPassword/GraphicVerifyCode.d.ts

@@ -1,7 +0,0 @@
-import { InputProps } from 'antd/lib/input';
-import React from 'react';
-export interface GraphicVerifyCodeProps extends InputProps {
-    verifyCodeUrl: string;
-    changeCode: () => void;
-}
-export declare const GraphicVerifyCode: React.FC<GraphicVerifyCodeProps>;

package/lib/Login/core/withPassword/GraphicVerifyCode.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GraphicVerifyCode = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _input = _interopRequireDefault(require("antd/lib/input"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactI18next = require("react-i18next");
-
-var _ImagePro = require("../../../ImagePro");
-
-var _excluded = ["verifyCodeUrl", "changeCode"];
-
-var GraphicVerifyCode = function GraphicVerifyCode(props) {
-  var verifyCodeUrl = props.verifyCodeUrl,
-      changeCode = props.changeCode,
-      inputProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "g2-graphic-verify-code"
-  }, /*#__PURE__*/_react.default.createElement(_input.default, inputProps), /*#__PURE__*/_react.default.createElement(_ImagePro.ImagePro, {
-    className: "g2-captcha-code-image",
-    src: verifyCodeUrl,
-    alt: t('login.captchaCode'),
-    height: "46px",
-    style: {
-      cursor: 'pointer'
-    },
-    onClick: function onClick() {
-      return changeCode();
-    }
-  }));
-};
-
-exports.GraphicVerifyCode = GraphicVerifyCode;

package/lib/Login/core/withPassword/InputAccount.d.ts

@@ -1,7 +0,0 @@
-import { InputProps } from 'antd/lib/input';
-import React from 'react';
-import { PasswordLoginMethods } from '../../../AuthingGuard/api';
-export interface InputAccountProps extends InputProps {
-    passwordLoginMethods: PasswordLoginMethods[];
-}
-export declare const InputAccount: React.FC<InputAccountProps>;

package/lib/Login/core/withPassword/InputAccount.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputAccount = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _input = _interopRequireDefault(require("antd/lib/input"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactI18next = require("react-i18next");
-
-var _InputNumber = require("../../../InputNumber");
-
-var _excluded = ["passwordLoginMethods"];
-
-var InputAccount = function InputAccount(props) {
-  var methods = props.passwordLoginMethods,
-      inputProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var loginMethodsText = (0, _react.useMemo)(function () {
-    return {
-      'email-password': {
-        t: t('common.email'),
-        sort: 2
-      },
-      'phone-password': {
-        t: t('common.phoneNumber'),
-        sort: 1
-      },
-      'username-password': {
-        t: t('common.username'),
-        sort: 0
-      }
-    };
-  }, [t]);
-  var placeholder = (0, _react.useMemo)(function () {
-    return t('login.inputAccount', {
-      text: methods === null || methods === void 0 ? void 0 : methods.map(function (item) {
-        return loginMethodsText[item];
-      }).sort(function (a, b) {
-        return a.sort - b.sort;
-      }).map(function (item) {
-        return item.t;
-      }).join(' / ')
-    });
-  }, [loginMethodsText, methods, t]);
-  var runderInput = (0, _react.useMemo)(function () {
-    if (methods.length === 1 && methods[0] === 'phone-password') return /*#__PURE__*/_react.default.createElement(_InputNumber.InputNumber, (0, _extends2.default)({
-      maxLength: 11,
-      placeholder: placeholder
-    }, inputProps));
-    return /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
-      placeholder: placeholder
-    }, inputProps));
-  }, [inputProps, methods, placeholder]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, runderInput);
-};
-
-exports.InputAccount = InputAccount;

package/lib/Login/core/withPassword/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { PasswordLoginMethods } from '../../../AuthingGuard/api';
-interface LoginWithPasswordProps {
-    publicKey: string;
-    autoRegister?: boolean;
-    host?: string;
-    onLogin: any;
-    onBeforeLogin: any;
-    passwordLoginMethods: PasswordLoginMethods[];
-}
-export declare const LoginWithPassword: (props: LoginWithPasswordProps) => JSX.Element;
-export {};