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

package/es/ChangeLanguage/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ChangeLanguage: (props: any) => JSX.Element;

package/es/ChangeLanguage/index.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { IconFont } from '../IconFont';
-import { changeLang } from '../_utils/locales';
-export var ChangeLanguage = function ChangeLanguage(props) {
-  var _useTranslation = useTranslation(),
-      i18n = _useTranslation.i18n;
-
-  if (props.langRange.length <= 1) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-
-  var switchText = 'English';
-
-  if (i18n.language === 'en-US') {
-    switchText = '简体中文';
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "g2-change-language-container"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "g2-change-language-button",
-    onClick: function onClick() {
-      if (i18n.language === 'zh-CN') {
-        var _props$onLangChange;
-
-        changeLang('en-US');
-        (_props$onLangChange = props.onLangChange) === null || _props$onLangChange === void 0 ? void 0 : _props$onLangChange.call(props, 'en-US');
-      } else if (i18n.language === 'en-US') {
-        var _props$onLangChange2;
-
-        changeLang('zh-CN');
-        (_props$onLangChange2 = props.onLangChange) === null || _props$onLangChange2 === void 0 ? void 0 : _props$onLangChange2.call(props, 'zh-CN');
-      }
-    }
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    style: {
-      fontSize: 16
-    },
-    type: i18n.language === 'zh-CN' ? 'authing-a-yingwen1' : 'authing-zhongwen'
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "g2-change-language-text"
-  }, switchText)));
-};

package/es/ChangePassword/core/firstLoginReset.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface FirstLoginResetProps {
-    onReset: any;
-    publicConfig: any;
-    initData: any;
-}
-export declare const FirstLoginReset: (props: FirstLoginResetProps) => JSX.Element;
-export {};

package/es/ChangePassword/core/firstLoginReset.js

@@ -1,140 +0,0 @@
-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 _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import React, { useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useGuardAuthClient } from '../../Guard/authClient';
-import SubmitButton from '../../SubmitButton';
-import CustomFormItem from '../../ValidatorRules';
-import { IconFont } from '../../IconFont';
-import { InputPassword } from '../../InputPassword';
-export var FirstLoginReset = function FirstLoginReset(props) {
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var client = useGuardAuthClient();
-  var submitButtonRef = useRef(null);
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
-      var _submitButtonRef$curr;
-
-      var newPassword, res, _submitButtonRef$curr2, _submitButtonRef$curr3;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              newPassword = values.password;
-              (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(false);
-              _context.prev = 2;
-              _context.next = 5;
-              return client.resetPasswordByFirstLoginToken({
-                token: props.initData.token,
-                password: newPassword
-              });
-
-            case 5:
-              res = _context.sent;
-              props.onReset(res);
-              _context.next = 13;
-              break;
-
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](2);
-
-              _message.error(_context.t0.message);
-
-              submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr2 = submitButtonRef.current) === null || _submitButtonRef$curr2 === void 0 ? void 0 : _submitButtonRef$curr2.onError();
-
-            case 13:
-              _context.prev = 13;
-              (_submitButtonRef$curr3 = submitButtonRef.current) === null || _submitButtonRef$curr3 === void 0 ? void 0 : _submitButtonRef$curr3.onSpin(false);
-              return _context.finish(13);
-
-            case 16:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[2, 9, 13, 16]]);
-    }));
-
-    return function onFinish(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "authing-g2-login-phone-code"
-  }, /*#__PURE__*/React.createElement(_Form, {
-    name: "resetPassword",
-    form: form,
-    onFinish: onFinish,
-    onFinishFailed: function onFinishFailed() {
-      var _submitButtonRef$curr4;
-
-      submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr4 = submitButtonRef.current) === null || _submitButtonRef$curr4 === void 0 ? void 0 : _submitButtonRef$curr4.onError();
-    },
-    autoComplete: "off"
-  }, /*#__PURE__*/React.createElement(CustomFormItem.Password, {
-    className: "authing-g2-input-form",
-    name: "password",
-    required: true
-  }, /*#__PURE__*/React.createElement(InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('login.inputPwd'),
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "password2",
-    rules: [{
-      validator: function validator(_, value) {
-        var pwd = form.getFieldValue('password');
-
-        if (!value) {
-          return _Promise.reject(t('login.inputPwd'));
-        }
-
-        if (value !== pwd) {
-          return _Promise.reject(t('common.repeatPasswordDoc'));
-        }
-
-        return _Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/React.createElement(InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('login.inputPwdAgain'),
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    className: "authing-g2-input-form submit-form"
-  }, /*#__PURE__*/React.createElement(SubmitButton, {
-    className: "forget-password",
-    text: t('common.confirm'),
-    ref: submitButtonRef
-  }))));
-};

package/es/ChangePassword/core/rotateReset.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface RotateResetProps {
-    onReset: any;
-    publicConfig: any;
-    initData: any;
-}
-export declare const RotateReset: (props: RotateResetProps) => JSX.Element;
-export {};

package/es/ChangePassword/core/rotateReset.js

@@ -1,159 +0,0 @@
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
-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 _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import React, { useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import SubmitButton from '../../SubmitButton';
-import { useGuardAuthClient } from '../../Guard/authClient';
-import CustomFormItem from '../../ValidatorRules';
-import { fieldRequiredRule } from '../../_utils';
-import { InputPassword } from '../../InputPassword';
-import { IconFont } from '../../IconFont';
-export var RotateReset = function RotateReset(props) {
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _Form$useForm = _Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var authClient = useGuardAuthClient();
-  var submitButtonRef = useRef(null);
-
-  var onFinish = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
-      var _submitButtonRef$curr;
-
-      var password, oldPassword, res, _submitButtonRef$curr2, _submitButtonRef$curr3;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              password = values.password, oldPassword = values.oldPassword;
-              submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr = submitButtonRef.current) === null || _submitButtonRef$curr === void 0 ? void 0 : _submitButtonRef$curr.onSpin(true);
-              _context.prev = 2;
-              _context.next = 5;
-              return authClient.resetPasswordByForceResetToken({
-                token: props.initData.token,
-                newPassword: password,
-                oldPassword: oldPassword
-              });
-
-            case 5:
-              res = _context.sent;
-              props.onReset({
-                code: 200,
-                data: res
-              });
-              _context.next = 13;
-              break;
-
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](2);
-
-              _message.error(_context.t0.message);
-
-              submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr2 = submitButtonRef.current) === null || _submitButtonRef$curr2 === void 0 ? void 0 : _submitButtonRef$curr2.onError();
-
-            case 13:
-              _context.prev = 13;
-              submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr3 = submitButtonRef.current) === null || _submitButtonRef$curr3 === void 0 ? void 0 : _submitButtonRef$curr3.onSpin(false);
-              return _context.finish(13);
-
-            case 16:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[2, 9, 13, 16]]);
-    }));
-
-    return function onFinish(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "authing-g2-login-phone-code"
-  }, /*#__PURE__*/React.createElement(_Form, {
-    name: "resetPassword",
-    form: form,
-    onFinish: onFinish,
-    onFinishFailed: function onFinishFailed() {
-      var _submitButtonRef$curr4;
-
-      submitButtonRef === null || submitButtonRef === void 0 ? void 0 : (_submitButtonRef$curr4 = submitButtonRef.current) === null || _submitButtonRef$curr4 === void 0 ? void 0 : _submitButtonRef$curr4.onError();
-    },
-    autoComplete: "off"
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
-    validateTrigger: ['onBlur', 'onChange'],
-    className: "authing-g2-input-form",
-    name: "oldPassword",
-    rules: _toConsumableArray(fieldRequiredRule(t('common.password')))
-  }, /*#__PURE__*/React.createElement(InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('user.inputCurrPwd'),
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(CustomFormItem.Password, {
-    className: "authing-g2-input-form",
-    name: "password"
-  }, /*#__PURE__*/React.createElement(InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('login.inputPwd'),
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(CustomFormItem.Password, {
-    className: "authing-g2-input-form",
-    name: "password2",
-    rules: [{
-      validator: function validator(_, value) {
-        var pwd = form.getFieldValue('password');
-
-        if (!value) {
-          return _Promise.reject(t('login.inputPwd'));
-        }
-
-        if (value !== pwd) {
-          return _Promise.reject(t('common.repeatPasswordDoc'));
-        }
-
-        return _Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/React.createElement(InputPassword, {
-    className: "authing-g2-input",
-    size: "large",
-    placeholder: t('login.inputPwdAgain'),
-    prefix: /*#__PURE__*/React.createElement(IconFont, {
-      type: "authing-a-lock-line1",
-      style: {
-        color: '#878A95'
-      }
-    })
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
-    className: "authing-g2-input-form submit-form"
-  }, /*#__PURE__*/React.createElement(SubmitButton, {
-    className: "forget-password",
-    text: t('common.confirm'),
-    ref: submitButtonRef
-  }))));
-};

package/es/ChangePassword/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const GuardChangePassword: (props: any) => JSX.Element;

package/es/ChangePassword/index.js

@@ -1,78 +0,0 @@
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { GuardModuleType } from '../Guard/module';
-import { ImagePro } from '../ImagePro';
-import { FirstLoginReset } from './core/firstLoginReset';
-import { RotateReset } from './core/rotateReset'; // 手动修改密码，并非「忘记密码」
-// 进入的场景是读取配置：1开了首次登录修改密码 || 2开了密码轮换
-
-export var GuardChangePassword = function GuardChangePassword(props) {
-  var initData = props.initData,
-      config = props.config;
-  var publicConfig = config.__publicConfig__;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var onReset = function onReset(res) {
-    var code = res.code;
-
-    if (code === 200) {
-      _message.success(t('common.updatePsswordSuccess')); // 返回登录
-
-
-      _setTimeout(function () {
-        props.__changeModule(GuardModuleType.LOGIN);
-      }, 500);
-    } else {
-      console.log('*** reset code no catched', res);
-    }
-  };
-
-  var typeContent = useMemo(function () {
-    if (initData.type === 'inital') {
-      var _context;
-
-      return {
-        title: _concatInstanceProperty(_context = "".concat(t('common.welcome'), " ")).call(_context, config.title),
-        explain: t('common.initPasswordText')
-      };
-    } else {
-      return {
-        title: t('user.modifyPwd'),
-        explain: t('user.modifyPwdText', {
-          number: initData.forcedCycle
-        })
-      };
-    }
-  }, [config.title, initData.forcedCycle, initData.type, t]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-header"
-  }, /*#__PURE__*/React.createElement(ImagePro, {
-    src: config === null || config === void 0 ? void 0 : config.logo,
-    size: 48,
-    borderRadius: 4,
-    alt: "",
-    className: "icon"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, typeContent.title), /*#__PURE__*/React.createElement("div", {
-    className: "title-explain"
-  }, typeContent.explain)), /*#__PURE__*/React.createElement("div", {
-    className: "g2-view-tabs"
-  }, initData.type === 'inital' && /*#__PURE__*/React.createElement(FirstLoginReset, {
-    onReset: onReset,
-    initData: initData,
-    publicConfig: publicConfig
-  }), initData.type === 'rotate' && /*#__PURE__*/React.createElement(RotateReset, {
-    onReset: onReset,
-    initData: initData,
-    publicConfig: publicConfig
-  })));
-};

package/es/CompleteInfo/core/completeInfo.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { ExtendsField } from '../../AuthingGuard/api';
-import { GuardCompleteInfoViewProps } from '../interface';
-import { User } from 'authing-js-sdk';
-export interface CompleteInfoProps {
-    user: User;
-    verifyCodeLength: number | undefined;
-    extendsFields: ExtendsField[];
-    onRegisterInfoCompleted?: GuardCompleteInfoViewProps['onRegisterInfoCompleted'];
-    onRegisterInfoCompletedError?: GuardCompleteInfoViewProps['onRegisterInfoCompletedError'];
-}
-export interface FieldMetadata {
-    key: string;
-    options: any;
-}
-export declare const CompleteInfo: React.FC<CompleteInfoProps>;