@authing/react-ui-components 3.0.0-rc.12 → 3.0.0-rc.16

package/lib/AuthingGuard/Forms/SendPhoneCode/SendCodeBtn.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SendCodeBtn = 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 _react = _interopRequireWildcard(require("react"));
-
-var _reactI18next = require("react-i18next");
-
-var _icons = require("@ant-design/icons");
-
-var TIME = 60;
-
-var useSentCounter = function useSentCounter() {
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      countDown = _useState2[0],
-      setCountDown = _useState2[1];
-
-  var timerRef = (0, _react.useRef)(0);
-  (0, _react.useEffect)(function () {
-    return function () {
-      return clearInterval(timerRef.current);
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (countDown <= 0) {
-      clearInterval(timerRef.current);
-    }
-  }, [countDown]);
-  var enabled = (0, _react.useMemo)(function () {
-    return countDown <= 0;
-  }, [countDown]);
-
-  var send = function send() {
-    setCountDown(TIME);
-    timerRef.current = setInterval(function () {
-      setCountDown(function (prev) {
-        return prev - 1;
-      });
-    }, 1000);
-  };
-
-  return {
-    enabled: enabled,
-    send: send,
-    countDown: countDown
-  };
-};
-
-var SendCodeBtn = function SendCodeBtn(_ref) {
-  var beforeSend = _ref.beforeSend,
-      btnRef = _ref.btnRef;
-
-  var _useSentCounter = useSentCounter(),
-      enabled = _useSentCounter.enabled,
-      send = _useSentCounter.send,
-      countDown = _useSentCounter.countDown;
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var disabled = (0, _react.useMemo)(function () {
-    return !enabled || loading;
-  }, [enabled, loading]);
-
-  var onClick = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setLoading(true);
-
-              if (!disabled) {
-                _context.next = 3;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 3:
-              _context.next = 5;
-              return beforeSend();
-
-            case 5:
-              if (_context.sent) {
-                _context.next = 8;
-                break;
-              }
-
-              setLoading(false);
-              return _context.abrupt("return");
-
-            case 8:
-              setLoading(false);
-              send();
-
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function onClick(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "authing-send-code-btn",
-    disabled: disabled,
-    onClick: onClick,
-    ref: btnRef
-  }, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
-    spinning: loading,
-    indicator: /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, {
-      spin: true
-    }),
-    size: "small"
-  }, enabled ? t('common.sendVerifyCode') : t('common.retryAfterTime', {
-    time: countDown
-  })));
-};
-
-exports.SendCodeBtn = SendCodeBtn;

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

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { CommonMessage } from 'authing-js-sdk';
-export interface SendPhoneCodeProps {
-    phone: string;
-    onSend?: () => void;
-    onError?: (error: CommonMessage) => void;
-}
-export declare const SendPhoneCode: FC<SendPhoneCodeProps>;

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

@@ -1,87 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SendPhoneCode = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _antd = require("antd");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _SendCodeBtn = require("./SendCodeBtn");
-
-var _utils = require("../../../_utils");
-
-var _context2 = require("../../../context/global/context");
-
-var _reactI18next = require("react-i18next");
-
-var SendPhoneCode = function SendPhoneCode(_ref) {
-  var phone = _ref.phone,
-      onSend = _ref.onSend,
-      onError = _ref.onError;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var _useGuardContext = (0, _context2.useGuardContext)(),
-      authClient = _useGuardContext.state.authClient;
-
-  return /*#__PURE__*/_react.default.createElement(_SendCodeBtn.SendCodeBtn, {
-    beforeSend: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (phone) {
-                _context.next = 3;
-                break;
-              }
-
-              _antd.message.error(t('login.inputPhone'));
-
-              return _context.abrupt("return", false);
-
-            case 3:
-              if ((0, _utils.validate)('phone', phone)) {
-                _context.next = 6;
-                break;
-              }
-
-              _antd.message.error(t('common.phoneFormateError'));
-
-              return _context.abrupt("return", false);
-
-            case 6:
-              _context.prev = 6;
-              _context.next = 9;
-              return authClient.sendSmsCode(phone);
-
-            case 9:
-              onSend === null || onSend === void 0 ? void 0 : onSend();
-              return _context.abrupt("return", true);
-
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](6);
-              onError === null || onError === void 0 ? void 0 : onError(_context.t0);
-              return _context.abrupt("return", false);
-
-            case 17:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[6, 13]]);
-    }))
-  });
-};
-
-exports.SendPhoneCode = SendPhoneCode;

package/lib/AuthingGuard/Forms/SmsMfaVerifyForm/CheckPhoneForm.d.ts

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

package/lib/AuthingGuard/Forms/SmsMfaVerifyForm/CheckPhoneForm.js

@@ -1,139 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CheckPhoneForm = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _antd = require("antd");
-
-var _context2 = require("../../../context/global/context");
-
-var _utils = require("../../../_utils");
-
-var _reactI18next = require("react-i18next");
-
-var CheckPhoneForm = function CheckPhoneForm(_ref) {
-  var onSuccess = _ref.onSuccess,
-      mfaToken = _ref.mfaToken;
-
-  var _useGuardContext = (0, _context2.useGuardContext)(),
-      authClient = _useGuardContext.state.authClient;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var _Form$useForm = _antd.Form.useForm(),
-      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-      rawForm = _Form$useForm2[0];
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref2) {
-      var phone, bindable;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              phone = _ref2.phone;
-              _context.prev = 1;
-              _context.next = 4;
-              return authClient.mfa.phoneOrEmailBindable({
-                mfaToken: mfaToken,
-                phone: phone
-              });
-
-            case 4:
-              bindable = _context.sent;
-
-              if (bindable) {
-                _context.next = 8;
-                break;
-              }
-
-              _antd.message.error(t('common.unBindEmaileDoc', {
-                email: phone
-              }));
-
-              return _context.abrupt("return");
-
-            case 8:
-              onSuccess(phone);
-              _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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
-    className: "authing-guard-mfa-title"
-  }, t('common.bindPhone')), /*#__PURE__*/_react.default.createElement("p", {
-    className: "authing-guard-mfa-tips"
-  }, t('login.bindPhoneInfo')), /*#__PURE__*/_react.default.createElement(_antd.Form, {
-    className: "authing-mfa-check-phone-from",
-    form: rawForm,
-    onSubmitCapture: function onSubmitCapture() {
-      return setLoading(true);
-    },
-    onFinish: onFinish,
-    onFinishFailed: function onFinishFailed() {
-      return setLoading(false);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    name: "phone",
-    rules: [{
-      required: true,
-      message: t('login.inputPhone')
-    }, {
-      pattern: _utils.VALIDATE_PATTERN.phone,
-      message: t('login.phoneError')
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    size: "large",
-    placeholder: t('login.inputPhone')
-  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    className: "authing-guard-mfa-confirm-btn",
-    loading: loading,
-    block: true,
-    htmlType: "submit",
-    type: "primary",
-    size: "large"
-  }, t('common.sure'))));
-};
-
-exports.CheckPhoneForm = CheckPhoneForm;

package/lib/AuthingGuard/Forms/SmsMfaVerifyForm/VerifyCodeForm.d.ts

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

package/lib/AuthingGuard/Forms/SmsMfaVerifyForm/VerifyCodeForm.js

@@ -1,197 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VerifyCodeForm = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _antd = require("antd");
-
-var _VerifyCodeInput = require("../../../VerifyCodeInput");
-
-var _context3 = require("../../../context/global/context");
-
-var _SendCodeBtn = require("../SendPhoneCode/SendCodeBtn");
-
-var _reactI18next = require("react-i18next");
-
-var CODE_LEN = 4;
-
-var VerifyCodeForm = function VerifyCodeForm(_ref) {
-  var onSuccess = _ref.onSuccess,
-      onFail = _ref.onFail,
-      phone = _ref.phone,
-      mfaToken = _ref.mfaToken,
-      sendCodeRef = _ref.sendCodeRef;
-
-  var _useGuardContext = (0, _context3.useGuardContext)(),
-      authClient = _useGuardContext.state.authClient;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var _Form$useForm = _antd.Form.useForm(),
-      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-      rawForm = _Form$useForm2[0];
-
-  var _useState = (0, _react.useState)(new Array(CODE_LEN).fill('')),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      MfaCode = _useState2[0],
-      setMFACode = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      sending = _useState6[0],
-      setSending = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      sent = _useState8[0],
-      setSent = _useState8[1];
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(values) {
-      var user;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return authClient.mfa.verifyAppSmsMfa({
-                mfaToken: mfaToken,
-                phone: phone,
-                code: MfaCode.join('')
-              });
-
-            case 3:
-              user = _context.sent;
-              onSuccess && onSuccess(user);
-              _context.next = 10;
-              break;
-
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              onFail === null || onFail === void 0 ? void 0 : onFail(_context.t0);
-
-            case 10:
-              _context.prev = 10;
-              setLoading(false);
-              return _context.finish(10);
-
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 7, 10, 13]]);
-    }));
-
-    return function onFinish(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var sendVerifyCode = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              setSending(true);
-              _context2.prev = 1;
-              _context2.next = 4;
-              return authClient.sendSmsCode(phone);
-
-            case 4:
-              setSent(true);
-              return _context2.abrupt("return", true);
-
-            case 8:
-              _context2.prev = 8;
-              _context2.t0 = _context2["catch"](1);
-              return _context2.abrupt("return", false);
-
-            case 11:
-              _context2.prev = 11;
-              setSending(false);
-              return _context2.finish(11);
-
-            case 14:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[1, 8, 11, 14]]);
-    }));
-
-    return function sendVerifyCode() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
-    className: "authing-guard-mfa-title"
-  }, t('login.inputPhoneCode')), /*#__PURE__*/_react.default.createElement("p", {
-    className: "authing-guard-mfa-tips"
-  }, sending ? t('login.sendingVerifyCode') : sent ? "".concat(t('login.verifyCodeSended'), " ").concat(phone) : t('login.clickSent')), /*#__PURE__*/_react.default.createElement(_antd.Form, {
-    form: rawForm,
-    onSubmitCapture: function onSubmitCapture() {
-      return setLoading(true);
-    },
-    onFinish: onFinish,
-    onFinishFailed: function onFinishFailed() {
-      return setLoading(false);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    name: "mfaCode",
-    rules: [{
-      validateTrigger: [],
-      validator: function validator() {
-        if (MfaCode.some(function (item) {
-          return !item;
-        })) {
-          return Promise.reject(t('login.inputFullMfaCode'));
-        }
-
-        return Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_VerifyCodeInput.VerifyCodeInput, {
-    length: CODE_LEN,
-    verifyCode: MfaCode,
-    setVerifyCode: setMFACode
-  })), /*#__PURE__*/_react.default.createElement(_SendCodeBtn.SendCodeBtn, {
-    btnRef: sendCodeRef,
-    beforeSend: function beforeSend() {
-      return sendVerifyCode();
-    }
-  }), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    className: "authing-guard-mfa-confirm-btn",
-    loading: loading,
-    block: true,
-    htmlType: "submit",
-    type: "primary",
-    size: "large"
-  }, t('common.sure'))));
-};
-
-exports.VerifyCodeForm = VerifyCodeForm;

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

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

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

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SmsMfaVerifyForm = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _context = require("../../../context/global/context");
-
-var _CheckPhoneForm = require("./CheckPhoneForm");
-
-var _VerifyCodeForm = require("./VerifyCodeForm");
-
-var SmsMfaVerifyForm = function SmsMfaVerifyForm(_ref) {
-  var onSuccess = _ref.onSuccess,
-      onFail = _ref.onFail;
-
-  var _useGuardContext = (0, _context.useGuardContext)(),
-      _useGuardContext$stat = _useGuardContext.state.mfaData,
-      mfaToken = _useGuardContext$stat.mfaToken,
-      userPhone = _useGuardContext$stat.phone;
-
-  var _useState = (0, _react.useState)(userPhone),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      phone = _useState2[0],
-      setPhone = _useState2[1];
-
-  var sendCodeRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, phone ? /*#__PURE__*/_react.default.createElement(_VerifyCodeForm.VerifyCodeForm, {
-    sendCodeRef: sendCodeRef,
-    onSuccess: onSuccess,
-    onFail: onFail,
-    phone: phone,
-    mfaToken: mfaToken
-  }) : /*#__PURE__*/_react.default.createElement(_CheckPhoneForm.CheckPhoneForm, {
-    mfaToken: mfaToken,
-    onSuccess: function onSuccess(phone) {
-      var _sendCodeRef$current;
-
-      setPhone(phone);
-      (_sendCodeRef$current = sendCodeRef.current) === null || _sendCodeRef$current === void 0 ? void 0 : _sendCodeRef$current.click();
-    }
-  }));
-};
-
-exports.SmsMfaVerifyForm = SmsMfaVerifyForm;

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

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