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

package/lib/AuthingGuard/api/appConfig.d.ts

@@ -0,0 +1,116 @@
+import { Lang, LoginMethods, Protocol } from '../../../components/AuthingGuard/types';
+import { IAzureAdConnectionConfig, ICasConnectionConfig, IOAuthConnectionConfig, ISamlConnectionConfig, OIDCConnectionConfig, SocialConnectionItem } from './userPoolConfig';
+import { PasswordStrength } from '../../_utils';
+export declare enum ApplicationMfaType {
+    SMS = "SMS",
+    EMAIL = "EMAIL"
+}
+export declare const ApplicationMfaTypeLabel: () => Record<ApplicationMfaType, string>;
+export declare type QrcodeTabsSettings = Record<LoginMethods, Array<{
+    id: string;
+    title: string;
+    isDefault?: boolean;
+}>>;
+export interface OidcClientMetadata {
+    grant_types: string[];
+    client_id: string;
+    redirect_uris: string[];
+    scope: string;
+    response_types: ResponseType[];
+}
+export interface InternalExtendsField {
+    type: 'internal';
+    name: string;
+    label: string;
+    inputType: string;
+    required: boolean;
+    validateRules: any[];
+}
+export interface UserExtendsField {
+    type: 'user';
+    id: string;
+    name: string;
+    label: string;
+    inputType: string;
+    required: boolean;
+    validateRules: any[];
+}
+export declare type ExtendsField = InternalExtendsField | UserExtendsField;
+export interface ApplicationPasswordTabConfig {
+    enabledLoginMethods?: PasswordLoginMethods[];
+}
+export interface Agreement {
+    id: number;
+    title: string;
+    required: boolean;
+    lang: Lang;
+}
+export declare type PasswordLoginMethods = 'username-password' | 'email-password' | 'phone-password';
+export declare type ComplateFiledsPlace = 'register' | 'login';
+export interface ApplicationConfig {
+    id: string;
+    cdnBase: string;
+    userPoolId: string;
+    rootUserPoolId: string;
+    publicKey: string;
+    css: string;
+    name: string;
+    logo: string;
+    description?: string;
+    redirectUris: string[];
+    registerDisabled: boolean;
+    registerTabs: {
+        list: string[];
+        default: string;
+        title: {
+            [x: string]: string;
+        };
+    };
+    qrcodeTabsSettings: QrcodeTabsSettings;
+    loginTabs: {
+        list: string[];
+        default: string;
+        defaultV2?: string;
+        title: {
+            [x: string]: string;
+        };
+    };
+    socialConnections: SocialConnectionItem[];
+    complateFiledsPlace: ComplateFiledsPlace[];
+    extendsFieldsEnabled: boolean;
+    extendsFields: ExtendsField[];
+    identifier: string;
+    identityProviders: {
+        identifier: string;
+        protocol: Protocol;
+        displayName: string;
+        logo: string;
+        config: ISamlConnectionConfig | OIDCConnectionConfig | ICasConnectionConfig | IAzureAdConnectionConfig | IOAuthConnectionConfig;
+    }[];
+    ssoPageComponentDisplay: {
+        autoRegisterThenLoginHintInfo: boolean;
+        forgetPasswordBtn: boolean;
+        idpBtns: boolean;
+        loginBtn: boolean;
+        loginByPhoneCodeTab: boolean;
+        loginByUserPasswordTab: boolean;
+        loginMethodNav: boolean;
+        phoneCodeInput: boolean;
+        registerBtn: boolean;
+        registerByEmailTab: boolean;
+        registerByPhoneTab: boolean;
+        registerMethodNav: boolean;
+        socialLoginBtns: boolean;
+        userPasswordInput: boolean;
+        wxMpScanTab: boolean;
+    };
+    protocol: Protocol;
+    oidcConfig: OidcClientMetadata;
+    passwordTabConfig: ApplicationPasswordTabConfig;
+    agreementEnabled: boolean;
+    agreements: Agreement[];
+    customPasswordStrength: any;
+    passwordStrength: PasswordStrength;
+    verifyCodeLength: number;
+}
+export declare const fetchAppConfig: (appId: string) => Promise<import("../../_utils/http").AuthingResponse<ApplicationConfig>>;

package/lib/AuthingGuard/api/appConfig.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchAppConfig = exports.ApplicationMfaTypeLabel = exports.ApplicationMfaType = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _locales = require("../../_utils/locales");
+
+var _http = require("../../_utils/http");
+
+var ApplicationMfaType;
+exports.ApplicationMfaType = ApplicationMfaType;
+
+(function (ApplicationMfaType) {
+  ApplicationMfaType["SMS"] = "SMS";
+  ApplicationMfaType["EMAIL"] = "EMAIL";
+})(ApplicationMfaType || (exports.ApplicationMfaType = ApplicationMfaType = {}));
+
+var ApplicationMfaTypeLabel = function ApplicationMfaTypeLabel() {
+  var _ref;
+
+  return _ref = {}, (0, _defineProperty2.default)(_ref, ApplicationMfaType.SMS, _locales.i18n.t('common.SMS')), (0, _defineProperty2.default)(_ref, ApplicationMfaType.EMAIL, _locales.i18n.t('common.EmailVerification')), _ref;
+};
+
+exports.ApplicationMfaTypeLabel = ApplicationMfaTypeLabel;
+
+var fetchAppConfig = function fetchAppConfig(appId) {
+  return _http.requestClient.get("/api/v2/applications/".concat(appId, "/public-config"), {
+    credentials: 'include'
+  });
+};
+
+exports.fetchAppConfig = fetchAppConfig;

package/lib/AuthingGuard/api/index.d.ts

@@ -0,0 +1,3 @@
+export * from './sso';
+export * from './appConfig';
+export * from './userPoolConfig';

package/lib/AuthingGuard/api/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _sso = require("./sso");
+
+Object.keys(_sso).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sso[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _sso[key];
+    }
+  });
+});
+
+var _appConfig = require("./appConfig");
+
+Object.keys(_appConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _appConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _appConfig[key];
+    }
+  });
+});
+
+var _userPoolConfig = require("./userPoolConfig");
+
+Object.keys(_userPoolConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _userPoolConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _userPoolConfig[key];
+    }
+  });
+});

package/lib/AuthingGuard/api/sso.d.ts

@@ -0,0 +1,19 @@
+import { User } from '../types';
+export interface SessionData {
+    session: null | {
+        _id: string;
+        cookie: {
+            originalMaxAge: number;
+            expires: Date;
+            secure: boolean;
+            httpOnly: boolean;
+            path: string;
+            sameSite: string;
+        };
+        appId?: string;
+        type: string;
+        userId: string;
+    };
+    userInfo?: User;
+}
+export declare const trackSession: () => Promise<import("../../_utils/http").AuthingResponse<SessionData>>;

package/lib/AuthingGuard/api/sso.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.trackSession = void 0;
+
+var _http = require("../../_utils/http");
+
+var trackSession = function trackSession() {
+  return _http.requestClient.get("/cas/session", {}, {
+    credentials: 'include'
+  });
+};
+
+exports.trackSession = trackSession;

package/lib/AuthingGuard/api/userPoolConfig.d.ts

@@ -0,0 +1,81 @@
+import { Lang, Protocol } from '../types';
+import { SocialConnectionProvider } from 'authing-js-sdk';
+export interface OIDCConnectionConfig {
+    issuerUrl: string;
+    authorizationEdpoint: string;
+    responseType: string;
+    mode: OIDCConnectionMode;
+    clientId: string;
+    clientSecret: string;
+    scopes: string;
+    redirectUri: string;
+}
+export interface IOAuthConnectionConfig {
+    authEndPoint: string;
+    tokenEndPoint: string;
+    scope: string;
+    clientId: string;
+    clientSecret: string;
+    authUrlTemplate: string;
+    codeToTokenScript: string;
+    tokenToUserInfoScript: string;
+    tokenToUserInfoScriptFuncId: string;
+    codeToTokenScriptFuncId: string;
+    authUrl?: string;
+}
+export interface IAzureAdConnectionConfig {
+    microsoftAzureAdDomain: string;
+    clientId: string;
+    syncUserProfileOnLogin: string;
+    emailVerifiedDefault: boolean;
+    authorizationUrl: string;
+    callbackUrl: string;
+}
+export declare enum OIDCConnectionMode {
+    FRONT_CHANNEL = "FRONT_CHANNEL",
+    BACK_CHANNEL = "BACK_CHANNEL"
+}
+export interface ISamlConnectionConfig {
+    signInEndPoint: string;
+    samlRequest?: string;
+    samlIdpCert: string;
+    samlSpCert: string;
+    samlSpKey: string;
+    signOutEndPoint: string;
+    signSamlRequest: boolean;
+    signatureAlgorithm: string;
+    digestAlgorithm: string;
+    protocolBinding: string;
+}
+export interface ICasConnectionConfig {
+    casConnectionLoginUrl: string;
+}
+export interface SocialConnectionItem {
+    name: string;
+    name_en: string;
+    displayName: string;
+    logo: string;
+    description: string;
+    identifier: string;
+    provider: SocialConnectionProvider;
+    authorizationUrl: string;
+    tooltip: Record<Lang, string>;
+}
+export interface EnterpriseConnectionItem {
+    id: string;
+    createdAt: Date;
+    updatedAt: Date;
+    userPoolId: string;
+    protocol: Protocol;
+    identifier: string;
+    displayName: string;
+    logo: string;
+    enabled: boolean;
+    config: OIDCConnectionConfig | ISamlConnectionConfig | ICasConnectionConfig | IAzureAdConnectionConfig | IOAuthConnectionConfig;
+}
+export interface UserPoolConfig {
+    name: string;
+    logo: string;
+    socialConnections: SocialConnectionItem[];
+    enterpriseConnections: EnterpriseConnectionItem[];
+}

package/lib/AuthingGuard/api/userPoolConfig.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OIDCConnectionMode = void 0;
+var OIDCConnectionMode;
+exports.OIDCConnectionMode = OIDCConnectionMode;
+
+(function (OIDCConnectionMode) {
+  OIDCConnectionMode["FRONT_CHANNEL"] = "FRONT_CHANNEL";
+  OIDCConnectionMode["BACK_CHANNEL"] = "BACK_CHANNEL";
+})(OIDCConnectionMode || (exports.OIDCConnectionMode = OIDCConnectionMode = {})); // export const fetchUserPoolConfig = (userPoolId: string) =>
+//   requestClient.get<UserPoolConfig>(
+//     `/api/v2/userpools/${userPoolId}/public-config`
+//   )

package/lib/AuthingGuard/constants.d.ts

@@ -0,0 +1,32 @@
+import { UserConfig, LoginMethods, RegisterMethods, LocalesConfig } from '../../components/AuthingGuard/types';
+export declare const OTP_MFA_CODE = 1635;
+export declare const APP_MFA_CODE = 1636;
+export declare const NEED_CAPTCHA = 2000;
+export declare const LOGIN_METHODS_MAP: () => {
+    password: string;
+    "phone-code": string;
+    "app-qrcode": string;
+    "wechat-miniprogram-qrcode": string;
+    ldap: string;
+    ad: string;
+    "wechatmp-qrcode": string;
+};
+export declare const REGISTER_METHODS_MAP: () => {
+    email: string;
+    phone: string;
+};
+export declare const HIDE_SOCIALS: string[];
+export declare enum ApplicationMfaType {
+    SMS = "SMS",
+    EMAIL = "EMAIL"
+}
+export declare const defaultGuardConfig: Partial<UserConfig>;
+export declare const defaultLocalesConfig: LocalesConfig;
+export declare const defaultHeaders: {
+    'userpool-id': string;
+    'app-id': string;
+    'tenant-id': string;
+    'sdk-version': string;
+    'request-from': string;
+    lang: string;
+};

package/lib/AuthingGuard/constants.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLocalesConfig = exports.defaultHeaders = exports.defaultGuardConfig = exports.REGISTER_METHODS_MAP = exports.OTP_MFA_CODE = exports.NEED_CAPTCHA = exports.LOGIN_METHODS_MAP = exports.HIDE_SOCIALS = exports.ApplicationMfaType = exports.APP_MFA_CODE = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _types = require("../../components/AuthingGuard/types");
+
+var _locales = require("../_utils/locales");
+
+// 个人版 OTP MFA 的 error code
+var OTP_MFA_CODE = 1635; // 企业版手机和短信验证吗 MFA 的 error code
+
+exports.OTP_MFA_CODE = OTP_MFA_CODE;
+var APP_MFA_CODE = 1636; // 需要验证吗
+
+exports.APP_MFA_CODE = APP_MFA_CODE;
+var NEED_CAPTCHA = 2000;
+exports.NEED_CAPTCHA = NEED_CAPTCHA;
+
+var LOGIN_METHODS_MAP = function LOGIN_METHODS_MAP() {
+  var _ref;
+
+  return _ref = {}, (0, _defineProperty2.default)(_ref, _types.LoginMethods.Password, _locales.i18n.t('login.pwdLogin')), (0, _defineProperty2.default)(_ref, _types.LoginMethods.PhoneCode, _locales.i18n.t('login.verifyCodeLogin')), (0, _defineProperty2.default)(_ref, _types.LoginMethods.AppQr, _locales.i18n.t('login.appScanLogin')), (0, _defineProperty2.default)(_ref, _types.LoginMethods.WxMinQr, _locales.i18n.t('login.scanLogin')), (0, _defineProperty2.default)(_ref, _types.LoginMethods.LDAP, _locales.i18n.t('login.ldapLogin')), (0, _defineProperty2.default)(_ref, _types.LoginMethods.AD, _locales.i18n.t('login.adLogin')), (0, _defineProperty2.default)(_ref, _types.LoginMethods.WechatMpQrcode, _locales.i18n.t('login.wechatmpQrcode')), _ref;
+};
+
+exports.LOGIN_METHODS_MAP = LOGIN_METHODS_MAP;
+
+var REGISTER_METHODS_MAP = function REGISTER_METHODS_MAP() {
+  var _ref2;
+
+  return _ref2 = {}, (0, _defineProperty2.default)(_ref2, _types.RegisterMethods.Email, _locales.i18n.t('login.emailRegister')), (0, _defineProperty2.default)(_ref2, _types.RegisterMethods.Phone, _locales.i18n.t('login.phoneRegister')), _ref2;
+}; // 某些社会化登录会在 tabs 中显示，或者无法在 Guard 中使用，所以底部不显示了
+
+
+exports.REGISTER_METHODS_MAP = REGISTER_METHODS_MAP;
+var HIDE_SOCIALS = ['wechat:miniprogram:app-launch', 'wechat:miniprogram:qrconnect', 'wechat:webpage-authorization', 'wechat:miniprogram:default', 'wechatwork:addressbook', 'wechat:mobile']; // 企业版 MFA 支持的方式
+
+exports.HIDE_SOCIALS = HIDE_SOCIALS;
+var ApplicationMfaType;
+exports.ApplicationMfaType = ApplicationMfaType;
+
+(function (ApplicationMfaType) {
+  ApplicationMfaType["SMS"] = "SMS";
+  ApplicationMfaType["EMAIL"] = "EMAIL";
+})(ApplicationMfaType || (exports.ApplicationMfaType = ApplicationMfaType = {}));
+
+var defaultGuardConfig = {
+  isSSO: false,
+  title: 'Authing',
+  text: {
+    loginTabs: LOGIN_METHODS_MAP(),
+    loginBtn: {
+      normal: '登录',
+      loading: '登录'
+    },
+    registerBtn: {
+      normal: '注册',
+      loading: '注册'
+    }
+  },
+  escCloseable: true,
+  autoRegister: false,
+  clickCloseable: true,
+  mode: _types.GuardMode.Normal,
+  disableRegister: false,
+  disableResetPwd: false,
+  defaultScenes: _types.GuardScenes.Login,
+  appHost: 'https://core.authing.cn',
+  defaultLoginMethod: _types.LoginMethods.Password,
+  defaultRegisterMethod: _types.RegisterMethods.Email,
+  loginMethods: [_types.LoginMethods.Password, _types.LoginMethods.PhoneCode],
+  registerMethods: [_types.RegisterMethods.Email, _types.RegisterMethods.Phone],
+  logo: 'https://files.authing.co/user-contents/photos/0a4c99ff-b8ce-4030-aaaf-584c807cb21c.png',
+  passwordLoginMethods: ['email-password', 'username-password', 'phone-password']
+};
+exports.defaultGuardConfig = defaultGuardConfig;
+var defaultLocalesConfig = {
+  defaultLang: 'zh-CN',
+  isShowChange: false
+};
+exports.defaultLocalesConfig = defaultLocalesConfig;
+var defaultHeaders = {
+  'userpool-id': 'x-authing-userpool-id',
+  'app-id': 'x-authing-app-id',
+  'tenant-id': 'x-authing-app-tenant-id',
+  'request-from': 'x-authing-request-from',
+  'sdk-version': 'x-authing-sdk-version',
+  lang: 'x-authing-lang'
+};
+exports.defaultHeaders = defaultHeaders;

package/lib/AuthingGuard/hooks/index.d.ts

@@ -0,0 +1,20 @@
+import { AuthenticationClient, AuthenticationClientOptions } from 'authing-js-sdk';
+export interface AuthClientConfig extends AuthenticationClientOptions {
+    /**
+     * @deprecated 使用 appHost
+     */
+    appDomain?: string;
+    /**
+     * @deprecated 无需传入
+     */
+    isSSO?: boolean;
+    /**
+     * @deprecated 使用 appHost
+     */
+    host?: string;
+}
+export declare const initAuthClient: (config: AuthClientConfig) => AuthenticationClient;
+export declare const useAuthing: (config?: AuthClientConfig | undefined) => {
+    authClient: AuthenticationClient | null;
+};
+export declare const getAuthClient: (config?: AuthClientConfig | undefined) => AuthenticationClient | null;

package/lib/AuthingGuard/hooks/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAuthing = exports.initAuthClient = exports.getAuthClient = void 0;
+
+var _authingJsSdk = require("authing-js-sdk");
+
+var _constants = require("../constants");
+
+var authClient = null;
+
+var initAuthClient = function initAuthClient(config) {
+  if (authClient) {
+    return authClient;
+  }
+
+  var appHost = config.appHost,
+      appDomain = config.appDomain,
+      host = config.host;
+  /**
+   * 兼容之前的参数
+   */
+
+  var realHost;
+
+  if (appHost) {
+    realHost = appHost;
+  } else if (appDomain) {
+    var parsedUrl = new URL(host || _constants.defaultGuardConfig.appHost);
+    realHost = "".concat(parsedUrl.protocol, "//").concat(appDomain).concat(parsedUrl.port ? ':' + parsedUrl.port : '');
+  } else if (host) {
+    realHost = host;
+  } else {
+    realHost = _constants.defaultGuardConfig.appHost;
+  }
+
+  config.appHost = realHost;
+  authClient = new _authingJsSdk.AuthenticationClient(config);
+  return authClient;
+};
+
+exports.initAuthClient = initAuthClient;
+
+var useAuthing = function useAuthing(config) {
+  return {
+    authClient: getAuthClient(config)
+  };
+};
+
+exports.useAuthing = useAuthing;
+
+var getAuthClient = function getAuthClient(config) {
+  if (!authClient && !config) {
+    throw new Error('Please `initAuthClient` first or pass `AuthClientConfig` to useAuthing.');
+  }
+
+  if (config) {
+    initAuthClient(config);
+  }
+
+  return authClient;
+};
+
+exports.getAuthClient = getAuthClient;

package/lib/AuthingGuard/hooks/useScreenSize.d.ts

@@ -0,0 +1,10 @@
+export declare enum ScreenSize {
+    Mobile = "mobile",
+    Desktop = "desktop"
+}
+export declare const SCREEN_SIZE_RANG: {
+    size: ScreenSize;
+    range: [number, number];
+}[];
+export declare const getScreenSize: () => ScreenSize | ScreenSize.Desktop;
+export declare const useScreenSize: () => ScreenSize[];

package/lib/AuthingGuard/hooks/useScreenSize.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenSize = exports.getScreenSize = exports.ScreenSize = exports.SCREEN_SIZE_RANG = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = require("react");
+
+// import { inRange, debounce } from 'lodash'
+function debounce(fn, delay) {
+  var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var timer;
+  return function () {
+    var context = this;
+    var args = arguments;
+    timer && clearTimeout(timer);
+
+    if (immediate && !timer) {
+      fn.apply(context, args);
+    }
+
+    timer = setTimeout(function () {
+      fn.apply(context, args);
+    }, delay);
+  };
+}
+
+function inRange(n, start, end) {
+  if (end || end === 0) {
+    return n >= start && n <= end;
+  }
+
+  return n >= start;
+}
+
+var ScreenSize;
+exports.ScreenSize = ScreenSize;
+
+(function (ScreenSize) {
+  ScreenSize["Mobile"] = "mobile";
+  ScreenSize["Desktop"] = "desktop";
+})(ScreenSize || (exports.ScreenSize = ScreenSize = {}));
+
+var SCREEN_SIZE_RANG = [{
+  size: ScreenSize.Mobile,
+  range: [0, 719]
+}, {
+  size: ScreenSize.Desktop,
+  range: [720, Infinity]
+}];
+exports.SCREEN_SIZE_RANG = SCREEN_SIZE_RANG;
+
+var getScreenSize = function getScreenSize() {
+  var _SCREEN_SIZE_RANG$fin, _SCREEN_SIZE_RANG$fin2;
+
+  var viewportWidth = document.body.clientWidth;
+  return (_SCREEN_SIZE_RANG$fin = (_SCREEN_SIZE_RANG$fin2 = SCREEN_SIZE_RANG.find(function (item) {
+    return inRange.apply(void 0, [viewportWidth].concat((0, _toConsumableArray2.default)(item.range)));
+  })) === null || _SCREEN_SIZE_RANG$fin2 === void 0 ? void 0 : _SCREEN_SIZE_RANG$fin2.size) !== null && _SCREEN_SIZE_RANG$fin !== void 0 ? _SCREEN_SIZE_RANG$fin : ScreenSize.Desktop;
+};
+
+exports.getScreenSize = getScreenSize;
+
+var useScreenSize = function useScreenSize() {
+  var _useState = (0, _react.useState)(getScreenSize),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      screenSize = _useState2[0],
+      setScreenSize = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var onResize = debounce(function () {
+      setScreenSize(getScreenSize());
+    }, 200);
+    window.addEventListener('resize', onResize);
+    return function () {
+      return window.removeEventListener('resize', onResize);
+    };
+  }, []);
+  return [screenSize];
+};
+
+exports.useScreenSize = useScreenSize;

package/lib/AuthingGuard/index.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { UserConfig, GuardEventsHandler } from './types/GuardConfig';
+interface AuthingGuardProps extends GuardEventsHandler {
+    appId: string;
+    tenantId?: string;
+    config?: UserConfig;
+    visible?: boolean;
+    className?: string;
+    id?: string;
+}
+export declare const AuthingGuard: FC<AuthingGuardProps>;
+export {};