@authing/react-ui-components 3.0.1-alpha.3 → 3.0.1-beta.0

package/lib/Guard/Guard.js

@@ -0,0 +1,381 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Guard = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _Login = require("../Login");
+
+var _authClient = require("./authClient");
+
+var _event = require("./event");
+
+var _config = require("../_utils/config");
+
+var _utils = require("../_utils");
+
+var _guradHttp = require("../_utils/guradHttp");
+
+var _locales = require("..//_utils/locales");
+
+var _config2 = require("./config");
+
+var _ShieldSpin = require("../ShieldSpin");
+
+var _module = require("./module");
+
+var _MFA = require("../MFA");
+
+var _Register = require("../Register");
+
+var _DownloadAuthenticator = require("../DownloadAuthenticator");
+
+var _stateMachine = require("./stateMachine");
+
+var _BindTotp = require("../BindTotp");
+
+var _ForgetPassword = require("../ForgetPassword");
+
+var _ChangePassword = require("../ChangePassword");
+
+var _NeedHelpView = require("../NeedHelpView");
+
+var _CompleteInfo = require("../CompleteInfo");
+
+var _RecoveryCode = require("../RecoveryCode");
+
+var _IconFont = require("../AuthingGuard/IconFont");
+
+var _Error = require("../Error");
+
+var _ = require("..");
+
+var _SubmitSuccess = require("../SubmitSuccess");
+
+var _context2 = require("../_utils/context");
+
+var _sso = require("./sso");
+
+var _ComponentsMapping;
+
+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 PREFIX_CLS = 'authing-ant';
+
+_antd.message.config({
+  prefixCls: "".concat(PREFIX_CLS, "-message")
+});
+
+var ComponentsMapping = (_ComponentsMapping = {}, (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.ERROR, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_Error.GuardErrorView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.LOGIN, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_Login.GuardLoginView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.MFA, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_MFA.GuardMFAView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.REGISTER, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_Register.GuardRegisterView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.DOWNLOAD_AT, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_DownloadAuthenticator.GuardDownloadATView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.FORGET_PWD, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_ForgetPassword.GuardForgetPassword, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.CHANGE_PWD, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_ChangePassword.GuardChangePassword, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.BIND_TOTP, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_BindTotp.GuardBindTotpView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.ANY_QUESTIONS, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_NeedHelpView.GuardNeedHelpView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.COMPLETE_INFO, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_CompleteInfo.GuardCompleteInfoView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.RECOVERY_CODE, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_RecoveryCode.GuardRecoveryCodeView, props);
+}), (0, _defineProperty2.default)(_ComponentsMapping, _module.GuardModuleType.SUBMIT_SUCCESS, function (props) {
+  return /*#__PURE__*/_react.default.createElement(_SubmitSuccess.GuardSubmitSuccessView, props);
+}), _ComponentsMapping); // 首页 init 数据
+
+var initState = {
+  moduleName: _module.GuardModuleType.LOGIN,
+  initData: {}
+};
+
+var Guard = function Guard(props) {
+  var appId = props.appId,
+      tenantId = props.tenantId,
+      config = props.config; // 初始化 Loading 标识
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      initSettingEnd = _useState2[0],
+      setInitSettingEnd = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      initError = _useState4[0],
+      setInitError = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      errorData = _useState6[0],
+      setErrorData = _useState6[1]; // Config
+
+
+  var _useState7 = (0, _react.useState)(),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      GuardLocalConfig = _useState8[0],
+      setGuardLocalConfig = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      events = _useState10[0],
+      setEvents = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      authClint = _useState12[0],
+      setAuthClint = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      httpClint = _useState14[0],
+      setHttpClint = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      publicConfig = _useState16[0],
+      setPublicConfig = _useState16[1]; // 状态机
+
+
+  var _useState17 = (0, _react.useState)(),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      guardStateMachine = _useState18[0],
+      setGuardStateMachine = _useState18[1];
+
+  var _createGuardContext = (0, _context2.createGuardContext)(),
+      Context = _createGuardContext.Context; // 劫持浏览器 History
+
+
+  var _useHistoryHijack = (0, _stateMachine.useHistoryHijack)(guardStateMachine === null || guardStateMachine === void 0 ? void 0 : guardStateMachine.back),
+      _useHistoryHijack2 = (0, _slicedToArray2.default)(_useHistoryHijack, 1),
+      historyNext = _useHistoryHijack2[0]; // modules 定义
+
+
+  var moduleReducer = function moduleReducer(state, _ref) {
+    var type = _ref.type,
+        payload = _ref.payload;
+    return {
+      moduleName: type,
+      initData: payload === null || payload === void 0 ? void 0 : payload.initData
+    };
+  }; // Modules Reducer
+
+
+  var _useReducer = (0, _react.useReducer)(moduleReducer, initState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      moduleState = _useReducer2[0],
+      changeModule = _useReducer2[1]; // Change Module
+
+
+  var onChangeModule = function onChangeModule(moduleName) {
+    var initData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    changeModule({
+      type: moduleName,
+      payload: {
+        initData: initData !== null && initData !== void 0 ? initData : {}
+      }
+    });
+  }; // HttpClint
+
+
+  (0, _react.useEffect)(function () {
+    var _config$host;
+
+    if (!appId) return;
+    var httpClient = (0, _guradHttp.initGuardHttp)((_config$host = config === null || config === void 0 ? void 0 : config.host) !== null && _config$host !== void 0 ? _config$host : (0, _config2.getDefaultGuardLocalConfig)().host);
+    httpClient.setAppId(appId);
+    tenantId && httpClient.setTenantId(tenantId);
+    setHttpClint(httpClient);
+  }, [appId, config === null || config === void 0 ? void 0 : config.host, tenantId]); // SSO 登录
+
+  (0, _react.useEffect)(function () {
+    if (!(config !== null && config !== void 0 && config.isSSO) || !authClint || !events || !httpClint) return;
+    (0, _sso.trackSession)().then(function (sessionData) {
+      // 这个接口没有 code, data, 直接返回了数据
+      var typedData = sessionData;
+
+      if (typedData.userInfo) {
+        var _events$onLogin;
+
+        events === null || events === void 0 ? void 0 : (_events$onLogin = events.onLogin) === null || _events$onLogin === void 0 ? void 0 : _events$onLogin.call(events, typedData.userInfo, authClint);
+      }
+    });
+  }, [appId, authClint, config === null || config === void 0 ? void 0 : config.isSSO, events, httpClint]);
+  (0, _react.useEffect)(function () {
+    if (httpClint && GuardLocalConfig && GuardLocalConfig.__appHost__) {
+      httpClint === null || httpClint === void 0 ? void 0 : httpClint.setBaseUrl(GuardLocalConfig.__appHost__);
+    }
+  }, [GuardLocalConfig, httpClint]); // I18n
+
+  (0, _react.useEffect)(function () {
+    // TODO  国际化 这部分有点小问题 等待优化
+    (0, _locales.initI18n)({}, config === null || config === void 0 ? void 0 : config.lang);
+  }, [config === null || config === void 0 ? void 0 : config.lang]); // AuthClient
+
+  (0, _react.useEffect)(function () {
+    if (appId && GuardLocalConfig) {
+      var _authClint = (0, _authClient.initGuardAuthClient)(GuardLocalConfig, appId, tenantId);
+
+      setAuthClint(_authClint);
+    }
+  }, [GuardLocalConfig, appId, tenantId]); // initEvents
+
+  (0, _react.useEffect)(function () {
+    var events = (0, _event.guardEventsFilter)(props);
+    setEvents(events);
+  }, [props]); // 状态机相关
+
+  (0, _react.useEffect)(function () {
+    var guardStateMachine = (0, _stateMachine.initGuardStateMachine)(onChangeModule, initState);
+    setGuardStateMachine(guardStateMachine);
+  }, []); // 设置 config
+
+  (0, _react.useEffect)(function () {
+    if (guardStateMachine && GuardLocalConfig) guardStateMachine.setConfig(GuardLocalConfig);
+  }, [GuardLocalConfig, guardStateMachine]);
+  var initPublicConfig = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _yield$initConfig, mergedConfig, _publicConfig;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!config && !appId)) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 2:
+            _context.prev = 2;
+            _context.next = 5;
+            return (0, _config.initConfig)(appId, config !== null && config !== void 0 ? config : {}, (0, _config2.getDefaultGuardLocalConfig)());
+
+          case 5:
+            _yield$initConfig = _context.sent;
+            mergedConfig = _yield$initConfig.config;
+            _publicConfig = _yield$initConfig.publicConfig;
+            setGuardLocalConfig(mergedConfig);
+            setPublicConfig(_publicConfig);
+            (0, _guradHttp.getGuardHttp)().setUserpoolId(_publicConfig.userPoolId);
+            _context.next = 17;
+            break;
+
+          case 13:
+            _context.prev = 13;
+            _context.t0 = _context["catch"](2);
+            setErrorData(_context.t0);
+            setInitError(true);
+
+          case 17:
+            _context.prev = 17;
+            // 初始化 结束
+            setInitSettingEnd(true);
+            return _context.finish(17);
+
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[2, 13, 17, 20]]);
+  })), [appId, config]);
+  (0, _react.useEffect)(function () {
+    initPublicConfig();
+  }, [initPublicConfig]);
+  (0, _react.useEffect)(function () {
+    if (GuardLocalConfig && GuardLocalConfig.contentCss) (0, _utils.insertStyles)(GuardLocalConfig.contentCss);
+  }, [GuardLocalConfig]);
+  (0, _react.useEffect)(function () {
+    var _events$onLoad;
+
+    if (GuardLocalConfig && authClint) events === null || events === void 0 ? void 0 : (_events$onLoad = events.onLoad) === null || _events$onLoad === void 0 ? void 0 : _events$onLoad.call(events, authClint);
+  }, [GuardLocalConfig, authClint, events]);
+  (0, _react.useEffect)(function () {
+    if (initError) {
+      var _events$onLoadError;
+
+      events === null || events === void 0 ? void 0 : (_events$onLoadError = events.onLoadError) === null || _events$onLoadError === void 0 ? void 0 : _events$onLoadError.call(events, errorData);
+    }
+  }, [errorData, events, initError]);
+  var renderModule = (0, _react.useMemo)(function () {
+    if (initError) return /*#__PURE__*/_react.default.createElement(_Error.GuardErrorView, {
+      initData: {
+        messages: errorData === null || errorData === void 0 ? void 0 : errorData.message
+      }
+    });
+
+    if (initSettingEnd && GuardLocalConfig) {
+      return ComponentsMapping[moduleState.moduleName](_objectSpread(_objectSpread({
+        appId: appId,
+        initData: moduleState.initData,
+        config: GuardLocalConfig
+      }, events), {}, {
+        __changeModule: function __changeModule(moduleName, initData) {
+          historyNext(initData);
+          guardStateMachine === null || guardStateMachine === void 0 ? void 0 : guardStateMachine.next(moduleName, initData);
+        }
+      }));
+    } else {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "g2-init-setting-loading"
+      }, /*#__PURE__*/_react.default.createElement(_ShieldSpin.ShieldSpin, {
+        size: 100
+      }));
+    }
+  }, [initSettingEnd, GuardLocalConfig, initError, errorData === null || errorData === void 0 ? void 0 : errorData.message, moduleState.moduleName, moduleState.initData, appId, events, historyNext, guardStateMachine]);
+  return (
+    /*#__PURE__*/
+    // TODO 这部分缺失 Loging 态
+    _react.default.createElement(_antd.ConfigProvider, {
+      prefixCls: PREFIX_CLS
+    }, /*#__PURE__*/_react.default.createElement(Context.Provider, {
+      value: publicConfig
+    }, (config === null || config === void 0 ? void 0 : config.mode) === _.GuardMode.Modal ? /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+      className: "authing-g2-render-module-modal",
+      closeIcon: /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
+        type: "authing-close-line",
+        className: "g2-modal-close"
+      }),
+      visible: props.visible,
+      onCancel: props.onClose,
+      keyboard: config.escCloseable,
+      maskClosable: false //点击蒙层，是否允许关闭
+      ,
+      getContainer: config.target ? config.target : false
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "authing-g2-render-module"
+    }, renderModule)) : /*#__PURE__*/_react.default.createElement("div", {
+      className: "authing-g2-render-module"
+    }, renderModule)))
+  );
+};
+
+exports.Guard = Guard;

package/lib/Guard/authClient.d.ts

@@ -0,0 +1,5 @@
+import { AuthenticationClient } from 'authing-js-sdk';
+import { GuardLocalConfig } from './config';
+export declare const initGuardAuthClient: (config: GuardLocalConfig, appId: string, tenantId?: string | undefined) => AuthenticationClient;
+export declare const getGuardAuthClient: () => AuthenticationClient;
+export declare const useGuardAuthClient: () => AuthenticationClient;

package/lib/Guard/authClient.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGuardAuthClient = exports.initGuardAuthClient = exports.getGuardAuthClient = void 0;
+
+var _authingJsSdk = require("authing-js-sdk");
+
+var _version = _interopRequireDefault(require("../version"));
+
+var authClient;
+
+var initGuardAuthClient = function initGuardAuthClient(config, appId, tenantId) {
+  var _config$__appHost__;
+
+  var host = (_config$__appHost__ = config.__appHost__) !== null && _config$__appHost__ !== void 0 ? _config$__appHost__ : config.host;
+  var lang = config.lang;
+
+  if (!authClient) {
+    try {
+      authClient = new _authingJsSdk.AuthenticationClient({
+        appHost: host,
+        tenantId: tenantId,
+        appId: appId,
+        lang: lang,
+        requestFrom: "Guard@".concat(_version.default),
+        onError: function onError(code, msg) {
+          console.error(code, msg);
+        }
+      });
+    } catch (error) {
+      throw error;
+    }
+  }
+
+  return authClient;
+};
+
+exports.initGuardAuthClient = initGuardAuthClient;
+
+var getGuardAuthClient = function getGuardAuthClient() {
+  if (!authClient) {
+    throw new Error('Please initialize GuardAuthClient');
+  }
+
+  return authClient;
+};
+
+exports.getGuardAuthClient = getGuardAuthClient;
+
+var useGuardAuthClient = function useGuardAuthClient() {
+  return getGuardAuthClient();
+};
+
+exports.useGuardAuthClient = useGuardAuthClient;

package/lib/Guard/config.d.ts

@@ -0,0 +1,8 @@
+import { LoginConfig } from '../Login/interface';
+import { RegisterConfig } from '../Register/interface';
+export interface GuardComponentConifg extends Partial<GuardLocalConfig> {
+}
+export interface GuardLocalConfig extends RegisterConfig, LoginConfig {
+    isSSO?: boolean;
+}
+export declare const getDefaultGuardLocalConfig: () => GuardLocalConfig;

package/lib/Guard/config.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultGuardLocalConfig = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _interface = require("../Login/interface");
+
+var _interface2 = require("../Register/interface");
+
+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;
+
+var getDefaultGuardLocalConfig = function getDefaultGuardLocalConfig() {
+  if (!defaultConfig) {
+    defaultConfig = _objectSpread(_objectSpread({}, (0, _interface.getDefaultLoginConfig)()), (0, _interface2.getDefaultRegisterConfig)());
+  }
+
+  return defaultConfig;
+};
+
+exports.getDefaultGuardLocalConfig = getDefaultGuardLocalConfig;

package/lib/Guard/event.d.ts

@@ -0,0 +1,8 @@
+import { CompleteInfoEvents } from '../CompleteInfo/interface';
+import { ForgetPasswordEvents } from '../ForgetPassword/interface';
+import { LoginEvents } from '../Login/interface';
+import { RegisterEvents } from '../Register/interface';
+export interface GuardEvents extends LoginEvents, RegisterEvents, CompleteInfoEvents, ForgetPasswordEvents {
+}
+export declare const guardEventsFilter: (props: any) => GuardEvents;
+export declare const guardEventsHijacking: (events: GuardEvents) => GuardEvents;

package/lib/Guard/event.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.guardEventsHijacking = exports.guardEventsFilter = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _antd = require("antd");
+
+var _locales = require("../_utils/locales");
+
+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 guardEventsFilter = function guardEventsFilter(props) {
+  var events = {};
+  var eventsName = Object.keys(props).filter(function (name) {
+    return name.startsWith('on');
+  });
+  eventsName.forEach(function (eventName) {
+    events[eventName] = props[eventName];
+  });
+  return guardEventsHijacking(events);
+};
+
+exports.guardEventsFilter = guardEventsFilter;
+var eventsMapping = {
+  onLogin: function onLogin() {
+    _antd.message.success(_locales.i18n.t('common.LoginSuccess'));
+
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+
+    return props;
+  },
+  onRegister: function onRegister() {
+    _antd.message.success(_locales.i18n.t('common.registrationSuccess'));
+
+    for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      props[_key2] = arguments[_key2];
+    }
+
+    return props;
+  }
+};
+
+var guardEventsHijacking = function guardEventsHijacking(events) {
+  var newEvents = {};
+  Object.keys(eventsMapping).forEach(function (eventsKey) {
+    // @ts-ignore
+    newEvents[eventsKey] = function () {
+      var _events$eventsKey;
+
+      // @ts-ignore
+      var newProps = eventsMapping[eventsKey].apply(eventsMapping, arguments); // @ts-ignore
+
+      (_events$eventsKey = events[eventsKey]) === null || _events$eventsKey === void 0 ? void 0 : _events$eventsKey.call.apply(_events$eventsKey, [events].concat((0, _toConsumableArray2.default)(newProps)));
+    };
+  });
+  return _objectSpread(_objectSpread({}, events), newEvents);
+};
+
+exports.guardEventsHijacking = guardEventsHijacking;

package/lib/Guard/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Guard';
+export * from './module';
+export * from './event';
+export * from './config';

package/lib/Guard/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Guard = require("./Guard");
+
+Object.keys(_Guard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Guard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Guard[key];
+    }
+  });
+});
+
+var _module = require("./module");
+
+Object.keys(_module).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _module[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _module[key];
+    }
+  });
+});
+
+var _event = require("./event");
+
+Object.keys(_event).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _event[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _event[key];
+    }
+  });
+});
+
+var _config = require("./config");
+
+Object.keys(_config).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _config[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _config[key];
+    }
+  });
+});

package/lib/Guard/module.d.ts

@@ -0,0 +1,20 @@
+export declare enum GuardModuleType {
+    ERROR = "error",
+    LOGIN = "login",
+    REGISTER = "register",
+    MFA = "mfa",
+    FORGET_PWD = "forgetPassword",
+    CHANGE_PWD = "changePassword",
+    DOWNLOAD_AT = "downloadAT",
+    BIND_TOTP = "bindTotp",
+    ANY_QUESTIONS = "anyQuestions",
+    COMPLETE_INFO = "completeInfo",
+    RECOVERY_CODE = "recoveryCode",
+    SUBMIT_SUCCESS = "submitSuccess"
+}
+export interface GuardModuleAction {
+    action: string;
+    module?: GuardModuleType;
+    message?: string;
+    initData?: any;
+}

package/lib/Guard/module.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GuardModuleType = void 0;
+var GuardModuleType;
+exports.GuardModuleType = GuardModuleType;
+
+(function (GuardModuleType) {
+  GuardModuleType["ERROR"] = "error";
+  GuardModuleType["LOGIN"] = "login";
+  GuardModuleType["REGISTER"] = "register";
+  GuardModuleType["MFA"] = "mfa";
+  GuardModuleType["FORGET_PWD"] = "forgetPassword";
+  GuardModuleType["CHANGE_PWD"] = "changePassword";
+  GuardModuleType["DOWNLOAD_AT"] = "downloadAT";
+  GuardModuleType["BIND_TOTP"] = "bindTotp";
+  GuardModuleType["ANY_QUESTIONS"] = "anyQuestions";
+  GuardModuleType["COMPLETE_INFO"] = "completeInfo";
+  GuardModuleType["RECOVERY_CODE"] = "recoveryCode";
+  GuardModuleType["SUBMIT_SUCCESS"] = "submitSuccess";
+})(GuardModuleType || (exports.GuardModuleType = GuardModuleType = {}));