@authing/react-ui-components 3.0.2-alpha.2 → 3.0.2-beta.12

package/lib/index.d.ts

@@ -358,7 +358,7 @@ declare module '@authing/react-ui-components/components/AuthingGuard/ToggleLang/
 
 }
 declare module '@authing/react-ui-components/components/AuthingGuard/api/appConfig' {
-  import { Lang, Protocol } from '@authing/react-ui-components/components/AuthingGuard/types/index';
+  import { Lang, LoginMethods, Protocol } from '@authing/react-ui-components/components/AuthingGuard/types/index';
   import { IAzureAdConnectionConfig, ICasConnectionConfig, IOAuthConnectionConfig, ISamlConnectionConfig, OIDCConnectionConfig, SocialConnectionItem } from '@authing/react-ui-components/components/AuthingGuard/api/userPoolConfig';
   import { PasswordStrength } from '@authing/react-ui-components/components/_utils/index';
   export enum ApplicationMfaType {
@@ -366,6 +366,11 @@ declare module '@authing/react-ui-components/components/AuthingGuard/api/appConf
       EMAIL = "EMAIL"
   }
   export const ApplicationMfaTypeLabel: () => Record<ApplicationMfaType, string>;
+  export type QrcodeTabsSettings = Record<LoginMethods, Array<{
+      id: string;
+      title: string;
+      isDefault?: boolean;
+  }>>;
   export interface OidcClientMetadata {
       grant_types: string[];
       client_id: string;
@@ -406,6 +411,7 @@ declare module '@authing/react-ui-components/components/AuthingGuard/api/appConf
       css: string;
       name: string;
       logo: string;
+      description?: string;
       redirectUris: string[];
       registerDisabled: boolean;
       registerTabs: {
@@ -415,9 +421,11 @@ declare module '@authing/react-ui-components/components/AuthingGuard/api/appConf
               [x: string]: string;
           };
       };
+      qrcodeTabsSettings: QrcodeTabsSettings;
       loginTabs: {
           list: string[];
           default: string;
+          defaultV2?: string;
           title: {
               [x: string]: string;
           };
@@ -546,8 +554,10 @@ declare module '@authing/react-ui-components/components/AuthingGuard/api/userPoo
   export interface SocialConnectionItem {
       name: string;
       name_en: string;
+      displayName: string;
       logo: string;
       description: string;
+      identifier: string;
       provider: SocialConnectionProvider;
       authorizationUrl: string;
       tooltip: Record<Lang, string>;
@@ -600,6 +610,7 @@ declare module '@authing/react-ui-components/components/AuthingGuard/constants'
   export const defaultHeaders: {
       'userpool-id': string;
       'app-id': string;
+      'tenant-id': string;
       'sdk-version': string;
       'request-from': string;
       lang: string;
@@ -648,6 +659,7 @@ declare module '@authing/react-ui-components/components/AuthingGuard/index' {
   import './style.less';
   interface AuthingGuardProps extends GuardEventsHandler {
       appId: string;
+      tenantId?: string;
       config?: UserConfig;
       visible?: boolean;
       className?: string;
@@ -682,6 +694,7 @@ declare module '@authing/react-ui-components/components/AuthingGuard/types/Forms
   }
   export interface QrLoginFormProps extends BaseFormProps {
       type: LoginMethods.AppQr | LoginMethods.WxMinQr | LoginMethods.WechatMpQrcode;
+      idpId?: string;
   }
   export interface EmailRegisterFormProps extends BaseFormProps {
       onValidateFail?: (error: any) => void;
@@ -741,7 +754,7 @@ declare module '@authing/react-ui-components/components/AuthingGuard/types/Forms
 declare module '@authing/react-ui-components/components/AuthingGuard/types/GuardConfig' {
   import { AuthenticationClient, AuthenticationClientOptions, CommonMessage, SocialConnectionProvider, User } from 'authing-js-sdk';
   import { QrCodeAuthenticationClient } from 'authing-js-sdk/build/main/lib/authentication/QrCodeAuthenticationClient';
-  import { SocialConnectionItem, EnterpriseConnectionItem, ApplicationConfig, PasswordLoginMethods, Agreement } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  import { SocialConnectionItem, EnterpriseConnectionItem, ApplicationConfig, PasswordLoginMethods, Agreement, QrcodeTabsSettings } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   import { Lang } from '@authing/react-ui-components/components/AuthingGuard/types/Locales';
   export type { AuthenticationClient, CommonMessage, User } from 'authing-js-sdk';
   export enum GuardMode {
@@ -915,6 +928,7 @@ declare module '@authing/react-ui-components/components/AuthingGuard/types/Guard
   export interface UserConfig {
       logo?: string;
       title?: string;
+      description?: string;
       zIndex?: number;
       isSSO?: boolean;
       mode?: GuardMode;
@@ -971,6 +985,8 @@ declare module '@authing/react-ui-components/components/AuthingGuard/types/Guard
       publicKey: ApplicationConfig['publicKey'];
       agreementEnabled: boolean;
       agreements: Agreement[];
+      loginMethodTitleMapping: Record<string, string>;
+      qrcodeTabsSettings: QrcodeTabsSettings;
   }
   export interface LocalesConfig {
       defaultLang?: Lang;
@@ -1049,7 +1065,7 @@ declare module '@authing/react-ui-components/components/BindTotp/index' {
 declare module '@authing/react-ui-components/components/BindTotp/interface' {
   import { IG2Config, IG2Events, IG2FCProps } from '@authing/react-ui-components/components/Type/index';
   import { AuthenticationClient, User } from '@authing/react-ui-components/components/index';
-  import { GuardMFAInitData } from '@authing/react-ui-components/components/MFA/props';
+  import { GuardMFAInitData } from '@authing/react-ui-components/components/MFA/interface';
   export interface BindTotpConfig extends IG2Config {
   }
   export const getDefaultMFAConfig: () => BindTotpConfig;
@@ -1124,7 +1140,7 @@ declare module '@authing/react-ui-components/components/CompleteInfo/interface'
   import { IG2Config, IG2Events, IG2FCProps } from '@authing/react-ui-components/components/Type/index';
   export interface CompleteInfoConfig extends IG2Config {
   }
-  export const getDefaultLoginConfig: () => CompleteInfoConfig;
+  export const getDefaultCompleteInfoConfig: () => CompleteInfoConfig;
   export interface CompleteInfoEvents extends IG2Events {
       onRegisterInfoCompleted?: (user: User, udfs: {
           definition: any;
@@ -1237,6 +1253,7 @@ declare module '@authing/react-ui-components/components/Guard/Guard' {
   import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/config';
   import './styles.less';
   export interface GuardProps extends GuardEvents, IG2FCProps {
+      tenantId?: string;
       config?: Partial<GuardLocalConfig>;
       visible?: boolean;
   }
@@ -1246,14 +1263,14 @@ declare module '@authing/react-ui-components/components/Guard/Guard' {
 declare module '@authing/react-ui-components/components/Guard/authClient' {
   import { AuthenticationClient } from 'authing-js-sdk';
   import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/config';
-  export const initAuthClient: (config: GuardLocalConfig, appId: string) => AuthenticationClient;
+  export const initAuthClient: (config: GuardLocalConfig, appId: string, tenantId?: string | undefined) => AuthenticationClient;
   export const getAuthClient: () => AuthenticationClient;
   export const useAuthClient: () => AuthenticationClient;
 
 }
 declare module '@authing/react-ui-components/components/Guard/config' {
-  import { LoginConfig } from '@authing/react-ui-components/components/Login/props';
-  import { RegisterConfig } from '@authing/react-ui-components/components/Register/props';
+  import { LoginConfig } from '@authing/react-ui-components/components/Login/interface';
+  import { RegisterConfig } from '@authing/react-ui-components/components/Register/interface';
   export interface GuardComponentConifg extends Partial<GuardLocalConfig> {
   }
   export interface GuardLocalConfig extends RegisterConfig, LoginConfig {
@@ -1264,8 +1281,8 @@ declare module '@authing/react-ui-components/components/Guard/config' {
 declare module '@authing/react-ui-components/components/Guard/event' {
   import { CompleteInfoEvents } from '@authing/react-ui-components/components/CompleteInfo/interface';
   import { ForgetPasswordEvents } from '@authing/react-ui-components/components/ForgetPassword/interface';
-  import { LoginEvents } from '@authing/react-ui-components/components/Login/props';
-  import { RegisterEvents } from '@authing/react-ui-components/components/Register/props';
+  import { LoginEvents } from '@authing/react-ui-components/components/Login/interface';
+  import { RegisterEvents } from '@authing/react-ui-components/components/Register/interface';
   export interface GuardEvents extends LoginEvents, RegisterEvents, CompleteInfoEvents, ForgetPasswordEvents {
   }
   export const guardEventsFilter: (props: any) => GuardEvents;
@@ -1291,7 +1308,8 @@ declare module '@authing/react-ui-components/components/Guard/module' {
       BIND_TOTP = "bindTotp",
       ANY_QUESTIONS = "anyQuestions",
       COMPLETE_INFO = "completeInfo",
-      RECOVERY_CODE = "recoveryCode"
+      RECOVERY_CODE = "recoveryCode",
+      SUBMIT_SUCCESS = "submitSuccess"
   }
   export interface GuardModuleAction {
       action: string;
@@ -1335,6 +1353,9 @@ declare module '@authing/react-ui-components/components/Guard/stateMachine' {
       setConfig: (config: GuardLocalConfig) => void;
   }
   export const useHistoryHijack: (back?: (() => void) | undefined) => ((state?: any) => void)[];
+  export const initGuardStateMachine: (changeMouleEvent: ChangeModuleEvent, initData: ModuleState) => GuardStateMachine;
+  export const getGuardStateMachine: () => GuardStateMachine;
+  export const useGuardStateMachine: () => GuardStateMachine;
 
 }
 declare module '@authing/react-ui-components/components/IconFont/iconfont' {
@@ -1357,9 +1378,9 @@ declare module '@authing/react-ui-components/components/IconFont/svg' {
 
 }
 declare module '@authing/react-ui-components/components/ImagePro/index' {
-  /// <reference types="react" />
+  import React from 'react';
   import './styles.less';
-  export interface ImageProProps {
+  export interface ImageProProps extends React.ImgHTMLAttributes<HTMLImageElement> {
       src: string;
       className?: string;
       alt?: string;
@@ -1419,14 +1440,46 @@ declare module '@authing/react-ui-components/components/Login/core/withLDAP' {
   export {};
 
 }
-declare module '@authing/react-ui-components/components/Login/core/withPassword' {
+declare module '@authing/react-ui-components/components/Login/core/withPassword/FormItemAccount' {
+  import { FormItemProps } from 'antd/lib/form';
+  import React from 'react';
+  import { PasswordLoginMethods } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  export interface FormItemAccountProps extends FormItemProps {
+      passwordLoginMethods: PasswordLoginMethods[];
+  }
+  export const FormItemAccount: React.FC<FormItemAccountProps>;
+
+}
+declare module '@authing/react-ui-components/components/Login/core/withPassword/GraphicVerifyCode' {
+  import { InputProps } from 'antd/lib/input';
+  import React from 'react';
+  export interface GraphicVerifyCodeProps extends InputProps {
+      verifyCodeUrl: string;
+      changeCode: () => void;
+  }
+  export const GraphicVerifyCode: React.FC<GraphicVerifyCodeProps>;
+
+}
+declare module '@authing/react-ui-components/components/Login/core/withPassword/InputAccount' {
+  import { InputProps } from 'antd/lib/input';
+  import React from 'react';
+  import { PasswordLoginMethods } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  export interface InputAccountProps extends InputProps {
+      passwordLoginMethods: PasswordLoginMethods[];
+  }
+  export const InputAccount: React.FC<InputAccountProps>;
+
+}
+declare module '@authing/react-ui-components/components/Login/core/withPassword/index' {
   /// <reference types="react" />
+  import { PasswordLoginMethods } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   interface LoginWithPasswordProps {
       publicKey: string;
       autoRegister?: boolean;
       host?: string;
       onLogin: any;
       onBeforeLogin: any;
+      passwordLoginMethods: PasswordLoginMethods[];
   }
   export const LoginWithPassword: (props: LoginWithPasswordProps) => JSX.Element;
   export {};
@@ -1461,12 +1514,12 @@ declare module '@authing/react-ui-components/components/Login/core/withWechatmpQ
 }
 declare module '@authing/react-ui-components/components/Login/index' {
   /// <reference types="react" />
-  import { GuardLoginViewProps } from '@authing/react-ui-components/components/Login/props';
+  import { GuardLoginViewProps } from '@authing/react-ui-components/components/Login/interface';
   import './styles.less';
   export const GuardLoginView: (props: GuardLoginViewProps) => JSX.Element;
 
 }
-declare module '@authing/react-ui-components/components/Login/props' {
+declare module '@authing/react-ui-components/components/Login/interface' {
   import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '@authing/react-ui-components/components/Type/index';
   import { SocialConnectionProvider } from 'authing-js-sdk';
   import { QrCodeAuthenticationClient } from 'authing-js-sdk/build/main/lib/authentication/QrCodeAuthenticationClient';
@@ -1502,7 +1555,7 @@ declare module '@authing/react-ui-components/components/Login/props' {
 }
 declare module '@authing/react-ui-components/components/Login/socialLogin/index' {
   import React from 'react';
-  import { LoginConfig } from '@authing/react-ui-components/components/Login/props';
+  import { LoginConfig } from '@authing/react-ui-components/components/Login/interface';
   import './style.less';
   export interface SocialLoginProps {
       appId: string;
@@ -1511,6 +1564,32 @@ declare module '@authing/react-ui-components/components/Login/socialLogin/index'
   }
   export const SocialLogin: React.FC<SocialLoginProps>;
 
+}
+declare module '@authing/react-ui-components/components/MFA/VerifyCodeInput/VerifyCodeFormItem' {
+  import { FormItemProps } from 'antd/lib/form';
+  import React from 'react';
+  export interface VerifyCodeFormItemProps extends FormItemProps {
+      codeLength: number;
+      ruleKeyword?: string;
+  }
+  export const VerifyCodeFormItem: React.FC<VerifyCodeFormItemProps>;
+
+}
+declare module '@authing/react-ui-components/components/MFA/VerifyCodeInput/index' {
+  import React, { FC } from 'react';
+  import './style.less';
+  interface VerifyCodeInputProps extends React.HTMLAttributes<HTMLDivElement> {
+      length?: number;
+      size?: string;
+      gutter?: string;
+      onEenter?: Function;
+      showDivider?: boolean;
+      onChange?: any;
+      value?: Array<number | string>;
+  }
+  export const VerifyCodeInput: FC<VerifyCodeInputProps>;
+  export {};
+
 }
 declare module '@authing/react-ui-components/components/MFA/codemap' {
   import { GuardModuleAction } from '@authing/react-ui-components/components/Guard/module';
@@ -1519,6 +1598,7 @@ declare module '@authing/react-ui-components/components/MFA/codemap' {
 }
 declare module '@authing/react-ui-components/components/MFA/core/email' {
   import React from 'react';
+  import { MFAConfig } from '@authing/react-ui-components/components/MFA/interface';
   interface BindMFAEmailProps {
       mfaToken: string;
       onBind: (email: string) => void;
@@ -1530,13 +1610,14 @@ declare module '@authing/react-ui-components/components/MFA/core/email' {
       mfaToken: string;
       onVerify: (code: number, data: any) => void;
       sendCodeRef: React.RefObject<HTMLButtonElement>;
+      codeLength: number;
   }
   export const VerifyMFAEmail: React.FC<VerifyMFAEmailProps>;
   export const MFAEmail: React.FC<{
       mfaToken: string;
       email?: string;
       mfaLogin: any;
-      config: any;
+      config: MFAConfig;
   }>;
   export {};
 
@@ -1563,6 +1644,7 @@ declare module '@authing/react-ui-components/components/MFA/core/face_deps' {
 }
 declare module '@authing/react-ui-components/components/MFA/core/sms' {
   import React from 'react';
+  import { MFAConfig } from '@authing/react-ui-components/components/MFA/interface';
   export interface BindMFASmsProps {
       mfaToken: string;
       onBind: (phone: string) => void;
@@ -1574,19 +1656,20 @@ declare module '@authing/react-ui-components/components/MFA/core/sms' {
       phone: string;
       onVerify: (code: number, data: any) => void;
       sendCodeRef: React.RefObject<HTMLButtonElement>;
+      codeLength: number;
   }
   export const VerifyMFASms: React.FC<VerifyMFASmsProps>;
   export const MFASms: React.FC<{
       mfaToken: string;
       phone?: string;
       mfaLogin: any;
-      config: any;
+      config: MFAConfig;
   }>;
 
 }
 declare module '@authing/react-ui-components/components/MFA/core/totp' {
   import React from 'react';
-  import { GuardMFAInitData, MFAConfig } from '@authing/react-ui-components/components/MFA/props';
+  import { GuardMFAInitData, MFAConfig } from '@authing/react-ui-components/components/MFA/interface';
   export interface BindMFATotpProps {
       initData: GuardMFAInitData;
       changeModule: any;
@@ -1608,24 +1691,12 @@ declare module '@authing/react-ui-components/components/MFA/core/totp' {
 }
 declare module '@authing/react-ui-components/components/MFA/index' {
   import React from 'react';
-  import { GuardMFAViewProps } from '@authing/react-ui-components/components/MFA/props';
+  import { GuardMFAViewProps } from '@authing/react-ui-components/components/MFA/interface';
   import './styles.less';
   export const GuardMFAView: React.FC<GuardMFAViewProps>;
 
 }
-declare module '@authing/react-ui-components/components/MFA/mfaMethods/index' {
-  import React from 'react';
-  import { GuardMFAInitData, MFAType } from '@authing/react-ui-components/components/MFA/props';
-  import './style.less';
-  export interface MFAMethodsProps {
-      applicationMfa: GuardMFAInitData['applicationMfa'];
-      method: MFAType;
-      onChangeMethod: (type: MFAType) => void;
-  }
-  export const MFAMethods: React.FC<MFAMethodsProps>;
-
-}
-declare module '@authing/react-ui-components/components/MFA/props' {
+declare module '@authing/react-ui-components/components/MFA/interface' {
   import { IG2Config, IG2Events, IG2FCProps } from '@authing/react-ui-components/components/Type/index';
   import { AuthenticationClient, User } from '@authing/react-ui-components/components/index';
   export interface MFAConfig extends IG2Config {
@@ -1665,6 +1736,18 @@ declare module '@authing/react-ui-components/components/MFA/props' {
       initData: GuardMFAInitData;
   }
 
+}
+declare module '@authing/react-ui-components/components/MFA/mfaMethods/index' {
+  import React from 'react';
+  import { GuardMFAInitData, MFAType } from '@authing/react-ui-components/components/MFA/interface';
+  import './style.less';
+  export interface MFAMethodsProps {
+      applicationMfa: GuardMFAInitData['applicationMfa'];
+      method: MFAType;
+      onChangeMethod: (type: MFAType) => void;
+  }
+  export const MFAMethods: React.FC<MFAMethodsProps>;
+
 }
 declare module '@authing/react-ui-components/components/NeedHelpView/core/describeQuestions' {
   /// <reference types="react" />
@@ -1763,11 +1846,11 @@ declare module '@authing/react-ui-components/components/Register/core/WithPhone'
 }
 declare module '@authing/react-ui-components/components/Register/index' {
   import React from 'react';
-  import { GuardRegisterViewProps } from '@authing/react-ui-components/components/Register/props';
+  import { GuardRegisterViewProps } from '@authing/react-ui-components/components/Register/interface';
   export const GuardRegisterView: React.FC<GuardRegisterViewProps>;
 
 }
-declare module '@authing/react-ui-components/components/Register/props' {
+declare module '@authing/react-ui-components/components/Register/interface' {
   import { RegisterMethods } from 'authing-js-sdk';
   import { IG2FCProps, IG2Config, IG2Events } from '@authing/react-ui-components/components/Type/index';
   import { AuthenticationClient, User, EmailRegisterParams, PhoneRegisterParams } from '@authing/react-ui-components/components/index';
@@ -1828,6 +1911,12 @@ declare module '@authing/react-ui-components/components/ShieldSpin/index' {
   export const Spin: () => JSX.Element;
   export {};
 
+}
+declare module '@authing/react-ui-components/components/ShieldSpin/loading' {
+  /// <reference types="react" />
+  import './style.less';
+  export const ShieldSpinLoading: () => JSX.Element;
+
 }
 declare module '@authing/react-ui-components/components/SubmitButton/index' {
   import React from 'react';
@@ -1839,6 +1928,28 @@ declare module '@authing/react-ui-components/components/SubmitButton/index' {
   const _default: React.ForwardRefExoticComponent<SubmitButtonProps & React.RefAttributes<unknown>>;
   export default _default;
 
+}
+declare module '@authing/react-ui-components/components/SubmitSuccess/index' {
+  import React from 'react';
+  import { GuardSubmitSuccessViewProps } from '@authing/react-ui-components/components/SubmitSuccess/interface';
+  export const GuardSubmitSuccessView: React.FC<GuardSubmitSuccessViewProps>;
+
+}
+declare module '@authing/react-ui-components/components/SubmitSuccess/interface' {
+  import { IG2Config, IG2Events, IG2FCViewProps } from '@authing/react-ui-components/components/Type/index';
+  export interface SubmitSuccessEvents extends IG2Events {
+  }
+  export interface SubmitSuccessConfig extends IG2Config {
+  }
+  export interface SubmitSuccessInitData {
+      title?: string;
+      message?: string;
+  }
+  export interface GuardSubmitSuccessViewProps extends IG2FCViewProps, SubmitSuccessEvents {
+      config: SubmitSuccessConfig;
+      initData?: SubmitSuccessInitData;
+  }
+
 }
 declare module '@authing/react-ui-components/components/Type/index' {
   import { AuthenticationClient, CommonMessage } from 'authing-js-sdk';
@@ -1878,30 +1989,46 @@ declare module '@authing/react-ui-components/components/Type/index' {
   export const getDefaultG2Config: () => IG2Config;
 
 }
-declare module '@authing/react-ui-components/components/ValidatorRules/EmailFormItem' {
+declare module '@authing/react-ui-components/components/ValidatorRules/PasswordFormItem' {
   import React from 'react';
-  import { ICheckProps, ValidatorFormItemProps } from '@authing/react-ui-components/components/ValidatorRules/index';
-  export const EmailFormItem: React.ForwardRefExoticComponent<ValidatorFormItemProps & React.RefAttributes<ICheckProps>>;
+  import { PasswordFormItemProps } from '@authing/react-ui-components/components/ValidatorRules/index';
+  export const PasswordFormItem: React.FC<PasswordFormItemProps>;
 
 }
-declare module '@authing/react-ui-components/components/ValidatorRules/PhoneFormItem' {
+declare module '@authing/react-ui-components/components/ValidatorRules/ValidatorFormItem' {
   import React from 'react';
   import { ICheckProps, ValidatorFormItemProps } from '@authing/react-ui-components/components/ValidatorRules/index';
+  export const EmailFormItem: React.ForwardRefExoticComponent<ValidatorFormItemProps & React.RefAttributes<ICheckProps>>;
   export const PhoneFormItem: React.ForwardRefExoticComponent<ValidatorFormItemProps & React.RefAttributes<ICheckProps>>;
 
 }
 declare module '@authing/react-ui-components/components/ValidatorRules/index' {
   import { FormInstance, FormItemProps } from 'antd/lib/form';
+  import FormItem from 'antd/lib/form/FormItem';
+  import { PasswordFormItem } from '@authing/react-ui-components/components/ValidatorRules/PasswordFormItem';
+  import { EmailFormItem, PhoneFormItem } from '@authing/react-ui-components/components/ValidatorRules/ValidatorFormItem';
   export interface ValidatorFormItemProps extends FormItemProps {
-      userPoolId?: string;
       form?: FormInstance;
       checkRepeat?: boolean;
   }
+  export interface ValidatorFormItemMetaProps extends ValidatorFormItemProps {
+      form?: FormInstance;
+      checkRepeat?: boolean;
+      method: 'email' | 'phone';
+  }
+  export interface PasswordFormItemProps extends FormItemProps {
+  }
   export interface ICheckProps {
-      check: () => void;
+      check: (values: any) => void;
   }
-  export { EmailFormItem } from '@authing/react-ui-components/components/ValidatorRules/EmailFormItem';
-  export { PhoneFormItem } from '@authing/react-ui-components/components/ValidatorRules/PhoneFormItem';
+  type InternalFormItemType = typeof FormItem;
+  interface FormItemInterface extends InternalFormItemType {
+      Password: typeof PasswordFormItem;
+      Email: typeof EmailFormItem;
+      Phone: typeof PhoneFormItem;
+  }
+  const CustomFormItem: FormItemInterface;
+  export default CustomFormItem;
 
 }
 declare module '@authing/react-ui-components/components/VerifyCodeInput/index' {
@@ -1924,7 +2051,8 @@ declare module '@authing/react-ui-components/components/_utils/GuardErrorCode' {
       INPUT_CAPTCHACODE = 2000,
       USER_EXISTENCE = 2026,
       LOGIN_INVALID = 2021,
-      PASSWORD_ERROR = 2333
+      PASSWORD_ERROR = 2333,
+      USER_NOT_EXIST = 2004
   }
 
 }
@@ -1941,6 +2069,17 @@ declare module '@authing/react-ui-components/components/_utils/config' {
       publicConfig: ApplicationConfig;
   }>;
 
+}
+declare module '@authing/react-ui-components/components/_utils/context' {
+  import React from 'react';
+  import { ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  export const createGuardContext: () => {
+      Context: React.Context<ApplicationConfig | undefined>;
+      Provider: React.Provider<ApplicationConfig | undefined>;
+      Consumer: React.Consumer<ApplicationConfig | undefined>;
+  };
+  export const usePublicConfig: () => ApplicationConfig | undefined;
+
 }
 declare module '@authing/react-ui-components/components/_utils/guradHttp' {
   export class GuardHttp {
@@ -1950,6 +2089,8 @@ declare module '@authing/react-ui-components/components/_utils/guradHttp' {
       private getRequestClient;
       setUserpoolId(userpoolId: string): void;
       setAppId(appId: string): void;
+      setTenantId(tenantId: string): void;
+      setBaseUrl(baseUrl: string): void;
       getHeaders: () => Record<string, string>;
       get: <T>(path: string, query?: Record<string, any>, config?: RequestInit | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingResponse<T>>;
       post: <T>(path: string, data: any, config?: {
@@ -1968,7 +2109,7 @@ declare module '@authing/react-ui-components/components/_utils/hooks/index' {
   import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
   export const useChangeModule: () => (nextModuleType: GuardModuleType, nextData?: any) => void;
   export const useAppId: (appId?: string | undefined) => string;
-  export const useDebounce: (fn: any, delay: number) => (...args: any[]) => Promise<void>;
+  export const useDebounce: (fn: any, delay: number) => (...args: any[]) => void;
 
 }
 declare module '@authing/react-ui-components/components/_utils/http' {
@@ -1984,7 +2125,11 @@ declare module '@authing/react-ui-components/components/_utils/http' {
       baseUrl: string;
       setBaseUrl(base: string): void;
       langHeader: string;
+      tenantHeader: string;
+      tenantId: string;
       setLangHeader(key: string | undefined): void;
+      setTenantHeader(key: string | undefined): void;
+      setTenantId(tenantId: string): void;
   };
   export interface AuthingResponse<T = any> {
       code: number;
@@ -2046,6 +2191,7 @@ declare module '@authing/react-ui-components/components/_utils/index' {
   }>;
   export const getSymbolTypeLength: (pwd: string) => number;
   export const getPasswordValidate: (strength?: PasswordStrength, customPasswordStrength?: any) => Rule[];
+  export const sleep: (delay: number) => Promise<unknown>;
 
 }
 declare module '@authing/react-ui-components/components/_utils/locales/en/index' {
@@ -2159,17 +2305,397 @@ declare module '@authing/react-ui-components/components/context/module/context'
 
 }
 declare module '@authing/react-ui-components/components/index' {
+  export * from '@authing/react-ui-components/components/_utils/config';
+  export type { AuthenticationClientOptions } from 'authing-js-sdk';
   export * from '@authing/react-ui-components/components/AuthingGuard/types/index';
   export * from '@authing/react-ui-components/components/AuthingGuard/hooks/index';
-  export type { AuthenticationClientOptions } from 'authing-js-sdk';
+  export * from '@authing/react-ui-components/components/AuthingGuard/index';
   export * from '@authing/react-ui-components/components/Guard/index';
   export * from '@authing/react-ui-components/components/Type/index';
-  export * from '@authing/react-ui-components/components/BindTotp/interface';
-  export * from '@authing/react-ui-components/components/CompleteInfo/interface';
-  export * from '@authing/react-ui-components/components/DownloadAuthenticator/interface';
-  export * from '@authing/react-ui-components/components/Error/interface';
-  export * from '@authing/react-ui-components/components/ForgetPassword/interface';
-  export * from '@authing/react-ui-components/components/_utils/config';
+  export * from '@authing/react-ui-components/components/version/index';
+
+}
+declare module '@authing/react-ui-components/components/version/index' {
+  import version from '@authing/react-ui-components/components/version/version';
+  export default version;
+
+}
+declare module '@authing/react-ui-components/components/version/version' {
+  const _default: "3.0.2-beta.12";
+  export default _default;
+
+}
+declare module '@authing/react-ui-components/config/antdReplacer' {
+  export function antdScopeReplacerFn(node: any): void;
+
+}
+declare module '@authing/react-ui-components/config/env' {
+  export = getClientEnvironment;
+  function getClientEnvironment(publicUrl: any): {
+      raw: {
+          NODE_ENV: "development" | "production" | "test";
+          PUBLIC_URL: any;
+          WDS_SOCKET_HOST: string | undefined;
+          WDS_SOCKET_PATH: string | undefined;
+          WDS_SOCKET_PORT: string | undefined;
+          FAST_REFRESH: boolean;
+      };
+      stringified: {
+          'process.env': {};
+      };
+  };
+
+}
+declare module '@authing/react-ui-components/config/getHttpsConfig' {
+  export = getHttpsConfig;
+  function getHttpsConfig(): boolean | {
+      cert: Buffer;
+      key: Buffer;
+  };
+
+}
+declare module '@authing/react-ui-components/config/jest/cssTransform' {
+  export function process(): string;
+  export function process(): string;
+  export function getCacheKey(): string;
+  export function getCacheKey(): string;
+
+}
+declare module '@authing/react-ui-components/config/jest/fileTransform' {
+  export function process(src: any, filename: any): string;
+  export function process(src: any, filename: any): string;
+
+}
+declare module '@authing/react-ui-components/config/modules' {
+  export const additionalModulePaths: string[] | "" | null;
+  export const hasTsConfig: boolean;
+  export const webpackAliases: {
+      src?: undefined;
+  } | {
+      src: string;
+  } | undefined;
+  export const jestAliases: {
+      '^src/(.*)$'?: undefined;
+  } | {
+      '^src/(.*)$': string;
+  } | undefined;
+
+}
+declare module '@authing/react-ui-components/config/paths' {
+  export const publicUrlOrPath: any;
+  export const moduleFileExtensions: string[];
+  export const dotenv: string;
+  export const appPath: string;
+  export const appBuild: string;
+  export const appPublic: string;
+  export const appHtml: string;
+  export const appIndexJs: any;
+  export const appPackageJson: string;
+  export const appSrc: string;
+  export const appTsConfig: string;
+  export const appJsConfig: string;
+  export const yarnLockFile: string;
+  export const testsSetup: any;
+  export const proxySetup: string;
+  export const appNodeModules: string;
+  export const swSrc: any;
+  export const componentsIndexJs: string;
+  export const libBuild: string;
+
+}
+declare module '@authing/react-ui-components/config/pnpTs' {
+  export function resolveModuleName(typescript: any, moduleName: any, containingFile: any, compilerOptions: any, resolutionHost: any): import("typescript").ResolvedModuleWithFailedLookupLocations;
+  export function resolveTypeReferenceDirective(typescript: any, moduleName: any, containingFile: any, compilerOptions: any, resolutionHost: any): import("typescript").ResolvedModuleWithFailedLookupLocations;
+
+}
+declare module '@authing/react-ui-components/config/webpack.config' {
+  function _exports(webpackEnv: any): {
+      mode: string | false;
+      bail: boolean;
+      devtool: string | boolean;
+      externals: string[] | undefined;
+      entry: any;
+      output: {
+          library: string | undefined;
+          libraryTarget: string | undefined;
+          path: string | undefined;
+          pathinfo: boolean;
+          filename: (chunkData: any) => false | "index.min.js" | "static/js/[name].[contenthash:8].js" | "static/js/bundle.js";
+          futureEmitAssets: boolean;
+          chunkFilename: string | false | undefined;
+          publicPath: any;
+          devtoolModuleFilenameTemplate: false | ((info: any) => string) | undefined;
+          jsonpFunction: string | undefined;
+          globalObject: string;
+      };
+      optimization: {
+          minimize: boolean;
+          minimizer: any[];
+          splitChunks: {
+              cacheGroups: {
+                  default: boolean;
+              };
+              chunks?: undefined;
+              name?: undefined;
+          } | {
+              chunks: string;
+              name: boolean;
+              cacheGroups?: undefined;
+          };
+          runtimeChunk: false | {
+              name: (entrypoint: any) => string;
+          };
+      };
+      resolve: {
+          modules: string[];
+          extensions: string[];
+          alias: {
+              src?: undefined;
+              'react-dom$'?: string;
+              'scheduler/tracing'?: string;
+              'react-native': string;
+          } | {
+              src: string;
+              'react-dom$'?: string;
+              'scheduler/tracing'?: string;
+              'react-native': string;
+          };
+          plugins: any[];
+      };
+      resolveLoader: {
+          plugins: any[];
+      };
+      module: {
+          strictExportPresence: boolean;
+          rules: ({
+              parser: {
+                  requireEnsure: boolean;
+              };
+              oneOf?: undefined;
+          } | {
+              oneOf: ({
+                  test: RegExp[];
+                  loader: string;
+                  options: {
+                      limit: number;
+                      mimetype: string;
+                      name: string;
+                      customize?: undefined;
+                      plugins?: undefined;
+                      cacheDirectory?: undefined;
+                      cacheCompression?: undefined;
+                      compact?: undefined;
+                      babelrc?: undefined;
+                      configFile?: undefined;
+                      presets?: undefined;
+                      sourceMaps?: undefined;
+                      inputSourceMap?: undefined;
+                  };
+                  include?: undefined;
+                  exclude?: undefined;
+                  use?: undefined;
+                  sideEffects?: undefined;
+              } | {
+                  test: RegExp[];
+                  loader: string;
+                  options: {
+                      limit: number;
+                      name: string;
+                      mimetype?: undefined;
+                      customize?: undefined;
+                      plugins?: undefined;
+                      cacheDirectory?: undefined;
+                      cacheCompression?: undefined;
+                      compact?: undefined;
+                      babelrc?: undefined;
+                      configFile?: undefined;
+                      presets?: undefined;
+                      sourceMaps?: undefined;
+                      inputSourceMap?: undefined;
+                  };
+                  include?: undefined;
+                  exclude?: undefined;
+                  use?: undefined;
+                  sideEffects?: undefined;
+              } | {
+                  test: RegExp;
+                  include: string;
+                  loader: string;
+                  options: {
+                      customize: string;
+                      plugins: (string | false | (string | {
+                          loaderMap: {
+                              svg: {
+                                  ReactComponent: string;
+                              };
+                          };
+                      })[] | (string | {
+                          libraryName: string;
+                          style: boolean;
+                      })[])[];
+                      cacheDirectory: boolean;
+                      cacheCompression: boolean;
+                      compact: boolean;
+                      limit?: undefined;
+                      mimetype?: undefined;
+                      name?: undefined;
+                      babelrc?: undefined;
+                      configFile?: undefined;
+                      presets?: undefined;
+                      sourceMaps?: undefined;
+                      inputSourceMap?: undefined;
+                  };
+                  exclude?: undefined;
+                  use?: undefined;
+                  sideEffects?: undefined;
+              } | {
+                  test: RegExp;
+                  exclude: RegExp;
+                  loader: string;
+                  options: {
+                      babelrc: boolean;
+                      configFile: boolean;
+                      compact: boolean;
+                      presets: (string | {
+                          helpers: boolean;
+                      })[][];
+                      cacheDirectory: boolean;
+                      cacheCompression: boolean;
+                      sourceMaps: boolean;
+                      inputSourceMap: boolean;
+                      limit?: undefined;
+                      mimetype?: undefined;
+                      name?: undefined;
+                      customize?: undefined;
+                      plugins?: undefined;
+                  };
+                  include?: undefined;
+                  use?: undefined;
+                  sideEffects?: undefined;
+              } | {
+                  test: RegExp;
+                  exclude: RegExp;
+                  use: (string | false | {
+                      loader: any;
+                      options: {
+                          publicPath: string;
+                      } | {
+                          publicPath?: undefined;
+                      };
+                  } | {
+                      loader: string;
+                      options: any;
+                  })[];
+                  sideEffects: boolean;
+                  loader?: undefined;
+                  options?: undefined;
+                  include?: undefined;
+              } | {
+                  test: RegExp;
+                  use: (string | false | {
+                      loader: any;
+                      options: {
+                          publicPath: string;
+                      } | {
+                          publicPath?: undefined;
+                      };
+                  } | {
+                      loader: string;
+                      options: any;
+                  })[];
+                  loader?: undefined;
+                  options?: undefined;
+                  include?: undefined;
+                  exclude?: undefined;
+                  sideEffects?: undefined;
+              } | {
+                  loader: string;
+                  exclude: RegExp[];
+                  options: {
+                      name: string;
+                      limit?: undefined;
+                      mimetype?: undefined;
+                      customize?: undefined;
+                      plugins?: undefined;
+                      cacheDirectory?: undefined;
+                      cacheCompression?: undefined;
+                      compact?: undefined;
+                      babelrc?: undefined;
+                      configFile?: undefined;
+                      presets?: undefined;
+                      sourceMaps?: undefined;
+                      inputSourceMap?: undefined;
+                  };
+                  test?: undefined;
+                  include?: undefined;
+                  use?: undefined;
+                  sideEffects?: undefined;
+              })[];
+              parser?: undefined;
+          })[];
+      };
+      plugins: any[];
+      node: {
+          module: string;
+          dgram: string;
+          dns: string;
+          fs: string;
+          http2: string;
+          net: string;
+          tls: string;
+          child_process: string;
+          crypto: string;
+          Buffer: boolean;
+      };
+      performance: boolean;
+  };
+  export = _exports;
+
+}
+declare module '@authing/react-ui-components/config/webpackDevServer.config' {
+  function _exports(proxy: any, allowedHost: any): {
+      disableHostCheck: boolean;
+      compress: boolean;
+      clientLogLevel: string;
+      contentBase: string;
+      contentBasePublicPath: any;
+      watchContentBase: boolean;
+      hot: boolean;
+      transportMode: string;
+      injectClient: boolean;
+      sockHost: string | undefined;
+      sockPath: string | undefined;
+      sockPort: string | undefined;
+      publicPath: any;
+      quiet: boolean;
+      watchOptions: {
+          ignored: any;
+      };
+      https: boolean | {
+          cert: Buffer;
+          key: Buffer;
+      };
+      host: string;
+      overlay: boolean;
+      historyApiFallback: {
+          disableDotRule: boolean;
+          index: any;
+      };
+      public: any;
+      proxy: any;
+      before(app: any, server: any): void;
+      after(app: any): void;
+  };
+  export = _exports;
+
+}
+declare module '@authing/react-ui-components/examples' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/index' {
+  const _exports: typeof import("@authing/react-ui-components/components/index");
+  export = _exports;
 
 }
 declare module '@authing/react-ui-components/reportWebVitals' {
@@ -2177,10 +2703,52 @@ declare module '@authing/react-ui-components/reportWebVitals' {
   const reportWebVitals: (onPerfEntry?: ReportHandler | undefined) => void;
   export default reportWebVitals;
 
+}
+declare module '@authing/react-ui-components/scripts/build' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/scripts/generate-version' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/scripts/lib' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/scripts/pre-publish' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/scripts/publish' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/scripts/start' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/scripts/tag' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/scripts/test' {
+  export {};
+
+}
+declare module '@authing/react-ui-components/scripts/utils/is-guard-publish' {
+  function _exports(): any;
+  export = _exports;
+
 }
 declare module '@authing/react-ui-components/setupTests' {
   import '@testing-library/jest-dom';
 
+}
+declare module '@authing/react-ui-components/vite.config' {
+  const _default: import("vite").UserConfigExport;
+  export default _default;
+
 }
 declare module '@authing/react-ui-components' {
   import main = require('@authing/react-ui-components/components/index');