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

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

@@ -0,0 +1,116 @@
+import { Lang, LoginMethods, Protocol } from '../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/es/AuthingGuard/api/appConfig.js

@@ -0,0 +1,20 @@
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import { i18n } from '../../_utils/locales';
+import { requestClient } from '../../_utils/http';
+export var ApplicationMfaType;
+
+(function (ApplicationMfaType) {
+  ApplicationMfaType["SMS"] = "SMS";
+  ApplicationMfaType["EMAIL"] = "EMAIL";
+})(ApplicationMfaType || (ApplicationMfaType = {}));
+
+export var ApplicationMfaTypeLabel = function ApplicationMfaTypeLabel() {
+  var _ref;
+
+  return _ref = {}, _defineProperty(_ref, ApplicationMfaType.SMS, i18n.t('common.SMS')), _defineProperty(_ref, ApplicationMfaType.EMAIL, i18n.t('common.EmailVerification')), _ref;
+};
+export var fetchAppConfig = function fetchAppConfig(appId) {
+  return requestClient.get("/api/v2/applications/".concat(appId, "/public-config"), {
+    credentials: 'include'
+  });
+};

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

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

package/es/AuthingGuard/api/index.js

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

package/es/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/es/AuthingGuard/api/sso.js

@@ -0,0 +1,6 @@
+import { requestClient } from '../../_utils/http';
+export var trackSession = function trackSession() {
+  return requestClient.get("/cas/session", {}, {
+    credentials: 'include'
+  });
+};

package/es/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/es/AuthingGuard/api/userPoolConfig.js

@@ -0,0 +1,9 @@
+export var OIDCConnectionMode;
+
+(function (OIDCConnectionMode) {
+  OIDCConnectionMode["FRONT_CHANNEL"] = "FRONT_CHANNEL";
+  OIDCConnectionMode["BACK_CHANNEL"] = "BACK_CHANNEL";
+})(OIDCConnectionMode || (OIDCConnectionMode = {})); // export const fetchUserPoolConfig = (userPoolId: string) =>
+//   requestClient.get<UserPoolConfig>(
+//     `/api/v2/userpools/${userPoolId}/public-config`
+//   )

package/es/AuthingGuard/constants.d.ts

@@ -0,0 +1,32 @@
+import { UserConfig, LoginMethods, RegisterMethods, LocalesConfig } from './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/es/AuthingGuard/constants.js

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

package/es/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/es/AuthingGuard/hooks/index.js

@@ -0,0 +1,52 @@
+import _URL from "@babel/runtime-corejs3/core-js-stable/url";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import { AuthenticationClient } from 'authing-js-sdk';
+import { defaultGuardConfig } from '../constants';
+var authClient = null;
+export 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 _context, _context2;
+
+    var parsedUrl = new _URL(host || defaultGuardConfig.appHost);
+    realHost = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(parsedUrl.protocol, "//")).call(_context2, appDomain)).call(_context, parsedUrl.port ? ':' + parsedUrl.port : '');
+  } else if (host) {
+    realHost = host;
+  } else {
+    realHost = defaultGuardConfig.appHost;
+  }
+
+  config.appHost = realHost;
+  authClient = new AuthenticationClient(config);
+  return authClient;
+};
+export var useAuthing = function useAuthing(config) {
+  return {
+    authClient: getAuthClient(config)
+  };
+};
+export 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;
+};

package/es/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/es/AuthingGuard/hooks/useScreenSize.js

@@ -0,0 +1,74 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
+import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import { useState, useEffect } from '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;
+}
+
+export var ScreenSize;
+
+(function (ScreenSize) {
+  ScreenSize["Mobile"] = "mobile";
+  ScreenSize["Desktop"] = "desktop";
+})(ScreenSize || (ScreenSize = {}));
+
+export var SCREEN_SIZE_RANG = [{
+  size: ScreenSize.Mobile,
+  range: [0, 719]
+}, {
+  size: ScreenSize.Desktop,
+  range: [720, Infinity]
+}];
+export 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 = _findInstanceProperty(SCREEN_SIZE_RANG).call(SCREEN_SIZE_RANG, function (item) {
+    var _context;
+
+    return inRange.apply(void 0, _concatInstanceProperty(_context = [viewportWidth]).call(_context, _toConsumableArray(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;
+};
+export var useScreenSize = function useScreenSize() {
+  var _useState = useState(getScreenSize),
+      _useState2 = _slicedToArray(_useState, 2),
+      screenSize = _useState2[0],
+      setScreenSize = _useState2[1];
+
+  useEffect(function () {
+    var onResize = debounce(function () {
+      setScreenSize(getScreenSize());
+    }, 200);
+    window.addEventListener('resize', onResize);
+    return function () {
+      return window.removeEventListener('resize', onResize);
+    };
+  }, []);
+  return [screenSize];
+};

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

package/es/AuthingGuard/index.js

@@ -0,0 +1,135 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+import "antd/lib/message/style";
+import _message from "antd/lib/message";
+var _excluded = ["appId", "tenantId", "config", "visible", "className", "id"];
+
+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 _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source), true)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context5; _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import _URL from "@babel/runtime-corejs3/core-js-stable/url";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+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 React from 'react';
+import { AuthenticationClient } from 'authing-js-sdk';
+import { GuardContext } from '../context/global/context';
+import { GuardScenes } from './types';
+import { requestClient } from '../_utils/http';
+import { defaultGuardConfig, OTP_MFA_CODE, APP_MFA_CODE, defaultLocalesConfig, defaultHeaders } from './constants';
+import { GuardLayout } from './GuardLayout';
+import { initI18n } from '../_utils/locales';
+var PREFIX_CLS = 'authing-ant';
+
+_message.config({
+  prefixCls: "".concat(PREFIX_CLS, "-message")
+});
+
+export var AuthingGuard = function AuthingGuard(_ref) {
+  var _localesConfig$defaul, _activeTabs;
+
+  var appId = _ref.appId,
+      tenantId = _ref.tenantId,
+      _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {} : _ref$config,
+      visible = _ref.visible,
+      className = _ref.className,
+      id = _ref.id,
+      guardEvents = _objectWithoutProperties(_ref, _excluded);
+
+  var apiHost = config.apiHost,
+      appDomain = config.appDomain,
+      appHost = config.appHost,
+      _config$defaultLoginM = config.defaultLoginMethod,
+      defaultLoginMethod = _config$defaultLoginM === void 0 ? defaultGuardConfig.defaultLoginMethod : _config$defaultLoginM,
+      _config$defaultScenes = config.defaultScenes,
+      defaultScenes = _config$defaultScenes === void 0 ? defaultGuardConfig.defaultScenes : _config$defaultScenes,
+      _config$defaultRegist = config.defaultRegisterMethod,
+      defaultRegisterMethod = _config$defaultRegist === void 0 ? defaultGuardConfig.defaultRegisterMethod : _config$defaultRegist,
+      lang = config.lang,
+      _config$localesConfig = config.localesConfig,
+      localesConfig = _config$localesConfig === void 0 ? defaultLocalesConfig : _config$localesConfig,
+      _config$headers = config.headers,
+      headers = _config$headers === void 0 ? defaultHeaders : _config$headers;
+  initI18n(localesConfig, lang);
+  var realHost;
+
+  if (appHost) {
+    realHost = appHost;
+  } else if (appDomain) {
+    var _context, _context2;
+
+    var parsedUrl = new _URL(defaultGuardConfig.appHost);
+    realHost = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(parsedUrl.protocol, "//")).call(_context2, appDomain)).call(_context, parsedUrl.port ? ':' + parsedUrl.port : '');
+  } else {
+    realHost = apiHost || defaultGuardConfig.appHost;
+  }
+
+  requestClient.setBaseUrl(realHost);
+  requestClient.setLangHeader(headers === null || headers === void 0 ? void 0 : headers.lang);
+
+  if (tenantId) {
+    requestClient.setTenantHeader(headers === null || headers === void 0 ? void 0 : headers['tenant-id']);
+    requestClient.setTenantId(tenantId);
+  }
+
+  var authClient = new AuthenticationClient({
+    appHost: realHost,
+    appId: appId,
+    tenantId: tenantId,
+    requestFrom: 'ui-components',
+    lang: (_localesConfig$defaul = localesConfig.defaultLang) !== null && _localesConfig$defaul !== void 0 ? _localesConfig$defaul : lang,
+    headers: headers,
+    onError: function onError(code, msg) {
+      var _context3;
+
+      if (code === 2020) {
+        return;
+      }
+
+      if (_includesInstanceProperty(_context3 = [OTP_MFA_CODE, APP_MFA_CODE]).call(_context3, code)) {
+        _message.info(msg);
+
+        return;
+      }
+
+      _message.error(msg);
+    }
+  });
+  var activeTabs = (_activeTabs = {}, _defineProperty(_activeTabs, GuardScenes.Login, defaultLoginMethod), _defineProperty(_activeTabs, GuardScenes.Register, defaultRegisterMethod), _activeTabs);
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: PREFIX_CLS
+  }, /*#__PURE__*/React.createElement(GuardContext, {
+    value: {
+      authClient: authClient,
+      config: _objectSpread({}, config),
+      userConfig: config,
+      appId: appId,
+      guardScenes: defaultScenes,
+      activeTabs: activeTabs,
+      guardTitle: config.title,
+      mfaData: {
+        mfaToken: ''
+      },
+      guardEvents: guardEvents,
+      localesConfig: config.localesConfig,
+      realHost: realHost
+    }
+  }, /*#__PURE__*/React.createElement(GuardLayout, {
+    id: id,
+    className: className,
+    visible: visible,
+    lang: lang,
+    userConfig: config
+  })));
+};