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

package/es/AuthingGuard/Forms/CompleteUserInfoForm/index.js

@@ -1,237 +0,0 @@
-import "antd/lib/spin/style";
-import _Spin from "antd/lib/spin";
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-import "antd/lib/form/style";
-import _Form from "antd/lib/form";
-import "antd/lib/input/style";
-import _Input from "antd/lib/input";
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import { useForm } from 'antd/lib/form/Form';
-import React, { useEffect, useState } from 'react';
-import { useGuardContext } from '../../../context/global/context';
-import { UploadImage } from '../UploadImage';
-import { requestClient } from '../../../_utils/http';
-import { useTranslation } from 'react-i18next';
-import { i18n } from '../../../_utils/locales';
-export var CompleteUserInfoForm = function CompleteUserInfoForm(_ref) {
-  var onSuccess = _ref.onSuccess;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useForm = useForm(),
-      _useForm2 = _slicedToArray(_useForm, 1),
-      rawForm = _useForm2[0];
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      submitting = _useState2[0],
-      setSubmitting = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
-  var _useGuardContext = useGuardContext(),
-      _useGuardContext$stat = _useGuardContext.state,
-      config = _useGuardContext$stat.config,
-      authClient = _useGuardContext$stat.authClient,
-      guardEvents = _useGuardContext$stat.guardEvents,
-      userPoolId = _useGuardContext$stat.userPoolId;
-
-  var extendsFields = config.extendsFields;
-
-  var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      setUser = _useState6[1];
-
-  var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      definitions = _useState8[0],
-      setDefinitions = _useState8[1];
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
-      var _context;
-
-      var internalFields, userFields, udfs, _guardEvents$onRegist, user, _guardEvents$onRegist2;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              internalFields = {};
-              userFields = [];
-
-              _forEachInstanceProperty(_context = _Object$entries(values)).call(_context, 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') {
-                  internalFields[nameOrId] = value;
-                } else if (type === 'user') {
-                  userFields.push({
-                    nameOrId: nameOrId,
-                    value: value
-                  });
-                }
-              });
-
-              udfs = _mapInstanceProperty(userFields).call(userFields, function (_ref5) {
-                var nameOrId = _ref5.nameOrId,
-                    value = _ref5.value;
-                return {
-                  definition: _findInstanceProperty(definitions).call(definitions, function (def) {
-                    return def.id === nameOrId;
-                  }),
-                  value: value
-                };
-              });
-              _context2.prev = 4;
-              _context2.next = 7;
-              return authClient.updateProfile(internalFields);
-
-            case 7:
-              user = _context2.sent;
-              setUser(user);
-              _context2.next = 11;
-              return requestClient.post("/api/v2/udfs/values", {
-                udfs: udfs
-              }, {
-                headers: {
-                  authorization: user === null || user === void 0 ? void 0 : user.token,
-                  'x-authing-userpool-id': userPoolId
-                }
-              });
-
-            case 11:
-              _message.success(t('common.saveSuccess'));
-
-              (_guardEvents$onRegist = guardEvents.onRegisterInfoCompleted) === null || _guardEvents$onRegist === void 0 ? void 0 : _guardEvents$onRegist.call(guardEvents, user, udfs, authClient);
-              onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(user);
-              _context2.next = 20;
-              break;
-
-            case 16:
-              _context2.prev = 16;
-              _context2.t0 = _context2["catch"](4);
-              (_guardEvents$onRegist2 = guardEvents.onRegisterInfoCompletedError) === null || _guardEvents$onRegist2 === void 0 ? void 0 : _guardEvents$onRegist2.call(guardEvents, _context2.t0, udfs, authClient);
-              setSubmitting(false);
-
-            case 20:
-              _context2.prev = 20;
-              setSubmitting(false);
-              return _context2.finish(20);
-
-            case 23:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee, null, [[4, 16, 20, 23]]);
-    }));
-
-    return function onFinish(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  useEffect(function () {
-    setLoading(true);
-
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var user, _yield$requestClient$, data;
-
-      return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return authClient.getCurrentUser();
-
-            case 2:
-              user = _context3.sent;
-              setUser(user);
-              _context3.next = 6;
-              return requestClient.get('/api/v2/udfs/definitions', undefined, {
-                headers: {
-                  authorization: user === null || user === void 0 ? void 0 : user.token,
-                  'x-authing-userpool-id': userPoolId
-                }
-              });
-
-            case 6:
-              _yield$requestClient$ = _context3.sent;
-              data = _yield$requestClient$.data;
-              setDefinitions(data);
-              setLoading(false);
-
-            case 10:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee2);
-    }))();
-  }, [authClient, userPoolId]);
-
-  var onFinishFailed = function onFinishFailed() {};
-
-  var INPUT_MAP = {
-    image: /*#__PURE__*/React.createElement(UploadImage, null)
-  };
-
-  var formFields = _mapInstanceProperty(extendsFields).call(extendsFields, function (def) {
-    var _context4;
-
-    var key = _concatInstanceProperty(_context4 = "".concat(def.type, " ")).call(_context4, def.type === 'internal' ? def.name : def.id);
-
-    var label = i18n.language === 'zh-CN' ? def.label : def.name;
-    return /*#__PURE__*/React.createElement(_Form.Item, {
-      key: key,
-      name: key,
-      label: label,
-      style: {
-        marginBottom: 8
-      }
-    }, INPUT_MAP[def.inputType] || /*#__PURE__*/React.createElement(_Input, {
-      type: def.inputType,
-      size: "large"
-    }));
-  });
-
-  return /*#__PURE__*/React.createElement(_Spin, {
-    spinning: loading
-  }, /*#__PURE__*/React.createElement(_Form, {
-    layout: "vertical",
-    form: rawForm,
-    onSubmitCapture: function onSubmitCapture() {
-      return setSubmitting(true);
-    },
-    onFinishFailed: onFinishFailed,
-    onFinish: onFinish
-  }, formFields, /*#__PURE__*/React.createElement(_Button, {
-    size: "large",
-    loading: submitting,
-    type: "primary",
-    block: true,
-    htmlType: "submit"
-  }, t('common.problem.form.submit'))));
-};

package/es/AuthingGuard/Forms/EmailMfaVerifyForm/CheckEmailForm.d.ts

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

package/es/AuthingGuard/Forms/EmailMfaVerifyForm/CheckEmailForm.js

@@ -1,123 +0,0 @@
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-import "antd/lib/input/style";
-import _Input from "antd/lib/input";
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-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 React, { useState } from 'react';
-import { useGuardContext } from '../../../context/global/context';
-import { useTranslation } from 'react-i18next';
-import { VALIDATE_PATTERN } from '../../../_utils';
-export var CheckEmailForm = function CheckEmailForm(_ref) {
-  var onSuccess = _ref.onSuccess,
-      mfaToken = _ref.mfaToken;
-
-  var _useGuardContext = useGuardContext(),
-      authClient = _useGuardContext.state.authClient;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      rawForm = _Form$useForm2[0];
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-      var email, bindable;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              email = _ref2.email;
-              _context.prev = 1;
-              _context.next = 4;
-              return authClient.mfa.phoneOrEmailBindable({
-                mfaToken: mfaToken,
-                email: email
-              });
-
-            case 4:
-              bindable = _context.sent;
-
-              if (bindable) {
-                _context.next = 8;
-                break;
-              }
-
-              _message.error(t('common.unBindEmaileDoc', {
-                email: email
-              }));
-
-              return _context.abrupt("return");
-
-            case 8:
-              onSuccess(email);
-              _context.next = 13;
-              break;
-
-            case 11:
-              _context.prev = 11;
-              _context.t0 = _context["catch"](1);
-
-            case 13:
-              _context.prev = 13;
-              setLoading(false);
-              return _context.finish(13);
-
-            case 16:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[1, 11, 13, 16]]);
-    }));
-
-    return function onFinish(_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
-    className: "authing-guard-mfa-title"
-  }, t('common.bindEmail')), /*#__PURE__*/React.createElement("p", {
-    className: "authing-guard-mfa-tips"
-  }, t('common.bindEmailDoc')), /*#__PURE__*/React.createElement(_Form, {
-    form: rawForm,
-    onSubmitCapture: function onSubmitCapture() {
-      return setLoading(true);
-    },
-    onFinish: onFinish,
-    onFinishFailed: function onFinishFailed() {
-      return setLoading(false);
-    }
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
-    name: "email",
-    rules: [{
-      required: true,
-      message: t('login.inputEmail')
-    }, {
-      pattern: VALIDATE_PATTERN.email,
-      message: t('login.emailError')
-    }]
-  }, /*#__PURE__*/React.createElement(_Input, {
-    placeholder: t('login.inputEmail')
-  })), /*#__PURE__*/React.createElement(_Button, {
-    className: "authing-guard-mfa-confirm-btn",
-    loading: loading,
-    block: true,
-    htmlType: "submit",
-    type: "primary",
-    size: "large"
-  }, t('common.sure'))));
-};

package/es/AuthingGuard/Forms/EmailMfaVerifyForm/VerifyCodeForm.d.ts

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

package/es/AuthingGuard/Forms/EmailMfaVerifyForm/VerifyCodeForm.js

@@ -1,184 +0,0 @@
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-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 _fillInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/fill";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import { EmailScene } from 'authing-js-sdk';
-import React, { useState } from 'react';
-import { VerifyCodeInput } from '../../../VerifyCodeInput';
-import { useGuardContext } from '../../../context/global/context';
-import { SendCodeBtn } from '../SendPhoneCode/SendCodeBtn';
-import { useTranslation } from 'react-i18next';
-var CODE_LEN = 4;
-export var VerifyCodeForm = function VerifyCodeForm(_ref) {
-  var _context, _context4;
-
-  var onSuccess = _ref.onSuccess,
-      onFail = _ref.onFail,
-      email = _ref.email,
-      mfaToken = _ref.mfaToken,
-      sendCodeRef = _ref.sendCodeRef;
-
-  var _useGuardContext = useGuardContext(),
-      authClient = _useGuardContext.state.authClient;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      rawForm = _Form$useForm2[0];
-
-  var _useState = useState(_fillInstanceProperty(_context = new Array(CODE_LEN)).call(_context, '')),
-      _useState2 = _slicedToArray(_useState, 2),
-      MfaCode = _useState2[0],
-      setMFACode = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      sending = _useState6[0],
-      setSending = _useState6[1];
-
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      sent = _useState8[0],
-      setSent = _useState8[1];
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
-      var user;
-      return _regeneratorRuntime.wrap(function _callee$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
-              return authClient.mfa.verifyAppEmailMfa({
-                mfaToken: mfaToken,
-                email: email,
-                code: MfaCode.join('')
-              });
-
-            case 3:
-              user = _context2.sent;
-              onSuccess && onSuccess(user);
-              _context2.next = 10;
-              break;
-
-            case 7:
-              _context2.prev = 7;
-              _context2.t0 = _context2["catch"](0);
-              onFail === null || onFail === void 0 ? void 0 : onFail(_context2.t0);
-
-            case 10:
-              _context2.prev = 10;
-              setLoading(false);
-              return _context2.finish(10);
-
-            case 13:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee, null, [[0, 7, 10, 13]]);
-    }));
-
-    return function onFinish(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var sendVerifyCode = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.prev = 0;
-              setSending(true);
-              _context3.next = 4;
-              return authClient.sendEmail(email, EmailScene.MfaVerify);
-
-            case 4:
-              setSent(true);
-              return _context3.abrupt("return", true);
-
-            case 8:
-              _context3.prev = 8;
-              _context3.t0 = _context3["catch"](0);
-              return _context3.abrupt("return", false);
-
-            case 11:
-              _context3.prev = 11;
-              setSending(false);
-              return _context3.finish(11);
-
-            case 14:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee2, null, [[0, 8, 11, 14]]);
-    }));
-
-    return function sendVerifyCode() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
-    className: "authing-guard-mfa-title"
-  }, t('login.inputEmailCode')), /*#__PURE__*/React.createElement("p", {
-    className: "authing-guard-mfa-tips"
-  }, sending ? t('login.sendingVerifyCode') : sent ? _concatInstanceProperty(_context4 = "".concat(t('login.verifyCodeSended'), " ")).call(_context4, email) : t('login.clickSent')), /*#__PURE__*/React.createElement(_Form, {
-    form: rawForm,
-    onSubmitCapture: function onSubmitCapture() {
-      return setLoading(true);
-    },
-    onFinish: onFinish,
-    onFinishFailed: function onFinishFailed() {
-      return setLoading(false);
-    }
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
-    name: "mfaCode",
-    rules: [{
-      validateTrigger: [],
-      validator: function validator() {
-        if (_someInstanceProperty(MfaCode).call(MfaCode, function (item) {
-          return !item;
-        })) {
-          return _Promise.reject(t('login.inputFullMfaCode'));
-        }
-
-        return _Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/React.createElement(VerifyCodeInput, {
-    length: CODE_LEN,
-    verifyCode: MfaCode,
-    setVerifyCode: setMFACode
-  })), /*#__PURE__*/React.createElement(SendCodeBtn, {
-    btnRef: sendCodeRef,
-    beforeSend: function beforeSend() {
-      return sendVerifyCode();
-    }
-  }), /*#__PURE__*/React.createElement(_Button, {
-    className: "authing-guard-mfa-confirm-btn",
-    loading: loading,
-    block: true,
-    htmlType: "submit",
-    type: "primary",
-    size: "large"
-  }, t('common.sure'))));
-};

package/es/AuthingGuard/Forms/EmailMfaVerifyForm/index.d.ts

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

package/es/AuthingGuard/Forms/EmailMfaVerifyForm/index.js

@@ -1,36 +0,0 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import React, { useRef, useState } from 'react';
-import { useGuardContext } from '../../../context/global/context';
-import { CheckEmailForm } from './CheckEmailForm';
-import { VerifyCodeForm } from './VerifyCodeForm';
-export var EmailMfaVerifyForm = function EmailMfaVerifyForm(_ref) {
-  var onSuccess = _ref.onSuccess,
-      onFail = _ref.onFail;
-
-  var _useGuardContext = useGuardContext(),
-      _useGuardContext$stat = _useGuardContext.state.mfaData,
-      mfaToken = _useGuardContext$stat.mfaToken,
-      userEmail = _useGuardContext$stat.email;
-
-  var _useState = useState(userEmail),
-      _useState2 = _slicedToArray(_useState, 2),
-      email = _useState2[0],
-      setEmail = _useState2[1];
-
-  var sendCodeRef = useRef(null);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, email ? /*#__PURE__*/React.createElement(VerifyCodeForm, {
-    sendCodeRef: sendCodeRef,
-    onSuccess: onSuccess,
-    onFail: onFail,
-    email: email,
-    mfaToken: mfaToken
-  }) : /*#__PURE__*/React.createElement(CheckEmailForm, {
-    mfaToken: mfaToken,
-    onSuccess: function onSuccess(email) {
-      var _sendCodeRef$current;
-
-      setEmail(email);
-      (_sendCodeRef$current = sendCodeRef.current) === null || _sendCodeRef$current === void 0 ? void 0 : _sendCodeRef$current.click();
-    }
-  }));
-};

package/es/AuthingGuard/Forms/EmailRegisterForm/index.d.ts

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