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

package/es/SendCode/index.js

@@ -1,208 +0,0 @@
-import "antd/lib/row/style";
-import _Row from "antd/lib/row";
-import "antd/lib/col/style";
-import _Col from "antd/lib/col";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["method", "data", "value", "onChange", "autoSubmit", "form", "onSendCodeBefore", "maxLength", "fieldName"];
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import React from 'react';
-import { EmailScene } from 'authing-js-sdk';
-import { SendCodeBtn } from './SendCodeBtn';
-import { useTranslation } from 'react-i18next';
-import { useGuardAuthClient } from '../Guard/authClient';
-import { validate } from '../_utils';
-import { InputNumber } from '../InputNumber';
-export var SendCode = function SendCode(_ref) {
-  var method = _ref.method,
-      data = _ref.data,
-      value = _ref.value,
-      _onChange = _ref.onChange,
-      _ref$autoSubmit = _ref.autoSubmit,
-      autoSubmit = _ref$autoSubmit === void 0 ? false : _ref$autoSubmit,
-      form = _ref.form,
-      onSendCodeBefore = _ref.onSendCodeBefore,
-      maxLength = _ref.maxLength,
-      fieldName = _ref.fieldName,
-      inputProps = _objectWithoutProperties(_ref, _excluded);
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var authClient = useGuardAuthClient();
-
-  var sendEmail = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(email) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (email) {
-                _context.next = 3;
-                break;
-              }
-
-              _message.error(t('login.inputEmail'));
-
-              return _context.abrupt("return", false);
-
-            case 3:
-              if (validate('email', email)) {
-                _context.next = 6;
-                break;
-              }
-
-              _message.error(t('common.emailFormatError'));
-
-              return _context.abrupt("return", false);
-
-            case 6:
-              _context.prev = 6;
-              _context.next = 9;
-              return authClient.sendEmail(email, EmailScene.ResetPassword);
-
-            case 9:
-              return _context.abrupt("return", true);
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](6);
-              return _context.abrupt("return", false);
-
-            case 15:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[6, 12]]);
-    }));
-
-    return function sendEmail(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var sendPhone = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(phone) {
-      var _JSON$parse, msg;
-
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
-              return authClient.sendSmsCode(phone);
-
-            case 3:
-              return _context2.abrupt("return", true);
-
-            case 6:
-              _context2.prev = 6;
-              _context2.t0 = _context2["catch"](0);
-
-              if (!(_context2.t0.code === 'ECONNABORTED')) {
-                _context2.next = 11;
-                break;
-              }
-
-              _message.error(t('login.sendCodeTimeout'));
-
-              return _context2.abrupt("return", false);
-
-            case 11:
-              _JSON$parse = JSON.parse(_context2.t0.message), msg = _JSON$parse.message;
-
-              _message.error(msg);
-
-              return _context2.abrupt("return", false);
-
-            case 14:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[0, 6]]);
-    }));
-
-    return function sendPhone(_x2) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
-    justify: "space-between",
-    align: "middle"
-  }, /*#__PURE__*/React.createElement(_Col, {
-    span: 15,
-    className: "g2-send-code-input-col"
-  }, /*#__PURE__*/React.createElement(InputNumber, _extends({
-    value: value,
-    onChange: function onChange(e) {
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
-      if (!autoSubmit) return;
-
-      if (maxLength && e.target.value.length >= maxLength) {
-        form === null || form === void 0 ? void 0 : form.submit();
-      }
-    }
-  }, inputProps, {
-    maxLength: maxLength
-  }))), /*#__PURE__*/React.createElement(_Col, {
-    offset: 1,
-    span: 8
-  }, /*#__PURE__*/React.createElement(SendCodeBtn, {
-    beforeSend: function beforeSend() {
-      return onSendCodeBefore().then( /*#__PURE__*/function () {
-        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(b) {
-          var phoneData;
-          return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-            while (1) {
-              switch (_context3.prev = _context3.next) {
-                case 0:
-                  phoneData = form ? form.getFieldValue(fieldName || method) : data;
-
-                  if (!(method === 'phone')) {
-                    _context3.next = 7;
-                    break;
-                  }
-
-                  _context3.next = 4;
-                  return sendPhone(phoneData);
-
-                case 4:
-                  _context3.t0 = _context3.sent;
-                  _context3.next = 10;
-                  break;
-
-                case 7:
-                  _context3.next = 9;
-                  return sendEmail(phoneData);
-
-                case 9:
-                  _context3.t0 = _context3.sent;
-
-                case 10:
-                  return _context3.abrupt("return", _context3.t0);
-
-                case 11:
-                case "end":
-                  return _context3.stop();
-              }
-            }
-          }, _callee3);
-        }));
-
-        return function (_x3) {
-          return _ref4.apply(this, arguments);
-        };
-      }()).catch(function (e) {
-        return false;
-      });
-    },
-    sendDesc: t('common.sendVerifyCode')
-  }))));
-};

package/es/SendCode/style/css.js

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

package/es/SendCode/style/index.css

@@ -1 +0,0 @@
-.authing-g2-send-code-btn{height:43px;width:100%;border:1px solid #d4d6dc;border-radius:4px}.authing-g2-send-code-btn:hover{background:rgba(57,106,255,.1)}.authing-g2-send-code-btn:focus{outline:none}.authing-g2-send-code-btn[disabled]{cursor:not-allowed;filter:opacity(.5)}@media only screen and (max-width:719px){.authing-g2-send-code-btn{font-size:14px}}.g2-loading-btn-center .authing-ant-btn-loading-icon .anticon{padding-right:0}

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

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

package/es/SendCode/style/index.js

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

package/es/SendCode/style/index.less

@@ -1,31 +0,0 @@
-.authing-g2-send-code-btn {
-  height: 43px;
-  width: 100%;
-  border: 1px solid #d4d6dc;
-  border-radius: 4px;
-}
-
-.authing-g2-send-code-btn:hover {
-  background: rgba(57, 106, 255, 0.1);
-}
-
-.authing-g2-send-code-btn:focus {
-  outline: none;
-}
-
-.authing-g2-send-code-btn[disabled] {
-  cursor: not-allowed;
-  filter: opacity(0.5);
-}
-
-@media only screen and (max-width: 719px) {
-  .authing-g2-send-code-btn {
-    font-size: 14px;
-  }
-}
-
-.g2-loading-btn-center {
-  .authing-ant-btn-loading-icon .anticon {
-    padding-right: 0;
-  }
-}

package/es/ShieldSpin/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface IG2SpinProps {
-    size?: number;
-}
-export declare const ShieldSpin: (props: IG2SpinProps) => JSX.Element;
-export declare const Spin: () => JSX.Element;
-export {};

package/es/ShieldSpin/index.js

@@ -1,19 +0,0 @@
-import React from 'react'; //@ts-ignore
-
-import { ReactComponent as ShieldSpinLoading } from './loading.svg';
-export var ShieldSpin = function ShieldSpin(props) {
-  var size = props.size ? props.size : 50;
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: size,
-      height: size
-    }
-  }, /*#__PURE__*/React.createElement(ShieldSpinLoading, null));
-};
-export var Spin = function Spin() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "g2-init-setting-loading"
-  }, /*#__PURE__*/React.createElement(ShieldSpin, {
-    size: 100
-  }));
-};

package/es/SubmitButton/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface SubmitButtonProps {
-    text?: string;
-    className?: string;
-    onClick?: any;
-}
-declare const _default: React.ForwardRefExoticComponent<SubmitButtonProps & React.RefAttributes<unknown>>;
-export default _default;

package/es/SubmitButton/index.js

@@ -1,58 +0,0 @@
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { forwardRef, useState, useImperativeHandle, useEffect } from 'react';
-
-var SubmitButton = function SubmitButton(props, ref) {
-  var _context;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      spin = _useState2[0],
-      setSpin = _useState2[1]; // spin 状态需要手动设置关闭
-
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      shaking = _useState4[0],
-      setShaking = _useState4[1]; // 抖动状态会自动关闭
-
-
-  useEffect(function () {
-    var timeOut;
-
-    if (shaking === true) {
-      timeOut = _setTimeout(function () {
-        setShaking(false);
-      }, 1000);
-    }
-
-    return function () {
-      clearTimeout(timeOut);
-    };
-  }, [shaking]);
-  useImperativeHandle(ref, function () {
-    return {
-      onError: function onError(text) {
-        setShaking(true);
-      },
-      onSpin: function onSpin(sp) {
-        setSpin(sp);
-      }
-    };
-  });
-  var propsCls = props.className ? props.className : '';
-  var shakingCls = shaking ? 'shaking' : '';
-  return /*#__PURE__*/React.createElement(_Button, {
-    size: "large",
-    type: "primary",
-    htmlType: "submit",
-    loading: spin,
-    onClick: props.onClick ? props.onClick : function () {},
-    className: _concatInstanceProperty(_context = "authing-g2-submit-button ".concat(propsCls, " ")).call(_context, shakingCls)
-  }, props.text);
-};
-
-export default /*#__PURE__*/forwardRef(SubmitButton);

package/es/SubmitSuccess/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { GuardSubmitSuccessViewProps } from './interface';
-export declare const GuardSubmitSuccessView: React.FC<GuardSubmitSuccessViewProps>;

package/es/SubmitSuccess/index.js

@@ -1,74 +0,0 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _setInterval from "@babel/runtime-corejs3/core-js-stable/set-interval";
-import React, { useEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { GuardModuleType } from '..';
-import { ImagePro } from '../ImagePro';
-import SubmitButton from '../SubmitButton';
-export var GuardSubmitSuccessView = function GuardSubmitSuccessView(props) {
-  var _config$__publicConfi;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var initData = props.initData,
-      config = props.config;
-
-  var _useState = useState(5),
-      _useState2 = _slicedToArray(_useState, 2),
-      countDown = _useState2[0],
-      setCountDown = _useState2[1];
-
-  var timerRef = useRef(0);
-
-  var _ref = initData !== null && initData !== void 0 ? initData : {},
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? t('common.problem.successTip') : _ref$title,
-      _ref$message = _ref.message,
-      message = _ref$message === void 0 ? t('common.problem.successTipMsg') : _ref$message;
-
-  var cdnBase = config === null || config === void 0 ? void 0 : (_config$__publicConfi = config.__publicConfig__) === null || _config$__publicConfi === void 0 ? void 0 : _config$__publicConfi.cdnBase;
-  useEffect(function () {
-    timerRef.current = _setInterval(function () {
-      setCountDown(function (prev) {
-        return prev - 1;
-      });
-    }, 1000);
-    return function () {
-      return clearInterval(timerRef.current);
-    };
-  }, []);
-  useEffect(function () {
-    if (countDown <= 0) {
-      var _props$__changeModule;
-
-      clearInterval(timerRef.current);
-      (_props$__changeModule = props.__changeModule) === null || _props$__changeModule === void 0 ? void 0 : _props$__changeModule.call(props, GuardModuleType.LOGIN);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [countDown]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-tabs g2-questions-send-success-page"
-  }, /*#__PURE__*/React.createElement(ImagePro, {
-    className: "plate",
-    src: "".concat(cdnBase, "/questions-send-ok.png"),
-    alt: "",
-    width: 191,
-    height: 146
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "message"
-  }, message), /*#__PURE__*/React.createElement(SubmitButton, {
-    onClick: function onClick() {
-      var _props$__changeModule2;
-
-      (_props$__changeModule2 = props.__changeModule) === null || _props$__changeModule2 === void 0 ? void 0 : _props$__changeModule2.call(props, GuardModuleType.LOGIN);
-    },
-    text: t('common.backLoginPage')
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "timer-tip"
-  }, countDown, " ", t('common.pToLogin'))));
-};

package/es/SubmitSuccess/interface.d.ts

@@ -1,13 +0,0 @@
-import { IG2Config, IG2Events, IG2FCViewProps } from '../Type';
-export interface SubmitSuccessEvents extends IG2Events {
-}
-export interface SubmitSuccessConfig extends IG2Config {
-}
-export interface SubmitSuccessInitData {
-    title?: string;
-    message?: string;
-}
-export interface GuardSubmitSuccessViewProps extends IG2FCViewProps, SubmitSuccessEvents {
-    config: SubmitSuccessConfig;
-    initData?: SubmitSuccessInitData;
-}

package/es/SubmitSuccess/interface.js

@@ -1 +0,0 @@
-export {};

package/es/Type/index.d.ts

@@ -1,35 +0,0 @@
-import { AuthenticationClient, CommonMessage } from 'authing-js-sdk';
-import { Lang } from 'authing-js-sdk/build/main/types';
-import { GuardMode } from '..';
-import { ApplicationConfig } from '../AuthingGuard/api';
-import { GuardModuleType } from '../Guard/module';
-export interface IG2FCProps extends IG2Events {
-    appId: string;
-    config?: Partial<IG2Config>;
-}
-export interface IG2FCViewProps extends IG2FCProps {
-    config: IG2Config;
-}
-export interface IG2Config {
-    title: string;
-    logo: string;
-    lang: Lang;
-    langRange: Lang[];
-    host: string;
-    mode: GuardMode;
-    clickCloseable: boolean;
-    escCloseable: boolean;
-    userpool?: string;
-    contentCss?: string;
-    target?: HTMLElement | string;
-    __appHost__?: string;
-    __publicConfig__?: ApplicationConfig;
-}
-export interface IG2Events {
-    onLoad?: (authClient: AuthenticationClient) => void;
-    onLoadError?: (error: CommonMessage) => void;
-    onClose?: () => void;
-    onLangChange?: (lang: Lang) => void;
-    __changeModule?: (moduleName: GuardModuleType, initData?: any) => void;
-}
-export declare const getDefaultG2Config: () => IG2Config;

package/es/Type/index.js

@@ -1,14 +0,0 @@
-import { GuardMode } from '..';
-var defaultG2Config = {
-  lang: 'zh-CN',
-  langRange: ['zh-CN', 'en-US'],
-  title: 'Authing',
-  escCloseable: true,
-  clickCloseable: true,
-  mode: GuardMode.Normal,
-  host: 'https://core.authing.cn',
-  logo: 'https://files.authing.co/user-contents/photos/0a4c99ff-b8ce-4030-aaaf-584c807cb21c.png'
-};
-export var getDefaultG2Config = function getDefaultG2Config() {
-  return defaultG2Config;
-};

package/es/ValidatorRules/PasswordFormItem.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PasswordFormItemProps } from '.';
-export declare const PasswordFormItem: React.FC<PasswordFormItemProps>;

package/es/ValidatorRules/PasswordFormItem.js

@@ -1,24 +0,0 @@
-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 _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["rules"];
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React from 'react';
-import { getPasswordValidate } from '../_utils';
-import { usePublicConfig } from '../_utils/context';
-export var PasswordFormItem = function PasswordFormItem(props) {
-  var _context;
-
-  var rules = props.rules,
-      fromItemProos = _objectWithoutProperties(props, _excluded);
-
-  var publicConfig = usePublicConfig();
-  return publicConfig ? /*#__PURE__*/React.createElement(_Form.Item, _extends({
-    validateTrigger: ['onChange', 'onBlur'],
-    validateFirst: true,
-    name: "password",
-    rules: _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(getPasswordValidate(publicConfig.passwordStrength, publicConfig.customPasswordStrength)), _toConsumableArray(rules !== null && rules !== void 0 ? rules : []))
-  }, fromItemProos)) : /*#__PURE__*/React.createElement(_Form.Item, props);
-};

package/es/ValidatorRules/ValidatorFormItem.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { ICheckProps, ValidatorFormItemProps } from '.';
-export declare const EmailFormItem: React.ForwardRefExoticComponent<ValidatorFormItemProps & React.RefAttributes<ICheckProps>>;
-export declare const PhoneFormItem: React.ForwardRefExoticComponent<ValidatorFormItemProps & React.RefAttributes<ICheckProps>>;
-export declare const UserNameFormItem: React.ForwardRefExoticComponent<ValidatorFormItemProps & React.RefAttributes<ICheckProps>>;