@authing/react-ui-components 3.0.1-alpha.3 → 3.0.1-beta.0

package/es/ChangePassword/core/rotateReset.js

@@ -0,0 +1,159 @@
+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

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

package/es/ChangePassword/index.js

@@ -0,0 +1,78 @@
+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

@@ -0,0 +1,16 @@
+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>;