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

package/es/ValidatorRules/ValidatorFormItem.js

@@ -0,0 +1,239 @@
+import "antd/lib/form/style";
+import _Form from "antd/lib/form";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["form", "checkRepeat", "method", "name", "required"];
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from 'react';
+import { fieldRequiredRule, sleep, VALIDATE_PATTERN } from '../_utils';
+import { useGuardHttp } from '../_utils/guradHttp';
+import { useTranslation } from 'react-i18next';
+import { useDebounce } from '../_utils/hooks';
+import { usePublicConfig } from '../_utils/context';
+
+var checkError = function checkError(message) {
+  return _Promise.reject(new Error(message));
+};
+
+var checkSuccess = function checkSuccess(message) {
+  return _Promise.resolve(message !== null && message !== void 0 ? message : '');
+};
+
+var ValidatorFormItem = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _context4, _formItemProps$rules;
+
+  var form = props.form,
+      _props$checkRepeat = props.checkRepeat,
+      checkRepeat = _props$checkRepeat === void 0 ? false : _props$checkRepeat,
+      method = props.method,
+      name = props.name,
+      required = props.required,
+      formItemProps = _objectWithoutProperties(props, _excluded);
+
+  var publicConfig = usePublicConfig();
+
+  var _useGuardHttp = useGuardHttp(),
+      get = _useGuardHttp.get;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      checked = _useState2[0],
+      setChecked = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isReady = _useState4[0],
+      setIsReady = _useState4[1];
+
+  var methodContent = useMemo(function () {
+    if (method === 'email') return {
+      field: t('common.emailLabel'),
+      checkErrorMessage: t('common.checkEmail'),
+      formatErrorMessage: t('common.emailFormatError'),
+      pattern: VALIDATE_PATTERN.email
+    };else if (method === 'username') {
+      return {
+        field: t('common.username'),
+        checkErrorMessage: t('common.checkUserName'),
+        formatErrorMessage: t('common.usernameFormatError'),
+        pattern: VALIDATE_PATTERN.username
+      };
+    } else return {
+      field: t('common.phone'),
+      checkErrorMessage: t('common.checkPhone'),
+      formatErrorMessage: t('common.phoneFormateError'),
+      pattern: VALIDATE_PATTERN.phone
+    };
+  }, [method, t]);
+  var checkField = useDebounce( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+      var _yield$get, data;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (value && methodContent.pattern.test(value)) {
+                _context.next = 3;
+                break;
+              }
+
+              setIsReady(true);
+              return _context.abrupt("return");
+
+            case 3:
+              _context.next = 5;
+              return get("/api/v2/users/find", {
+                userPoolId: publicConfig === null || publicConfig === void 0 ? void 0 : publicConfig.userPoolId,
+                key: value,
+                type: method
+              });
+
+            case 5:
+              _yield$get = _context.sent;
+              data = _yield$get.data;
+              setChecked(Boolean(data));
+              form === null || form === void 0 ? void 0 : form.validateFields([name !== null && name !== void 0 ? name : method]);
+              setIsReady(true);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), 500);
+  useImperativeHandle(ref, function () {
+    return {
+      check: function check(values) {
+        setChecked(false); // @ts-ignore
+
+        if (values[name !== null && name !== void 0 ? name : method]) {
+          setIsReady(false); // @ts-ignore
+
+          checkField(values[name !== null && name !== void 0 ? name : method]);
+        }
+      }
+    };
+  });
+  var checkReady = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!isReady) {
+              _context2.next = 2;
+              break;
+            }
+
+            return _context2.abrupt("return", true);
+
+          case 2:
+            _context2.next = 4;
+            return sleep(100);
+
+          case 4:
+            if (!isReady) {
+              _context2.next = 2;
+              break;
+            }
+
+          case 5:
+            return _context2.abrupt("return", true);
+
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })), [isReady]);
+  var validator = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return checkReady();
+
+          case 2:
+            _context3.t0 = _context3.sent;
+
+            if (!_context3.t0) {
+              _context3.next = 5;
+              break;
+            }
+
+            _context3.t0 = checked;
+
+          case 5:
+            if (!_context3.t0) {
+              _context3.next = 9;
+              break;
+            }
+
+            return _context3.abrupt("return", checkError(methodContent.checkErrorMessage));
+
+          case 9:
+            return _context3.abrupt("return", checkSuccess());
+
+          case 10:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })), [checkReady, checked, methodContent.checkErrorMessage]);
+  var rules = useMemo(function () {
+    var rules = required ? _toConsumableArray(fieldRequiredRule(methodContent.field)) : [];
+    rules.push({
+      validateTrigger: 'onBlur',
+      pattern: methodContent.pattern,
+      message: methodContent.formatErrorMessage
+    });
+    checkRepeat && Boolean(publicConfig) && rules.push({
+      validator: validator
+    });
+    return rules;
+  }, [required, methodContent, checkRepeat, publicConfig, validator]);
+  return /*#__PURE__*/React.createElement(_Form.Item, _extends({
+    validateFirst: true,
+    validateTrigger: ['onBlur', 'onChange'],
+    rules: _concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(rules), _toConsumableArray((_formItemProps$rules = formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.rules) !== null && _formItemProps$rules !== void 0 ? _formItemProps$rules : [])),
+    name: name !== null && name !== void 0 ? name : method
+  }, formItemProps));
+});
+export var EmailFormItem = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ValidatorFormItem, _extends({
+    ref: ref
+  }, props, {
+    method: "email"
+  }));
+});
+export var PhoneFormItem = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ValidatorFormItem, _extends({
+    ref: ref
+  }, props, {
+    method: "phone"
+  }));
+});
+export var UserNameFormItem = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ValidatorFormItem, _extends({
+    ref: ref
+  }, props, {
+    method: "username"
+  }));
+});

package/es/ValidatorRules/index.d.ts

@@ -0,0 +1,27 @@
+import { FormInstance, FormItemProps } from 'antd/lib/form';
+import FormItem from 'antd/lib/form/FormItem';
+import { PasswordFormItem } from './PasswordFormItem';
+import { EmailFormItem, PhoneFormItem, UserNameFormItem } from './ValidatorFormItem';
+export interface ValidatorFormItemProps extends FormItemProps {
+    form?: FormInstance;
+    checkRepeat?: boolean;
+}
+export interface ValidatorFormItemMetaProps extends ValidatorFormItemProps {
+    form?: FormInstance;
+    checkRepeat?: boolean;
+    method: 'email' | 'phone' | 'username';
+}
+export interface PasswordFormItemProps extends FormItemProps {
+}
+export interface ICheckProps {
+    check: (values: any) => void;
+}
+declare type InternalFormItemType = typeof FormItem;
+interface FormItemInterface extends InternalFormItemType {
+    Password: typeof PasswordFormItem;
+    Email: typeof EmailFormItem;
+    Phone: typeof PhoneFormItem;
+    UserName: typeof UserNameFormItem;
+}
+declare const CustomFormItem: FormItemInterface;
+export default CustomFormItem;

package/es/ValidatorRules/index.js

@@ -0,0 +1,9 @@
+import FormItem from 'antd/lib/form/FormItem';
+import { PasswordFormItem } from './PasswordFormItem';
+import { EmailFormItem, PhoneFormItem, UserNameFormItem } from './ValidatorFormItem';
+var CustomFormItem = FormItem;
+CustomFormItem.Password = PasswordFormItem;
+CustomFormItem.Email = EmailFormItem;
+CustomFormItem.Phone = PhoneFormItem;
+CustomFormItem.UserName = UserNameFormItem;
+export default CustomFormItem;

package/es/VerifyCodeInput/index.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+interface VerifyCodeInputProps extends React.HTMLAttributes<HTMLDivElement> {
+    verifyCode: string[];
+    setVerifyCode: (code: string[]) => void;
+    length?: number;
+    onEnter?: Function;
+}
+export declare const VerifyCodeInput: FC<VerifyCodeInputProps>;
+export {};

package/es/VerifyCodeInput/index.js

@@ -0,0 +1,89 @@
+import "antd/lib/divider/style";
+import _Divider from "antd/lib/divider";
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
+import _parseInt from "@babel/runtime-corejs3/core-js-stable/parse-int";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _fillInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/fill";
+import React, { Fragment, useRef } from 'react';
+export var VerifyCodeInput = function VerifyCodeInput(_ref) {
+  var _context2, _context3;
+
+  var verifyCode = _ref.verifyCode,
+      setVerifyCode = _ref.setVerifyCode,
+      _ref$length = _ref.length,
+      length = _ref$length === void 0 ? 6 : _ref$length,
+      onEnter = _ref.onEnter;
+  var inputRef = useRef([]);
+
+  var handleChange = function handleChange() {
+    var _context;
+
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var index = arguments.length > 1 ? arguments[1] : undefined;
+
+    var num = _parseInt(val);
+
+    if (isNaN(num)) {
+      val = '';
+    } else {
+      val = String(num);
+    }
+
+    var codes = _toConsumableArray(verifyCode);
+
+    codes[index] = _sliceInstanceProperty(_context = val.split('')).call(_context, -1)[0] || '';
+    setVerifyCode(codes);
+
+    if (val && inputRef.current[index + 1]) {
+      inputRef.current[index + 1].focus();
+    }
+  };
+
+  var handleKeyDown = function handleKeyDown(evt, index) {
+    var currentVal = verifyCode[index];
+
+    switch (evt.keyCode) {
+      case 8:
+        if (!currentVal && inputRef.current[index - 1]) {
+          handleChange('', index - 1);
+          inputRef.current[index - 1].focus();
+        }
+
+        break;
+
+      case 13:
+        onEnter === null || onEnter === void 0 ? void 0 : onEnter();
+        break;
+
+      default:
+        break;
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "authing-code-input"
+  }, _mapInstanceProperty(_context2 = _fillInstanceProperty(_context3 = new Array(length)).call(_context3, 0)).call(_context2, function (_, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, /*#__PURE__*/React.createElement(_Input, {
+      ref: function ref(el) {
+        return inputRef.current[index] = el;
+      },
+      className: "authing-code-input-item",
+      size: "large",
+      autoFocus: index === 0,
+      onKeyDown: function onKeyDown(evt) {
+        return handleKeyDown(evt, index);
+      },
+      value: verifyCode[index],
+      onChange: function onChange(evt) {
+        return handleChange(evt.target.value, index);
+      }
+    }), index === Math.floor(length / 2 - 1) && /*#__PURE__*/React.createElement(_Divider, {
+      className: "authing-code-input-divider"
+    }));
+  }));
+};

package/es/VerifyCodeInput/style/css.js

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

package/es/VerifyCodeInput/style/index.css

@@ -0,0 +1 @@
+.authing-code-input-item{text-align:center;width:40px;min-width:40px;min-height:40px;height:40px;line-height:40px}.authing-code-input-item:not(:first-child){margin-left:18px}.authing-code-input-item input{text-align:center}.authing-code-input-divider{width:14px;min-width:14px;max-width:14px;margin-left:18px}.authing-code-input{display:flex;align-items:center}

package/es/VerifyCodeInput/style/index.d.ts

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

package/es/VerifyCodeInput/style/index.js

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

package/es/_utils/GuardErrorCode.d.ts

@@ -0,0 +1,9 @@
+export declare enum ErrorCode {
+    OTP_MFA_CODE = 1635,
+    APP_MFA_CODE = 1636,
+    INPUT_CAPTCHACODE = 2000,
+    USER_EXISTENCE = 2026,
+    LOGIN_INVALID = 2021,
+    PASSWORD_ERROR = 2333,
+    USER_NOT_EXIST = 2004
+}

package/es/_utils/GuardErrorCode.js

@@ -0,0 +1,11 @@
+export var ErrorCode;
+
+(function (ErrorCode) {
+  ErrorCode[ErrorCode["OTP_MFA_CODE"] = 1635] = "OTP_MFA_CODE";
+  ErrorCode[ErrorCode["APP_MFA_CODE"] = 1636] = "APP_MFA_CODE";
+  ErrorCode[ErrorCode["INPUT_CAPTCHACODE"] = 2000] = "INPUT_CAPTCHACODE";
+  ErrorCode[ErrorCode["USER_EXISTENCE"] = 2026] = "USER_EXISTENCE";
+  ErrorCode[ErrorCode["LOGIN_INVALID"] = 2021] = "LOGIN_INVALID";
+  ErrorCode[ErrorCode["PASSWORD_ERROR"] = 2333] = "PASSWORD_ERROR";
+  ErrorCode[ErrorCode["USER_NOT_EXIST"] = 2004] = "USER_NOT_EXIST";
+})(ErrorCode || (ErrorCode = {}));

package/es/_utils/clipboard.d.ts

@@ -0,0 +1 @@
+export declare const copyToClipboard: (str: string) => void;

package/es/_utils/clipboard.js

@@ -0,0 +1,35 @@
+import { i18n } from './locales'; // https://juejin.im/post/6844903857290477582
+
+export var copyToClipboard = function copyToClipboard(str) {
+  var el = document.createElement('textarea'); // 创建一个 <textarea> 元素
+
+  el.value = str; // 设置它的值为你想复制的字符串
+
+  el.setAttribute('readonly', ''); // 设置为只读以防止干扰
+
+  el.style.position = 'absolute';
+  el.style.left = '-9999px'; // 移出屏幕外以使其不可见
+
+  document.body.appendChild(el); // 插入 <textarea> 元素到 HTML 文档中
+
+  try {
+    var selected = document.getSelection().rangeCount > 0 // 检查是否之前曾选中过内容
+    ? document.getSelection().getRangeAt(0) // 如果找到，则保存选中
+    : false; // 标记为  false 以表示不存在之前选中的内容
+
+    el.select(); // 选中 <textarea> 的内容
+
+    document.execCommand('copy'); // 复制 - 仅当作为用户操作的响应结果时才可以工作(比如，点击事件)
+
+    document.body.removeChild(el); // 移除 <textarea> 元素
+
+    if (selected) {
+      // 如果在复制前已存在选中的内容
+      document.getSelection().removeAllRanges(); // 取消 HTML 文档中所有的选中部分
+
+      document.getSelection().addRange(selected); // 恢复原来的选中
+    }
+  } catch (e) {
+    console.warn(i18n.t('common.copyFailed'));
+  }
+};

package/es/_utils/config.d.ts

@@ -0,0 +1,7 @@
+import { IG2Config } from '../Type';
+import { ApplicationConfig } from '../AuthingGuard/api';
+import { GuardLocalConfig } from '../Guard/config';
+export declare const initConfig: (appId: string, config: Partial<IG2Config>, defaultConfig: IG2Config) => Promise<{
+    config: GuardLocalConfig;
+    publicConfig: ApplicationConfig;
+}>;

package/es/_utils/config.js

@@ -0,0 +1,145 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, 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) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { assembledAppHost } from '.';
+import { getGuardHttp } from './guradHttp';
+var publicConfigMap = {};
+
+var getPublicConfig = function getPublicConfig(appId) {
+  return publicConfigMap === null || publicConfigMap === void 0 ? void 0 : publicConfigMap[appId];
+};
+
+var setPublicConfig = function setPublicConfig(appId, config) {
+  return publicConfigMap[appId] = config;
+};
+
+export var initConfig = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appId, config, defaultConfig) {
+    var mergedConfig;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (getPublicConfig(appId)) {
+              _context.next = 3;
+              break;
+            }
+
+            _context.next = 3;
+            return requestPublicConfig(appId);
+
+          case 3:
+            mergedConfig = mergeConfig(config, defaultConfig, getPublicConfig(appId));
+            return _context.abrupt("return", {
+              config: _objectSpread(_objectSpread({}, mergedConfig), {}, {
+                __publicConfig__: getPublicConfig(appId),
+                __appHost__: assembledAppHost(getPublicConfig(appId).identifier, mergedConfig === null || mergedConfig === void 0 ? void 0 : mergedConfig.host)
+              }),
+              publicConfig: getPublicConfig(appId)
+            });
+
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function initConfig(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var mergeConfig = function mergeConfig(config, defaultConfig, publicConfig) {
+  var _config$title, _ref2, _config$loginMethods, _publicConfig$loginTa, _ref3, _config$passwordLogin, _publicConfig$passwor, _config$defaultLoginM, _config$disableResetP, _publicConfig$ssoPage, _config$autoRegister, _config$registerMetho, _publicConfig$registe, _config$defaultRegist, _config$disableRegist, _config$publicKey, _config$agreementEnab, _config$agreements, _config$contentCss;
+
+  var mergedPublicConfig = _objectSpread(_objectSpread(_objectSpread({}, defaultConfig), config), {}, {
+    title: (_config$title = config.title) !== null && _config$title !== void 0 ? _config$title : publicConfig.name,
+    logo: !!config.logo ? config.logo : publicConfig.logo,
+    loginMethods: (_ref2 = (_config$loginMethods = config === null || config === void 0 ? void 0 : config.loginMethods) !== null && _config$loginMethods !== void 0 ? _config$loginMethods : (_publicConfig$loginTa = publicConfig.loginTabs) === null || _publicConfig$loginTa === void 0 ? void 0 : _publicConfig$loginTa.list) !== null && _ref2 !== void 0 ? _ref2 : [],
+    passwordLoginMethods: (_ref3 = (_config$passwordLogin = config === null || config === void 0 ? void 0 : config.passwordLoginMethods) !== null && _config$passwordLogin !== void 0 ? _config$passwordLogin : (_publicConfig$passwor = publicConfig.passwordTabConfig) === null || _publicConfig$passwor === void 0 ? void 0 : _publicConfig$passwor.enabledLoginMethods) !== null && _ref3 !== void 0 ? _ref3 : [],
+    // 默认登录方式
+    defaultLoginMethod: (_config$defaultLoginM = config.defaultLoginMethod) !== null && _config$defaultLoginM !== void 0 ? _config$defaultLoginM : publicConfig.loginTabs.default,
+    // 禁止重制密码
+    disableResetPwd: !!((_config$disableResetP = config.disableResetPwd) !== null && _config$disableResetP !== void 0 ? _config$disableResetP : !((_publicConfig$ssoPage = publicConfig.ssoPageComponentDisplay) !== null && _publicConfig$ssoPage !== void 0 && _publicConfig$ssoPage.forgetPasswordBtn)),
+    // 是否自动注册
+    autoRegister: (_config$autoRegister = config.autoRegister) !== null && _config$autoRegister !== void 0 ? _config$autoRegister : publicConfig.ssoPageComponentDisplay.autoRegisterThenLoginHintInfo,
+    registerMethods: (_config$registerMetho = config.registerMethods) !== null && _config$registerMetho !== void 0 ? _config$registerMetho : (_publicConfig$registe = publicConfig.registerTabs) === null || _publicConfig$registe === void 0 ? void 0 : _publicConfig$registe.list,
+    defaultRegisterMethod: (_config$defaultRegist = config.defaultRegisterMethod) !== null && _config$defaultRegist !== void 0 ? _config$defaultRegist : publicConfig.registerTabs.default,
+    // 禁止注册
+    disableRegister: !!((_config$disableRegist = config.disableRegister) !== null && _config$disableRegist !== void 0 ? _config$disableRegist : !publicConfig.ssoPageComponentDisplay.registerBtn),
+    // publicKey
+    publicKey: (_config$publicKey = config.publicKey) !== null && _config$publicKey !== void 0 ? _config$publicKey : publicConfig.publicKey,
+    // 注册协议
+    agreementEnabled: (_config$agreementEnab = config.agreementEnabled) !== null && _config$agreementEnab !== void 0 ? _config$agreementEnab : publicConfig.agreementEnabled,
+    agreements: (_config$agreements = config.agreements) !== null && _config$agreements !== void 0 ? _config$agreements : publicConfig.agreements,
+    contentCss: (_config$contentCss = config.contentCss) !== null && _config$contentCss !== void 0 ? _config$contentCss : publicConfig.css
+  });
+
+  return mergedPublicConfig;
+};
+
+var requestPublicConfig = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(appId) {
+    var _res$message, _res;
+
+    var res, _getGuardHttp, get;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _getGuardHttp = getGuardHttp(), get = _getGuardHttp.get;
+            _context2.prev = 1;
+            _context2.next = 4;
+            return get("/api/v2/applications/".concat(appId, "/public-config"));
+
+          case 4:
+            res = _context2.sent;
+            _context2.next = 11;
+            break;
+
+          case 7:
+            _context2.prev = 7;
+            _context2.t0 = _context2["catch"](1);
+            console.error('Please check your config or network');
+            throw new Error('Please check your config or network');
+
+          case 11:
+            if (!(res.code !== 200 || !res.data)) {
+              _context2.next = 13;
+              break;
+            }
+
+            throw new Error((_res$message = (_res = res) === null || _res === void 0 ? void 0 : _res.message) !== null && _res$message !== void 0 ? _res$message : 'Please check your config');
+
+          case 13:
+            setPublicConfig(appId, res.data);
+            return _context2.abrupt("return", getPublicConfig(appId));
+
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[1, 7]]);
+  }));
+
+  return function requestPublicConfig(_x4) {
+    return _ref4.apply(this, arguments);
+  };
+}();

package/es/_utils/context.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ApplicationConfig } from '../AuthingGuard/api';
+export declare const createGuardContext: () => {
+    Context: React.Context<ApplicationConfig | undefined>;
+    Provider: React.Provider<ApplicationConfig | undefined>;
+    Consumer: React.Consumer<ApplicationConfig | undefined>;
+};
+export declare const usePublicConfig: () => ApplicationConfig | undefined;

package/es/_utils/context.js

@@ -0,0 +1,14 @@
+import React, { useContext } from 'react';
+var Context = /*#__PURE__*/React.createContext(undefined);
+var Provider = Context.Provider;
+var Consumer = Context.Consumer;
+export var createGuardContext = function createGuardContext() {
+  return {
+    Context: Context,
+    Provider: Provider,
+    Consumer: Consumer
+  };
+};
+export var usePublicConfig = function usePublicConfig() {
+  return useContext(Context);
+};

package/es/_utils/errorFace.d.ts

@@ -0,0 +1,12 @@
+declare enum FaceErrorName {
+    NotAllowedError = "NotAllowedError",
+    AbortError = "AbortError",
+    NotReadableError = "NotReadableError",
+    OverconstrainedError = "OverconstrainedError",
+    SecurityError = "SecurityError"
+}
+export interface FaceErrorMessage extends DOMException {
+    name: FaceErrorName;
+}
+export declare const faceErrorMessage: (error: FaceErrorMessage) => string;
+export {};