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

package/lib/NeedHelpView/core/describeQuestions.js

@@ -0,0 +1,307 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DescribeQuestions = 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 _SubmitButton = _interopRequireDefault(require("../../SubmitButton"));
+
+var _icons = require("@ant-design/icons");
+
+var _guradHttp = require("../../_utils/guradHttp");
+
+var _utils = require("../../_utils");
+
+var _IconFont = require("../../IconFont");
+
+var DescribeQuestions = function DescribeQuestions(props) {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t; // 不清楚为什么放出去之后，i18n 的结果全是 undefeated
+
+
+  var typeProblemMap = {
+    0: [t('common.problem.noVerifyTip.tip'), t('common.problem.noVerifyTip.type1'), t('common.problem.noVerifyTip.type2'), t('common.problem.noVerifyTip.type3')],
+    1: [t('common.problem.noLoginTip.tip'), t('common.problem.noLoginTip.type1'), t('common.problem.noLoginTip.type2')],
+    2: [t('common.problem.noRegisterTip.tip'), t('common.problem.noRegisterTip.type1'), t('common.problem.noRegisterTip.type2'), t('common.problem.noRegisterTip.type3')],
+    3: [t('common.problem.noAccountTip.tip'), t('common.problem.noAccountTip.type1'), t('common.problem.noAccountTip.type2')],
+    4: [t('common.problem.noResetPassTip.tip'), t('common.problem.noResetPassTip.type1'), t('common.problem.noResetPassTip.type2')],
+    5: [t('common.problem.otherTip.tip'), t('common.problem.otherTip.type1')],
+    6: [t('common.problem.otherTip.tip'), t('common.problem.otherTip.type1')]
+  };
+  var typeOperations = [{
+    label: t('common.problem.noVerify'),
+    value: 0
+  }, {
+    label: t('common.problem.noLogin'),
+    value: 1
+  }, {
+    label: t('common.problem.noRegister'),
+    value: 2
+  }, {
+    label: t('common.problem.noAccount'),
+    value: 3
+  }, {
+    label: t('common.problem.noResetPass'),
+    value: 4
+  }, {
+    label: t('common.problem.locked'),
+    value: 5
+  }, {
+    label: t('common.problem.other'),
+    value: 6
+  }];
+
+  var _Form$useForm = _antd.Form.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var _useGuardHttp = (0, _guradHttp.useGuardHttp)(),
+      post = _useGuardHttp.post;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      uploadUrl = _useState2[0],
+      setUploadUrl = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      previewVisible = _useState4[0],
+      setPreviewVisible = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      previewImage = _useState6[0],
+      setPreviewImage = _useState6[1];
+
+  var _useState7 = (0, _react.useState)([]),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      fileList = _useState8[0],
+      setFileList = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(0),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      typeProblem = _useState10[0],
+      setTypeProblem = _useState10[1];
+
+  var submitButtonRef = (0, _react.useRef)(null);
+  var textMap = typeProblemMap[typeProblem];
+
+  var onFinish = function onFinish(values) {
+    var _submitButtonRef$curr;
+
+    submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(true);
+    var params = {
+      type: typeProblem,
+      description: values.description,
+      phone: values.identify,
+      images: uploadUrl,
+      appId: props.appId
+    };
+    var context = post('/api/v2/feedback', params);
+    context.then(function (res) {
+      if (res.code === 200) {
+        var _submitButtonRef$curr2;
+
+        submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr2 = submitButtonRef.current) === null || _submitButtonRef$curr2 === void 0 ? void 0 : _submitButtonRef$curr2.onSpin(false);
+        props.onSuccess();
+      }
+    });
+  };
+
+  var handlePreview = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
+      var url;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              // setPreviewImage(file.url);
+              // file 没有 url 属性，需要改成下面的用法
+              url = file.response.data.url;
+              setPreviewImage(url);
+              setPreviewVisible(true);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handlePreview(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-g2-describe-questions"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    name: "resetPassword",
+    layout: "vertical",
+    form: form,
+    onFinish: onFinish,
+    onFinishFailed: function onFinishFailed() {
+      var _submitButtonRef$curr3;
+
+      submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr3 = submitButtonRef.current) === null || _submitButtonRef$curr3 === void 0 ? void 0 : _submitButtonRef$curr3.onError();
+    },
+    autoComplete: "off"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    validateTrigger: ['onBlur', 'onChange'],
+    className: "authing-g2-input-form",
+    name: "identify",
+    label: t('common.problem.form.phone'),
+    validateFirst: true,
+    rules: [].concat((0, _toConsumableArray2.default)((0, _utils.fieldRequiredRule)(t('common.problem.form.phone'))), [{
+      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'),
+    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 ",
+    label: t('common.problem.form.question'),
+    name: "questionPicker",
+    initialValue: typeProblem
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    className: "authing-g2-select",
+    onChange: function onChange(value) {
+      setTypeProblem(value);
+    }
+  }, typeOperations === null || typeOperations === void 0 ? void 0 : typeOperations.map(function (_ref2) {
+    var value = _ref2.value,
+        label = _ref2.label;
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: value,
+      value: value,
+      className: "authing-g2-question-option ".concat(typeProblem === value ? 'authing-g2-question-option-active' : '')
+    }, label);
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-g2-input-form"
+  }, textMap === null || textMap === void 0 ? void 0 : textMap.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: index
+    }, item);
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    validateTrigger: ['onBlur', 'onChange'],
+    className: "authing-g2-input-form",
+    name: "description",
+    label: t('common.problem.form.questionDescript')
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
+    className: "authing-g2-questions-textarea",
+    maxLength: 200,
+    showCount: true,
+    rows: 4,
+    style: {
+      marginBottom: 10
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-g2-input-form"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "label-title"
+  }, t('common.problem.form.questionClip')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-questions"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Upload, {
+    action: "".concat(props.host, "/api/v2/upload?folder=photos"),
+    listType: "picture-card",
+    accept: "image/png, image/jpeg, image/jpg",
+    className: "authing-g2-questions-upload-self",
+    fileList: fileList,
+    onPreview: handlePreview,
+    onChange: function onChange(e) {
+      setFileList(e.fileList);
+      var imgUrl = e.fileList.map(function (item) {
+        var response = item.response;
+        return response === null || response === void 0 ? void 0 : response.data.url;
+      });
+      setUploadUrl(imgUrl);
+    }
+  }, fileList.length >= 5 ? null : /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null)))), /*#__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.problem.form.submit'),
+    ref: submitButtonRef
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    visible: previewVisible,
+    title: null,
+    footer: null,
+    onCancel: function onCancel() {
+      return setPreviewVisible(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    alt: "example",
+    style: {
+      width: '100%'
+    },
+    src: previewImage
+  })));
+};
+
+exports.DescribeQuestions = DescribeQuestions;

package/lib/NeedHelpView/index.d.ts

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

package/lib/NeedHelpView/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GuardNeedHelpView = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _ImagePro = require("../ImagePro");
+
+var _describeQuestions = require("./core/describeQuestions");
+
+var _module = require("../Guard/module");
+
+var GuardNeedHelpView = function GuardNeedHelpView(props) {
+  var _props$config;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var onSuccess = function onSuccess() {
+    var _props$__changeModule;
+
+    (_props$__changeModule = props.__changeModule) === null || _props$__changeModule === void 0 ? void 0 : _props$__changeModule.call(props, _module.GuardModuleType.SUBMIT_SUCCESS);
+  };
+
+  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('common.problem.title'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-view-tabs"
+  }, /*#__PURE__*/_react.default.createElement(_describeQuestions.DescribeQuestions, {
+    appId: props.config.__publicConfig__.id,
+    host: props.config.__appHost__,
+    onSuccess: onSuccess
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-tips-line "
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "back-to-login"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "gray"
+  }, t('common.noQuestions')), /*#__PURE__*/_react.default.createElement("span", {
+    className: "link-like",
+    onClick: function onClick() {
+      return props.__changeModule(_module.GuardModuleType.LOGIN);
+    }
+  }, t('common.goToLogin')))));
+};
+
+exports.GuardNeedHelpView = GuardNeedHelpView;

package/lib/RecoveryCode/core/useCode.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface UseCodeProps {
+    mfaToken: string;
+}
+export declare const UseCode: React.FC<UseCodeProps>;

package/lib/RecoveryCode/core/useCode.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UseCode = 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 _antd = require("antd");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _IconFont = require("../../IconFont");
+
+var _SubmitButton = _interopRequireDefault(require("../../SubmitButton"));
+
+var _guradHttp = require("../../_utils/guradHttp");
+
+var UseCode = function UseCode(_ref) {
+  var mfaToken = _ref.mfaToken;
+
+  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 _useGuardHttp = (0, _guradHttp.useGuardHttp)(),
+      post = _useGuardHttp.post;
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _submitButtonRef$curr;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(true);
+              _context.next = 3;
+              return post('/api/v2/mfa/totp/recovery', {
+                recoveryCode: form.getFieldValue('recoveryCode')
+              }, {
+                headers: {
+                  authorization: mfaToken
+                }
+              });
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onFinish() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var submitButtonRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+    className: "authing-g2-mfa-title"
+  }, t('common.useRecoverCode')), /*#__PURE__*/_react.default.createElement("p", {
+    className: "authing-g2-mfa-tips"
+  }, t('login.mfaAfterReset')), /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    form: form,
+    onFinish: onFinish,
+    onFinishFailed: function onFinishFailed() {
+      return submitButtonRef.current.onError();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    validateTrigger: ['onBlur', 'onChange'],
+    className: "authing-g2-input-form",
+    name: "recoveryCode",
+    rules: [{
+      required: true,
+      message: t('login.inputRecoverCode')
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    className: "authing-g2-input",
+    autoComplete: "email",
+    size: "large",
+    placeholder: t('login.inputRecoverCode'),
+    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, {
+    text: t('common.sure'),
+    ref: submitButtonRef
+  }))));
+};
+
+exports.UseCode = UseCode;

package/lib/RecoveryCode/index.d.ts

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

package/lib/RecoveryCode/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GuardRecoveryCodeView = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _IconFont = require("../IconFont");
+
+var _useCode = require("./core/useCode");
+
+var GuardRecoveryCodeView = function GuardRecoveryCodeView(_ref) {
+  var initData = _ref.initData;
+
+  var onBack = function onBack() {
+    return window.history.back();
+  };
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-view-container g2-mfa-recovery-code"
+  }, /*#__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"
+  }, /*#__PURE__*/_react.default.createElement(_useCode.UseCode, {
+    mfaToken: initData.mfaToken
+  })));
+};
+
+exports.GuardRecoveryCodeView = GuardRecoveryCodeView;

package/lib/RecoveryCode/interface.d.ts

@@ -0,0 +1,19 @@
+import { IG2Config, IG2Events, IG2FCProps } from '../Type';
+import { AuthenticationClient, User } from '..';
+export interface RecoveryCodeConfig extends IG2Config {
+}
+export declare const getDefaultRecoveryCodeConfig: () => RecoveryCodeConfig;
+export interface RecoveryCodeEvents extends IG2Events {
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+}
+export interface GuardRecoveryCodeInitData {
+    mfaToken: string;
+}
+export interface GuardRecoveryCodeProps extends IG2FCProps, RecoveryCodeEvents {
+    config: Partial<RecoveryCodeConfig>;
+    initData: GuardRecoveryCodeInitData;
+}
+export interface GuardRecoveryCodeViewProps extends GuardRecoveryCodeProps {
+    config: RecoveryCodeConfig;
+    initData: GuardRecoveryCodeInitData;
+}

package/lib/RecoveryCode/interface.js

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

package/lib/RecoveryCode/style/css.js

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

package/lib/RecoveryCode/style/index.css

@@ -0,0 +1 @@
+.g2-mfa-recovery-code .authing-g2-mfa-title{margin-top:92px}.g2-mfa-recovery-code .authing-g2-mfa-tips{margin-bottom:52px}.g2-mfa-recovery-code .submit-form{margin-top:64px!important}

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

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

package/lib/RecoveryCode/style/index.js

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

package/lib/RecoveryCode/style/index.less

@@ -0,0 +1,13 @@
+.g2-mfa-recovery-code {
+  .authing-g2-mfa-title {
+    margin-top: 92px;
+  }
+
+  .authing-g2-mfa-tips {
+    margin-bottom: 52px;
+  }
+
+  .submit-form {
+    margin-top: 64px !important;
+  }
+}

package/lib/Register/codemap.d.ts

@@ -0,0 +1,2 @@
+import { GuardModuleAction } from '../Guard/module';
+export declare const codeMap: Record<number, GuardModuleAction>;

package/lib/Register/codemap.js

@@ -0,0 +1,21 @@
+"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 _codeMap;
+
+var codeMap = (_codeMap = {}, (0, _defineProperty2.default)(_codeMap, _GuardErrorCode.ErrorCode.USER_EXISTENCE, {
+  action: 'message'
+}), (0, _defineProperty2.default)(_codeMap, 1002, {
+  action: 'message'
+}), _codeMap);
+exports.codeMap = codeMap;

package/lib/Register/components/Agreements/index.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+import { Agreement } from '../../../AuthingGuard/api';
+export interface AgreementsProps {
+    value?: boolean;
+    onChange?: (value: boolean) => void;
+    style?: React.CSSProperties;
+    agreements: Agreement[];
+    showError?: boolean;
+}
+export declare const Agreements: FC<AgreementsProps>;