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

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

@@ -1,36 +0,0 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import React, { useRef, useState } from 'react';
-import { useGuardContext } from '../../../context/global/context';
-import { CheckPhoneForm } from './CheckPhoneForm';
-import { VerifyCodeForm } from './VerifyCodeForm';
-export var SmsMfaVerifyForm = function SmsMfaVerifyForm(_ref) {
-  var onSuccess = _ref.onSuccess,
-      onFail = _ref.onFail;
-
-  var _useGuardContext = useGuardContext(),
-      _useGuardContext$stat = _useGuardContext.state.mfaData,
-      mfaToken = _useGuardContext$stat.mfaToken,
-      userPhone = _useGuardContext$stat.phone;
-
-  var _useState = useState(userPhone),
-      _useState2 = _slicedToArray(_useState, 2),
-      phone = _useState2[0],
-      setPhone = _useState2[1];
-
-  var sendCodeRef = useRef(null);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, phone ? /*#__PURE__*/React.createElement(VerifyCodeForm, {
-    sendCodeRef: sendCodeRef,
-    onSuccess: onSuccess,
-    onFail: onFail,
-    phone: phone,
-    mfaToken: mfaToken
-  }) : /*#__PURE__*/React.createElement(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();
-    }
-  }));
-};

package/es/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>;

package/es/AuthingGuard/Forms/SocialAndIdpLogin/index.js

@@ -1,378 +0,0 @@
-import "antd/lib/space/style";
-import _Space from "antd/lib/space";
-import "antd/lib/tooltip/style";
-import _Tooltip from "antd/lib/tooltip";
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import "antd/lib/avatar/style";
-import _Avatar from "antd/lib/avatar";
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import qs from 'qs';
-import shortid from 'shortid';
-import React, { useEffect } from 'react';
-import { isWechatBrowser, popupCenter } from '../../../_utils';
-import { useGuardContext } from '../../../context/global/context';
-import { APP_MFA_CODE, OTP_MFA_CODE } from '../../../../components/AuthingGuard/constants';
-import { Protocol } from '../../../../components/AuthingGuard/types';
-import { requestClient } from '../../../_utils/http';
-import { IconFont } from '../../IconFont';
-import { useScreenSize } from '../../hooks/useScreenSize';
-import { SocialConnectionProvider } from 'authing-js-sdk';
-import { useTranslation } from 'react-i18next';
-import { i18n } from '../../../_utils/locales';
-export var SocialAndIdpLogin = function SocialAndIdpLogin(_ref) {
-  var _config$loginMethods, _context2, _context9, _context10;
-
-  var _ref$onFail = _ref.onFail,
-      onFail = _ref$onFail === void 0 ? function () {} : _ref$onFail,
-      _ref$onSuccess = _ref.onSuccess,
-      _onSuccess = _ref$onSuccess === void 0 ? function () {} : _ref$onSuccess;
-
-  var _useGuardContext = useGuardContext(),
-      _useGuardContext$stat = _useGuardContext.state,
-      config = _useGuardContext$stat.config,
-      userPoolId = _useGuardContext$stat.userPoolId,
-      appId = _useGuardContext$stat.appId,
-      authClient = _useGuardContext$stat.authClient;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var noForm = !((_config$loginMethods = config.loginMethods) !== null && _config$loginMethods !== void 0 && _config$loginMethods.length);
-
-  var _useScreenSize = useScreenSize(),
-      _useScreenSize2 = _slicedToArray(_useScreenSize, 1),
-      screenSize = _useScreenSize2[0];
-
-  useEffect(function () {
-    var onMessage = function onMessage(evt) {
-      // TODO: event.origin是指发送的消息源，一定要进行验证！！！
-      var _evt$data = evt.data,
-          code = _evt$data.code,
-          errMsg = _evt$data.message,
-          data = _evt$data.data,
-          event = _evt$data.event;
-
-      var _ref2 = event || {},
-          source = _ref2.source,
-          eventType = _ref2.eventType; // 社会化登录是用 authing-js-sdk 实现的，不用再在这里回调了
-
-
-      if (source === 'authing' && eventType === 'socialLogin') {
-        return;
-      }
-
-      try {
-        var _context;
-
-        var parsedMsg = JSON.parse(errMsg);
-        var authingCode = parsedMsg.code;
-
-        if (_includesInstanceProperty(_context = [OTP_MFA_CODE, APP_MFA_CODE]).call(_context, authingCode)) {
-          onFail(parsedMsg);
-          return;
-        }
-      } catch (e) {// do nothing...
-      }
-
-      if (code !== undefined) {
-        if (code === 200) {
-          localStorage.setItem('_authing_token', data === null || data === void 0 ? void 0 : data.token);
-
-          _onSuccess(data);
-        } else {
-          _message.error(errMsg);
-        }
-      }
-    };
-
-    window.addEventListener('message', onMessage);
-    return function () {
-      window.removeEventListener('message', onMessage);
-    };
-  }, [onFail, _onSuccess]);
-
-  var idpButtons = _mapInstanceProperty(_context2 = config.enterpriseConnectionObjs).call(_context2, function (i) {
-    if (i.protocol === Protocol.OIDC) {
-      var _context3;
-
-      var configItem = i.config;
-      var state = shortid.generate();
-      var query = qs.stringify({
-        client_id: configItem.clientId,
-        redirect_uri: configItem.redirectUri,
-        scope: configItem.scopes,
-        response_type: configItem.responseType,
-        state: state,
-        nonce: shortid.generate()
-      });
-
-      var url = _concatInstanceProperty(_context3 = "".concat(configItem.authorizationEdpoint, "?")).call(_context3, query);
-
-      return /*#__PURE__*/React.createElement(_Button, {
-        key: i.identifier,
-        className: "authing-guard-third-login-btn",
-        block: true,
-        size: "large",
-        icon: /*#__PURE__*/React.createElement(_Avatar, {
-          size: 20,
-          src: i.logo,
-          style: {
-            marginRight: 8
-          }
-        }),
-        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          return _regeneratorRuntime.wrap(function _callee$(_context4) {
-            while (1) {
-              switch (_context4.prev = _context4.next) {
-                case 0:
-                  _context4.next = 2;
-                  return requestClient.post('/api/v2/connections/oidc/start-interaction', {
-                    state: state,
-                    protocol: i.protocol,
-                    userPoolId: userPoolId,
-                    appId: appId,
-                    referer: window.location.href,
-                    connection: {
-                      providerIentifier: i.identifier
-                    }
-                  });
-
-                case 2:
-                  popupCenter(url);
-
-                case 3:
-                case "end":
-                  return _context4.stop();
-              }
-            }
-          }, _callee);
-        }))
-      }, t('login.loginBy', {
-        name: i.displayName
-      }));
-    } else if (i.protocol === Protocol.SAML) {
-      var _config = i.config;
-      return /*#__PURE__*/React.createElement(_Button, {
-        key: i.identifier,
-        className: "authing-guard-third-login-btn",
-        block: true,
-        size: "large",
-        icon: /*#__PURE__*/React.createElement(_Avatar, {
-          size: 20,
-          src: i.logo,
-          style: {
-            marginRight: 8
-          }
-        }),
-        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-          return _regeneratorRuntime.wrap(function _callee2$(_context5) {
-            while (1) {
-              switch (_context5.prev = _context5.next) {
-                case 0:
-                  popupCenter(_config.samlRequest);
-
-                case 1:
-                case "end":
-                  return _context5.stop();
-              }
-            }
-          }, _callee2);
-        }))
-      }, t('login.loginBy', {
-        name: i.displayName
-      }));
-    } else if (i.protocol === Protocol.CAS) {
-      var _config2 = i.config;
-      return /*#__PURE__*/React.createElement(_Button, {
-        key: i.identifier,
-        className: "authing-guard-third-login-btn",
-        block: true,
-        size: "large",
-        icon: /*#__PURE__*/React.createElement(_Avatar, {
-          size: 20,
-          src: i.logo,
-          style: {
-            marginRight: 8
-          }
-        }),
-        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-          return _regeneratorRuntime.wrap(function _callee3$(_context6) {
-            while (1) {
-              switch (_context6.prev = _context6.next) {
-                case 0:
-                  popupCenter(_config2.casConnectionLoginUrl);
-
-                case 1:
-                case "end":
-                  return _context6.stop();
-              }
-            }
-          }, _callee3);
-        }))
-      }, t('login.loginBy', {
-        name: i.displayName
-      }));
-    } else if (i.protocol === Protocol.OAUTH) {
-      var _config3 = i.config;
-      return /*#__PURE__*/React.createElement(_Button, {
-        key: i.identifier,
-        className: "authing-guard-third-login-btn",
-        block: true,
-        size: "large",
-        icon: /*#__PURE__*/React.createElement(_Avatar, {
-          size: 20,
-          src: i.logo,
-          style: {
-            marginRight: 8
-          }
-        }),
-        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-          return _regeneratorRuntime.wrap(function _callee4$(_context7) {
-            while (1) {
-              switch (_context7.prev = _context7.next) {
-                case 0:
-                  popupCenter(_config3.authUrl);
-
-                case 1:
-                case "end":
-                  return _context7.stop();
-              }
-            }
-          }, _callee4);
-        }))
-      }, t('login.loginBy', {
-        name: i.displayName
-      }));
-    } else if (i.protocol === Protocol.AZURE_AD) {
-      var _configItem = i.config;
-      return /*#__PURE__*/React.createElement(_Button, {
-        key: i.identifier,
-        className: "authing-guard-third-login-btn",
-        block: true,
-        size: "large",
-        icon: /*#__PURE__*/React.createElement(_Avatar, {
-          size: 20,
-          src: i.logo,
-          style: {
-            marginRight: 8
-          }
-        }),
-        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-          return _regeneratorRuntime.wrap(function _callee5$(_context8) {
-            while (1) {
-              switch (_context8.prev = _context8.next) {
-                case 0:
-                  popupCenter(_configItem.authorizationUrl);
-
-                case 1:
-                case "end":
-                  return _context8.stop();
-              }
-            }
-          }, _callee5);
-        }))
-      }, t('login.loginBy', {
-        name: i.displayName
-      }));
-    } else {
-      return null;
-    }
-  });
-
-  var socialLoginButtons = _mapInstanceProperty(_context9 = _filterInstanceProperty(_context10 = config.socialConnectionObjs).call(_context10, function (item) {
-    return isWechatBrowser() ? item.provider === SocialConnectionProvider.WECHATMP : item.provider !== SocialConnectionProvider.WECHATMP;
-  })).call(_context9, function (item) {
-    var _item$tooltip, _item$tooltip2;
-
-    var iconType = "authing-".concat(item.provider.replace(/:/g, '-'));
-    var authorization_params = {};
-
-    if (item.provider === SocialConnectionProvider.BAIDU) {
-      authorization_params.display = screenSize;
-    }
-
-    var onLogin = function onLogin() {
-      authClient.social.authorize(item.identifier, {
-        onSuccess: function onSuccess(user) {
-          _onSuccess(user);
-        },
-        onError: function onError(code, msg) {
-          try {
-            var _context11;
-
-            var parsedMsg = JSON.parse(msg);
-            var authingCode = parsedMsg.code;
-
-            if (_includesInstanceProperty(_context11 = [OTP_MFA_CODE, APP_MFA_CODE]).call(_context11, authingCode)) {
-              onFail(parsedMsg);
-              return;
-            }
-          } catch (e) {// do nothing...
-          }
-
-          _message.error(msg);
-        },
-        authorization_params: authorization_params
-      });
-    };
-
-    return noForm ? /*#__PURE__*/React.createElement(_Button, {
-      key: item.provider,
-      block: true,
-      size: "large",
-      className: "authing-guard-third-login-btn",
-      icon: /*#__PURE__*/React.createElement(IconFont, {
-        type: iconType,
-        style: {
-          fontSize: 20,
-          marginRight: 8
-        }
-      }),
-      onClick: onLogin
-    }, ((_item$tooltip = item.tooltip) === null || _item$tooltip === void 0 ? void 0 : _item$tooltip[i18n.language]) || item.displayName) : /*#__PURE__*/React.createElement(_Tooltip, {
-      key: item.provider,
-      title: ((_item$tooltip2 = item.tooltip) === null || _item$tooltip2 === void 0 ? void 0 : _item$tooltip2[i18n.language]) || item.displayName
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "authing-social-login-item",
-      onClick: onLogin
-    }, /*#__PURE__*/React.createElement(IconFont, {
-      type: iconType
-    })));
-  });
-
-  var idp = config.enterpriseConnectionObjs.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, !noForm && /*#__PURE__*/React.createElement("div", {
-    className: "authing-social-login-title"
-  }, "OR"), /*#__PURE__*/React.createElement(_Space, {
-    size: 12,
-    className: "authing-guard-full-width-space",
-    direction: "vertical"
-  }, idpButtons)) : null;
-  var socialLogin = socialLoginButtons.length > 0 && noForm ? /*#__PURE__*/React.createElement(_Space, {
-    size: 12,
-    className: "authing-guard-full-width-space",
-    direction: "vertical"
-  }, socialLoginButtons) : socialLoginButtons.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "authing-social-login-title"
-  }, t('login.thridAccLogin')), /*#__PURE__*/React.createElement("div", {
-    className: "authing-social-login-list"
-  }, socialLoginButtons));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !noForm && /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      minHeight: 26
-    }
-  }), /*#__PURE__*/React.createElement(_Space, {
-    size: 12,
-    direction: "vertical",
-    className: "authing-guard-full-width-space"
-  }, idp, socialLogin));
-};

package/es/AuthingGuard/Forms/UploadImage/index.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-export declare const UploadImage: FC<{
-    value?: string;
-    onChange?: (value: string) => void;
-}>;

package/es/AuthingGuard/Forms/UploadImage/index.js

@@ -1,77 +0,0 @@
-import "antd/lib/upload/style";
-import _Upload from "antd/lib/upload";
-import "antd/lib/spin/style";
-import _Spin from "antd/lib/spin";
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import { PlusOutlined } from '@ant-design/icons';
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useGuardContext } from '../../../context/global/context';
-export var UploadImage = function UploadImage(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      uploading = _useState2[0],
-      setUploading = _useState2[1];
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useGuardContext = useGuardContext(),
-      apiHost = _useGuardContext.state.config.apiHost;
-
-  var onStatusChange = function onStatusChange(info) {
-    var status = info.file.status;
-
-    if (status === 'uploading') {
-      setUploading(true);
-    } else {
-      setUploading(false);
-    }
-
-    if (status === 'done') {
-      var _info$file$response = info.file.response,
-          code = _info$file$response.code,
-          errMsg = _info$file$response.message,
-          data = _info$file$response.data;
-
-      if (code !== 200) {
-        return _message.error(errMsg);
-      }
-
-      var url = data.url;
-      onChange === null || onChange === void 0 ? void 0 : onChange(url);
-    } else if (status === 'error') {
-      _message.error(t('common.uploadFail', {
-        name: info.file.name
-      }));
-    }
-  };
-
-  var uploadButton = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: 8
-    }
-  }, "Upload"));
-  return /*#__PURE__*/React.createElement(_Upload, {
-    name: "file",
-    accept: "image/*",
-    listType: "picture-card",
-    showUploadList: false,
-    action: "".concat(apiHost, "/api/v2/upload?folder=photos"),
-    onChange: onStatusChange
-  }, /*#__PURE__*/React.createElement(_Spin, {
-    size: "small",
-    spinning: uploading
-  }, value ? /*#__PURE__*/React.createElement("img", {
-    src: value,
-    alt: "",
-    style: {
-      width: '100%'
-    }
-  }) : uploadButton));
-};

package/es/AuthingGuard/Forms/index.d.ts

@@ -1,13 +0,0 @@
-export * from './ADLoginForm';
-export * from './ResetPwdForm';
-export * from './MfaVerifyForm';
-export * from './LdapLoginForm';
-export * from './QrCodeLoginForm';
-export * from './MfaResetCodeForm';
-export * from './EmailRegisterForm';
-export * from './PhoneRegisterForm';
-export * from './PasswordLoginForm';
-export * from './SocialAndIdpLogin';
-export * from './PhoneCodeLoginForm';
-export * from './SmsMfaVerifyForm';
-export * from './EmailMfaVerifyForm';

package/es/AuthingGuard/Forms/index.js

@@ -1,13 +0,0 @@
-export * from './ADLoginForm';
-export * from './ResetPwdForm';
-export * from './MfaVerifyForm';
-export * from './LdapLoginForm';
-export * from './QrCodeLoginForm';
-export * from './MfaResetCodeForm';
-export * from './EmailRegisterForm';
-export * from './PhoneRegisterForm';
-export * from './PasswordLoginForm';
-export * from './SocialAndIdpLogin';
-export * from './PhoneCodeLoginForm';
-export * from './SmsMfaVerifyForm';
-export * from './EmailMfaVerifyForm';

package/es/AuthingGuard/GuardLayout/index.d.ts

@@ -1,10 +0,0 @@
-import React, { FC } from 'react';
-import { UserConfig, Lang } from '../../../components/AuthingGuard/types';
-export declare const GuardLayout: FC<{
-    visible?: boolean;
-    className?: string;
-    id?: string;
-    style?: React.CSSProperties;
-    lang?: Lang;
-    userConfig: UserConfig;
-}>;