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

package/es/Login/index.js

@@ -0,0 +1,434 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import "antd/lib/tooltip/style";
+import _Tooltip from "antd/lib/tooltip";
+import "antd/lib/tabs/style";
+import _Tabs from "antd/lib/tabs";
+import "antd/lib/popover/style";
+import _Popover from "antd/lib/popover";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import "antd/lib/message/style";
+import _message from "antd/lib/message";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { intersection } from 'lodash';
+import { LoginWithPassword } from './core/withPassword/index';
+import { LoginWithPhoneCode } from './core/withPhonecode';
+import { LoginWithLDAP } from './core/withLDAP';
+import { LoginWithAD } from './core/withAD';
+import { LoginWithAppQrcode } from './core/withAppQrcode';
+import { LoginWithWechatMiniQrcode } from './core/withWechatMiniQrcode';
+import { LoginWithWechatmpQrcode } from './core/withWechatmpQrcode';
+import { codeMap } from './codemap';
+import { SocialLogin } from './socialLogin';
+import { useGuardAuthClient } from '../Guard/authClient';
+import { GuardModuleType } from '../Guard/module';
+import { LoginMethods } from '../AuthingGuard/types';
+import { IconFont } from '../IconFont';
+import { ChangeLanguage } from '../ChangeLanguage';
+import { i18n } from '../_utils/locales';
+import { usePublicConfig } from '../_utils/context';
+import { shoudGoToComplete } from '../_utils';
+var inputWays = [LoginMethods.Password, LoginMethods.PhoneCode, LoginMethods.AD, LoginMethods.LDAP];
+var qrcodeWays = [LoginMethods.AppQr, LoginMethods.WxMinQr, LoginMethods.WechatMpQrcode];
+
+var useMethods = function useMethods(config) {
+  var dlm = config === null || config === void 0 ? void 0 : config.defaultLoginMethod;
+  var propsMethods = config === null || config === void 0 ? void 0 : config.loginMethods;
+
+  if (!(propsMethods !== null && propsMethods !== void 0 && _includesInstanceProperty(propsMethods).call(propsMethods, dlm))) {
+    dlm = propsMethods === null || propsMethods === void 0 ? void 0 : propsMethods[0];
+  }
+
+  var renderInputWay = intersection(propsMethods, inputWays).length > 0;
+  var renderQrcodeWay = intersection(propsMethods, qrcodeWays).length > 0;
+  return [dlm, renderInputWay, renderQrcodeWay];
+};
+
+var useDisables = function useDisables(data) {
+  var _data$config = data.config,
+      disableResetPwd = _data$config.disableResetPwd,
+      disableRegister = _data$config.disableRegister;
+  var loginWay = data.loginWay,
+      autoRegister = data.autoRegister;
+
+  if (loginWay === LoginMethods.PhoneCode) {
+    disableResetPwd = true;
+  }
+
+  if (loginWay === LoginMethods.LDAP) {
+    disableResetPwd = true;
+    disableRegister = true;
+  }
+
+  if (autoRegister === true) {
+    disableRegister = true;
+  }
+
+  return {
+    disableResetPwd: disableResetPwd,
+    disableRegister: disableRegister
+  };
+};
+
+var useSwitchStates = function useSwitchStates(loginWay) {
+  var switchText = i18n.t('login.scanLogin');
+
+  if (_includesInstanceProperty(qrcodeWays).call(qrcodeWays, loginWay)) {
+    switchText = i18n.t('login.moreWays');
+  }
+
+  var inputNone = !_includesInstanceProperty(inputWays).call(inputWays, loginWay) ? 'none' : '';
+  var qrcodeNone = !_includesInstanceProperty(qrcodeWays).call(qrcodeWays, loginWay) ? 'none' : '';
+  return {
+    switchText: switchText,
+    inputNone: inputNone,
+    qrcodeNone: qrcodeNone
+  };
+};
+
+export var GuardLoginView = function GuardLoginView(props) {
+  var _props$config, _props$config2, _props$config4, _props$config5, _props$config$__publi;
+
+  var _useMethods = useMethods(props.config),
+      _useMethods2 = _slicedToArray(_useMethods, 3),
+      defaultMethod = _useMethods2[0],
+      renderInputWay = _useMethods2[1],
+      renderQrcodeWay = _useMethods2[2];
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useState = useState(defaultMethod),
+      _useState2 = _slicedToArray(_useState, 2),
+      loginWay = _useState2[0],
+      setLoginWay = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      canLoop = _useState4[0],
+      setCanLoop = _useState4[1]; // 允许轮询
+
+
+  var client = useGuardAuthClient();
+  var publicConfig = usePublicConfig();
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      errorNumber = _useState6[0],
+      setErrorNumber = _useState6[1];
+
+  var publicKey = (_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.publicKey; // let autoRegister = props.config?.autoRegister
+
+  var ms = (_props$config2 = props.config) === null || _props$config2 === void 0 ? void 0 : _props$config2.loginMethods;
+  var _props$config3 = props.config,
+      autoRegister = _props$config3.autoRegister,
+      langRange = _props$config3.langRange;
+
+  var firstInputWay = _filterInstanceProperty(inputWays).call(inputWays, function (way) {
+    return _includesInstanceProperty(ms).call(ms, way);
+  })[0];
+
+  var firstQRcodeWay = _filterInstanceProperty(qrcodeWays).call(qrcodeWays, function (way) {
+    return _includesInstanceProperty(ms).call(ms, way);
+  })[0];
+
+  var _useDisables = useDisables({
+    config: props.config,
+    loginWay: loginWay,
+    autoRegister: autoRegister
+  }),
+      disableResetPwd = _useDisables.disableResetPwd,
+      disableRegister = _useDisables.disableRegister;
+
+  var __codePaser = function __codePaser(code) {
+    var action = codeMap[code];
+
+    if (code === 200) {
+      return function (data) {
+        if (shoudGoToComplete(data, 'login', publicConfig)) {
+          var _props$__changeModule;
+
+          console.log('登陆成功，用户为', data);
+          (_props$__changeModule = props.__changeModule) === null || _props$__changeModule === void 0 ? void 0 : _props$__changeModule.call(props, GuardModuleType.COMPLETE_INFO, {
+            context: 'login',
+            user: data
+          });
+        } else {
+          var _props$onLogin;
+
+          (_props$onLogin = props.onLogin) === null || _props$onLogin === void 0 ? void 0 : _props$onLogin.call(props, data, client); // 登录成功
+        }
+      };
+    }
+
+    if (!action) {
+      return function (initData) {
+        (initData === null || initData === void 0 ? void 0 : initData._messag) && _message.error(initData === null || initData === void 0 ? void 0 : initData._messag);
+        console.error('未捕获 code', code);
+      };
+    } // 解析成功
+
+
+    if ((action === null || action === void 0 ? void 0 : action.action) === 'changeModule') {
+      var m = action.module ? action.module : GuardModuleType.ERROR;
+      var init = action.initData ? action.initData : {};
+      return function (initData) {
+        var _props$__changeModule2;
+
+        return (_props$__changeModule2 = props.__changeModule) === null || _props$__changeModule2 === void 0 ? void 0 : _props$__changeModule2.call(props, m, _objectSpread(_objectSpread({}, initData), init));
+      };
+    }
+
+    if ((action === null || action === void 0 ? void 0 : action.action) === 'message') {
+      return function (initData) {
+        _message.error(initData === null || initData === void 0 ? void 0 : initData._message);
+      };
+    } // 最终结果
+
+
+    return function (initData) {
+      // props.onLoginError?.(data, client!) // 未捕获 code
+      console.error('last action at loginview');
+
+      _message.error(initData === null || initData === void 0 ? void 0 : initData._message);
+    };
+  };
+
+  var onLogin = function onLogin(code, data, message) {
+    var callback = __codePaser === null || __codePaser === void 0 ? void 0 : __codePaser(code);
+
+    if (code !== 200) {
+      var _props$onLoginError;
+
+      setErrorNumber(errorNumber + 1);
+      (_props$onLoginError = props.onLoginError) === null || _props$onLoginError === void 0 ? void 0 : _props$onLoginError.call(props, {
+        code: code,
+        data: data,
+        message: message
+      });
+    }
+
+    if (!data) {
+      data = {};
+    }
+
+    data._message = message;
+    callback === null || callback === void 0 ? void 0 : callback(data);
+  };
+
+  var onBeforeLogin = function onBeforeLogin(loginInfo) {
+    if (props.onBeforeLogin) {
+      var _props$onBeforeLogin;
+
+      return (_props$onBeforeLogin = props.onBeforeLogin) === null || _props$onBeforeLogin === void 0 ? void 0 : _props$onBeforeLogin.call(props, loginInfo, client);
+    }
+
+    return function () {
+      return console.log('Guard not onBeforeLogin hooks');
+    };
+  };
+
+  useEffect(function () {
+    if (_includesInstanceProperty(qrcodeWays).call(qrcodeWays, loginWay)) {
+      setCanLoop(true);
+    } else {
+      setCanLoop(false);
+    } // 可以设定 = fasle 的时候关闭 qrcode 的几个定时器
+    // 不关的话，第二次进入会更快，也没什么代价（只有轮询）
+
+  }, [loginWay]);
+
+  var _useSwitchStates = useSwitchStates(loginWay),
+      switchText = _useSwitchStates.switchText,
+      inputNone = _useSwitchStates.inputNone,
+      qrcodeNone = _useSwitchStates.qrcodeNone; // if (loading) {
+  //   return (
+  //     <div className="g2-view-container">
+  //       <LoadShielding />
+  //     </div>
+  //   )
+  // }
+
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-container"
+  }, renderInputWay && renderQrcodeWay && /*#__PURE__*/React.createElement("div", {
+    className: "g2-qrcode-switch"
+  }, /*#__PURE__*/React.createElement(_Popover, {
+    placement: "leftTop",
+    content: switchText,
+    overlayClassName: "switch-text",
+    getPopupContainer: function getPopupContainer(node) {
+      if (node) {
+        return node.parentElement;
+      }
+
+      return document.body;
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "switch-img",
+    onClick: function onClick() {
+      _message.destroy();
+
+      if (_includesInstanceProperty(inputWays).call(inputWays, loginWay)) {
+        setLoginWay(firstQRcodeWay);
+      } else if (_includesInstanceProperty(qrcodeWays).call(qrcodeWays, loginWay)) {
+        setLoginWay(firstInputWay);
+      }
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "imgae-mask"
+  }), /*#__PURE__*/React.createElement(IconFont, {
+    type: "authing-a-erweima22",
+    className: "qrcode-switch-image ".concat(inputNone)
+  }), /*#__PURE__*/React.createElement(IconFont, {
+    type: "authing-diannao",
+    className: "qrcode-switch-image ".concat(qrcodeNone)
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-header"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: (_props$config4 = props.config) === null || _props$config4 === void 0 ? void 0 : _props$config4.logo,
+    alt: "",
+    className: "icon"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, t('common.login'), " ", (_props$config5 = props.config) === null || _props$config5 === void 0 ? void 0 : _props$config5.title)), renderInputWay && /*#__PURE__*/React.createElement("div", {
+    className: inputNone
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-tabs"
+  }, /*#__PURE__*/React.createElement(_Tabs, {
+    onChange: function onChange(k) {
+      var _props$onLoginTabChan;
+
+      setLoginWay(k);
+
+      _message.destroy();
+
+      (_props$onLoginTabChan = props.onLoginTabChange) === null || _props$onLoginTabChan === void 0 ? void 0 : _props$onLoginTabChan.call(props, k);
+    },
+    activeKey: loginWay
+  }, (ms === null || ms === void 0 ? void 0 : _includesInstanceProperty(ms).call(ms, LoginMethods.Password)) && /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    key: LoginMethods.Password,
+    tab: t('login.pwdLogin')
+  }, /*#__PURE__*/React.createElement(LoginWithPassword, {
+    publicKey: publicKey,
+    autoRegister: autoRegister,
+    host: props.config.__appHost__,
+    onLogin: onLogin,
+    onBeforeLogin: onBeforeLogin,
+    passwordLoginMethods: props.config.passwordLoginMethods
+  })), (ms === null || ms === void 0 ? void 0 : _includesInstanceProperty(ms).call(ms, LoginMethods.PhoneCode)) && /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    key: LoginMethods.PhoneCode,
+    tab: t('login.verifyCodeLogin')
+  }, /*#__PURE__*/React.createElement(LoginWithPhoneCode, {
+    verifyCodeLength: (_props$config$__publi = props.config.__publicConfig__) === null || _props$config$__publi === void 0 ? void 0 : _props$config$__publi.verifyCodeLength,
+    autoRegister: autoRegister,
+    onBeforeLogin: onBeforeLogin,
+    onLogin: onLogin
+  })), (ms === null || ms === void 0 ? void 0 : _includesInstanceProperty(ms).call(ms, LoginMethods.LDAP)) && /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    key: LoginMethods.LDAP,
+    tab: t('login.ldapLogin')
+  }, /*#__PURE__*/React.createElement(LoginWithLDAP, {
+    publicKey: publicKey,
+    autoRegister: autoRegister,
+    host: props.config.__appHost__,
+    onLogin: onLogin,
+    onBeforeLogin: onBeforeLogin
+  })), (ms === null || ms === void 0 ? void 0 : _includesInstanceProperty(ms).call(ms, LoginMethods.AD)) && /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    key: LoginMethods.AD,
+    tab: t('login.adLogin')
+  }, /*#__PURE__*/React.createElement(LoginWithAD, {
+    onLogin: onLogin
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "g2-tips-line"
+  }, !disableResetPwd && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "link-like",
+    onClick: function onClick() {
+      var _props$__changeModule3;
+
+      return (_props$__changeModule3 = props.__changeModule) === null || _props$__changeModule3 === void 0 ? void 0 : _props$__changeModule3.call(props, GuardModuleType.FORGET_PWD, {});
+    }
+  }, t('login.forgetPwd')), errorNumber >= 2 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      margin: '0 4px',
+      color: '#EAEBEE'
+    }
+  }, "\u4E28")), errorNumber >= 2 && /*#__PURE__*/React.createElement(_Tooltip, {
+    title: t('common.problem.title')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "touch-tip",
+    onClick: function onClick() {
+      var _props$__changeModule4;
+
+      return (_props$__changeModule4 = props.__changeModule) === null || _props$__changeModule4 === void 0 ? void 0 : _props$__changeModule4.call(props, GuardModuleType.ANY_QUESTIONS, {});
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: 'authing-a-question-line1',
+    style: {
+      fontSize: 16
+    }
+  }))), !disableRegister && /*#__PURE__*/React.createElement("span", {
+    className: "go-to-register"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "link-like",
+    onClick: function onClick() {
+      var _props$__changeModule5;
+
+      return (_props$__changeModule5 = props.__changeModule) === null || _props$__changeModule5 === void 0 ? void 0 : _props$__changeModule5.call(props, GuardModuleType.REGISTER, {});
+    }
+  }, t('common.registerImmediate'))))), renderQrcodeWay && /*#__PURE__*/React.createElement("div", {
+    className: "g2-view-tabs ".concat(qrcodeNone)
+  }, /*#__PURE__*/React.createElement(_Tabs, {
+    onChange: function onChange(k) {
+      var _props$onLoginTabChan2;
+
+      _message.destroy();
+
+      (_props$onLoginTabChan2 = props.onLoginTabChange) === null || _props$onLoginTabChan2 === void 0 ? void 0 : _props$onLoginTabChan2.call(props, k);
+    }
+  }, (ms === null || ms === void 0 ? void 0 : _includesInstanceProperty(ms).call(ms, LoginMethods.WxMinQr)) && /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    key: LoginMethods.WxMinQr,
+    tab: t('login.scanLogin')
+  }, /*#__PURE__*/React.createElement(LoginWithWechatMiniQrcode, {
+    onLogin: onLogin,
+    canLoop: canLoop,
+    qrCodeScanOptions: props.config.qrCodeScanOptions
+  })), (ms === null || ms === void 0 ? void 0 : _includesInstanceProperty(ms).call(ms, LoginMethods.AppQr)) && /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    key: LoginMethods.AppQr,
+    tab: t('login.appScanLogin')
+  }, /*#__PURE__*/React.createElement(LoginWithAppQrcode, {
+    onLogin: onLogin,
+    canLoop: canLoop,
+    qrCodeScanOptions: props.config.qrCodeScanOptions
+  })), (ms === null || ms === void 0 ? void 0 : _includesInstanceProperty(ms).call(ms, LoginMethods.WechatMpQrcode)) && /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    key: LoginMethods.WechatMpQrcode,
+    tab: t('login.wechatmpQrcode')
+  }, /*#__PURE__*/React.createElement(LoginWithWechatmpQrcode, {
+    onLogin: onLogin,
+    canLoop: canLoop,
+    qrCodeScanOptions: props.config.qrCodeScanOptions
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "g2-social-login"
+  }, /*#__PURE__*/React.createElement(SocialLogin, {
+    appId: props.appId,
+    config: props.config,
+    onLogin: onLogin
+  })), /*#__PURE__*/React.createElement(ChangeLanguage, {
+    langRange: langRange,
+    onLangChange: props.onLangChange
+  }));
+};

package/es/Login/interface.d.ts

@@ -0,0 +1,31 @@
+import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '../Type';
+import { SocialConnectionProvider } from 'authing-js-sdk';
+import { QrCodeAuthenticationClient } from 'authing-js-sdk/build/main/lib/authentication/QrCodeAuthenticationClient';
+import { PasswordLoginMethods } from '../AuthingGuard/api';
+import { PasswordLoginParams, LDAPLoginParams, ADLoginParams, PhoneCodeLoginParams, AuthenticationClient, LoginMethods, User } from '..';
+export interface LoginConfig extends IG2Config {
+    autoRegister: boolean;
+    disableResetPwd: boolean;
+    disableRegister: boolean;
+    defaultLoginMethod: LoginMethods;
+    loginMethods: LoginMethods[];
+    passwordLoginMethods: PasswordLoginMethods[];
+    socialConnections?: SocialConnectionProvider[];
+    socialConnectionsBtnShape?: 'default' | 'button' | 'icon';
+    enterpriseConnections?: string[];
+    qrCodeScanOptions?: Parameters<QrCodeAuthenticationClient['startScanning']>[1];
+    publicKey?: string;
+}
+export interface LoginEvents extends IG2Events {
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+    onLoginError?: (errorMessages: any) => void;
+    onLoginTabChange?: (activeTab: LoginMethods) => void;
+    onBeforeLogin?: (loginInfo: PasswordLoginParams | LDAPLoginParams | ADLoginParams | PhoneCodeLoginParams, authClient: AuthenticationClient) => boolean | Promise<boolean>;
+}
+export interface GuardLoginProps extends IG2FCProps, LoginEvents {
+    config?: Partial<LoginConfig>;
+}
+export interface GuardLoginViewProps extends GuardLoginProps, IG2FCViewProps {
+    config: LoginConfig;
+}
+export declare const getDefaultLoginConfig: () => LoginConfig;

package/es/Login/interface.js

@@ -0,0 +1,30 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { getDefaultG2Config } from '../Type';
+import { LoginMethods } from '..';
+
+var defaultConfig = _objectSpread(_objectSpread({}, getDefaultG2Config()), {}, {
+  autoRegister: false,
+  disableResetPwd: false,
+  disableRegister: false,
+  defaultLoginMethod: LoginMethods.Password,
+  loginMethods: [LoginMethods.Password, LoginMethods.PhoneCode],
+  socialConnectionsBtnShape: 'default',
+  passwordLoginMethods: ['email-password', 'username-password', 'phone-password']
+});
+
+export var getDefaultLoginConfig = function getDefaultLoginConfig() {
+  return _objectSpread(_objectSpread({}, getDefaultG2Config()), defaultConfig);
+};

package/es/Login/socialLogin/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LoginConfig } from '../interface';
+export interface SocialLoginProps {
+    appId: string;
+    config: LoginConfig;
+    onLogin: any;
+}
+export declare const SocialLogin: React.FC<SocialLoginProps>;