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

package/es/context/module/context.js

@@ -0,0 +1,21 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import React from 'react';
+import { createBaseContext } from '../base';
+
+var _createBaseContext = createBaseContext(),
+    _createBaseContext2 = _slicedToArray(_createBaseContext, 2),
+    Context = _createBaseContext2[0],
+    useBaseContext = _createBaseContext2[1];
+
+export var useModule = function useModule() {
+  var guardContext = useBaseContext();
+  return guardContext;
+};
+export var ModuleContext = function ModuleContext(_ref) {
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      value = _ref.value;
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: value
+  }, children);
+};

package/es/index.d.ts

@@ -0,0 +1,8 @@
+export * from './_utils/config';
+export type { AuthenticationClientOptions } from 'authing-js-sdk';
+export * from './AuthingGuard/types';
+export * from './AuthingGuard/hooks';
+export * from './AuthingGuard';
+export * from './Guard';
+export * from './Type';
+export * from './version';

package/es/index.js

@@ -0,0 +1,8 @@
+export * from './_utils/config';
+export * from './AuthingGuard/types';
+export * from './AuthingGuard/hooks';
+export * from './AuthingGuard';
+export * from './Guard';
+export * from './Type';
+export * from './version';
+export {};

package/es/version/index.d.ts

@@ -0,0 +1,2 @@
+import version from './version';
+export default version;

package/es/version/index.js

@@ -0,0 +1,2 @@
+import version from './version';
+export default version;

package/es/version/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "3.0.1-beta.1";
+export default _default;

package/es/version/version.js

@@ -0,0 +1 @@
+export default '3.0.1-beta.1';

package/lib/AuthingDropdown/index.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+/**
+ * 不使用 antd 的 dropdown，因为里面会用 tooltip，体积过大
+ */
+export declare const AuthingDropdown: FC<{
+    className?: string;
+    menus: {
+        label: React.ReactNode;
+        key: string | number;
+        onClick?: (key: string | number, evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    }[];
+}>;

package/lib/AuthingDropdown/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuthingDropdown = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _icons = require("@ant-design/icons");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("../_utils");
+
+/**
+ * 不使用 antd 的 dropdown，因为里面会用 tooltip，体积过大
+ */
+var AuthingDropdown = function AuthingDropdown(_ref) {
+  var menus = _ref.menus,
+      children = _ref.children,
+      className = _ref.className;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _utils.getClassnames)(['authing-dropdown', className]),
+    onMouseEnter: function onMouseEnter() {
+      return setVisible(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setVisible(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-dropdown-trigger"
+  }, children), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _utils.getClassnames)(['authing-dropdown-menu-container', visible && 'authing-dropdown-menu-container__visible'])
+  }, menus.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "authing-dropdown-menu-item",
+      onClick: function onClick(evt) {
+        var _item$onClick;
+
+        setVisible(false);
+        (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, item.key, evt);
+      },
+      key: item.key
+    }, item.label);
+  })), /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, {
+    className: "authing-dropdown-icon"
+  }));
+};
+
+exports.AuthingDropdown = AuthingDropdown;

package/lib/AuthingDropdown/style/css.js

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

package/lib/AuthingDropdown/style/index.css

@@ -0,0 +1 @@
+.authing-dropdown{display:inline-flex;position:relative;align-items:center}.authing-dropdown-trigger{cursor:pointer}.authing-dropdown-menu-container{height:0;opacity:0;position:absolute;top:100%;left:0;transition:all .3s;cursor:pointer;background-color:#fff;padding:4px 0;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:none}.authing-dropdown-menu-container__visible{height:auto;opacity:1;pointer-events:unset}.authing-dropdown-menu-item{padding:5px 12px;transition:all .3s}.authing-dropdown-menu-item:hover{background-color:#f5f5f5}.authing-dropdown-icon{margin-left:8px}

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

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

package/lib/AuthingDropdown/style/index.js

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

package/lib/AuthingDropdown/style/index.less

@@ -0,0 +1,43 @@
+.authing-dropdown {
+  display: inline-flex;
+  position: relative;
+  align-items: center;
+}
+
+.authing-dropdown-trigger {
+  cursor: pointer;
+}
+
+.authing-dropdown-menu-container {
+  height: 0;
+  opacity: 0;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  transition: all 0.3s;
+  cursor: pointer;
+  background-color: #fff;
+  padding: 4px 0;
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  pointer-events: none;
+}
+
+.authing-dropdown-menu-container__visible {
+  height: auto;
+  opacity: 1;
+  pointer-events: unset;
+}
+
+.authing-dropdown-menu-item {
+  padding: 5px 12px;
+  transition: all 0.3s;
+  &:hover {
+    background-color: #f5f5f5;
+  }
+}
+
+.authing-dropdown-icon {
+  margin-left: 8px;
+}

package/lib/AuthingGuard/AppMFALayout/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export interface MfaLayoutProps {
+}
+export declare const AppMfaLayout: FC<MfaLayoutProps>;

package/lib/AuthingGuard/AppMFALayout/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppMfaLayout = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _antd = require("antd");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _AuthingDropdown = require("../../AuthingDropdown");
+
+var _Forms = require("../../../components/AuthingGuard/Forms");
+
+var _context = require("../../context/global/context");
+
+var _api = require("../api");
+
+var AppMfaLayout = function AppMfaLayout() {
+  var _formMap, _mfaData$applicationM, _mfaData$applicationM2, _mfaData$applicationM3;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useGuardContext = (0, _context.useGuardContext)(),
+      _useGuardContext$stat = _useGuardContext.state,
+      guardEvents = _useGuardContext$stat.guardEvents,
+      authClient = _useGuardContext$stat.authClient,
+      mfaData = _useGuardContext$stat.mfaData;
+
+  var _useState = (0, _react.useState)(_api.ApplicationMfaType.SMS),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      type = _useState2[0],
+      setType = _useState2[1];
+
+  var onSuccess = function onSuccess(user) {
+    var _guardEvents$onLogin;
+
+    _antd.message.success(t('common.LoginSuccess'));
+
+    (_guardEvents$onLogin = guardEvents.onLogin) === null || _guardEvents$onLogin === void 0 ? void 0 : _guardEvents$onLogin.call(guardEvents, user, authClient);
+  };
+
+  var onFail = function onFail(error) {
+    var _guardEvents$onLoginE;
+
+    (_guardEvents$onLoginE = guardEvents.onLoginError) === null || _guardEvents$onLoginE === void 0 ? void 0 : _guardEvents$onLoginE.call(guardEvents, error, authClient);
+  };
+
+  var formProps = {
+    onSuccess: onSuccess,
+    onFail: onFail
+  };
+  var formMap = (_formMap = {}, (0, _defineProperty2.default)(_formMap, _api.ApplicationMfaType.EMAIL, /*#__PURE__*/_react.default.createElement(_Forms.EmailMfaVerifyForm, formProps)), (0, _defineProperty2.default)(_formMap, _api.ApplicationMfaType.SMS, /*#__PURE__*/_react.default.createElement(_Forms.SmsMfaVerifyForm, formProps)), _formMap);
+  var availableMfaType = (_mfaData$applicationM = mfaData.applicationMfa) === null || _mfaData$applicationM === void 0 ? void 0 : (_mfaData$applicationM2 = _mfaData$applicationM.filter(function (item) {
+    return item.status && Object.keys(_api.ApplicationMfaType).includes(item.mfaPolicy);
+  })) === null || _mfaData$applicationM2 === void 0 ? void 0 : (_mfaData$applicationM3 = _mfaData$applicationM2.sort(function (a, b) {
+    return a.sort - b.sort;
+  })) === null || _mfaData$applicationM3 === void 0 ? void 0 : _mfaData$applicationM3.map(function (item) {
+    return {
+      label: (0, _api.ApplicationMfaTypeLabel)()[item.mfaPolicy],
+      key: item.mfaPolicy,
+      onClick: function onClick() {
+        setType(item.mfaPolicy);
+      }
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "authing-text-center"
+  }, formMap[type], ((availableMfaType === null || availableMfaType === void 0 ? void 0 : availableMfaType.length) || 0 > 1) && /*#__PURE__*/_react.default.createElement(_AuthingDropdown.AuthingDropdown, {
+    className: "toggle-mfa-dropdown",
+    menus: availableMfaType
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "authing-toggle-mfa"
+  }, t('login.otherVerifyWay'))));
+};
+
+exports.AppMfaLayout = AppMfaLayout;

package/lib/AuthingGuard/CompleteUserInfoLayout/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const CompleteUserInfoLayout: FC;

package/lib/AuthingGuard/CompleteUserInfoLayout/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompleteUserInfoLayout = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _context = require("../../context/global/context");
+
+var _CompleteUserInfoForm = require("../Forms/CompleteUserInfoForm");
+
+var CompleteUserInfoLayout = function CompleteUserInfoLayout() {
+  var _useGuardContext = (0, _context.useGuardContext)(),
+      guardTitle = _useGuardContext.state.guardTitle;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", {
+    className: "authing-guard-complete-info-title"
+  }, t('common.perfectUserInfo')), /*#__PURE__*/_react.default.createElement("p", {
+    className: "authing-guard-complete-info-msg"
+  }, t('common.welcomeDoc', {
+    name: guardTitle
+  })), /*#__PURE__*/_react.default.createElement(_CompleteUserInfoForm.CompleteUserInfoForm, null));
+};
+
+exports.CompleteUserInfoLayout = CompleteUserInfoLayout;

package/lib/AuthingGuard/Forms/ADLoginForm/index.d.ts

@@ -0,0 +1,4 @@
+import { FormInstance } from 'antd/lib/form';
+import React from 'react';
+import { ADLoginFormProps } from '../../types/Forms';
+export declare const ADLoginForm: React.ForwardRefExoticComponent<ADLoginFormProps & React.RefAttributes<FormInstance<any>>>;

package/lib/AuthingGuard/Forms/ADLoginForm/index.js

@@ -0,0 +1,203 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ADLoginForm = 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 _icons = require("@ant-design/icons");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context2 = require("../../../context/global/context");
+
+var _types = require("../../types");
+
+var _LoginFormFooter = require("../../../../components/AuthingGuard/Forms/LoginFormFooter");
+
+var _reactI18next = require("react-i18next");
+
+var _utils = require("../../../_utils");
+
+var ADLoginForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var onSuccess = _ref.onSuccess,
+      onValidateFail = _ref.onValidateFail,
+      onFail = _ref.onFail;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useGuardContext = (0, _context2.useGuardContext)(),
+      state = _useGuardContext.state;
+
+  var authClient = state.authClient,
+      guardEvents = state.guardEvents;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var onFinishFailed = function onFinishFailed(errorInfo) {
+    setLoading(false);
+    onValidateFail && onValidateFail(errorInfo);
+  };
+
+  var _Form$useForm = _antd.Form.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      rawForm = _Form$useForm2[0];
+
+  var onFinish = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
+      var canLogin, identity, password, user, errorData;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!guardEvents.onBeforeLogin) {
+                _context.next = 15;
+                break;
+              }
+
+              _context.prev = 1;
+              _context.next = 4;
+              return guardEvents.onBeforeLogin({
+                type: _types.LoginMethods.AD,
+                data: {
+                  identity: values.identity,
+                  password: values.password
+                }
+              }, authClient);
+
+            case 4:
+              canLogin = _context.sent;
+
+              if (canLogin) {
+                _context.next = 8;
+                break;
+              }
+
+              setLoading(false);
+              return _context.abrupt("return");
+
+            case 8:
+              _context.next = 15;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](1);
+
+              if (typeof _context.t0 === 'string') {
+                _antd.message.error(_context.t0);
+              } else {
+                _antd.message.error(_context.t0.message);
+              }
+
+              setLoading(false);
+              return _context.abrupt("return");
+
+            case 15:
+              _context.prev = 15;
+              identity = values.identity && values.identity.trim();
+              password = values.password && values.password.trim();
+              _context.next = 20;
+              return authClient.loginByAd(identity, password);
+
+            case 20:
+              user = _context.sent;
+              onSuccess && onSuccess(user);
+              _context.next = 36;
+              break;
+
+            case 24:
+              _context.prev = 24;
+              _context.t1 = _context["catch"](15);
+
+              if (!(typeof _context.t1.message === 'string')) {
+                _context.next = 35;
+                break;
+              }
+
+              _context.prev = 27;
+              errorData = JSON.parse(_context.t1.message);
+              onFail && onFail(errorData);
+              return _context.abrupt("return");
+
+            case 33:
+              _context.prev = 33;
+              _context.t2 = _context["catch"](27);
+
+            case 35:
+              onFail && onFail(_context.t1);
+
+            case 36:
+              _context.prev = 36;
+              setLoading(false);
+              return _context.finish(36);
+
+            case 39:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 10], [15, 24, 36, 39], [27, 33]]);
+    }));
+
+    return function onFinish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return rawForm;
+  });
+  return /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    form: rawForm,
+    onSubmitCapture: function onSubmitCapture() {
+      return setLoading(true);
+    },
+    onFinishFailed: onFinishFailed,
+    onFinish: onFinish
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "identity",
+    rules: (0, _utils.getRequiredRules)(t('login.inputAdUsername'))
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    autoComplete: "email,username,tel",
+    size: "large",
+    placeholder: t('login.inputAdUsername'),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.UserOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "password",
+    rules: (0, _utils.getRequiredRules)(t('login.inputAdPwd'))
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input.Password, {
+    autoComplete: "current-password",
+    size: "large",
+    visibilityToggle: false,
+    placeholder: t('login.inputAdPwd'),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.LockOutlined, {
+      style: {
+        color: '#ddd'
+      }
+    })
+  })), /*#__PURE__*/_react.default.createElement(_LoginFormFooter.LoginFormFooter, {
+    loading: loading
+  }));
+});
+exports.ADLoginForm = ADLoginForm;

package/lib/AuthingGuard/Forms/Agreements/index.d.ts

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

package/lib/AuthingGuard/Forms/Agreements/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Agreements = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _utils = require("../../../_utils");
+
+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 Agreements = function Agreements(_ref) {
+  var showError = _ref.showError,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      style = _ref.style,
+      agreements = _ref.agreements;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      acceptList = _useState2[0],
+      setAcceptList = _useState2[1];
+
+  var toggleItemCheck = function toggleItemCheck(id) {
+    setAcceptList(function (prev) {
+      if (prev.includes(id)) {
+        return prev.filter(function (item) {
+          return item !== id;
+        });
+      }
+
+      return [].concat((0, _toConsumableArray2.default)(prev), [id]);
+    });
+  };
+  /** 是否可以注册 */
+
+
+  var isAccept = (0, _react.useMemo)(function () {
+    /** 所有必须勾选的都勾了就可以通过 */
+    return agreements.filter(function (item) {
+      return item.required;
+    }).every(function (item) {
+      return acceptList.includes(item.id);
+    });
+  }, [acceptList, agreements]);
+  (0, _react.useEffect)(function () {
+    onChange(isAccept);
+  }, [isAccept, onChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _utils.getClassnames)(['authing-agreements', showError && 'authing-agreements-error'])
+  }, agreements.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item.id,
+      style: _objectSpread({}, style),
+      className: (0, _utils.getClassnames)(['authing-agreements-item', item.required && !acceptList.includes(item.id) && 'authing-agreements-item-invalid']),
+      onClick: function onClick() {
+        return toggleItemCheck(item.id);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
+      align: "start",
+      size: 5
+    }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+      className: "authing-agreements-checkbox",
+      checked: acceptList.includes(item.id)
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "authing-agreements-item-content",
+      dangerouslySetInnerHTML: {
+        __html: item.title
+      }
+    })));
+  }));
+};
+
+exports.Agreements = Agreements;

package/lib/AuthingGuard/Forms/CompleteUserInfoForm/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { CompleteUserInfoFormProps } from '../../types';
+export declare const CompleteUserInfoForm: FC<CompleteUserInfoFormProps>;