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

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

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

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

@@ -1,146 +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.ResetPasswordForm = 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 _Step = require("./Step1");
-
-var _Step2 = require("./Step2");
-
-var _Step3 = require("./Step3");
-
-var _Step4 = require("./Step4");
-
-var _Footer = require("./Footer");
-
-var _context2 = require("../../../context/global/context");
-
-var _reactI18next = require("react-i18next");
-
-var ResetPasswordForm = function ResetPasswordForm(_ref) {
-  var onSuccess = _ref.onSuccess,
-      onFail = _ref.onFail;
-
-  var _useGuardContext = (0, _context2.useGuardContext)(),
-      setValue = _useGuardContext.setValue;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var _useState = (0, _react.useState)(1),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      step = _useState2[0],
-      setStep = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      phone = _useState4[0],
-      setPhone = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(''),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      email = _useState6[0],
-      setEmail = _useState6[1];
-
-  (0, _react.useEffect)(function () {
-    switch (step) {
-      case 1:
-        setValue('guardTitle', t('common.retrievePassword'));
-        break;
-
-      case 2:
-      case 3:
-      case 4:
-        setValue('guardTitle', t('login.resetPwd'));
-        break;
-
-      default:
-        setValue('guardTitle', t('common.retrievePassword'));
-        break;
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [step]);
-
-  var onStep1Finish = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(type, value) {
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (type === 'phone') {
-                setPhone(value);
-                setStep(2);
-              } else if (type === 'email') {
-                setEmail(value);
-                setStep(3);
-              }
-
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function onStep1Finish(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var onStep2OrStep3Finish = function onStep2OrStep3Finish() {
-    setStep(4);
-    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-  };
-
-  var onStep2OrStep3Fail = function onStep2OrStep3Fail(error) {
-    onFail === null || onFail === void 0 ? void 0 : onFail(error);
-  };
-
-  var getForm = function getForm() {
-    switch (step) {
-      case 1:
-        return /*#__PURE__*/_react.default.createElement(_Step.ResetPasswordStep1, {
-          onSuccess: onStep1Finish
-        });
-
-      case 2:
-        return /*#__PURE__*/_react.default.createElement(_Step2.ResetPasswordStep2, {
-          phone: phone,
-          onFail: onStep2OrStep3Fail,
-          onSuccess: onStep2OrStep3Finish
-        });
-
-      case 3:
-        return /*#__PURE__*/_react.default.createElement(_Step3.ResetPasswordStep3, {
-          email: email,
-          onFail: onStep2OrStep3Fail,
-          onSuccess: onStep2OrStep3Finish
-        });
-
-      case 4:
-        return /*#__PURE__*/_react.default.createElement(_Step4.ResetPasswordStep4, null);
-
-      default:
-        return null;
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", null, getForm(), step !== 4 && /*#__PURE__*/_react.default.createElement(_Footer.ResetPwdFormFooter, null));
-};
-
-exports.ResetPasswordForm = ResetPasswordForm;

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

@@ -1,6 +0,0 @@
-import React, { FC } from 'react';
-export interface SendCodeProps {
-    beforeSend: () => Promise<boolean>;
-    btnRef?: React.RefObject<HTMLButtonElement>;
-}
-export declare const SendCodeBtn: FC<SendCodeProps>;

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 '../../types';
-export declare const VerifyCodeForm: FC<SmsMFAVerifyFormProps>;