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

package/lib/BindTotp/index.js

@@ -1,197 +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.GuardBindTotpView = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _antd = require("antd");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactUse = require("react-use");
-
-var _GuardErrorCode = require("../_utils/GuardErrorCode");
-
-var _guradHttp = require("../_utils/guradHttp");
-
-var _authClient = require("../Guard/authClient");
-
-var _module = require("../Guard/module");
-
-var _IconFont = require("../IconFont");
-
-var _ShieldSpin = require("../ShieldSpin");
-
-var _bindSuccess = require("./core/bindSuccess");
-
-var _securityCode = require("./core/securityCode");
-
-var _reactI18next = require("react-i18next");
-
-var BindTotpType;
-
-(function (BindTotpType) {
-  BindTotpType["SECURITY_CODE"] = "securityCode";
-  BindTotpType["BIND_SUCCESS"] = "bindSuccess";
-})(BindTotpType || (BindTotpType = {}));
-
-var GuardBindTotpView = function GuardBindTotpView(_ref) {
-  var GuardLocalConfig = _ref.config,
-      initData = _ref.initData,
-      onLogin = _ref.onLogin,
-      __changeModule = _ref.__changeModule;
-
-  var _useGuardHttp = (0, _guradHttp.useGuardHttp)(),
-      get = _useGuardHttp.get,
-      post = _useGuardHttp.post;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      secret = _useState2[0],
-      setSecret = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      qrcode = _useState4[0],
-      setQrcode = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      user = _useState6[0],
-      setUser = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(BindTotpType.SECURITY_CODE),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      bindTotpType = _useState8[0],
-      setBindTotpType = _useState8[1];
-
-  var authClient = (0, _authClient.useGuardAuthClient)();
-
-  var _useAsyncFn = (0, _reactUse.useAsyncFn)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var query, config, _yield$get, _data, _yield$post, data;
-
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            query = {
-              type: 'totp',
-              source: 'APPLICATION'
-            };
-            config = {
-              headers: {
-                authorization: initData.mfaToken
-              }
-            };
-            _context.prev = 2;
-            _context.next = 5;
-            return get("/api/v2/mfa/authenticator", query, config);
-
-          case 5:
-            _yield$get = _context.sent;
-            _data = _yield$get.data;
-
-            if (!(_data.code === _GuardErrorCode.ErrorCode.LOGIN_INVALID)) {
-              _context.next = 11;
-              break;
-            }
-
-            _antd.message.error(_data.message);
-
-            __changeModule === null || __changeModule === void 0 ? void 0 : __changeModule(_module.GuardModuleType.LOGIN, {});
-            return _context.abrupt("return");
-
-          case 11:
-            _context.next = 16;
-            break;
-
-          case 13:
-            _context.prev = 13;
-            _context.t0 = _context["catch"](2);
-
-            _antd.message.error(_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message);
-
-          case 16:
-            _context.next = 18;
-            return post('/api/v2/mfa/totp/associate', query, config);
-
-          case 18:
-            _yield$post = _context.sent;
-            data = _yield$post.data;
-            setSecret(data.recovery_code);
-            setQrcode(data.qrcode_data_url);
-
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[2, 13]]);
-  })), [initData.mfaToken]),
-      _useAsyncFn2 = (0, _slicedToArray2.default)(_useAsyncFn, 2),
-      bindInfo = _useAsyncFn2[0],
-      fetchBindInfo = _useAsyncFn2[1];
-
-  var onBind = function onBind() {
-    if (user) onLogin === null || onLogin === void 0 ? void 0 : onLogin(user, authClient);
-  };
-
-  var onNext = function onNext(user) {
-    setUser(user);
-    setBindTotpType(BindTotpType.BIND_SUCCESS);
-  };
-
-  (0, _react.useEffect)(function () {
-    fetchBindInfo();
-  }, [fetchBindInfo]);
-  var renderContent = (0, _react.useMemo)(function () {
-    var _ref3;
-
-    return _ref3 = {}, (0, _defineProperty2.default)(_ref3, BindTotpType.SECURITY_CODE, function (props) {
-      return /*#__PURE__*/_react.default.createElement(_securityCode.SecurityCode, props);
-    }), (0, _defineProperty2.default)(_ref3, BindTotpType.BIND_SUCCESS, function (props) {
-      return /*#__PURE__*/_react.default.createElement(_bindSuccess.BindSuccess, props);
-    }), _ref3;
-  }, []);
-
-  var onBack = function onBack() {
-    window.history.back();
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, bindInfo.loading ? /*#__PURE__*/_react.default.createElement(_ShieldSpin.Spin, null) : /*#__PURE__*/_react.default.createElement("div", {
-    className: "g2-view-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "g2-view-back"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    onClick: onBack
-  }, /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
-    type: "authing-back"
-  }), /*#__PURE__*/_react.default.createElement("span", null, t('common.backToVerify')))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "g2-mfa-content g2-mfa-bindTotp"
-  }, bindInfo.loading ? /*#__PURE__*/_react.default.createElement(_ShieldSpin.ShieldSpin, null) : renderContent[bindTotpType]({
-    mfaToken: initData.mfaToken,
-    qrcode: qrcode,
-    secret: secret,
-    onBind: onBind,
-    onNext: onNext,
-    changeModule: __changeModule
-  }))));
-};
-
-exports.GuardBindTotpView = GuardBindTotpView;

package/lib/BindTotp/interface.d.ts

@@ -1,19 +0,0 @@
-import { IG2Config, IG2Events, IG2FCProps } from '../Type';
-import { AuthenticationClient, User } from '..';
-import { GuardMFAInitData } from '../MFA/interface';
-export interface BindTotpConfig extends IG2Config {
-}
-export declare const getDefaultMFAConfig: () => BindTotpConfig;
-export interface BindTotpEvents extends IG2Events {
-    onLogin?: (user: User, authClient: AuthenticationClient) => void;
-}
-export interface GuardBindTotpInitData extends GuardMFAInitData {
-}
-export interface GuardBindTotpProps extends IG2FCProps, BindTotpEvents {
-    config: Partial<BindTotpConfig>;
-    initData: GuardBindTotpInitData;
-}
-export interface GuardBindTotpViewProps extends GuardBindTotpProps {
-    config: BindTotpConfig;
-    initData: GuardBindTotpInitData;
-}

package/lib/BindTotp/interface.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDefaultMFAConfig = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _Type = require("../Type");
-
-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 defaultConfig = _objectSpread({}, (0, _Type.getDefaultG2Config)());
-
-var getDefaultMFAConfig = function getDefaultMFAConfig() {
-  return _objectSpread(_objectSpread({}, (0, _Type.getDefaultG2Config)()), defaultConfig);
-};
-
-exports.getDefaultMFAConfig = getDefaultMFAConfig;

package/lib/BindTotp/style/css.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

package/lib/BindTotp/style/index.css

@@ -1 +0,0 @@
-.g2-mfa-bindTotp{display:flex;flex-direction:column;align-items:center;height:100%}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret{width:100%;height:48px;display:flex;justify-content:center;align-items:center;background:#f5f6f7;border-radius:4px}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret .authing-ant-typography{margin:0}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret .authing-ant-typography svg{color:#878a95!important;margin-left:30px}.g2-mfa-bindTotp .g2-mfa-bindTotp-secretSave{margin-top:16px}.g2-mfa-bindTotp .g2-mfa-submit-button{margin-top:80px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-qrcode{box-shadow:0 0 30px rgba(84,89,104,.15);border-radius:4px}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form{display:flex;flex-direction:column;align-items:center}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form .g2-mfa-submit-button{margin-top:64px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form .g2-mfa-totp-verify-input{text-align:center;margin-top:40px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form p{color:#878a95}

package/lib/BindTotp/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/lib/BindTotp/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.less");

package/lib/BindTotp/style/index.less

@@ -1,57 +0,0 @@
-.g2-mfa-bindTotp {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 100%;
-
-  .g2-mfa-bindTotp-copySecret {
-    width: 100%;
-    height: 48px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: #f5f6f7;
-    border-radius: 4px;
-
-    .authing-ant-typography {
-      margin: 0;
-
-      svg {
-        color: #878a95 !important;
-        margin-left: 30px;
-      }
-    }
-  }
-  .g2-mfa-bindTotp-secretSave {
-    margin-top: 16px;
-  }
-
-  .g2-mfa-submit-button {
-    margin-top: 80px !important;
-  }
-
-  .g2-mfa-bindTotp-qrcode {
-    box-shadow: 0px 0px 30px rgba(84, 89, 104, 0.15);
-    border-radius: 4px;
-  }
-
-  .g2-mfa-bindTotp-securityCode-form {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    .g2-mfa-submit-button {
-      margin-top: 64px !important;
-    }
-
-    .g2-mfa-totp-verify-input {
-      text-align: center;
-      // margin-bottom: 8px !important;
-      margin-top: 40px !important;
-    }
-
-    p {
-      color: #878a95;
-    }
-  }
-}

package/lib/ChangeLanguage/index.d.ts

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

package/lib/ChangeLanguage/index.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChangeLanguage = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactI18next = require("react-i18next");
-
-var _IconFont = require("../IconFont");
-
-var _locales = require("../_utils/locales");
-
-var ChangeLanguage = function ChangeLanguage(props) {
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      i18n = _useTranslation.i18n;
-
-  if (props.langRange.length <= 1) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }
-
-  var switchText = 'English';
-
-  if (i18n.language === 'en-US') {
-    switchText = '简体中文';
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "g2-change-language-container"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "g2-change-language-button",
-    onClick: function onClick() {
-      if (i18n.language === 'zh-CN') {
-        var _props$onLangChange;
-
-        (0, _locales.changeLang)('en-US');
-        (_props$onLangChange = props.onLangChange) === null || _props$onLangChange === void 0 ? void 0 : _props$onLangChange.call(props, 'en-US');
-      } else if (i18n.language === 'en-US') {
-        var _props$onLangChange2;
-
-        (0, _locales.changeLang)('zh-CN');
-        (_props$onLangChange2 = props.onLangChange) === null || _props$onLangChange2 === void 0 ? void 0 : _props$onLangChange2.call(props, 'zh-CN');
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
-    style: {
-      fontSize: 16
-    },
-    type: i18n.language === 'zh-CN' ? 'authing-a-yingwen1' : 'authing-zhongwen'
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "g2-change-language-text"
-  }, switchText)));
-};
-
-exports.ChangeLanguage = ChangeLanguage;

package/lib/ChangePassword/core/firstLoginReset.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface FirstLoginResetProps {
-    onReset: any;
-    publicConfig: any;
-    initData: any;
-}
-export declare const FirstLoginReset: (props: FirstLoginResetProps) => JSX.Element;
-export {};

package/lib/ChangePassword/core/firstLoginReset.js

@@ -1,160 +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.FirstLoginReset = 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 _authClient = require("../../Guard/authClient");
-
-var _SubmitButton = _interopRequireDefault(require("../../SubmitButton"));
-
-var _ValidatorRules = _interopRequireDefault(require("../../ValidatorRules"));
-
-var _IconFont = require("../../IconFont");
-
-var _InputPassword = require("../../InputPassword");
-
-var FirstLoginReset = function FirstLoginReset(props) {
-  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 client = (0, _authClient.useGuardAuthClient)();
-  var submitButtonRef = (0, _react.useRef)(null);
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
-      var _submitButtonRef$curr;
-
-      var newPassword, res, _submitButtonRef$curr2, _submitButtonRef$curr3;
-
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              newPassword = values.password;
-              (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(false);
-              _context.prev = 2;
-              _context.next = 5;
-              return client.resetPasswordByFirstLoginToken({
-                token: props.initData.token,
-                password: newPassword
-              });
-
-            case 5:
-              res = _context.sent;
-              props.onReset(res);
-              _context.next = 13;
-              break;
-
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](2);
-
-              _antd.message.error(_context.t0.message);
-
-              submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr2 = submitButtonRef.current) === null || _submitButtonRef$curr2 === void 0 ? void 0 : _submitButtonRef$curr2.onError();
-
-            case 13:
-              _context.prev = 13;
-              (_submitButtonRef$curr3 = submitButtonRef.current) === null || _submitButtonRef$curr3 === void 0 ? void 0 : _submitButtonRef$curr3.onSpin(false);
-              return _context.finish(13);
-
-            case 16:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[2, 9, 13, 16]]);
-    }));
-
-    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$curr4;
-
-      submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr4 = submitButtonRef.current) === null || _submitButtonRef$curr4 === void 0 ? void 0 : _submitButtonRef$curr4.onError();
-    },
-    autoComplete: "off"
-  }, /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.Password, {
-    className: "authing-g2-input-form",
-    name: "password",
-    required: true
-  }, /*#__PURE__*/_react.default.createElement(_InputPassword.InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('login.inputPwd'),
-    prefix: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "password2",
-    rules: [{
-      validator: function validator(_, value) {
-        var pwd = form.getFieldValue('password');
-
-        if (!value) {
-          return Promise.reject(t('login.inputPwd'));
-        }
-
-        if (value !== pwd) {
-          return Promise.reject(t('common.repeatPasswordDoc'));
-        }
-
-        return Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_InputPassword.InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('login.inputPwdAgain'),
-    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.FirstLoginReset = FirstLoginReset;

package/lib/ChangePassword/core/rotateReset.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface RotateResetProps {
-    onReset: any;
-    publicConfig: any;
-    initData: any;
-}
-export declare const RotateReset: (props: RotateResetProps) => JSX.Element;
-export {};