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

package/lib/CompleteInfo/core/completeInfo.js

@@ -0,0 +1,574 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompleteInfo = 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 _antd = require("antd");
+
+var _reactI18next = require("react-i18next");
+
+var _reactUse = require("react-use");
+
+var _UploadImage = require("../../AuthingGuard/Forms/UploadImage");
+
+var _authClient = require("../../Guard/authClient");
+
+var _locales = require("../../_utils/locales");
+
+var _guradHttp = require("../../_utils/guradHttp");
+
+var _SubmitButton = _interopRequireDefault(require("../../SubmitButton"));
+
+var _InputNumber = require("../../InputNumber");
+
+var _utils = require("../utils");
+
+var _ValidatorRules = _interopRequireDefault(require("../../ValidatorRules"));
+
+var _SendCode = require("../../SendCode");
+
+var _utils2 = require("../../_utils");
+
+var filterOption = function filterOption(input, option) {
+  return option.props.value.toLowerCase().indexOf(input.toLowerCase()) >= 0 || option.props.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+};
+
+var CompleteInfo = function CompleteInfo(props) {
+  var verifyCodeLength = props.verifyCodeLength,
+      extendsFields = props.extendsFields,
+      onRegisterInfoCompleted = props.onRegisterInfoCompleted,
+      onRegisterInfoCompletedError = props.onRegisterInfoCompletedError,
+      user = props.user;
+  var authClient = (0, _authClient.useGuardAuthClient)();
+  var submitButtonRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      contryList = _useState2[0],
+      setContryList = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      fieldMetadata = _useState4[0],
+      setFieldMetadata = _useState4[1]; // const [user, setUser] = useState<User>()
+
+
+  var _useGuardHttp = (0, _guradHttp.useGuardHttp)(),
+      get = _useGuardHttp.get,
+      post = _useGuardHttp.post;
+
+  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 refPhone = (0, _react.useRef)(null);
+  var refEmail = (0, _react.useRef)(null);
+  var refUserName = (0, _react.useRef)(null);
+  var loadInitData = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _yield$get, resCountryList, toMap, toSet, _i, _Object$entries, _Object$entries$_i, key, value, _yield$get2, currFieldMetadata;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return authClient.tokenProvider.clearUser();
+
+          case 2:
+            _context.next = 4;
+            return authClient.tokenProvider.setUser(user);
+
+          case 4:
+            _context.next = 6;
+            return get("/api/v2/country-list");
+
+          case 6:
+            _yield$get = _context.sent;
+            resCountryList = _yield$get.data;
+            toMap = _locales.i18n.language === 'zh-CN' ? resCountryList === null || resCountryList === void 0 ? void 0 : resCountryList.zh : resCountryList === null || resCountryList === void 0 ? void 0 : resCountryList.en;
+            toSet = [];
+
+            for (_i = 0, _Object$entries = Object.entries(toMap); _i < _Object$entries.length; _i++) {
+              _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
+              toSet.push({
+                label: value,
+                value: key
+              });
+            }
+
+            setContryList(toSet);
+            _context.next = 14;
+            return get("/api/v2/udfs/field-metadata-for-completion", undefined, {});
+
+          case 14:
+            _yield$get2 = _context.sent;
+            currFieldMetadata = _yield$get2.data;
+            setFieldMetadata(currFieldMetadata);
+
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [get, setContryList, setFieldMetadata, authClient, user]);
+  (0, _react.useEffect)(function () {
+    loadInitData();
+  }, [loadInitData]);
+  var INPUT_MAP = {
+    image: function image() {
+      return /*#__PURE__*/_react.default.createElement(_UploadImage.UploadImage, null);
+    },
+    number: function number() {
+      return /*#__PURE__*/_react.default.createElement(_InputNumber.InputNumber, {
+        style: {
+          width: '100%'
+        },
+        className: "authing-g2-input"
+      });
+    },
+    date: function date() {
+      return /*#__PURE__*/_react.default.createElement(_antd.DatePicker, {
+        className: "authing-g2-input",
+        style: {
+          width: '100%'
+        },
+        placeholder: _locales.i18n.t('common.pleaseSelectDate')
+      });
+    },
+    datetime: function datetime() {
+      return /*#__PURE__*/_react.default.createElement(_antd.DatePicker, {
+        className: "authing-g2-input",
+        style: {
+          width: '100%'
+        },
+        placeholder: _locales.i18n.t('common.pleaseSelectDate')
+      });
+    },
+    select: function select(options) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+        className: "authing-g2-select",
+        showSearch: true,
+        options: options,
+        filterOption: filterOption
+      });
+    },
+    dropdown: function dropdown(options) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+        className: "authing-g2-select",
+        showSearch: true,
+        options: options,
+        filterOption: filterOption
+      });
+    },
+    boolean: function boolean() {
+      return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+        className: "authing-g2-select",
+        options: [{
+          label: _locales.i18n.t('common.yes'),
+          value: true
+        }, {
+          label: _locales.i18n.t('common.no'),
+          value: false
+        }]
+      });
+    },
+    string: function string() {
+      return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        type: "text",
+        size: "large",
+        className: "authing-g2-input",
+        autoComplete: "off"
+      });
+    },
+    text: function text() {
+      return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        type: "text",
+        size: "large",
+        className: "authing-g2-input",
+        autoComplete: "off"
+      });
+    }
+  };
+  var INTERNAL_INPUT_MAP = {
+    gender: function gender() {
+      return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+        className: "authing-g2-select",
+        options: [{
+          label: _locales.i18n.t('common.man'),
+          value: 'M'
+        }, {
+          label: _locales.i18n.t('common.female'),
+          value: 'F'
+        }]
+      });
+    },
+    country: function country(contryList) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+        className: "authing-g2-select",
+        options: contryList,
+        showSearch: true,
+        filterOption: filterOption
+      });
+    },
+    username: function username(props) {
+      return /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.UserName, {
+        validateFirst: true,
+        className: "authing-g2-input-form",
+        name: "internal username",
+        key: "internal-usernameadsf",
+        label: _locales.i18n.t('common.username'),
+        required: props.required,
+        checkRepeat: true,
+        ref: refUserName
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        className: "authing-g2-input",
+        autoComplete: "username",
+        key: "internal-username:asdf",
+        size: "large",
+        maxLength: 11,
+        placeholder: t('login.inputUsername')
+      }));
+    },
+    phone: function phone(props) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.Phone, {
+        validateFirst: true,
+        className: "authing-g2-input-form",
+        name: "internal phone:phone",
+        key: "internal-phone:phoneadsf",
+        label: _locales.i18n.t('common.phoneLabel'),
+        required: props.required,
+        checkRepeat: true,
+        ref: refPhone
+      }, /*#__PURE__*/_react.default.createElement(_InputNumber.InputNumber, {
+        className: "authing-g2-input",
+        autoComplete: "tel",
+        key: "internal-phone:phone123",
+        type: "tel",
+        size: "large",
+        maxLength: 11,
+        placeholder: t('login.inputPhone')
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        validateTrigger: ['onBlur', 'onChange'],
+        className: "authing-g2-input-form",
+        name: "internal phone:code",
+        key: "internal-phone:codea",
+        rules: props.required ? (0, _utils2.fieldRequiredRule)(t('common.captchaCode')) : undefined
+      }, /*#__PURE__*/_react.default.createElement(_SendCode.SendCode, {
+        className: "authing-g2-input",
+        autoComplete: "one-time-code",
+        key: "internal-phone:phone345",
+        size: "large",
+        placeholder: t('common.inputFourVerifyCode', {
+          length: verifyCodeLength
+        }),
+        maxLength: verifyCodeLength,
+        method: "phone",
+        fieldName: "internal phone:phone",
+        data: '',
+        form: form,
+        onSendCodeBefore: function onSendCodeBefore() {
+          return form.validateFields(['internal phone:phone']);
+        }
+      })));
+    },
+    email: function email(props) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ValidatorRules.default.Email, {
+        className: "authing-g2-input-form",
+        name: "internal email:email",
+        checkRepeat: true,
+        label: _locales.i18n.t('common.email'),
+        required: props.required,
+        key: "internal email:email13",
+        validateFirst: true,
+        ref: refEmail
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        className: "authing-g2-input",
+        autoComplete: "email",
+        size: "large",
+        placeholder: t('login.inputEmail')
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        validateTrigger: ['onBlur', 'onChange'],
+        className: "authing-g2-input-form",
+        name: "internal email:code",
+        key: "internal email:code1432",
+        rules: props.required ? (0, _utils2.fieldRequiredRule)(t('common.captchaCode')) : undefined
+      }, /*#__PURE__*/_react.default.createElement(_SendCode.SendCode, {
+        className: "authing-g2-input",
+        autoComplete: "one-time-code",
+        size: "large",
+        placeholder: t('common.inputFourVerifyCode', {
+          length: verifyCodeLength
+        }),
+        maxLength: verifyCodeLength // prefix={<SafetyOutlined style={{ color: '#878A95' }} />}
+        ,
+        method: "email",
+        data: '',
+        fieldName: "internal email:email",
+        form: form,
+        onSendCodeBefore: function onSendCodeBefore() {
+          return form.validateFields(['internal email:email']);
+        }
+      })));
+    }
+  };
+  var formFieldsV2 = (0, _react.useMemo)(function () {
+    return extendsFields.filter(function (each) {
+      return (0, _utils.completeFieldsFilter)(user, each);
+    }).map(function (def) {
+      var key = "".concat(def.type, " ").concat(def.name);
+      var label = _locales.i18n.language === 'zh-CN' ? def.label || def.name : def.name;
+      var required = def.required || false;
+      var rules = def.validateRules;
+
+      var generateRules = function generateRules() {
+        var l = [];
+
+        if (required) {
+          l.push({
+            required: true,
+            message: "".concat(label, " ").concat(t('login.noEmpty'))
+          });
+        }
+
+        rules.forEach(function (rule) {
+          switch (rule.type) {
+            case 'isNumber':
+              l.push({
+                type: 'number',
+                required: required,
+                message: rule.error || t('login.mustBeNumber')
+              });
+              break;
+
+            case 'regExp':
+              l.push({
+                required: required,
+                pattern: new RegExp(rule.content.replaceAll('/', '')),
+                message: rule.error
+              });
+              break;
+
+            default:
+              break;
+          }
+        });
+        return l;
+      };
+
+      var inputElement = function inputElement() {
+        if (def.type === 'internal' && Object.keys(INTERNAL_INPUT_MAP).includes(def.name)) {
+          if (def.name === 'country') {
+            return INTERNAL_INPUT_MAP[def.name](contryList);
+          } else {
+            return INTERNAL_INPUT_MAP[def.name]({
+              required: required
+            });
+          }
+        } else {
+          if (Object.keys(INPUT_MAP).includes(def.inputType)) {
+            if (def.inputType === 'select') {
+              var _fieldMetadata$find;
+
+              var options = ((_fieldMetadata$find = fieldMetadata.find(function (field) {
+                return field.key === def.name;
+              })) === null || _fieldMetadata$find === void 0 ? void 0 : _fieldMetadata$find.options) || [];
+              return INPUT_MAP[def.inputType](options);
+            }
+
+            return INPUT_MAP[def.inputType]();
+          }
+
+          return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+            type: "text",
+            className: "authing-g2-input",
+            autoComplete: "off"
+          });
+        }
+      };
+
+      if (def.type === 'internal' && ['phone', 'email', 'username'].includes(def.name)) {
+        return inputElement();
+      } else {
+        return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+          validateTrigger: ['onBlur', 'onChange'],
+          className: "authing-g2-input-form",
+          rules: generateRules(),
+          key: key,
+          name: key,
+          label: label,
+          style: {
+            marginBottom: 8
+          }
+        }, inputElement());
+      }
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [contryList, extendsFields, fieldMetadata, t, user]);
+
+  var _useAsyncFn = (0, _reactUse.useAsyncFn)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(values) {
+      var _submitButtonRef$curr;
+
+      var internalFields, userFields, phoneToken, emailToken, udfs, _submitButtonRef$curr2, _user, _submitButtonRef$curr3;
+
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(true);
+              internalFields = {};
+              userFields = [];
+              phoneToken = undefined;
+              emailToken = undefined;
+              Object.entries(values).forEach(function (_ref3) {
+                var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+                    key = _ref4[0],
+                    value = _ref4[1];
+
+                var _key$split = key.split(' '),
+                    _key$split2 = (0, _slicedToArray2.default)(_key$split, 2),
+                    type = _key$split2[0],
+                    nameOrId = _key$split2[1];
+
+                if (type === 'internal') {
+                  if (nameOrId.split(':').length > 1) {
+                    // 是验证码
+                    var _nameOrId$split = nameOrId.split(':'),
+                        _nameOrId$split2 = (0, _slicedToArray2.default)(_nameOrId$split, 2),
+                        codeType = _nameOrId$split2[0],
+                        k = _nameOrId$split2[1];
+
+                    if (codeType === k) {
+                      if (value !== '' || value) {
+                        internalFields[codeType] = value;
+                      }
+                    } else {
+                      if (codeType === 'phone') {
+                        if (value !== '' || value) {
+                          phoneToken = value;
+                        }
+                      } else if (codeType === 'email') {
+                        if (value !== '' || value) {
+                          emailToken = value;
+                        }
+                      }
+                    }
+                  } else {
+                    internalFields[nameOrId] = value;
+                  }
+                } else if (type === 'user') {
+                  userFields.push({
+                    nameOrId: nameOrId,
+                    value: value
+                  });
+                }
+              });
+              udfs = userFields.filter(function (_ref5) {
+                var nameOrId = _ref5.nameOrId,
+                    value = _ref5.value;
+                return Boolean(value);
+              }).map(function (_ref6) {
+                var nameOrId = _ref6.nameOrId,
+                    value = _ref6.value;
+                return {
+                  definition: nameOrId,
+                  value: value
+                };
+              });
+              _context2.prev = 7;
+              _context2.next = 10;
+              return authClient.updateProfile(internalFields, {
+                phoneToken: phoneToken,
+                emailToken: emailToken
+              });
+
+            case 10:
+              _user = _context2.sent;
+              _context2.next = 13;
+              return post("/api/v2/udfs/values", {
+                udfs: udfs
+              }, {
+                headers: {
+                  authorization: _user === null || _user === void 0 ? void 0 : _user.token
+                }
+              });
+
+            case 13:
+              (_submitButtonRef$curr2 = submitButtonRef.current) === null || _submitButtonRef$curr2 === void 0 ? void 0 : _submitButtonRef$curr2.onSpin(false);
+
+              _antd.message.success(t('common.saveSuccess'));
+
+              onRegisterInfoCompleted === null || onRegisterInfoCompleted === void 0 ? void 0 : onRegisterInfoCompleted(_user, udfs, authClient);
+              _context2.next = 23;
+              break;
+
+            case 18:
+              _context2.prev = 18;
+              _context2.t0 = _context2["catch"](7);
+
+              if (_context2.t0 !== null && _context2.t0 !== void 0 && _context2.t0.message) {
+                _antd.message.error(_context2.t0.message);
+              } // TODO
+
+
+              (_submitButtonRef$curr3 = submitButtonRef.current) === null || _submitButtonRef$curr3 === void 0 ? void 0 : _submitButtonRef$curr3.onSpin(false);
+              onRegisterInfoCompletedError === null || onRegisterInfoCompletedError === void 0 ? void 0 : onRegisterInfoCompletedError(_context2.t0, udfs, authClient);
+
+            case 23:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[7, 18]]);
+    }));
+
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), []),
+      _useAsyncFn2 = (0, _slicedToArray2.default)(_useAsyncFn, 2),
+      onFinish = _useAsyncFn2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical",
+    form: form,
+    onFinish: onFinish,
+    onFinishFailed: function onFinishFailed() {
+      return submitButtonRef.current.onError();
+    },
+    onValuesChange: function onValuesChange(values) {
+      var _refPhone$current, _refEmail$current, _refUserName$current;
+
+      console.log('值改变');
+      refPhone === null || refPhone === void 0 ? void 0 : (_refPhone$current = refPhone.current) === null || _refPhone$current === void 0 ? void 0 : _refPhone$current.check(values);
+      refEmail === null || refEmail === void 0 ? void 0 : (_refEmail$current = refEmail.current) === null || _refEmail$current === void 0 ? void 0 : _refEmail$current.check(values);
+      refUserName === null || refUserName === void 0 ? void 0 : (_refUserName$current = refUserName.current) === null || _refUserName$current === void 0 ? void 0 : _refUserName$current.check(values);
+    },
+    className: "authing-g2-completeInfo-form authing-g2-form-required-item-icon-after"
+  }, formFieldsV2, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    className: "authing-g2-input-form"
+  }, /*#__PURE__*/_react.default.createElement(_SubmitButton.default, {
+    text: t('common.problem.form.submit'),
+    ref: submitButtonRef,
+    className: "password g2-completeInfo-submit"
+  })));
+};
+
+exports.CompleteInfo = CompleteInfo;

package/lib/CompleteInfo/index.d.ts

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

package/lib/CompleteInfo/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GuardCompleteInfoView = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _ImagePro = require("../ImagePro");
+
+var _module = require("../Guard/module");
+
+var _completeInfo = require("./core/completeInfo");
+
+var GuardCompleteInfoView = function GuardCompleteInfoView(_ref) {
+  var _config$__publicConfi, _config$__publicConfi2;
+
+  var config = _ref.config,
+      _onRegisterInfoCompleted = _ref.onRegisterInfoCompleted,
+      onRegisterInfoCompletedError = _ref.onRegisterInfoCompletedError,
+      __changeModule = _ref.__changeModule,
+      initData = _ref.initData,
+      onLogin = _ref.onLogin;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  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: config === null || config === void 0 ? void 0 : config.logo,
+    size: 48,
+    borderRadius: 4,
+    alt: "",
+    className: "icon"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, t('common.perfectUserInfo')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "title-explain"
+  }, t('common.welcomeDoc', {
+    name: config.title
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-view-tabs g2-completeInfo-content"
+  }, /*#__PURE__*/_react.default.createElement(_completeInfo.CompleteInfo, {
+    extendsFields: config === null || config === void 0 ? void 0 : (_config$__publicConfi = config.__publicConfig__) === null || _config$__publicConfi === void 0 ? void 0 : _config$__publicConfi.extendsFields,
+    verifyCodeLength: config === null || config === void 0 ? void 0 : (_config$__publicConfi2 = config.__publicConfig__) === null || _config$__publicConfi2 === void 0 ? void 0 : _config$__publicConfi2.verifyCodeLength,
+    user: initData === null || initData === void 0 ? void 0 : initData.user,
+    onRegisterInfoCompleted: function onRegisterInfoCompleted(user, udfs, authClient) {
+      _onRegisterInfoCompleted === null || _onRegisterInfoCompleted === void 0 ? void 0 : _onRegisterInfoCompleted(user, udfs, authClient);
+
+      if (initData.context === 'register') {
+        __changeModule === null || __changeModule === void 0 ? void 0 : __changeModule(_module.GuardModuleType.LOGIN, {});
+      } else {
+        onLogin(user);
+      }
+    },
+    onRegisterInfoCompletedError: onRegisterInfoCompletedError
+  })));
+};
+
+exports.GuardCompleteInfoView = GuardCompleteInfoView;

package/lib/CompleteInfo/interface.d.ts

@@ -0,0 +1,32 @@
+import { AuthenticationClient, CommonMessage, User } from 'authing-js-sdk';
+import { IG2Config, IG2Events, IG2FCProps } from '../Type';
+export interface CompleteInfoConfig extends IG2Config {
+}
+export declare const getDefaultCompleteInfoConfig: () => CompleteInfoConfig;
+export interface CompleteInfoEvents extends IG2Events {
+    onRegisterInfoCompleted?: (user: User, udfs: {
+        definition: any;
+        value: any;
+    }[], authClient: AuthenticationClient) => void;
+    onRegisterInfoCompletedError?: (error: CommonMessage, udfs: {
+        definition: any;
+        value: any;
+    }[], authClient: AuthenticationClient) => void;
+}
+export interface GuardCompleteInfoProps extends IG2FCProps, CompleteInfoEvents {
+    config: Partial<CompleteInfoConfig>;
+}
+export interface GuardCompleteInfoViewProps extends GuardCompleteInfoProps {
+    config: CompleteInfoConfig;
+    initData: any;
+    onLogin?: any;
+}
+export declare type ExtendsFieldType = 'user' | 'internal';
+export interface ExtendsField {
+    type: ExtendsFieldType;
+    name: string;
+    label: string;
+    inputType: string;
+    required: boolean;
+    validateRules: any[];
+}