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

package/es/CompleteInfo/core/completeInfo.js

@@ -0,0 +1,582 @@
+import "antd/lib/message/style";
+import _message from "antd/lib/message";
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+import "antd/lib/select/style";
+import _Select from "antd/lib/select";
+import "antd/lib/date-picker/style";
+import _DatePicker from "antd/lib/date-picker";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
+import "antd/lib/form/style";
+import _Form from "antd/lib/form";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+import _Object$entries2 from "@babel/runtime-corejs3/core-js-stable/object/entries";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _replaceAllInstanceProperty from "@babel/runtime-corejs3/core-js/instance/replace-all";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAsyncFn } from 'react-use';
+import { UploadImage } from '../../AuthingGuard/Forms/UploadImage';
+import { useGuardAuthClient } from '../../Guard/authClient';
+import { i18n } from '../../_utils/locales';
+import { useGuardHttp } from '../../_utils/guradHttp';
+import SubmitButton from '../../SubmitButton';
+import { InputNumber } from '../../InputNumber';
+import { completeFieldsFilter } from '../utils';
+import CustomFormItem from '../../ValidatorRules';
+import { SendCode } from '../../SendCode';
+import { fieldRequiredRule } from '../../_utils';
+
+var filterOption = function filterOption(input, option) {
+  var _context, _context2;
+
+  return _indexOfInstanceProperty(_context = option.props.value.toLowerCase()).call(_context, input.toLowerCase()) >= 0 || _indexOfInstanceProperty(_context2 = option.props.label.toLowerCase()).call(_context2, input.toLowerCase()) >= 0;
+};
+
+export var CompleteInfo = function CompleteInfo(props) {
+  var verifyCodeLength = props.verifyCodeLength,
+      extendsFields = props.extendsFields,
+      onRegisterInfoCompleted = props.onRegisterInfoCompleted,
+      onRegisterInfoCompletedError = props.onRegisterInfoCompletedError,
+      user = props.user;
+  var authClient = useGuardAuthClient();
+  var submitButtonRef = useRef(null);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      contryList = _useState2[0],
+      setContryList = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      fieldMetadata = _useState4[0],
+      setFieldMetadata = _useState4[1]; // const [user, setUser] = useState<User>()
+
+
+  var _useGuardHttp = useGuardHttp(),
+      get = _useGuardHttp.get,
+      post = _useGuardHttp.post;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _Form$useForm = _Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var refPhone = useRef(null);
+  var refEmail = useRef(null);
+  var refUserName = useRef(null);
+  var loadInitData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _yield$get, resCountryList, toMap, toSet, _i, _Object$entries, _Object$entries$_i, key, value, _yield$get2, currFieldMetadata;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return authClient.tokenProvider.clearUser();
+
+          case 2:
+            _context3.next = 4;
+            return authClient.tokenProvider.setUser(user);
+
+          case 4:
+            _context3.next = 6;
+            return get("/api/v2/country-list");
+
+          case 6:
+            _yield$get = _context3.sent;
+            resCountryList = _yield$get.data;
+            toMap = 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$entries2(toMap); _i < _Object$entries.length; _i++) {
+              _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), key = _Object$entries$_i[0], value = _Object$entries$_i[1];
+              toSet.push({
+                label: value,
+                value: key
+              });
+            }
+
+            setContryList(toSet);
+            _context3.next = 14;
+            return get("/api/v2/udfs/field-metadata-for-completion", undefined, {});
+
+          case 14:
+            _yield$get2 = _context3.sent;
+            currFieldMetadata = _yield$get2.data;
+            setFieldMetadata(currFieldMetadata);
+
+          case 17:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee);
+  })), [get, setContryList, setFieldMetadata, authClient, user]);
+  useEffect(function () {
+    loadInitData();
+  }, [loadInitData]);
+  var INPUT_MAP = {
+    image: function image() {
+      return /*#__PURE__*/React.createElement(UploadImage, null);
+    },
+    number: function number() {
+      return /*#__PURE__*/React.createElement(InputNumber, {
+        style: {
+          width: '100%'
+        },
+        className: "authing-g2-input"
+      });
+    },
+    date: function date() {
+      return /*#__PURE__*/React.createElement(_DatePicker, {
+        className: "authing-g2-input",
+        style: {
+          width: '100%'
+        },
+        placeholder: i18n.t('common.pleaseSelectDate')
+      });
+    },
+    datetime: function datetime() {
+      return /*#__PURE__*/React.createElement(_DatePicker, {
+        className: "authing-g2-input",
+        style: {
+          width: '100%'
+        },
+        placeholder: i18n.t('common.pleaseSelectDate')
+      });
+    },
+    select: function select(options) {
+      return /*#__PURE__*/React.createElement(_Select, {
+        className: "authing-g2-select",
+        showSearch: true,
+        options: options,
+        filterOption: filterOption
+      });
+    },
+    dropdown: function dropdown(options) {
+      return /*#__PURE__*/React.createElement(_Select, {
+        className: "authing-g2-select",
+        showSearch: true,
+        options: options,
+        filterOption: filterOption
+      });
+    },
+    boolean: function boolean() {
+      return /*#__PURE__*/React.createElement(_Select, {
+        className: "authing-g2-select",
+        options: [{
+          label: i18n.t('common.yes'),
+          value: true
+        }, {
+          label: i18n.t('common.no'),
+          value: false
+        }]
+      });
+    },
+    string: function string() {
+      return /*#__PURE__*/React.createElement(_Input, {
+        type: "text",
+        size: "large",
+        className: "authing-g2-input",
+        autoComplete: "off"
+      });
+    },
+    text: function text() {
+      return /*#__PURE__*/React.createElement(_Input, {
+        type: "text",
+        size: "large",
+        className: "authing-g2-input",
+        autoComplete: "off"
+      });
+    }
+  };
+  var INTERNAL_INPUT_MAP = {
+    gender: function gender() {
+      return /*#__PURE__*/React.createElement(_Select, {
+        className: "authing-g2-select",
+        options: [{
+          label: i18n.t('common.man'),
+          value: 'M'
+        }, {
+          label: i18n.t('common.female'),
+          value: 'F'
+        }]
+      });
+    },
+    country: function country(contryList) {
+      return /*#__PURE__*/React.createElement(_Select, {
+        className: "authing-g2-select",
+        options: contryList,
+        showSearch: true,
+        filterOption: filterOption
+      });
+    },
+    username: function username(props) {
+      return /*#__PURE__*/React.createElement(CustomFormItem.UserName, {
+        validateFirst: true,
+        className: "authing-g2-input-form",
+        name: "internal username",
+        key: "internal-usernameadsf",
+        label: i18n.t('common.username'),
+        required: props.required,
+        checkRepeat: true,
+        ref: refUserName
+      }, /*#__PURE__*/React.createElement(_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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomFormItem.Phone, {
+        validateFirst: true,
+        className: "authing-g2-input-form",
+        name: "internal phone:phone",
+        key: "internal-phone:phoneadsf",
+        label: i18n.t('common.phoneLabel'),
+        required: props.required,
+        checkRepeat: true,
+        ref: refPhone
+      }, /*#__PURE__*/React.createElement(InputNumber, {
+        className: "authing-g2-input",
+        autoComplete: "tel",
+        key: "internal-phone:phone123",
+        type: "tel",
+        size: "large",
+        maxLength: 11,
+        placeholder: t('login.inputPhone')
+      })), /*#__PURE__*/React.createElement(_Form.Item, {
+        validateTrigger: ['onBlur', 'onChange'],
+        className: "authing-g2-input-form",
+        name: "internal phone:code",
+        key: "internal-phone:codea",
+        rules: props.required ? fieldRequiredRule(t('common.captchaCode')) : undefined
+      }, /*#__PURE__*/React.createElement(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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomFormItem.Email, {
+        className: "authing-g2-input-form",
+        name: "internal email:email",
+        checkRepeat: true,
+        label: i18n.t('common.email'),
+        required: props.required,
+        key: "internal email:email13",
+        validateFirst: true,
+        ref: refEmail
+      }, /*#__PURE__*/React.createElement(_Input, {
+        className: "authing-g2-input",
+        autoComplete: "email",
+        size: "large",
+        placeholder: t('login.inputEmail')
+      })), /*#__PURE__*/React.createElement(_Form.Item, {
+        validateTrigger: ['onBlur', 'onChange'],
+        className: "authing-g2-input-form",
+        name: "internal email:code",
+        key: "internal email:code1432",
+        rules: props.required ? fieldRequiredRule(t('common.captchaCode')) : undefined
+      }, /*#__PURE__*/React.createElement(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 = useMemo(function () {
+    var _context4;
+
+    return _mapInstanceProperty(_context4 = _filterInstanceProperty(extendsFields).call(extendsFields, function (each) {
+      return completeFieldsFilter(user, each);
+    })).call(_context4, function (def) {
+      var _context5, _context10;
+
+      var key = _concatInstanceProperty(_context5 = "".concat(def.type, " ")).call(_context5, def.name);
+
+      var label = 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) {
+          var _context6;
+
+          l.push({
+            required: true,
+            message: _concatInstanceProperty(_context6 = "".concat(label, " ")).call(_context6, t('login.noEmpty'))
+          });
+        }
+
+        _forEachInstanceProperty(rules).call(rules, function (rule) {
+          var _context7;
+
+          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(_replaceAllInstanceProperty(_context7 = rule.content).call(_context7, '/', '')),
+                message: rule.error
+              });
+              break;
+
+            default:
+              break;
+          }
+        });
+
+        return l;
+      };
+
+      var inputElement = function inputElement() {
+        var _context8;
+
+        if (def.type === 'internal' && _includesInstanceProperty(_context8 = _Object$keys(INTERNAL_INPUT_MAP)).call(_context8, def.name)) {
+          if (def.name === 'country') {
+            return INTERNAL_INPUT_MAP[def.name](contryList);
+          } else {
+            return INTERNAL_INPUT_MAP[def.name]({
+              required: required
+            });
+          }
+        } else {
+          var _context9;
+
+          if (_includesInstanceProperty(_context9 = _Object$keys(INPUT_MAP)).call(_context9, def.inputType)) {
+            if (def.inputType === 'select') {
+              var _fieldMetadata$find;
+
+              var options = ((_fieldMetadata$find = _findInstanceProperty(fieldMetadata).call(fieldMetadata, 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.createElement(_Input, {
+            type: "text",
+            className: "authing-g2-input",
+            autoComplete: "off"
+          });
+        }
+      };
+
+      if (def.type === 'internal' && _includesInstanceProperty(_context10 = ['phone', 'email', 'username']).call(_context10, def.name)) {
+        return inputElement();
+      } else {
+        return /*#__PURE__*/React.createElement(_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 = useAsyncFn( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(values) {
+      var _submitButtonRef$curr, _context11, _context12;
+
+      var internalFields, userFields, phoneToken, emailToken, udfs, _submitButtonRef$curr2, _user, _submitButtonRef$curr3;
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context13) {
+        while (1) {
+          switch (_context13.prev = _context13.next) {
+            case 0:
+              (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(true);
+              internalFields = {};
+              userFields = [];
+              phoneToken = undefined;
+              emailToken = undefined;
+
+              _forEachInstanceProperty(_context11 = _Object$entries2(values)).call(_context11, function (_ref3) {
+                var _ref4 = _slicedToArray(_ref3, 2),
+                    key = _ref4[0],
+                    value = _ref4[1];
+
+                var _key$split = key.split(' '),
+                    _key$split2 = _slicedToArray(_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 = _slicedToArray(_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 = _mapInstanceProperty(_context12 = _filterInstanceProperty(userFields).call(userFields, function (_ref5) {
+                var nameOrId = _ref5.nameOrId,
+                    value = _ref5.value;
+                return Boolean(value);
+              })).call(_context12, function (_ref6) {
+                var nameOrId = _ref6.nameOrId,
+                    value = _ref6.value;
+                return {
+                  definition: nameOrId,
+                  value: value
+                };
+              });
+              _context13.prev = 7;
+              _context13.next = 10;
+              return authClient.updateProfile(internalFields, {
+                phoneToken: phoneToken,
+                emailToken: emailToken
+              });
+
+            case 10:
+              _user = _context13.sent;
+              _context13.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);
+
+              _message.success(t('common.saveSuccess'));
+
+              onRegisterInfoCompleted === null || onRegisterInfoCompleted === void 0 ? void 0 : onRegisterInfoCompleted(_user, udfs, authClient);
+              _context13.next = 23;
+              break;
+
+            case 18:
+              _context13.prev = 18;
+              _context13.t0 = _context13["catch"](7);
+
+              if (_context13.t0 !== null && _context13.t0 !== void 0 && _context13.t0.message) {
+                _message.error(_context13.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(_context13.t0, udfs, authClient);
+
+            case 23:
+            case "end":
+              return _context13.stop();
+          }
+        }
+      }, _callee2, null, [[7, 18]]);
+    }));
+
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), []),
+      _useAsyncFn2 = _slicedToArray(_useAsyncFn, 2),
+      onFinish = _useAsyncFn2[1];
+
+  return /*#__PURE__*/React.createElement(_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.createElement(_Form.Item, {
+    className: "authing-g2-input-form"
+  }, /*#__PURE__*/React.createElement(SubmitButton, {
+    text: t('common.problem.form.submit'),
+    ref: submitButtonRef,
+    className: "password g2-completeInfo-submit"
+  })));
+};

package/es/CompleteInfo/index.d.ts

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

package/es/CompleteInfo/index.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { ImagePro } from '../ImagePro';
+import { GuardModuleType } from '../Guard/module';
+import { CompleteInfo } from './core/completeInfo';
+export 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 = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-header"
+  }, /*#__PURE__*/React.createElement(ImagePro, {
+    src: config === null || config === void 0 ? void 0 : config.logo,
+    size: 48,
+    borderRadius: 4,
+    alt: "",
+    className: "icon"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, t('common.perfectUserInfo')), /*#__PURE__*/React.createElement("div", {
+    className: "title-explain"
+  }, t('common.welcomeDoc', {
+    name: config.title
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-tabs g2-completeInfo-content"
+  }, /*#__PURE__*/React.createElement(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(GuardModuleType.LOGIN, {});
+      } else {
+        onLogin(user);
+      }
+    },
+    onRegisterInfoCompletedError: onRegisterInfoCompletedError
+  })));
+};

package/es/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[];
+}