@authing/react-ui-components 3.0.32 → 3.1.0-hep.0

package/lib/index.d.ts

@@ -1,3 +1,49 @@
+declare module '@authing/react-ui-components/components/AccountMerge/UserRadio' {
+  import React from 'react';
+  import { UserRadioItemProps, UserRadioProps } from '@authing/react-ui-components/components/AccountMerge/interface';
+  import './styles.less';
+  export const UserRadioItem: React.FC<UserRadioItemProps>;
+  export const UserRadio: React.FC<UserRadioProps>;
+
+}
+declare module '@authing/react-ui-components/components/AccountMerge/index' {
+  import React from 'react';
+  import './styles.less';
+  export const GuardAccountMergeView: React.FC;
+
+}
+declare module '@authing/react-ui-components/components/AccountMerge/interface' {
+  export interface BriefUserInfo {
+      displayName: string;
+      avatar: string;
+  }
+  export interface GuardAccountMergeInitData {
+      currentUserInfo: BriefUserInfo;
+      existingUserInfo: BriefUserInfo;
+      mergeToken?: string;
+  }
+  export interface UserRadioProps {
+      currentUserInfo: BriefUserInfo;
+      existingUserInfo: BriefUserInfo;
+      onChange?: (value: any) => void;
+      value?: any;
+  }
+  export interface UserRadioItemProps extends BriefUserInfo {
+      value: boolean;
+      selected: boolean;
+      onClick: (value: boolean) => void;
+  }
+  export enum AuthFlowAction {
+      MERGE = "confirm-account-merge"
+  }
+
+}
+declare module '@authing/react-ui-components/components/AccountMerge/utils' {
+  import { User } from 'authing-js-sdk';
+  export const getDisplayName: (user: User) => string;
+  export const getDisplayNameByEmail: (displayName: string) => string;
+
+}
 declare module '@authing/react-ui-components/components/AuthingDropdown/index' {
   import React, { FC } from 'react';
   import './style.less';
@@ -486,6 +532,9 @@ declare module '@authing/react-ui-components/components/AuthingGuard/api/appConf
       verifyCodeLength: number;
       websocket: string;
       welcomeMessage: any;
+      userPortal?: {
+          mergeAccount?: boolean;
+      };
       skipComplateFileds: boolean;
   }
   export const fetchAppConfig: (appId: string) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingResponse<ApplicationConfig>>;
@@ -1056,6 +1105,14 @@ declare module '@authing/react-ui-components/components/AuthingTabs/index' {
   }
   export const AuthingTabs: FC<AuthingTabsProps>;
 
+}
+declare module '@authing/react-ui-components/components/BindTotp/businessRequest' {
+  export enum BindTotpBusinessAction {
+      VerifyTotpFirstTime = "verify-totp-first-time",
+      ConfirmTotpRecoveryCode = "confirm-totp-recovery-code"
+  }
+  export const authFlow: (action: BindTotpBusinessAction, content: any) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+
 }
 declare module '@authing/react-ui-components/components/BindTotp/core/bindSuccess' {
   import React from 'react';
@@ -1079,9 +1136,8 @@ declare module '@authing/react-ui-components/components/BindTotp/core/securityCo
 }
 declare module '@authing/react-ui-components/components/BindTotp/index' {
   import React from 'react';
-  import { GuardBindTotpViewProps } from '@authing/react-ui-components/components/BindTotp/interface';
   import './styles.less';
-  export const GuardBindTotpView: React.FC<GuardBindTotpViewProps>;
+  export const GuardBindTotpView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/BindTotp/interface' {
@@ -1111,15 +1167,24 @@ declare module '@authing/react-ui-components/components/ChangeLanguage/index' {
   /// <reference types="react" />
   export const ChangeLanguage: (props: any) => JSX.Element;
 
+}
+declare module '@authing/react-ui-components/components/ChangePassword/businessRequest' {
+  export enum ChangePasswordBusinessAction {
+      ResetPassword = "reset-password-first-time",
+      FirstLoginReset = "reset-password-forced"
+  }
+  export const authFlow: (action: ChangePasswordBusinessAction, content: {
+      password: string;
+      oldPassword?: string;
+  }) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+
 }
 declare module '@authing/react-ui-components/components/ChangePassword/core/firstLoginReset' {
-  /// <reference types="react" />
+  import React from 'react';
   interface FirstLoginResetProps {
       onReset: any;
-      publicConfig: any;
-      initData: any;
   }
-  export const FirstLoginReset: (props: FirstLoginResetProps) => JSX.Element;
+  export const FirstLoginReset: React.FC<FirstLoginResetProps>;
   export {};
 
 }
@@ -1127,29 +1192,37 @@ declare module '@authing/react-ui-components/components/ChangePassword/core/rota
   /// <reference types="react" />
   interface RotateResetProps {
       onReset: any;
-      publicConfig: any;
-      initData: any;
   }
   export const RotateReset: (props: RotateResetProps) => JSX.Element;
   export {};
 
 }
 declare module '@authing/react-ui-components/components/ChangePassword/index' {
-  /// <reference types="react" />
-  export const GuardChangePassword: (props: any) => JSX.Element;
+  import React from 'react';
+  export const GuardChangePassword: React.FC<{
+      title: string;
+      explain: string;
+  }>;
+  export const GuardFirstLoginPasswordResetView: React.FC;
+  export const GuardForcedPasswordResetView: React.FC;
+
+}
+declare module '@authing/react-ui-components/components/CompleteInfo/businessRequest' {
+  import { CompleteInfoRequest } from '@authing/react-ui-components/components/CompleteInfo/interface';
+  export enum CompleteInfoAuthFlowAction {
+      Complete = "complete-completion",
+      Skip = "skip-completion"
+  }
+  export const authFlow: (action: CompleteInfoAuthFlowAction, data?: CompleteInfoRequest | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const registerRequest: (action: CompleteInfoAuthFlowAction, registerFnName: 'registerByEmail' | 'registerByPhoneCode', registerContent: any, registerProfile?: any) => Promise<import("authing-js-sdk").User | undefined>;
 
 }
 declare module '@authing/react-ui-components/components/CompleteInfo/core/completeInfo' {
   import React from 'react';
-  import { ExtendsField } from '@authing/react-ui-components/components/AuthingGuard/api/index';
-  import { GuardCompleteInfoViewProps } from '@authing/react-ui-components/components/CompleteInfo/interface';
-  import { User } from 'authing-js-sdk';
+  import { CompleteInfoMetaData, CompleteInfoRequest } from '@authing/react-ui-components/components/CompleteInfo/interface';
   export interface CompleteInfoProps {
-      user: User;
-      verifyCodeLength: number | undefined;
-      extendsFields: ExtendsField[];
-      onRegisterInfoCompleted?: GuardCompleteInfoViewProps['onRegisterInfoCompleted'];
-      onRegisterInfoCompletedError?: GuardCompleteInfoViewProps['onRegisterInfoCompletedError'];
+      metaData: CompleteInfoMetaData[];
+      businessRequest: (data: CompleteInfoRequest) => Promise<void>;
   }
   export interface FieldMetadata {
       key: string;
@@ -1160,9 +1233,17 @@ declare module '@authing/react-ui-components/components/CompleteInfo/core/comple
 }
 declare module '@authing/react-ui-components/components/CompleteInfo/index' {
   import React from 'react';
-  import { GuardCompleteInfoViewProps } from '@authing/react-ui-components/components/CompleteInfo/interface';
+  import { CompleteInfoMetaData, CompleteInfoRequest } from '@authing/react-ui-components/components/CompleteInfo/interface';
   import './styles.less';
-  export const GuardCompleteInfoView: React.FC<GuardCompleteInfoViewProps>;
+  import { CompleteInfoAuthFlowAction } from '@authing/react-ui-components/components/CompleteInfo/businessRequest';
+  export const GuardCompleteInfo: React.FC<{
+      metaData: CompleteInfoMetaData[];
+      skipComplateFileds: boolean;
+      businessRequest: (action: CompleteInfoAuthFlowAction, data?: CompleteInfoRequest) => Promise<void>;
+  }>;
+  export const GuardLoginCompleteInfoView: React.FC;
+  export const GuardRegisterCompleteInfoView: React.FC;
+  export const GuardAccountMergeCompleteInfoView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/CompleteInfo/interface' {
@@ -1175,19 +1256,21 @@ declare module '@authing/react-ui-components/components/CompleteInfo/interface'
       onRegisterInfoCompleted?: (user: User, udfs: {
           definition: any;
           value: any;
-      }[], authClient: AuthenticationClient) => void;
+      }[], authClient: AuthenticationClient, opts?: {
+          phone?: string;
+          canMergeUser?: boolean;
+      }) => void;
       onRegisterInfoCompletedError?: (error: CommonMessage, udfs: {
           definition: any;
           value: any;
       }[], authClient: AuthenticationClient) => void;
+      onAccountMergeCompleteInfo?: (user: User) => void;
   }
   export interface GuardCompleteInfoProps extends IG2FCProps, CompleteInfoEvents {
       config: Partial<CompleteInfoConfig>;
   }
   export interface GuardCompleteInfoViewProps extends GuardCompleteInfoProps {
       config: CompleteInfoConfig;
-      initData: any;
-      onLogin?: any;
   }
   export type ExtendsFieldType = 'user' | 'internal';
   export interface ExtendsField {
@@ -1198,12 +1281,87 @@ declare module '@authing/react-ui-components/components/CompleteInfo/interface'
       required: boolean;
       validateRules: any[];
   }
+  export enum FormValidateRule {
+      NONE = "none",
+      EMAIL = "email",
+      PHONE = "phone",
+      IS_NUMBER = "isNumber",
+      REG_EXP = "regExp"
+  }
+  export interface CompleteInfoRule {
+      type: FormValidateRule;
+      content: string;
+      errorMessage?: string;
+  }
+  export interface CompleteInfoSelectOption {
+      value: string;
+      label: string;
+  }
+  export interface CompleteInfoMetaData {
+      type: CompleteInfoBaseControls | CompleteInfoExtendsControls;
+      label: string;
+      name: string;
+      required: boolean;
+      validateRules: CompleteInfoRule[];
+      checkUnique?: boolean;
+      options?: CompleteInfoSelectOption[];
+  }
+  export enum CompleteInfoBaseControls {
+      USERNAME = "username",
+      PHONE = "phone",
+      EMAIL = "email"
+  }
+  export enum CompleteInfoExtendsControls {
+      IMAGE = "image",
+      NUMBER = "number",
+      DATE = "date",
+      DATE_TIME = "dateTime",
+      SELECT = "select",
+      DROPDOWN = "dropdown",
+      BOOLEAN = "boolean",
+      STRING = "string",
+      TEXT = "text",
+      GENDER = "gender",
+      COUNTRY = "country"
+  }
+  export interface CompleteInfoInitData {
+      skip: boolean;
+      metaData: CompleteInfoMetaData[];
+  }
+  export interface RegisterCompleteInfoInitData {
+      content: any;
+      businessRequestName: 'registerByEmail' | 'registerByPhoneCode';
+  }
+  export interface CompleteInfoRequest {
+      fieldValues: {
+          name: string;
+          value: string;
+          code?: string;
+      }[];
+  }
+  export enum OmitCompleteInfo {
+      'registerByEmail' = "email",
+      'registerByPhoneCode' = "phone"
+  }
 
 }
 declare module '@authing/react-ui-components/components/CompleteInfo/utils' {
   import { User } from 'authing-js-sdk';
-  import { ExtendsField } from '@authing/react-ui-components/components/CompleteInfo/interface';
+  import { ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  import { CompleteInfoMetaData, ExtendsField } from '@authing/react-ui-components/components/CompleteInfo/interface';
   export const completeFieldsFilter: (user: User, field: ExtendsField) => boolean;
+  export const extendsFieldsToMetaData: (extendsFields: import("@authing/react-ui-components/components/AuthingGuard/api/index").ExtendsField[] | undefined, selectOptions: {
+      key: string;
+      options: {
+          value: string;
+          label: string;
+      }[];
+  }[]) => CompleteInfoMetaData[];
+  export const fieldValuesToRegisterProfile: (extendsFields: ApplicationConfig['extendsFields'], fieldValues?: {
+      name: string;
+      value: string;
+      code?: string | undefined;
+  }[] | undefined) => Record<string, any>;
 
 }
 declare module '@authing/react-ui-components/components/CopyAbleText/index' {
@@ -1216,9 +1374,8 @@ declare module '@authing/react-ui-components/components/CopyAbleText/index' {
 }
 declare module '@authing/react-ui-components/components/DownloadAuthenticator/index' {
   import React from 'react';
-  import { GuardDownloadATViewProps } from '@authing/react-ui-components/components/DownloadAuthenticator/interface';
   import './styles.less';
-  export const GuardDownloadATView: React.FC<GuardDownloadATViewProps>;
+  export const GuardDownloadATView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/DownloadAuthenticator/interface' {
@@ -1238,14 +1395,13 @@ declare module '@authing/react-ui-components/components/DownloadAuthenticator/in
 }
 declare module '@authing/react-ui-components/components/Error/index' {
   import React from 'react';
-  import { GuardErrorViewProps } from '@authing/react-ui-components/components/Error/interface';
   import './styles.less';
-  export const GuardErrorView: React.FC<GuardErrorViewProps>;
+  export const GuardErrorView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/Error/interface' {
   export interface ErrorInitData {
-      messages?: string;
+      error?: Error;
   }
   export interface GuardErrorProps {
       initData?: ErrorInitData;
@@ -1272,8 +1428,7 @@ declare module '@authing/react-ui-components/components/ForgetPassword/core/rese
 }
 declare module '@authing/react-ui-components/components/ForgetPassword/index' {
   import React from 'react';
-  import { ForgetPasswordViewProps } from '@authing/react-ui-components/components/ForgetPassword/interface';
-  export const GuardForgetPassword: React.FC<ForgetPasswordViewProps>;
+  export const GuardForgetPassword: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/ForgetPassword/interface' {
@@ -1302,24 +1457,56 @@ declare module '@authing/react-ui-components/components/Guard/Guard' {
   import { GuardEvents } from '@authing/react-ui-components/components/Guard/event';
   import { IG2FCProps } from '@authing/react-ui-components/components/Type/index';
   import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/config';
-  import './styles.less';
   import 'moment/locale/zh-cn';
-  export enum LangMAP {
-      zhCn = "zh-CN",
-      enUs = "en-US"
-  }
   export interface GuardProps extends GuardEvents, IG2FCProps {
-      tenantId?: string;
       config?: Partial<GuardLocalConfig>;
-      visible?: boolean;
   }
   export const Guard: (props: GuardProps) => JSX.Element;
 
+}
+declare module '@authing/react-ui-components/components/Guard/GuardModule/stateMachine' {
+  import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/config';
+  import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
+  export interface ModuleState {
+      moduleName: GuardModuleType;
+      initData?: any;
+  }
+  export enum ActionType {
+      ChangeModule = "ChangeModule",
+      Back = "Back",
+      Init = "Init"
+  }
+  export interface StateMachineLog {
+      action: ActionType;
+      date: number;
+      dataSource: ModuleState;
+  }
+  export type ChangeModuleEvent = (nextModule: GuardModuleType, initData?: any) => void;
+  export class GuardStateMachine {
+      private order;
+      private config;
+      private moduleStateHistory;
+      private changeModuleEvent;
+      private stateMachineLog;
+      constructor(changeModuleEvent: ChangeModuleEvent, initData: ModuleState);
+      globalWindow: () => Window | undefined;
+      next: (nextModule: GuardModuleType, initData: any) => void;
+      back: (initData?: any) => void;
+      end: () => void;
+      historyPush: (data: ModuleState, actionType?: ActionType) => void;
+      historyBack: (data: ModuleState) => void;
+      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/Guard/authClient' {
   import { AuthenticationClient } from 'authing-js-sdk';
   import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/config';
-  export const initGuardAuthClient: (config: GuardLocalConfig, appId: string, tenantId?: string | undefined) => AuthenticationClient;
+  export const initGuardAuthClient: (config: GuardLocalConfig, appId: string, websocketHost: string, tenantId?: string | undefined) => AuthenticationClient;
   export const getGuardAuthClient: () => AuthenticationClient;
   export const useGuardAuthClient: () => AuthenticationClient;
 
@@ -1329,7 +1516,7 @@ declare module '@authing/react-ui-components/components/Guard/config' {
   import { GuardModuleType } from '@authing/react-ui-components/components/Guard/index';
   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 GuardComponentConfig extends Partial<GuardLocalConfig> {
   }
   export interface GuardLocalConfig extends RegisterConfig, LoginConfig {
       isSSO?: boolean;
@@ -1344,14 +1531,46 @@ declare module '@authing/react-ui-components/components/Guard/config' {
   }
   export const getDefaultGuardLocalConfig: () => GuardLocalConfig;
 
+}
+declare module '@authing/react-ui-components/components/Guard/core/index' {
+  /// <reference types="react" />
+  import { GuardProps } from '@authing/react-ui-components/components/Guard/index';
+  import { ModuleState } from '@authing/react-ui-components/components/Guard/GuardModule/stateMachine';
+  export const useRenderGuardCore: (props: GuardProps, initState: ModuleState) => JSX.Element;
+
+}
+declare module '@authing/react-ui-components/components/Guard/core/renderContext' {
+  import { GuardProps } from '@authing/react-ui-components/components/Guard/index';
+  import React from 'react';
+  import { ModuleState } from '@authing/react-ui-components/components/Guard/GuardModule/stateMachine';
+  export const RenderContext: React.FC<{
+      guardProps: GuardProps;
+      initState: ModuleState;
+  }>;
+
+}
+declare module '@authing/react-ui-components/components/Guard/core/renderModule' {
+  import React from 'react';
+  import { GuardProps } from '@authing/react-ui-components/components/Guard/index';
+  import '../styles.less';
+  export enum LangMAP {
+      zhCn = "zh-CN",
+      enUs = "en-US"
+  }
+  export const RenderModule: React.FC<{
+      guardProps: GuardProps;
+  }>;
+
 }
 declare module '@authing/react-ui-components/components/Guard/event' {
   import { GuardModuleType } from '@authing/react-ui-components/components/Guard/index';
   import { CompleteInfoEvents } from '@authing/react-ui-components/components/CompleteInfo/interface';
   import { ForgetPasswordEvents } from '@authing/react-ui-components/components/ForgetPassword/interface';
+  import { IdentityBindingEvents } from '@authing/react-ui-components/components/IdentityBinding/interface';
+  import { IdentityBindingAskEvents } from '@authing/react-ui-components/components/IdentityBindingAsk/index';
   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 interface GuardEvents extends LoginEvents, RegisterEvents, CompleteInfoEvents, ForgetPasswordEvents, IdentityBindingEvents, IdentityBindingAskEvents {
       onBeforeChangeModule?: (key: GuardModuleType, initData?: any) => boolean | Promise<boolean>;
   }
   export const guardEventsFilter: (props: any, openEventsMapping?: boolean | undefined) => GuardEvents;
@@ -1372,15 +1591,19 @@ declare module '@authing/react-ui-components/components/Guard/module' {
       REGISTER = "register",
       MFA = "mfa",
       FORGET_PWD = "forgetPassword",
-      CHANGE_PWD = "changePassword",
+      FORCED_PASSWORD_RESET = "forcedPasswordReset",
+      FIRST_LOGIN_PASSWORD = "firstLoginPassword",
       DOWNLOAD_AT = "downloadAT",
       BIND_TOTP = "bindTotp",
       ANY_QUESTIONS = "anyQuestions",
-      COMPLETE_INFO = "completeInfo",
+      LOGIN_COMPLETE_INFO = "loginCompleteInfo",
+      REGISTER_COMPLETE_INFO = "registerCompleteInfo",
+      CUSTOM_COMPLETE_INFO = "customCompleteInfo",
       RECOVERY_CODE = "recoveryCode",
       SUBMIT_SUCCESS = "submitSuccess",
       IDENTITY_BINDING_ASK = "identityBindingAsk",
-      IDENTITY_BINDING = "identityBinding"
+      IDENTITY_BINDING = "identityBinding",
+      ACCOUNT_MERGE = "accountMerge"
   }
   export interface GuardModuleAction {
       action: string;
@@ -1409,46 +1632,7 @@ declare module '@authing/react-ui-components/components/Guard/sso' {
       };
       userInfo?: User;
   }
-  export const trackSession: () => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingResponse<any>>;
-
-}
-declare module '@authing/react-ui-components/components/Guard/stateMachine' {
-  import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/config';
-  import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
-  export interface ModuleState {
-      moduleName: GuardModuleType;
-      initData?: any;
-  }
-  export enum ActionType {
-      ChangeModule = "ChangeModule",
-      Back = "Back",
-      Init = "Init"
-  }
-  export interface StateMachineLog {
-      action: ActionType;
-      date: number;
-      dataSource: ModuleState;
-  }
-  export type ChangeModuleEvent = (nextModelu: GuardModuleType, initData?: any) => void;
-  export class GuardStateMachine {
-      private order;
-      private config;
-      private moduleStateHistory;
-      private changeMouleEvent;
-      private stateMachineLog;
-      constructor(changeMouleEvent: ChangeModuleEvent, initData: ModuleState);
-      globalWindow: () => Window | undefined;
-      next: (nextModelu: GuardModuleType, initData: any) => void;
-      back: (initData?: any) => void;
-      end: () => void;
-      historyPush: (data: ModuleState, actionType?: ActionType) => void;
-      historyBack: (data: ModuleState) => void;
-      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;
+  export const trackSession: () => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<SessionData>>;
 
 }
 declare module '@authing/react-ui-components/components/IconFont/iconfont' {
@@ -1472,9 +1656,37 @@ declare module '@authing/react-ui-components/components/IconFont/svg' {
 }
 declare module '@authing/react-ui-components/components/IdentityBinding/IdentityBinding' {
   import React from 'react';
-  import { GuardIdentityBindingViewProps } from '@authing/react-ui-components/components/IdentityBinding/interface';
   import './styles.less';
-  export const GuardIdentityBindingView: React.FC<GuardIdentityBindingViewProps>;
+  export const GuardIdentityBindingView: React.FC;
+
+}
+declare module '@authing/react-ui-components/components/IdentityBinding/businessRequest' {
+  export enum IdentityBindingBusinessAction {
+      PhoneCode = "phone-code",
+      EmailCode = "emial-code",
+      Password = "password"
+  }
+  export interface PhoneCodeParams {
+      phone: string;
+      code: string;
+      phoneCountryCode?: string;
+  }
+  export interface EmailCodeParams {
+      email: string;
+      code: string;
+  }
+  export interface PasswordParams {
+      account: string;
+      password: string;
+  }
+  export const PhoneCode: (params: PhoneCodeParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const EmailCode: (params: EmailCodeParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const Password: (params: PasswordParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const useIdentityBindingBusinessRequest: () => {
+      "phone-code": (params: PhoneCodeParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+      "emial-code": (params: EmailCodeParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+      password: (params: PasswordParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  };
 
 }
 declare module '@authing/react-ui-components/components/IdentityBinding/index' {
@@ -1514,9 +1726,8 @@ declare module '@authing/react-ui-components/components/IdentityBinding/interfac
 }
 declare module '@authing/react-ui-components/components/IdentityBindingAsk/IdentityBindingAsk' {
   import React from 'react';
-  import { GuardIdentityBindingAskViewProps } from '@authing/react-ui-components/components/IdentityBindingAsk/interface';
   import './styles.less';
-  export const GuardIdentityBindingAskView: React.FC<GuardIdentityBindingAskViewProps>;
+  export const GuardIdentityBindingAskView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/IdentityBindingAsk/index' {
@@ -1591,7 +1802,8 @@ declare module '@authing/react-ui-components/components/Login/core/withAD' {
   interface LoginWithADProps {
       publicKey: string;
       autoRegister?: boolean;
-      onLogin: any;
+      onLoginSuccess: any;
+      onLoginFailed: any;
       onBeforeLogin: any;
       agreements: Agreement[];
   }
@@ -1602,7 +1814,7 @@ declare module '@authing/react-ui-components/components/Login/core/withAD' {
 declare module '@authing/react-ui-components/components/Login/core/withAppQrcode' {
   /// <reference types="react" />
   interface LoginWithAppQrcodeProps {
-      onLogin: any;
+      onLoginSuccess: any;
       canLoop: boolean;
       qrCodeScanOptions: any;
   }
@@ -1617,7 +1829,8 @@ declare module '@authing/react-ui-components/components/Login/core/withLDAP' {
       publicKey: string;
       autoRegister?: boolean;
       host?: string;
-      onLogin: any;
+      onLoginSuccess: any;
+      onLoginFailed: any;
       onBeforeLogin: any;
       agreements: Agreement[];
   }
@@ -1664,8 +1877,9 @@ declare module '@authing/react-ui-components/components/Login/core/withPassword/
       publicKey: string;
       autoRegister?: boolean;
       host?: string;
-      onLogin: any;
       onBeforeLogin?: any;
+      onLoginSuccess?: any;
+      onLoginFailed?: any;
       onLoginRequest?: (loginInfo: any) => Promise<AuthingResponse>;
       passwordLoginMethods: PasswordLoginMethods[];
       agreements: Agreement[];
@@ -1729,7 +1943,7 @@ declare module '@authing/react-ui-components/components/Login/core/withVerifyCod
 declare module '@authing/react-ui-components/components/Login/core/withWechatMiniQrcode' {
   /// <reference types="react" />
   interface LoginWithWechatMiniQrcodeProps {
-      onLogin: any;
+      onLoginSuccess: any;
       canLoop: boolean;
       qrCodeScanOptions: any;
   }
@@ -1740,7 +1954,7 @@ declare module '@authing/react-ui-components/components/Login/core/withWechatMin
 declare module '@authing/react-ui-components/components/Login/core/withWechatmpQrcode' {
   /// <reference types="react" />
   interface LoginWithWechatmpQrcodeProps {
-      onLogin: any;
+      onLoginSuccess: any;
       canLoop: boolean;
       qrCodeScanOptions: any;
   }
@@ -1750,9 +1964,8 @@ 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/interface';
   import './styles.less';
-  export const GuardLoginView: (props: GuardLoginViewProps) => JSX.Element;
+  export const GuardLoginView: () => JSX.Element;
 
 }
 declare module '@authing/react-ui-components/components/Login/interface' {
@@ -1763,12 +1976,12 @@ declare module '@authing/react-ui-components/components/Login/interface' {
   import { PasswordLoginParams, LDAPLoginParams, ADLoginParams, PhoneCodeLoginParams, AuthenticationClient, User } from '@authing/react-ui-components/components/index';
   import { LoginMethods } from '@authing/react-ui-components/components/AuthingGuard/types/index';
   export interface LoginConfig extends IG2Config {
-      autoRegister: boolean;
-      disableResetPwd: boolean;
-      disableRegister: boolean;
-      defaultLoginMethod: LoginMethods;
-      loginMethods: LoginMethods[];
-      passwordLoginMethods: PasswordLoginMethods[];
+      autoRegister?: boolean;
+      disableResetPwd?: boolean;
+      disableRegister?: boolean;
+      defaultLoginMethod?: LoginMethods;
+      loginMethods?: LoginMethods[];
+      passwordLoginMethods?: PasswordLoginMethods[];
       socialConnections?: SocialConnectionProvider[];
       socialConnectionsBtnShape?: 'default' | 'button' | 'icon';
       enterpriseConnections?: string[];
@@ -1800,17 +2013,28 @@ declare module '@authing/react-ui-components/components/Login/socialLogin/IdpBut
 declare module '@authing/react-ui-components/components/Login/socialLogin/index' {
   import React from 'react';
   import { ApplicationConfig, SocialConnectionItem } from '@authing/react-ui-components/components/AuthingGuard/api/index';
-  import { LoginConfig } from '@authing/react-ui-components/components/Login/interface';
   import './style.less';
+  import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/index';
   export interface SocialLoginProps {
       appId: string;
-      config: LoginConfig;
-      onLogin: any;
+      config: GuardLocalConfig;
+      onLoginFailed: any;
+      onLoginSuccess: any;
       enterpriseConnectionObjs: ApplicationConfig['identityProviders'];
       socialConnectionObjs: SocialConnectionItem[];
   }
   export const SocialLogin: React.FC<SocialLoginProps>;
 
+}
+declare module '@authing/react-ui-components/components/Login/socialLogin/postMessage' {
+  import { AuthingResponse } from '@authing/react-ui-components/components/_utils/http';
+  export const usePostMessage: () => (evt: MessageEvent) => import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any> | {
+      code: any;
+      data: any;
+      onGuardHandling: undefined;
+  } | undefined;
+  export const useErrorHandling: () => (res: AuthingResponse) => import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>;
+
 }
 declare module '@authing/react-ui-components/components/MFA/VerifyCodeInput/VerifyCodeFormItem' {
   import { FormItemProps } from 'antd/lib/form';
@@ -1839,6 +2063,55 @@ declare module '@authing/react-ui-components/components/MFA/VerifyCodeInput/inde
   export const VerifyCodeInput: FC<VerifyCodeInputProps>;
   export {};
 
+}
+declare module '@authing/react-ui-components/components/MFA/businessRequest' {
+  export enum MfaBusinessAction {
+      VerifyEmail = "verify-email",
+      VerifySms = "verify-sms",
+      VerifyTotp = "verify-totp",
+      VerifyFace = "verify-face",
+      AssociateFace = "associate-face"
+  }
+  export const authFlow: (action: MfaBusinessAction, content: any) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  interface VerifySmsContent {
+      phone: string;
+      code: string;
+      mfaToken?: string;
+      phoneCountryCode?: string;
+  }
+  interface VerifyEmailContent {
+      email: string;
+      code: string;
+      mfaToken?: string;
+  }
+  interface VerifyTotpContent {
+      totp: string;
+      mfaToken?: string;
+  }
+  interface VerifyFaceContent {
+      photo: string;
+      mfaToken?: string;
+  }
+  interface AssociateFaceContent {
+      photoA: string;
+      photoB: string;
+      isExternalPhoto?: boolean;
+      mfaToken?: string;
+  }
+  export const VerifyEmail: (content: VerifyEmailContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const VerifySms: (content: VerifySmsContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const VerifyTotp: (content: VerifyTotpContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const VerifyFace: (content: VerifyFaceContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const AssociateFace: (content: AssociateFaceContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export const useMfaBusinessRequest: () => {
+      "verify-email": (content: VerifyEmailContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+      "verify-sms": (content: VerifySmsContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+      "verify-totp": (content: VerifyTotpContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+      "verify-face": (content: VerifyFaceContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+      "associate-face": (content: AssociateFaceContent) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  };
+  export {};
+
 }
 declare module '@authing/react-ui-components/components/MFA/codemap' {
   import { GuardModuleAction } from '@authing/react-ui-components/components/Guard/module';
@@ -1946,14 +2219,13 @@ 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/interface';
   import './styles.less';
   interface MFABackStateContextType {
       setMfaBackState: React.Dispatch<React.SetStateAction<string>>;
       mfaBackState: string;
   }
   export const MFABackStateContext: React.Context<MFABackStateContextType | undefined>;
-  export const GuardMFAView: React.FC<GuardMFAViewProps>;
+  export const GuardMFAView: React.FC;
   export {};
 
 }
@@ -1989,6 +2261,7 @@ declare module '@authing/react-ui-components/components/MFA/interface' {
       nickme?: string;
       username?: string;
       current?: MFAType;
+      thirdPartyOrigin?: boolean;
   }
   export interface GuardMFAProps extends IG2FCProps, MFAEvents {
       config: Partial<MFAConfig>;
@@ -2002,10 +2275,9 @@ declare module '@authing/react-ui-components/components/MFA/interface' {
 }
 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 { MFAType } from '@authing/react-ui-components/components/MFA/interface';
   import './style.less';
   export interface MFAMethodsProps {
-      applicationMfa: GuardMFAInitData['applicationMfa'];
       method: MFAType;
       onChangeMethod: (type: MFAType) => void;
   }
@@ -2027,6 +2299,14 @@ declare module '@authing/react-ui-components/components/NeedHelpView/index' {
   /// <reference types="react" />
   export const GuardNeedHelpView: (props: any) => JSX.Element;
 
+}
+declare module '@authing/react-ui-components/components/RecoveryCode/businessRequest' {
+  export enum TotpRecoveryCodeBusinessAction {
+      RecoveryTotp = "recovery-totp",
+      ConfirmTotpRecoveryCode = "confirm-totp-recovery-code"
+  }
+  export function authFlow<T>(action: TotpRecoveryCodeBusinessAction, content: any): Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<T>>;
+
 }
 declare module '@authing/react-ui-components/components/RecoveryCode/core/saveCode' {
   import React from 'react';
@@ -2041,20 +2321,21 @@ declare module '@authing/react-ui-components/components/RecoveryCode/core/useCod
   import { User } from '@authing/react-ui-components/components/index';
   export interface UseCodeProps {
       mfaToken: string;
-      onSubmit: (recoveryCode: string, user: User) => void;
+      onSubmit: (recoveryCode: string, user?: User) => void;
   }
   export const UseCode: React.FC<UseCodeProps>;
 
 }
 declare module '@authing/react-ui-components/components/RecoveryCode/index' {
   import React from 'react';
-  import { GuardRecoveryCodeViewProps } from '@authing/react-ui-components/components/RecoveryCode/interface';
   import './style.less';
-  export const GuardRecoveryCodeView: React.FC<GuardRecoveryCodeViewProps>;
+  export const RecoveryCode: React.FC;
+  export const RecoveryCodeAuthFlow: React.FC;
+  export const GuardRecoveryCodeView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/RecoveryCode/interface' {
-  import { IG2Config, IG2Events, IG2FCProps } from '@authing/react-ui-components/components/Type/index';
+  import { IG2Config, IG2Events } from '@authing/react-ui-components/components/Type/index';
   import { AuthenticationClient, User } from '@authing/react-ui-components/components/index';
   export interface RecoveryCodeConfig extends IG2Config {
   }
@@ -2062,17 +2343,6 @@ declare module '@authing/react-ui-components/components/RecoveryCode/interface'
   export interface RecoveryCodeEvents extends IG2Events {
       onLogin?: (user: User, authClient: AuthenticationClient) => void;
   }
-  export interface GuardRecoveryCodeInitData {
-      mfaToken: string;
-  }
-  export interface GuardRecoveryCodeProps extends IG2FCProps, RecoveryCodeEvents {
-      config: Partial<RecoveryCodeConfig>;
-      initData: GuardRecoveryCodeInitData;
-  }
-  export interface GuardRecoveryCodeViewProps extends GuardRecoveryCodeProps {
-      config: RecoveryCodeConfig;
-      initData: GuardRecoveryCodeInitData;
-  }
 
 }
 declare module '@authing/react-ui-components/components/Register/codemap' {
@@ -2098,7 +2368,8 @@ declare module '@authing/react-ui-components/components/Register/core/WithEmail'
   import React from 'react';
   import { Agreement, ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   export interface RegisterWithEmailProps {
-      onRegister: Function;
+      onRegisterSuccess: Function;
+      onRegisterFailed: Function;
       onBeforeRegister?: Function;
       publicConfig?: ApplicationConfig;
       agreements: Agreement[];
@@ -2111,7 +2382,8 @@ declare module '@authing/react-ui-components/components/Register/core/WithPhone'
   import React from 'react';
   import { Agreement, ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   export interface RegisterWithPhoneProps {
-      onRegister: Function;
+      onRegisterSuccess: Function;
+      onRegisterFailed: Function;
       agreements: Agreement[];
       publicConfig?: ApplicationConfig;
       registeContext?: any;
@@ -2121,8 +2393,7 @@ 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/interface';
-  export const GuardRegisterView: React.FC<GuardRegisterViewProps>;
+  export const GuardRegisterView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/Register/interface' {
@@ -2131,13 +2402,13 @@ declare module '@authing/react-ui-components/components/Register/interface' {
   import { AuthenticationClient, User, EmailRegisterParams, PhoneRegisterParams } from '@authing/react-ui-components/components/index';
   import { Agreement } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   export interface RegisterConfig extends IG2Config {
-      disableRegister: boolean;
-      registerMethods: RegisterMethods[];
-      defaultRegisterMethod: RegisterMethods;
+      disableRegister?: boolean;
+      registerMethods?: RegisterMethods[];
+      defaultRegisterMethod?: RegisterMethods;
       publicKey?: string;
       agreementEnabled?: boolean;
       agreements?: Agreement[];
-      registeContext?: any;
+      registerContext?: any;
   }
   export interface RegisterEvents extends IG2Events {
       onBeforeRegister?: (registerInfo: EmailRegisterParams | PhoneRegisterParams, authClient: AuthenticationClient) => boolean | Promise<boolean>;
@@ -2153,6 +2424,10 @@ declare module '@authing/react-ui-components/components/Register/interface' {
   }
   export const getDefaultRegisterConfig: () => RegisterConfig;
 
+}
+declare module '@authing/react-ui-components/components/Register/utils' {
+  export const useIsChangeComplete: (currentMode: 'phone' | 'email') => boolean;
+
 }
 declare module '@authing/react-ui-components/components/SendCode/SendCodeBtn' {
   import React, { FC } from 'react';
@@ -2224,9 +2499,9 @@ declare module '@authing/react-ui-components/components/ShieldSpin/index' {
 
 }
 declare module '@authing/react-ui-components/components/SingleComponent/SingleComponent' {
-  import React from 'react';
-  import { IG2FCProps } from '@authing/react-ui-components/components/index';
-  export function SingleComponent<T extends IG2FCProps>(props: T, Component: React.FC<any>): JSX.Element;
+  /// <reference types="react" />
+  import { GuardModuleType, IG2FCProps } from '@authing/react-ui-components/components/index';
+  export function SingleComponent<T extends IG2FCProps>(props: T, guardModuleType: GuardModuleType, initData?: any): JSX.Element;
 
 }
 declare module '@authing/react-ui-components/components/SingleComponent/index' {
@@ -2248,8 +2523,7 @@ declare module '@authing/react-ui-components/components/SubmitButton/index' {
 }
 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>;
+  export const GuardSubmitSuccessView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/SubmitSuccess/interface' {
@@ -2275,19 +2549,21 @@ declare module '@authing/react-ui-components/components/SubmitSuccess/interface'
 declare module '@authing/react-ui-components/components/Type/index' {
   import { AuthenticationClient, CommonMessage } from 'authing-js-sdk';
   import { Lang } from 'authing-js-sdk/build/main/types';
-  import { ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   import { GuardMode } from '@authing/react-ui-components/components/AuthingGuard/types/GuardConfig';
   import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
   export interface IG2FCProps extends IG2Events {
       appId: string;
+      tenantId?: string;
       config?: Partial<IG2Config>;
+      visible?: boolean;
+      initData?: any;
   }
   export interface IG2FCViewProps extends IG2FCProps {
       config: IG2Config;
   }
   export interface IG2Config {
-      title: string;
-      logo: string;
+      title?: string;
+      logo?: string;
       lang: Lang;
       langRange: Lang[];
       host: string;
@@ -2298,10 +2574,9 @@ declare module '@authing/react-ui-components/components/Type/index' {
       userpool?: string;
       contentCss?: string;
       target?: HTMLElement | string;
-      __appHost__?: string;
-      __pageConfig__?: GuardPageConfig;
-      __publicConfig__?: ApplicationConfig;
       __internalRequest__?: boolean;
+      __singleComponent__?: boolean;
+      __unAuthFlow__?: boolean;
   }
   export interface IG2Events {
       onLoad?: (authClient: AuthenticationClient) => void;
@@ -2316,14 +2591,6 @@ declare module '@authing/react-ui-components/components/Type/index' {
       EmailCode = "email-code",
       PhoneCode = "phone-code"
   }
-  export enum GuardPageSene {
-      Global = "global"
-  }
-  export interface GuardPageConfig {
-      [GuardPageSene.Global]: {
-          showChangeLanguage: boolean;
-      };
-  }
 
 }
 declare module '@authing/react-ui-components/components/ValidatorRules/PasswordFormItem' {
@@ -2337,10 +2604,10 @@ declare module '@authing/react-ui-components/components/ValidatorRules/PasswordF
 }
 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>>;
-  export const UserNameFormItem: React.ForwardRefExoticComponent<ValidatorFormItemProps & React.RefAttributes<ICheckProps>>;
+  import { ValidatorFormItemProps } from '@authing/react-ui-components/components/ValidatorRules/index';
+  export const EmailFormItem: React.FC<ValidatorFormItemProps>;
+  export const PhoneFormItem: React.FC<ValidatorFormItemProps>;
+  export const UserNameFormItem: React.FC<ValidatorFormItemProps>;
 
 }
 declare module '@authing/react-ui-components/components/ValidatorRules/index' {
@@ -2373,6 +2640,10 @@ declare module '@authing/react-ui-components/components/ValidatorRules/index' {
   const CustomFormItem: FormItemInterface;
   export default CustomFormItem;
 
+}
+declare module '@authing/react-ui-components/components/ValidatorRules/useCheckRepeat' {
+  export const useCheckRepeat: (checkFn: (value: any, resolve: (value: unknown) => void, reject: (reason?: any) => void) => void) => (_: any, value: any) => Promise<unknown>;
+
 }
 declare module '@authing/react-ui-components/components/VerifyCodeInput/index' {
   import React, { FC } from 'react';
@@ -2404,6 +2675,98 @@ declare module '@authing/react-ui-components/components/_utils/GuardErrorCode' {
 declare module '@authing/react-ui-components/components/_utils/clipboard' {
   export const copyToClipboard: (str: string) => void;
 
+}
+declare module '@authing/react-ui-components/components/_utils/config/index' {
+  /// <reference types="react" />
+  import { RegisterMethods } from 'authing-js-sdk';
+  import { ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  import { GuardComponentConfig, GuardLocalConfig } from '@authing/react-ui-components/components/Guard/config';
+  import { GuardHttp } from '@authing/react-ui-components/components/_utils/guardHttp';
+  export const getPublicConfig: (appId: string) => ApplicationConfig;
+  export const setPublicConfig: (appId: string, config: ApplicationConfig) => ApplicationConfig;
+  export const useMergeDefaultConfig: (defaultConfig: GuardLocalConfig, config?: GuardComponentConfig | undefined) => GuardLocalConfig | undefined;
+  export const useMergePublicConfig: (appId: string, config?: GuardLocalConfig | undefined, httpClient?: GuardHttp | undefined, serError?: any) => {
+      host: string;
+      isSSO?: boolean | undefined;
+      defaultScenes?: import("@authing/react-ui-components/components/index").GuardModuleType | undefined;
+      defaultInitData?: any;
+      showLoading?: boolean | undefined;
+      loadingComponent?: import("react").ReactNode;
+      openEventsMapping?: boolean | undefined;
+      disableRegister?: boolean | undefined;
+      registerMethods?: RegisterMethods[] | undefined;
+      defaultRegisterMethod?: RegisterMethods | undefined;
+      publicKey?: string | undefined;
+      agreementEnabled?: boolean | undefined;
+      agreements?: import("@authing/react-ui-components/components/AuthingGuard/api/index").Agreement[] | undefined;
+      registerContext?: any;
+      title?: string | undefined;
+      logo?: string | undefined;
+      lang: import("@authing/react-ui-components/components/index").Lang;
+      langRange: import("@authing/react-ui-components/components/index").Lang[];
+      isHost?: boolean | undefined;
+      mode: import("@authing/react-ui-components/components/index").GuardMode;
+      clickCloseable: boolean;
+      escCloseable: boolean;
+      userpool?: string | undefined;
+      contentCss?: string | undefined;
+      target?: string | HTMLElement | undefined;
+      __internalRequest__?: boolean | undefined;
+      __singleComponent__?: boolean | undefined;
+      __unAuthFlow__?: boolean | undefined;
+      autoRegister?: boolean | undefined;
+      disableResetPwd?: boolean | undefined;
+      defaultLoginMethod?: import("@authing/react-ui-components/components/index").LoginMethods | undefined;
+      loginMethods?: import("@authing/react-ui-components/components/index").LoginMethods[] | undefined;
+      passwordLoginMethods?: import("@authing/react-ui-components/components/AuthingGuard/api/index").PasswordLoginMethods[] | undefined;
+      socialConnections?: import("authing-js-sdk").SocialConnectionProvider[] | undefined;
+      socialConnectionsBtnShape?: "default" | "button" | "icon" | undefined;
+      enterpriseConnections?: string[] | undefined;
+      qrCodeScanOptions?: {
+          extIdpConnId?: string | undefined;
+          autoExchangeUserInfo?: boolean | undefined;
+          size?: {
+              height: number;
+              width: number;
+          } | undefined;
+          containerSize?: {
+              height: number;
+              width: number;
+          } | undefined;
+          interval?: number | undefined;
+          onStart?: ((timer: any) => any) | undefined;
+          onResult?: ((data: import("authing-js-sdk").QRCodeStatus) => any) | undefined;
+          onScanned?: ((userInfo: import("authing-js-sdk").QRCodeUserInfo) => any) | undefined;
+          onSuccess?: ((userInfo: import("authing-js-sdk").QRCodeUserInfo, ticket: string) => any) | undefined;
+          onCancel?: (() => any) | undefined;
+          onError?: ((message: string) => any) | undefined;
+          onExpired?: (() => any) | undefined;
+          onCodeShow?: ((random: string, url: string) => any) | undefined;
+          onCodeLoaded?: ((random: string, url: string) => any) | undefined;
+          onCodeLoadFailed?: ((message: string) => any) | undefined;
+          onCodeDestroyed?: ((random: string) => any) | undefined;
+          onRetry?: (() => any) | undefined;
+          onMfa?: ((code: number, message: string, data: Record<string, any>) => {}) | undefined;
+          tips?: {
+              title?: string | undefined;
+              scanned?: string | undefined;
+              succeed?: string | undefined;
+              canceled?: string | undefined;
+              expired?: string | undefined;
+              retry?: string | undefined;
+              failed?: string | undefined;
+          } | undefined;
+          onAuthFlow?: ((flow: Record<string, any>) => {}) | undefined;
+          customData?: {
+              [x: string]: any;
+          } | undefined;
+          context?: {
+              [x: string]: any;
+          } | undefined;
+          withCustomData?: boolean | undefined;
+      } | undefined;
+  } | undefined;
+
 }
 declare module '@authing/react-ui-components/components/_utils/config' {
   import { IG2Config } from '@authing/react-ui-components/components/Type/index';
@@ -2417,13 +2780,44 @@ declare module '@authing/react-ui-components/components/_utils/config' {
 }
 declare module '@authing/react-ui-components/components/_utils/context' {
   import React from 'react';
+  import { GuardEvents, GuardLocalConfig, GuardModuleType } from '@authing/react-ui-components/components/index';
   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>;
+  import { ModuleState } from '@authing/react-ui-components/components/Guard/GuardModule/stateMachine';
+  import { GuardHttp } from '@authing/react-ui-components/components/_utils/guardHttp';
+  export interface IGuardContext {
+      finallyConfig: GuardLocalConfig;
+      defaultMergedConfig: GuardLocalConfig;
+      publicConfig: ApplicationConfig;
+      httpClient: GuardHttp;
+      appId: string;
+      initData: any;
+      currentModule: ModuleState;
+      events: Partial<GuardEvents>;
+      changeModule?: (moduleName: GuardModuleType, initData?: any) => Promise<void>;
+      backModule?: () => void;
+      isAuthFlow: boolean;
+      contextLoaded: boolean;
+  }
+  export const createGuardXContext: () => {
+      Provider: React.FC<{
+          value: Partial<IGuardContext>;
+      }>;
+      Consumer: React.Consumer<IGuardContext>;
+  };
+  export const useGuardPublicConfig: () => ApplicationConfig;
+  export const useGuardHttpClient: () => GuardHttp;
+  export const useGuardDefaultMergedConfig: () => GuardLocalConfig;
+  export const useGuardAppId: () => string;
+  export function useGuardInitData<T>(): T;
+  export const useGuardCurrentModule: () => ModuleState;
+  export const useGuardEvents: () => Partial<GuardEvents>;
+  export const useGuardModule: () => {
+      changeModule: ((moduleName: GuardModuleType, initData?: any) => Promise<void>) | undefined;
+      backModule: (() => void) | undefined;
   };
-  export const usePublicConfig: () => ApplicationConfig | undefined;
+  export const useGuardFinallyConfig: () => GuardLocalConfig;
+  export const useGuardContextLoaded: () => boolean;
+  export const useGuardIsAuthFlow: () => boolean;
 
 }
 declare module '@authing/react-ui-components/components/_utils/corsVerification' {
@@ -2455,29 +2849,30 @@ declare module '@authing/react-ui-components/components/_utils/errorFace' {
   export {};
 
 }
-declare module '@authing/react-ui-components/components/_utils/guradHttp' {
-  import { AuthingResponse } from '@authing/react-ui-components/components/_utils/http';
+declare module '@authing/react-ui-components/components/_utils/guardHttp' {
+  import { AuthingGuardResponse, AuthingResponse } from '@authing/react-ui-components/components/_utils/http';
   import { CodeAction } from '@authing/react-ui-components/components/_utils/responseManagement/interface';
   export class GuardHttp {
       private requestClient;
       private headers;
       private responseInterceptorMap;
-      constructor(baseUrl: string);
+      constructor(baseUrl?: string);
       private getRequestClient;
       setUserpoolId(userpoolId: string): this;
       setAppId(appId: string): this;
       setTenantId(tenantId: string): this;
       setBaseUrl(baseUrl: string): this;
       getHeaders: () => Record<string, string>;
-      get: <T>(path: string, query?: Record<string, any>, config?: RequestInit | undefined) => Promise<AuthingResponse<any>>;
-      post: <T>(path: string, data: any, config?: {
+      get: <T = any>(path: string, query?: Record<string, any>, config?: RequestInit | undefined) => Promise<AuthingGuardResponse<T>>;
+      post: <T = any>(path: string, data: any, config?: {
           headers: any;
-      } | undefined) => Promise<AuthingResponse<any>>;
-      postForm: <T>(path: string, formData: any, config?: {
+      } | undefined) => Promise<AuthingGuardResponse<T>>;
+      postForm: <T = any>(path: string, formData: any, config?: {
           headers: any;
-      } | undefined) => Promise<AuthingResponse<any>>;
-      initErrorCodeInterceptor: (callBack: (code: CodeAction, res: AuthingResponse) => void) => this | undefined;
-      private responseIntercept;
+      } | undefined) => Promise<AuthingGuardResponse<T>>;
+      authFlow: <T = any>(action: string, data?: any) => Promise<AuthingGuardResponse<T>>;
+      initErrorCodeInterceptor: (callBack: (code: CodeAction, res: AuthingResponse) => AuthingGuardResponse) => this | undefined;
+      responseIntercept: (res: AuthingResponse) => AuthingGuardResponse;
   }
   export const initGuardHttp: (baseUrl: string) => GuardHttp;
   export const getGuardHttp: () => GuardHttp;
@@ -2486,7 +2881,8 @@ declare module '@authing/react-ui-components/components/_utils/guradHttp' {
 }
 declare module '@authing/react-ui-components/components/_utils/hooks/index' {
   import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
-  import { LoginConfig } from '@authing/react-ui-components/components/Login/interface';
+  import { ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/index';
   export interface PhoneValidResult {
       isValid: boolean;
       phoneNumber: string;
@@ -2512,10 +2908,7 @@ declare module '@authing/react-ui-components/components/_utils/hooks/index' {
    * @returns
    */
   export const parsePhone: (isInternationSms: boolean, fieldValue: string, areaCode?: string) => {
-      phoneNumber: string;
-      countryCode: undefined;
-  } | {
-      countryCode: string;
+      countryCode: string | undefined;
       phoneNumber: string;
   };
   /**
@@ -2523,10 +2916,14 @@ declare module '@authing/react-ui-components/components/_utils/hooks/index' {
    * @param config
    * @returns[socialConnectionObjs 社交身份源连接对象 enterpriseConnectionObjs 企业身份源连接对象 isNoMethod 是否没有身份源 ]
    */
-  export const useMethod: (config: LoginConfig) => any;
+  export const useMethod: (params: {
+      config: GuardLocalConfig;
+      publicConfig: ApplicationConfig;
+  }) => any;
 
 }
 declare module '@authing/react-ui-components/components/_utils/http' {
+  import { CodeAction } from '@authing/react-ui-components/components/_utils/responseManagement/interface';
   export const requestClient: {
       (input: RequestInfo, init?: RequestInit | undefined): Promise<any>;
       get<T>(path: string, query?: Record<string, any>, init?: RequestInit | undefined): Promise<AuthingResponse<T>>;
@@ -2553,6 +2950,10 @@ declare module '@authing/react-ui-components/components/_utils/http' {
       messages?: string;
       message?: string;
   }
+  export interface AuthingGuardResponse<T = any> extends AuthingResponse<T> {
+      onGuardHandling?: () => CodeAction;
+      isFlowEnd?: boolean;
+  }
 
 }
 declare module '@authing/react-ui-components/components/_utils/index' {
@@ -2596,8 +2997,8 @@ declare module '@authing/react-ui-components/components/_utils/index' {
       key: string;
       value: string | string[] | qs.ParsedQs | qs.ParsedQs[] | undefined;
   }[];
-  export const isWechatBrowser: () => boolean | null;
-  export const isLarkBrowser: () => boolean | null;
+  export const isWeChatBrowser: () => boolean;
+  export const isLarkBrowser: () => boolean;
   export const assembledAppHost: (identifier: string, host: string) => string;
   export const assembledRequestHost: (requestHostname: string, configHost: string) => string;
   export enum PasswordStrength {
@@ -2644,6 +3045,32 @@ declare module '@authing/react-ui-components/components/_utils/locales/zh/index'
   import map from '@authing/react-ui-components/components/_utils/locales/zh/map/index';
   export { common, login, user, map };
 
+}
+declare module '@authing/react-ui-components/components/_utils/logger/index' {
+  import { LoggerType } from '@authing/react-ui-components/components/_utils/logger/interface';
+  export class Logger {
+      static printType: LoggerType[];
+      /**
+       * 打印日志
+       * @param message 日志信息
+       * @param type 日志类型
+       */
+      static log(message: string, type?: LoggerType): void;
+      static info(message: string): void;
+      static warn(message: string): void;
+      static error(message: string): void;
+  }
+  export const getLogger: () => Logger;
+  export const useLogger: () => Logger;
+
+}
+declare module '@authing/react-ui-components/components/_utils/logger/interface' {
+  export enum LoggerType {
+      INFO = "INFO",
+      WARN = "WARN",
+      ERROR = "ERROR"
+  }
+
 }
 declare module '@authing/react-ui-components/components/_utils/popupCenter' {
   /**
@@ -2658,20 +3085,29 @@ declare module '@authing/react-ui-components/components/_utils/popupCenter' {
 
 }
 declare module '@authing/react-ui-components/components/_utils/responseManagement/index' {
-  import { AuthingResponse } from '@authing/react-ui-components/components/_utils/http';
+  import { AuthingGuardResponse, AuthingResponse } from '@authing/react-ui-components/components/_utils/http';
   import { CodeAction } from '@authing/react-ui-components/components/_utils/responseManagement/interface';
-  export const errorCodeInterceptor: (res: AuthingResponse<any>, callBack: (code: CodeAction, res: AuthingResponse) => void) => AuthingResponse<any>;
+  export const errorCodeInterceptor: (res: AuthingResponse<any>, callBack: (code: CodeAction, res: AuthingResponse) => AuthingGuardResponse) => AuthingResponse<any>;
 
 }
 declare module '@authing/react-ui-components/components/_utils/responseManagement/interface' {
   import { GuardModuleType } from '@authing/react-ui-components/components/Guard/index';
   export enum CodeAction {
       CHANGE_MODULE = "changeModule",
-      RENDER_MESSAGE = "renderMessage"
+      RENDER_MESSAGE = "renderMessage",
+      FLOW_END = "flowEnd"
   }
   export enum ApiCode {
-      IDENTITY_BINDING_ASK = "1641",
-      IDENTITY_BINDING = "1640"
+      IDENTITY_BINDING_ASK = 1641,
+      IDENTITY_BINDING = 1640,
+      APP_MFA = 1636,
+      MFA = 1635,
+      ABORT_FLOW = 1699,
+      COMPLETE_INFO = 1642,
+      FLOW_END = 1600,
+      FIRST_LOGIN_PASSWORD = 1639,
+      FORCED_PASSWORD_RESET = 2058,
+      ACCOUNT_MERGE = 10000
   }
   export const ChangeModuleApiCodeMapping: Record<string, GuardModuleType>;
 
@@ -2752,10 +3188,12 @@ 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 * from '@authing/react-ui-components/components/_utils/responseManagement/interface';
   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 * from '@authing/react-ui-components/components/AuthingGuard/index';
+  export * from '@authing/react-ui-components/components/SingleComponent/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/version/index';
@@ -2767,7 +3205,7 @@ declare module '@authing/react-ui-components/components/version/index' {
 
 }
 declare module '@authing/react-ui-components/components/version/version' {
-  const _default: "3.0.32";
+  const _default: "3.1.0-hep.0";
   export default _default;
 
 }
@@ -2813,7 +3251,7 @@ declare module '@authing/react-ui-components/config/jest/fileTransform' {
 
 }
 declare module '@authing/react-ui-components/config/modules' {
-  export const additionalModulePaths: string[] | "" | null;
+  export const additionalModulePaths: "" | string[] | null;
   export const hasTsConfig: boolean;
   export const webpackAliases: {
       src?: undefined;