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

package/lib/Login/index.js

@@ -0,0 +1,451 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GuardLoginView = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _antd = require("antd");
+
+var _lodash = require("lodash");
+
+var _index = require("./core/withPassword/index");
+
+var _withPhonecode = require("./core/withPhonecode");
+
+var _withLDAP = require("./core/withLDAP");
+
+var _withAD = require("./core/withAD");
+
+var _withAppQrcode = require("./core/withAppQrcode");
+
+var _withWechatMiniQrcode = require("./core/withWechatMiniQrcode");
+
+var _withWechatmpQrcode = require("./core/withWechatmpQrcode");
+
+var _codemap = require("./codemap");
+
+var _socialLogin = require("./socialLogin");
+
+var _authClient = require("../Guard/authClient");
+
+var _module = require("../Guard/module");
+
+var _types = require("../AuthingGuard/types");
+
+var _IconFont = require("../IconFont");
+
+var _ChangeLanguage = require("../ChangeLanguage");
+
+var _locales = require("../_utils/locales");
+
+var _context = require("../_utils/context");
+
+var _utils = require("../_utils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(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) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var inputWays = [_types.LoginMethods.Password, _types.LoginMethods.PhoneCode, _types.LoginMethods.AD, _types.LoginMethods.LDAP];
+var qrcodeWays = [_types.LoginMethods.AppQr, _types.LoginMethods.WxMinQr, _types.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 && propsMethods.includes(dlm))) {
+    dlm = propsMethods === null || propsMethods === void 0 ? void 0 : propsMethods[0];
+  }
+
+  var renderInputWay = (0, _lodash.intersection)(propsMethods, inputWays).length > 0;
+  var renderQrcodeWay = (0, _lodash.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 === _types.LoginMethods.PhoneCode) {
+    disableResetPwd = true;
+  }
+
+  if (loginWay === _types.LoginMethods.LDAP) {
+    disableResetPwd = true;
+    disableRegister = true;
+  }
+
+  if (autoRegister === true) {
+    disableRegister = true;
+  }
+
+  return {
+    disableResetPwd: disableResetPwd,
+    disableRegister: disableRegister
+  };
+};
+
+var useSwitchStates = function useSwitchStates(loginWay) {
+  var switchText = _locales.i18n.t('login.scanLogin');
+
+  if (qrcodeWays.includes(loginWay)) {
+    switchText = _locales.i18n.t('login.moreWays');
+  }
+
+  var inputNone = !inputWays.includes(loginWay) ? 'none' : '';
+  var qrcodeNone = !qrcodeWays.includes(loginWay) ? 'none' : '';
+  return {
+    switchText: switchText,
+    inputNone: inputNone,
+    qrcodeNone: qrcodeNone
+  };
+};
+
+var GuardLoginView = function GuardLoginView(props) {
+  var _props$config, _props$config2, _props$config4, _props$config5, _props$config$__publi;
+
+  var _useMethods = useMethods(props.config),
+      _useMethods2 = (0, _slicedToArray2.default)(_useMethods, 3),
+      defaultMethod = _useMethods2[0],
+      renderInputWay = _useMethods2[1],
+      renderQrcodeWay = _useMethods2[2];
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(defaultMethod),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      loginWay = _useState2[0],
+      setLoginWay = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      canLoop = _useState4[0],
+      setCanLoop = _useState4[1]; // 允许轮询
+
+
+  var client = (0, _authClient.useGuardAuthClient)();
+  var publicConfig = (0, _context.usePublicConfig)();
+
+  var _useState5 = (0, _react.useState)(0),
+      _useState6 = (0, _slicedToArray2.default)(_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 = inputWays.filter(function (way) {
+    return ms.includes(way);
+  })[0];
+  var firstQRcodeWay = qrcodeWays.filter(function (way) {
+    return ms.includes(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.codeMap[code];
+
+    if (code === 200) {
+      return function (data) {
+        if ((0, _utils.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, _module.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) && _antd.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 : _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) {
+        _antd.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');
+
+      _antd.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');
+    };
+  };
+
+  (0, _react.useEffect)(function () {
+    if (qrcodeWays.includes(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.default.createElement("div", {
+    className: "g2-view-container"
+  }, renderInputWay && renderQrcodeWay && /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-qrcode-switch"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
+    placement: "leftTop",
+    content: switchText,
+    overlayClassName: "switch-text",
+    getPopupContainer: function getPopupContainer(node) {
+      if (node) {
+        return node.parentElement;
+      }
+
+      return document.body;
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "switch-img",
+    onClick: function onClick() {
+      _antd.message.destroy();
+
+      if (inputWays.includes(loginWay)) {
+        setLoginWay(firstQRcodeWay);
+      } else if (qrcodeWays.includes(loginWay)) {
+        setLoginWay(firstInputWay);
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "imgae-mask"
+  }), /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
+    type: "authing-a-erweima22",
+    className: "qrcode-switch-image ".concat(inputNone)
+  }), /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
+    type: "authing-diannao",
+    className: "qrcode-switch-image ".concat(qrcodeNone)
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-view-header"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: (_props$config4 = props.config) === null || _props$config4 === void 0 ? void 0 : _props$config4.logo,
+    alt: "",
+    className: "icon"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, t('common.login'), " ", (_props$config5 = props.config) === null || _props$config5 === void 0 ? void 0 : _props$config5.title)), renderInputWay && /*#__PURE__*/_react.default.createElement("div", {
+    className: inputNone
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-view-tabs"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Tabs, {
+    onChange: function onChange(k) {
+      var _props$onLoginTabChan;
+
+      setLoginWay(k);
+
+      _antd.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 : ms.includes(_types.LoginMethods.Password)) && /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+    key: _types.LoginMethods.Password,
+    tab: t('login.pwdLogin')
+  }, /*#__PURE__*/_react.default.createElement(_index.LoginWithPassword, {
+    publicKey: publicKey,
+    autoRegister: autoRegister,
+    host: props.config.__appHost__,
+    onLogin: onLogin,
+    onBeforeLogin: onBeforeLogin,
+    passwordLoginMethods: props.config.passwordLoginMethods
+  })), (ms === null || ms === void 0 ? void 0 : ms.includes(_types.LoginMethods.PhoneCode)) && /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+    key: _types.LoginMethods.PhoneCode,
+    tab: t('login.verifyCodeLogin')
+  }, /*#__PURE__*/_react.default.createElement(_withPhonecode.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 : ms.includes(_types.LoginMethods.LDAP)) && /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+    key: _types.LoginMethods.LDAP,
+    tab: t('login.ldapLogin')
+  }, /*#__PURE__*/_react.default.createElement(_withLDAP.LoginWithLDAP, {
+    publicKey: publicKey,
+    autoRegister: autoRegister,
+    host: props.config.__appHost__,
+    onLogin: onLogin,
+    onBeforeLogin: onBeforeLogin
+  })), (ms === null || ms === void 0 ? void 0 : ms.includes(_types.LoginMethods.AD)) && /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+    key: _types.LoginMethods.AD,
+    tab: t('login.adLogin')
+  }, /*#__PURE__*/_react.default.createElement(_withAD.LoginWithAD, {
+    onLogin: onLogin
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-tips-line"
+  }, !disableResetPwd && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.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, _module.GuardModuleType.FORGET_PWD, {});
+    }
+  }, t('login.forgetPwd')), errorNumber >= 2 && /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      margin: '0 4px',
+      color: '#EAEBEE'
+    }
+  }, "\u4E28")), errorNumber >= 2 && /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: t('common.problem.title')
+  }, /*#__PURE__*/_react.default.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, _module.GuardModuleType.ANY_QUESTIONS, {});
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.IconFont, {
+    type: 'authing-a-question-line1',
+    style: {
+      fontSize: 16
+    }
+  }))), !disableRegister && /*#__PURE__*/_react.default.createElement("span", {
+    className: "go-to-register"
+  }, /*#__PURE__*/_react.default.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, _module.GuardModuleType.REGISTER, {});
+    }
+  }, t('common.registerImmediate'))))), renderQrcodeWay && /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-view-tabs ".concat(qrcodeNone)
+  }, /*#__PURE__*/_react.default.createElement(_antd.Tabs, {
+    onChange: function onChange(k) {
+      var _props$onLoginTabChan2;
+
+      _antd.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 : ms.includes(_types.LoginMethods.WxMinQr)) && /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+    key: _types.LoginMethods.WxMinQr,
+    tab: t('login.scanLogin')
+  }, /*#__PURE__*/_react.default.createElement(_withWechatMiniQrcode.LoginWithWechatMiniQrcode, {
+    onLogin: onLogin,
+    canLoop: canLoop,
+    qrCodeScanOptions: props.config.qrCodeScanOptions
+  })), (ms === null || ms === void 0 ? void 0 : ms.includes(_types.LoginMethods.AppQr)) && /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+    key: _types.LoginMethods.AppQr,
+    tab: t('login.appScanLogin')
+  }, /*#__PURE__*/_react.default.createElement(_withAppQrcode.LoginWithAppQrcode, {
+    onLogin: onLogin,
+    canLoop: canLoop,
+    qrCodeScanOptions: props.config.qrCodeScanOptions
+  })), (ms === null || ms === void 0 ? void 0 : ms.includes(_types.LoginMethods.WechatMpQrcode)) && /*#__PURE__*/_react.default.createElement(_antd.Tabs.TabPane, {
+    key: _types.LoginMethods.WechatMpQrcode,
+    tab: t('login.wechatmpQrcode')
+  }, /*#__PURE__*/_react.default.createElement(_withWechatmpQrcode.LoginWithWechatmpQrcode, {
+    onLogin: onLogin,
+    canLoop: canLoop,
+    qrCodeScanOptions: props.config.qrCodeScanOptions
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "g2-social-login"
+  }, /*#__PURE__*/_react.default.createElement(_socialLogin.SocialLogin, {
+    appId: props.appId,
+    config: props.config,
+    onLogin: onLogin
+  })), /*#__PURE__*/_react.default.createElement(_ChangeLanguage.ChangeLanguage, {
+    langRange: langRange,
+    onLangChange: props.onLangChange
+  }));
+};
+
+exports.GuardLoginView = GuardLoginView;

package/lib/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/lib/Login/interface.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultLoginConfig = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _Type = require("../Type");
+
+var _ = require("..");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(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) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var defaultConfig = _objectSpread(_objectSpread({}, (0, _Type.getDefaultG2Config)()), {}, {
+  autoRegister: false,
+  disableResetPwd: false,
+  disableRegister: false,
+  defaultLoginMethod: _.LoginMethods.Password,
+  loginMethods: [_.LoginMethods.Password, _.LoginMethods.PhoneCode],
+  socialConnectionsBtnShape: 'default',
+  passwordLoginMethods: ['email-password', 'username-password', 'phone-password']
+});
+
+var getDefaultLoginConfig = function getDefaultLoginConfig() {
+  return _objectSpread(_objectSpread({}, (0, _Type.getDefaultG2Config)()), defaultConfig);
+};
+
+exports.getDefaultLoginConfig = getDefaultLoginConfig;

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