@authing/react-ui-components 3.1.29-alpha.1 → 3.1.30-beta.0

package/lib/index.d.ts

@@ -521,6 +521,7 @@ declare module '@authing/react-ui-components/components/AuthingGuard/api/appConf
       websocket: string;
       welcomeMessage: any;
       skipComplateFileds: boolean;
+      selfUnlockStrategy: 'captcha' | 'password-captcha';
   }
   export const fetchAppConfig: (appId: string) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingResponse<ApplicationConfig>>;
 
@@ -1101,6 +1102,33 @@ declare module '@authing/react-ui-components/components/Back/index' {
   }
   export const BackCustom: React.FC<BackCustomProps>;
 
+}
+declare module '@authing/react-ui-components/components/BindTotp/api/constant' {
+  export const mfaAuthenticatorUrl: () => string;
+  export const mfaTotpAssociateUrl: () => string;
+
+}
+declare module '@authing/react-ui-components/components/BindTotp/api/index' {
+  import { AxiosRequestConfig } from 'axios';
+  export { authFlowByAxios } from 'service/api';
+  /**
+   * 验证是否已登陆
+   * @param data
+   * @param config
+   */
+  export const mfaTotpAuthenticatorByAxios: (params: {
+      source: string;
+  }, config: AxiosRequestConfig) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  /**
+   * 已登陆 totp 拉取二维码、Secret 信息
+   * @param data
+   * @param config
+   * @returns
+   */
+  export const mfaTotpAssociateByAxios: (data: {
+      source: string;
+  }, config: AxiosRequestConfig) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+
 }
 declare module '@authing/react-ui-components/components/BindTotp/businessRequest' {
   export enum BindTotpBusinessAction {
@@ -1163,8 +1191,15 @@ declare module '@authing/react-ui-components/components/ChangeLanguage/index' {
   /// <reference types="react" />
   export const ChangeLanguage: (props: any) => JSX.Element | null;
 
+}
+declare module '@authing/react-ui-components/components/ChangePassword/api/index' {
+  import { registerEmailCodeByAxios } from '@authing/react-ui-components/components/Register/api/index';
+  import { authFlowByAxios } from 'service/api';
+  export { authFlowByAxios, registerEmailCodeByAxios };
+
 }
 declare module '@authing/react-ui-components/components/ChangePassword/businessRequest' {
+  import { AxiosRequestConfig } from 'axios';
   export enum ChangePasswordBusinessAction {
       ResetPassword = "reset-password-first-time",
       FirstLoginReset = "reset-password-forced",
@@ -1173,7 +1208,7 @@ declare module '@authing/react-ui-components/components/ChangePassword/businessR
   export const authFlow: (action: ChangePasswordBusinessAction, content: {
       password: string;
       oldPassword?: string;
-  }) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
 
 }
 declare module '@authing/react-ui-components/components/ChangePassword/core/PasswordNotSafeReset' {
@@ -1187,6 +1222,12 @@ declare module '@authing/react-ui-components/components/ChangePassword/core/Pass
 }
 declare module '@authing/react-ui-components/components/ChangePassword/core/completePassword' {
   import React from 'react';
+  /**
+   * 注册补全密码
+   * 进入流程：
+   * 1. 控制台登陆方式  短信验证码 && 手机号密码
+   * 2. 注册方式 短信验证码
+   */
   export const CompletePassword: React.FC;
 
 }
@@ -1215,23 +1256,63 @@ declare module '@authing/react-ui-components/components/ChangePassword/index' {
       title: string;
       explain: string;
   }>;
+  /**
+   * 首次登陆重制密码
+   * @returns
+   */
   export const GuardFirstLoginPasswordResetView: React.FC;
   export const GuardPasswordNotSafeResetView: React.FC;
   export const GuardForcedPasswordResetView: React.FC;
+  /**
+   * 提示修改密码
+   * @returns
+   */
   export const GuardNoticePasswordResetView: React.FC;
+  /**
+   * 注册密码补全
+   * @returns
+   */
   export const GuardRegisterCompletePasswordView: React.FC;
 
+}
+declare module '@authing/react-ui-components/components/CompleteInfo/api/constant' {
+  export const getCompletionMetaDataUrl: () => string;
+
+}
+declare module '@authing/react-ui-components/components/CompleteInfo/api/index' {
+  import { authFlowByAxios, getCountryLists, validateAccountByAxios, validateEmailCodeByAxios, validatePhoneCodeByAxios } from 'service/api';
+  import { registerEmailCodeByAxios } from '@authing/react-ui-components/components/Register/api/index';
+  import { getRegisterMetadata } from '@authing/react-ui-components/components/CompleteInfo/api/request';
+  export { registerEmailCodeByAxios, authFlowByAxios, getCountryLists, validateAccountByAxios, validateEmailCodeByAxios, validatePhoneCodeByAxios, getRegisterMetadata, };
+
+}
+declare module '@authing/react-ui-components/components/CompleteInfo/api/request' {
+  import { AxiosRequestConfig } from 'axios';
+  /**
+   * 获取注册信息补全元数据
+   * @param params
+   * @param config
+   * @returns
+   */
+  export const getRegisterMetadata: (params?: any, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+
 }
 declare module '@authing/react-ui-components/components/CompleteInfo/businessRequest' {
-  import { User } from 'authing-js-sdk';
+  import { AxiosRequestConfig } from 'axios';
   import { CompleteInfoRequest, RegisterCompleteInfoInitData } 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 registerSkipMethod: (fnName: RegisterCompleteInfoInitData['businessRequestName'], content: any) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>> | Promise<User> | undefined;
-  export const registerRequest: (action: CompleteInfoAuthFlowAction, registerFnName: RegisterCompleteInfoInitData['businessRequestName'], registerContent: any, registerProfile?: any) => Promise<User | import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any> | undefined>;
+  export const authFlow: (action: CompleteInfoAuthFlowAction, data?: CompleteInfoRequest | undefined, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  /**
+   * 注册点击跳过
+   * @param fnName
+   * @param content
+   * @returns
+   */
+  export const registerSkipMethod: (fnName: RegisterCompleteInfoInitData['businessRequestName'], content: any) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>> | Promise<import("authing-js-sdk").User> | undefined;
+  export const registerRequest: (action: CompleteInfoAuthFlowAction, registerFnName: RegisterCompleteInfoInitData['businessRequestName'], registerContent: any, registerProfile?: any) => Promise<import("authing-js-sdk").User | import("../_utils/http").AuthingGuardResponse<any> | undefined>;
 
 }
 declare module '@authing/react-ui-components/components/CompleteInfo/core/completeInfo' {
@@ -1245,6 +1326,11 @@ declare module '@authing/react-ui-components/components/CompleteInfo/core/comple
       key: string;
       options: any;
   }
+  /**
+   * 信息补全
+   * @param props
+   * @returns
+   */
   export const CompleteInfo: React.FC<CompleteInfoProps>;
 
 }
@@ -1253,12 +1339,23 @@ declare module '@authing/react-ui-components/components/CompleteInfo/index' {
   import { CompleteInfoMetaData, CompleteInfoRequest } from '@authing/react-ui-components/components/CompleteInfo/interface';
   import './styles.less';
   import { CompleteInfoAuthFlowAction } from '@authing/react-ui-components/components/CompleteInfo/businessRequest';
+  /**
+   * 登录时信息补全
+   * @param param0
+   * @returns
+   */
   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;
 
 }
@@ -1450,6 +1547,9 @@ declare module '@authing/react-ui-components/components/ForgetPassword/core/rese
 }
 declare module '@authing/react-ui-components/components/ForgetPassword/index' {
   import React from 'react';
+  /**
+   * 忘记密码
+   */
   export const GuardForgetPassword: React.FC;
 
 }
@@ -1527,6 +1627,27 @@ declare module '@authing/react-ui-components/components/Guard/GuardModule/stateM
   export const getGuardStateMachine: () => GuardStateMachine;
   export const useGuardStateMachine: () => GuardStateMachine;
 
+}
+declare module '@authing/react-ui-components/components/Guard/api/constant' {
+  export const publishConfig: (appId: string) => string;
+  export const pageConfig: (appId: string) => string;
+
+}
+declare module '@authing/react-ui-components/components/Guard/api/index' {
+  import { AxiosRequestConfig } from 'axios';
+  /**
+   * 获取应用配置信息
+   * @param appId 当前应用配置信息
+   * @returns
+   */
+  export const getPublishConfigByAxios: <T>(appId: string, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<T>>;
+  /**
+   * 获取页面配置
+   * @param appId 当前应用配置信息
+   * @returns
+   */
+  export const getPageConfigByAxios: <T>(appId: string, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<T>>;
+
 }
 declare module '@authing/react-ui-components/components/Guard/authClient' {
   import { AuthenticationClient } from 'authing-js-sdk';
@@ -1575,291 +1696,105 @@ declare module '@authing/react-ui-components/components/Guard/config' {
   export const getDefaultGuardLocalConfig: () => GuardLocalConfig;
 
 }
-declare module '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts' {
-  import { SelectOptions } from '@authing/react-ui-components/components/Login/multipleAccounts/panel';
-  export const QR_CODE_WAY: LoginWay[];
+declare module '@authing/react-ui-components/components/Guard/core/componentsMapping' {
+  import React from 'react';
+  import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
   /**
-   * 登录时所有支持的登录列表(前端定义列表)
+   * 组件映射表
+   * TODO: 斟酌下是否和上层 module.ts 放在一起的单个文件夹中 感觉可放可不放
    */
-  export type LoginWay = 'email' | 'phone' | 'password' | 'phone-code' | 'email-code' | 'social' | 'wechat-miniprogram-qrcode' | 'wechatmp-qrcode' | 'app-qrcode' | 'ad' | 'ldap';
+  const ComponentsMapping: Record<GuardModuleType, (key: string) => React.ReactNode>;
+  export default ComponentsMapping;
+
+}
+declare module '@authing/react-ui-components/components/Guard/core/hooks/useBusinessRequest' {
+  import { AuthenticationClient } from 'authing-js-sdk';
+  import { GuardLocalConfig } from 'components/Guard/config';
+  import { GuardEvents } from 'components/Guard/event';
+  import { GuardHttp } from 'components/_utils/guardHttp';
+  export default function useBusinessRequestByAxios(appId: string | undefined, options: {
+      events?: GuardEvents;
+      tenantId?: string;
+      sdkClient?: AuthenticationClient;
+      defaultMergedConfig?: GuardLocalConfig;
+      httpClient?: GuardHttp;
+      finallyConfig?: any;
+  }): {
+      axiosClient: boolean | undefined;
+  };
+
+}
+declare module '@authing/react-ui-components/components/Guard/core/hooks/useCss' {
   /**
-   * when： 多账号页面跳转进入登录页面
-   * 携带的回填数据信息
+   * 自定义 CSS 相关，finallyConfig 类型待补充
+   * @param finallyConfig
    */
-  export interface BackFillMultipleState extends Omit<User, 'id' | 'name' | 'nickname' | 'username' | 'phone' | 'email' | 'photo' | '_updateTime'> {
-      /**
-       * 回填的账号名称 邮箱/用户名/手机
-        */
-      account: string;
-  }
+  export default function useCss(finallyConfig: any): void;
+
+}
+declare module '@authing/react-ui-components/components/Guard/core/hooks/useEvents' {
+  /// <reference types="react" />
+  import { GuardEvents } from '@authing/react-ui-components/components/Guard/event';
+  import { GuardProps } from '@authing/react-ui-components/components/Guard/Guard';
   /**
-   * Store instance
+   * 初始化事件
+   * @param guardProps
+   * @param openEventsMapping
+   * @returns
    */
-  export type StoreInstance = ReturnType<MultipleAccount['getStore']>;
+  export default function useEvents(guardProps: GuardProps, openEventsMapping?: boolean): {
+      events: GuardEvents | undefined;
+      setEvents: import("react").Dispatch<import("react").SetStateAction<GuardEvents | undefined>>;
+      initEvents: () => void;
+  };
+
+}
+declare module '@authing/react-ui-components/components/Guard/core/hooks/useFDA' {
+  /// <reference types="react" />
+  import { GuardEvents } from '@authing/react-ui-components/components/Guard/event';
+  import { GuardStateMachine, ModuleState } from '@authing/react-ui-components/components/Guard/GuardModule/stateMachine';
+  import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
+  import { ChangeModuleCore } from '@authing/react-ui-components/components/Guard/core/hooks/useModule';
   /**
-   * 当前 userId 对应的类型
+   * 初始化 FDA ，后续 Guard 渲染全部按照 FDA API 执行
+   * @param onChangeModule FDA 内部更新组件核心方法
+   * @param initState 初始化状态
+   * @returns { guardStateMachine,setGuardStateMachine }
    */
-  export interface CurrentStore {
-      [id: string]: User;
-  }
-  export interface User {
-      /**
-       * userId
-       */
-      id: string;
-      /**
-       * Tab 栏状态
-       */
-      tab: 'input' | 'qrcode';
-      /**
-       * 登录方式
-       */
-      way: LoginWay;
-      /**
-       * 姓名
-       */
-      name?: string | null;
-      /**
-       * 昵称
-       */
-      nickname?: string | null;
-      /**
-       * 用户名
-       */
-      username?: string | null;
-      /**
-       * 手机号
-       */
-      phone?: string | null;
-      /**
-       * 邮箱
-       */
-      email?: string | null;
-      /**
-       * 头像
-       */
-      photo?: string | null;
-      /**
-       * qrCodeId 对应的ID
-       */
-      qrCodeId?: string;
-      /**
-       * 国际化短信区号
-       */
-      phoneCountryCode?: string;
-      /**
-       * 国际化短信选择框回填
-       */
-      areaCode?: string;
-      /**
-       * 登录时间
-       */
-      _updateTime?: string;
-  }
-  class MultipleAccount {
-      /**
-       * 原始的 localStore 值
-       */
-      private originStore;
-      /**
-       * 当前 AppId Store
-       */
-      private currentStore;
-      /**
-       * 单账号直接回填
-       */
-      private firstBackFillData?;
-      /**
-      * server 返回支持的登录方式
-      */
-      private serverSideLoginMethods;
-      /**
-       * 是否显示多账号登录页面
-       * true 存在
-       */
-      private memberState;
-      /**
-     * 二维码登录时的ID
-     */
-      private qrCodeId?;
-      /**
-     * 国际化短信前缀 区号
-     */
-      private phoneCountryCode?;
-      /**
-    * 国际化短信前缀 选中地区编号
-    */
-      private areaCode?;
-      private tabStatus?;
-      /**
-       * 当前登录二级状态
-       */
-      private loginWay?;
-      private appId;
-      /**
-       * 是否开启国际化短信
-       */
-      private isInternationSms?;
-      constructor();
-      /**
-       * 页面首次加载时初始化 Store
-       * 从 LocalStore 中拿值 放到这里来
-       */
-      private initStore;
-      /**
-       * 初始化记住账号相关信息
-       * @param normalCount
-       * @returns
-       */
-      private initMemberState;
-      /**
-       * 获取当前ID下有效账号个数
-       * @returns qrCount 有效的二维码登录个数 normalCount 有效的账号登录方式
-       */
-      private memberStateCount;
-      /**
-       * 初始化第一次的数据 TODO: 逻辑有点脏 待整理
-       */
-      private initBackfillData;
-      /**
-       * 根据前端存储的登录方式返回后端映射方式
-       * @param front
-       */
-      private getServerLoginMethodByFront;
-      /**
-       * 当前 Store  DONE
-       */
-      private getCurrentStore;
-      /**
-       * 国际化短信过滤
-       * true 表示通过 需要保留
-       * false 表示不通过 需要过滤
-       */
-      private validateInternationSms;
-      /**
-       * 校验有效的登录方式账号
-       * @param user
-       * @param serverSideLoginMethods
-       * @returns
-       */
-      private validateMethod;
-      /**
-       *
-       * @param tab 一级Tab状态
-       * @param way 二级Tab状态
-       * @param id 二维码登录时 记录对应的二维码 ID
-       */
-      private setLoginWay;
-      /**
-       * 设置/更新 store 内的用户信息
-       */
-      private setUserInfo;
-      /**
-       * 持久化保存
-       */
-      private saveStore;
-      /**
-       * 根据登录的 account 判断本次登录的方式
-       * @param account 登录输入的账号
-       * @param param1 登录成功返回的相关信息 用户名/手机号/邮箱
-       * @returns
-       */
-      private setLoginWayByHttpData;
-      /**
-       * 根据用户 ID 删除 localStorage 中当前用户 ID
-       */
-      private delUserById;
-      /**
-       * 获得多账号登录页面的所有用户列表
-       * @param excludeWays
-       */
-      private getMemoUser;
-      /**
-       * 根据 id 获得当前已登录的用户信息
-       * @param userId
-       * @returns User / undefined
-       */
-      private getMemoSingleUser;
-      /**
-       * 该方法仅仅需要回填账号的登录方式，其他都不计入
-       * 当用户名/手机号/邮箱/AD/LDAP 相同时，根据登录顺序匹配不同的账号
-       * 根据记住的用户登录方式获取对应的登录账户名
-       * @param way
-       * @param user
-       * @returns
-       */
-      private getAccountByWay;
-      private _mappingUser;
-      /**
-       * 外部暴露方法
-       */
-      getStore: () => {
-          initStore: (appId: string, options: {
-              serverSideLoginMethods: LoginWay[];
-              isInternationSms: boolean;
-          }) => void;
-          setLoginWay: (tab: 'input' | 'qrcode', way: LoginWay, id?: string | undefined, internation?: {
-              phoneCountryCode: string;
-              areaCode: string;
-          } | undefined) => void;
-          setUserInfo: (user: Pick<User & {
-              id: string;
-          }, "email" | "username" | "phone" | "id" | "nickname" | "photo" | "name" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
-          setLoginWayByHttpData: (account: string, data: {
-              username?: string | undefined;
-              phone?: string | undefined;
-              email?: string | undefined;
-          }) => void;
-          getMemoUser: (excludeWays?: LoginWay[]) => SelectOptions[];
-          getMemoSingleUser: (id: string) => {
-              way: LoginWay;
-              account: string;
-          } | undefined;
-          delUserById: (id: string) => string;
-          getMemberState: () => boolean;
-          getFirstBackFillData: () => BackFillMultipleState | undefined;
-      };
+  export default function useFDA(onChangeModule: ChangeModuleCore, initState: ModuleState, events?: GuardEvents, authFlow?: boolean): {
+      isAuthFlow: boolean;
+      guardStateMachine: GuardStateMachine | undefined;
+      setGuardStateMachine: import("react").Dispatch<import("react").SetStateAction<GuardStateMachine | undefined>>;
+      moduleEvents: {
+          changeModule: (moduleName: GuardModuleType, initData?: any) => Promise<void>;
+          backModule: () => void;
+      } | undefined;
+  };
+
+}
+declare module '@authing/react-ui-components/components/Guard/core/hooks/useI18n' {
+  import { GuardLocalConfig } from 'components/Guard/config';
+  const useI18i: (config?: Partial<GuardLocalConfig> | undefined) => void;
+  export { useI18i };
+
+}
+declare module '@authing/react-ui-components/components/Guard/core/hooks/useModule' {
+  import { GuardEvents } from '@authing/react-ui-components/components/Guard/event';
+  import { ModuleState } from '@authing/react-ui-components/components/Guard/GuardModule/stateMachine';
+  import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
+  export interface ChangeModuleCore {
+      (type: GuardModuleType, initData?: any): Promise<void>;
   }
   /**
-   * MultipleAccounts 相关 Hook
-   * Finally Config 类型过滤
+   * Guard 组件渲染状态
+   * @param initializeState 初始化数据
+   * @param events Guard 事件对象
+   * @returns moduleState 组件当前渲染状态，onChangeModule 切换状态方法
    */
-  const useMultipleAccounts: ({ appId, finallyConfig }: {
-      appId?: string | undefined;
-      finallyConfig?: any;
-  }) => {
-      instance: {
-          initStore: (appId: string, options: {
-              serverSideLoginMethods: LoginWay[];
-              isInternationSms: boolean;
-          }) => void;
-          setLoginWay: (tab: 'input' | 'qrcode', way: LoginWay, id?: string | undefined, internation?: {
-              phoneCountryCode: string;
-              areaCode: string;
-          } | undefined) => void;
-          setUserInfo: (user: Pick<User & {
-              id: string;
-          }, "email" | "username" | "phone" | "id" | "nickname" | "photo" | "name" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
-          setLoginWayByHttpData: (account: string, data: {
-              username?: string | undefined;
-              phone?: string | undefined;
-              email?: string | undefined;
-          }) => void;
-          getMemoUser: (excludeWays?: LoginWay[]) => SelectOptions[];
-          getMemoSingleUser: (id: string) => {
-              way: LoginWay;
-              account: string;
-          } | undefined;
-          delUserById: (id: string) => string;
-          getMemberState: () => boolean;
-          getFirstBackFillData: () => BackFillMultipleState | undefined;
-      } | undefined;
-      isMultipleAccount: boolean;
-      referMultipleState: (type: 'login' | 'multiple', data?: BackFillMultipleState | undefined) => void;
-      multipleAccountData: BackFillMultipleState | undefined;
-      clearBackFillData: () => void;
+  export default function useModule(initializeState: ModuleState, events?: GuardEvents): {
+      moduleState: ModuleState;
+      onChangeModule: ChangeModuleCore;
   };
-  export default useMultipleAccounts;
 
 }
 declare module '@authing/react-ui-components/components/Guard/core/index' {
@@ -1873,7 +1808,7 @@ declare module '@authing/react-ui-components/components/Guard/core/index' {
   export const GuardCore: (props: GuardCoreProps) => JSX.Element;
 
 }
-declare module '@authing/react-ui-components/components/Guard/core/renderContext' {
+declare module '@authing/react-ui-components/components/Guard/core/renderContext-1' {
   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';
@@ -1920,32 +1855,7 @@ declare module '@authing/react-ui-components/components/Guard/event' {
   export interface GuardEvents extends LoginEvents, RegisterEvents, CompleteInfoEvents, ForgetPasswordEvents, IdentityBindingEvents, IdentityBindingAskEvents {
       onBeforeChangeModule?: (key: GuardModuleType, initData?: any) => boolean | Promise<boolean>;
   }
-  export const guardEventsFilter: (props: any, multipleInstance?: {
-      initStore: (appId: string, options: {
-          serverSideLoginMethods: import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").LoginWay[];
-          isInternationSms: boolean;
-      }) => void;
-      setLoginWay: (tab: "input" | "qrcode", way: import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").LoginWay, id?: string | undefined, internation?: {
-          phoneCountryCode: string;
-          areaCode: string;
-      } | undefined) => void;
-      setUserInfo: (user: Pick<import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").User & {
-          id: string;
-      }, "email" | "username" | "phone" | "id" | "nickname" | "photo" | "name" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
-      setLoginWayByHttpData: (account: string, data: {
-          username?: string | undefined;
-          phone?: string | undefined;
-          email?: string | undefined;
-      }) => void;
-      getMemoUser: (excludeWays?: import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").LoginWay[]) => import("../Login/multipleAccounts/panel").SelectOptions[];
-      getMemoSingleUser: (id: string) => {
-          way: import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").LoginWay;
-          account: string;
-      } | undefined;
-      delUserById: (id: string) => string;
-      getMemberState: () => boolean;
-      getFirstBackFillData: () => import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").BackFillMultipleState | undefined;
-  } | undefined, openEventsMapping?: boolean | undefined) => GuardEvents;
+  export const guardEventsFilter: (props: any, openEventsMapping?: boolean | undefined) => GuardEvents;
   export const guardEventsHijacking: (events: GuardEvents, openEventsMapping?: boolean | undefined) => GuardEvents;
   export const GuardEventsCamelToKebabMapping: {
       readonly onLoad: "load";
@@ -2088,8 +1998,21 @@ declare module '@authing/react-ui-components/components/IconFont/useGuardIconfon
 declare module '@authing/react-ui-components/components/IdentityBinding/IdentityBinding' {
   import React from 'react';
   import './styles.less';
+  /**
+   * 身份源绑定 第三方登陆时
+   * 需要身份源绑定相关 Authing 账号
+   * @returns
+   */
   export const GuardIdentityBindingView: React.FC;
 
+}
+declare module '@authing/react-ui-components/components/IdentityBinding/api/index' {
+  export * from '@authing/react-ui-components/components/IdentityBinding/api/request';
+
+}
+declare module '@authing/react-ui-components/components/IdentityBinding/api/request' {
+  export { authFlowByAxios } from 'service/api';
+
 }
 declare module '@authing/react-ui-components/components/IdentityBinding/businessRequest' {
   export enum IdentityBindingBusinessAction {
@@ -2117,13 +2040,10 @@ declare module '@authing/react-ui-components/components/IdentityBinding/business
       BindByPhoneCode = "bind-identity-by-phone-code",
       BindByEmailCode = "bind-identity-by-email-code"
   }
-  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>>;
+      "phone-code": (data: PhoneCodeParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+      "emial-code": (data: EmailCodeParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+      password: (data: PasswordParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
   };
 
 }
@@ -2167,6 +2087,18 @@ declare module '@authing/react-ui-components/components/IdentityBindingAsk/Ident
   import './styles.less';
   export const GuardIdentityBindingAskView: React.FC;
 
+}
+declare module '@authing/react-ui-components/components/IdentityBindingAsk/api/index' {
+  import { AxiosRequestConfig } from 'axios';
+  /**
+   * 状态机
+   * @param action
+   * @param config
+   * @returns
+   */
+  const authFlow: (action: string, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export { authFlow };
+
 }
 declare module '@authing/react-ui-components/components/IdentityBindingAsk/index' {
   export * from '@authing/react-ui-components/components/IdentityBindingAsk/IdentityBindingAsk';
@@ -2229,43 +2161,162 @@ declare module '@authing/react-ui-components/components/InputPassword/index' {
   export const InputPassword: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<React.RefObject<Input>>>;
 
 }
-declare module '@authing/react-ui-components/components/Login/codemap' {
-  import { GuardModuleAction } from '@authing/react-ui-components/components/Guard/module';
-  export const codeMap: Record<number, GuardModuleAction>;
+declare module '@authing/react-ui-components/components/Login/api/constant' {
+  export const loginUrlByPassword: (isAdWay: boolean) => "/api/v2/login/ad-all-in-one" | "/api/v2/login/account";
+  export const loginUrlByPhoneCode: () => string;
+  export const loginUrlByEmailCode: () => string;
+  export const loginUrlByAD: () => string;
+  export const loginUrlByLDAP: () => string;
+  export const preLoginUrlByOIDC: () => string;
 
 }
-declare module '@authing/react-ui-components/components/Login/core/withAD' {
-  /// <reference types="react" />
-  import { Agreement } from '@authing/react-ui-components/components/AuthingGuard/api/index';
-  import { BackFillMultipleState, StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
-  interface LoginWithADProps {
-      publicKey: string;
+declare module '@authing/react-ui-components/components/Login/api/index' {
+  export * from '@authing/react-ui-components/components/Login/api/request';
+
+}
+declare module '@authing/react-ui-components/components/Login/api/request' {
+  import { AxiosRequestConfig } from 'axios';
+  export interface LoginParams<T = any> {
+      /**
+       * 登陆自定义参数
+       */
+      customData: T;
+      /**
+       * 是否自动注册
+       */
       autoRegister?: boolean;
-      onLoginSuccess: any;
-      onLoginFailed: any;
-      onBeforeLogin: any;
-      agreements: Agreement[];
       /**
-       * 回填的数据
+       * 是否携带自定义数据
+       */
+      withCustomData?: boolean;
+  }
+  /**
+   * 密码登陆请求参数
+   */
+  export interface LoginParamsWithPassword<T = any> extends LoginParams<T> {
+      /**
+       * 账号
+       */
+      account: string;
+      /**
+       * 密码
        */
-      backfillData?: BackFillMultipleState;
+      password: string;
       /**
-       * 根据输入的账号 & 返回获得对应的登录方法
+       * 验证码
        */
-      multipleInstance?: StoreInstance;
+      captchaCode: string;
   }
-  export const LoginWithAD: (props: LoginWithADProps) => JSX.Element;
-  export {};
-
-}
-declare module '@authing/react-ui-components/components/Login/core/withAppQrcode' {
-  /// <reference types="react" />
-  import { StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
-  interface LoginWithAppQrcodeProps {
-      onLoginSuccess: any;
-      canLoop: boolean;
+  /**
+   * 密码登陆
+   */
+  export const loginRequestByAxios: <T>(data: LoginParams, way?: boolean, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<T>>;
+  /**
+   * 手机登陆请求参数
+   */
+  export interface LoginParamsWithPhone<T = any> extends LoginParams<T> {
+      /**
+       * 手机号
+       */
+      phone: string;
+      /**
+       * 验证码
+       */
+      code: string;
+      /**
+       * 手机前位数
+       */
+      phoneCountryCode?: number;
+  }
+  /**
+   * 手机验证码登陆
+   * @param data
+   * @returns
+   */
+  export const mobileLoginByAxios: (data: LoginParamsWithPhone, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  /**
+   * 手机登陆请求参数
+   */
+  export interface LoginParamsWithEmail<T = any> extends LoginParams<T> {
+      /**
+       * 邮箱号
+       */
+      email: string;
+      /**
+       * 验证码
+       */
+      code: string;
+  }
+  /**
+   * 邮箱登陆
+   * @param data
+   * @param config
+   * @returns
+   */
+  export const emailLoginByAxios: (data: LoginParamsWithEmail, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  /**
+   * AD 登陆
+   * @param data
+   * @returns
+   */
+  export const adLoginByAxios: (data: {
+      username: string;
+      password: string;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  /**
+   * LDAP 登陆
+   * @param data
+   * @returns
+   */
+  export const ldapLoginByAxios: (data: {
+      username: string;
+      password: string;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  interface PreOIDCParams {
+      state: string;
+      protocol: string;
+      userPoolId: string;
+      appId: string;
+      referer: string;
+      connection: {
+          providerIentifier: any;
+      };
+  }
+  /**
+   * IDO -> OIDC 登陆前校验
+   * @param data
+   * @returns
+   */
+  export const preLoginOIDCByAxios: (data: PreOIDCParams, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  export {};
+
+}
+declare module '@authing/react-ui-components/components/Login/codemap' {
+  import { GuardModuleAction } from '@authing/react-ui-components/components/Guard/module';
+  export const codeMap: Record<number, GuardModuleAction>;
+
+}
+declare module '@authing/react-ui-components/components/Login/core/withAD' {
+  /// <reference types="react" />
+  import { Agreement } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  interface LoginWithADProps {
+      publicKey: string;
+      autoRegister?: boolean;
+      onLoginSuccess: any;
+      onLoginFailed: any;
+      onBeforeLogin: any;
+      agreements: Agreement[];
+  }
+  export const LoginWithAD: (props: LoginWithADProps) => JSX.Element;
+  export {};
+
+}
+declare module '@authing/react-ui-components/components/Login/core/withAppQrcode' {
+  /// <reference types="react" />
+  interface LoginWithAppQrcodeProps {
+      onLoginSuccess: any;
+      canLoop: boolean;
       qrCodeScanOptions: any;
-      multipleInstance?: StoreInstance;
   }
   export const LoginWithAppQrcode: (props: LoginWithAppQrcodeProps) => JSX.Element;
   export {};
@@ -2274,7 +2325,6 @@ declare module '@authing/react-ui-components/components/Login/core/withAppQrcode
 declare module '@authing/react-ui-components/components/Login/core/withLDAP' {
   /// <reference types="react" />
   import { Agreement } from '@authing/react-ui-components/components/AuthingGuard/api/index';
-  import { BackFillMultipleState, StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
   interface LoginWithLDAPProps {
       publicKey: string;
       autoRegister?: boolean;
@@ -2283,14 +2333,6 @@ declare module '@authing/react-ui-components/components/Login/core/withLDAP' {
       onLoginFailed: any;
       onBeforeLogin: any;
       agreements: Agreement[];
-      /**
-       * 根据输入的账号 & 返回获得对应的登录方法
-       */
-      multipleInstance?: StoreInstance;
-      /**
-       * 多账号回填的数据
-       */
-      backfillData?: BackFillMultipleState;
   }
   export const LoginWithLDAP: (props: LoginWithLDAPProps) => JSX.Element;
   export {};
@@ -2303,6 +2345,11 @@ declare module '@authing/react-ui-components/components/Login/core/withPassword/
   export interface FormItemAccountProps extends FormItemProps {
       passwordLoginMethods: PasswordLoginMethods[];
   }
+  /**
+   * 根据对应的配置：邮箱/用户名/Email渲染FormItem
+   * @param props
+   * @returns
+   */
   export const FormItemAccount: React.FC<FormItemAccountProps>;
 
 }
@@ -2313,6 +2360,11 @@ declare module '@authing/react-ui-components/components/Login/core/withPassword/
       verifyCodeUrl: string;
       changeCode: () => void;
   }
+  /**
+   * 图形验证码
+   * @param props
+   * @returns
+   */
   export const GraphicVerifyCode: React.FC<GraphicVerifyCodeProps>;
 
 }
@@ -2320,6 +2372,10 @@ declare module '@authing/react-ui-components/components/Login/core/withPassword/
   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[];
   }
@@ -2331,7 +2387,6 @@ declare module '@authing/react-ui-components/components/Login/core/withPassword/
   import { Agreement, PasswordLoginMethods } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   import { LoginMethods } from '@authing/react-ui-components/components/index';
   import { AuthingResponse } from '@authing/react-ui-components/components/_utils/http';
-  import { BackFillMultipleState, StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
   interface LoginWithPasswordProps {
       publicKey: string;
       autoRegister?: boolean;
@@ -2345,15 +2400,12 @@ declare module '@authing/react-ui-components/components/Login/core/withPassword/
       loginWay?: LoginMethods;
       submitButText?: string;
       saveIdentify?: (type: LoginMethods, identity: string) => void;
-      /**
-       * 根据输入的账号 & 返回获得对应的登录方法
-       */
-      multipleInstance?: StoreInstance;
-      /**
-       * 多账号回填的数据
-       */
-      backfillData?: BackFillMultipleState;
   }
+  /**
+   * 密码登陆
+   * @param props
+   * @returns
+   */
   export const LoginWithPassword: (props: LoginWithPasswordProps) => JSX.Element;
   export {};
 
@@ -2386,10 +2438,6 @@ declare module '@authing/react-ui-components/components/Login/core/withVerifyCod
   import React, { FC } from 'react';
   import './styles.less';
   export interface VirtualDropdownProps {
-      /**
-       * 回填的国际化区号
-       */
-      regionCode?: string;
       value?: string;
       onChange?: (value: string) => void;
       style?: React.CSSProperties;
@@ -2400,8 +2448,7 @@ declare module '@authing/react-ui-components/components/Login/core/withVerifyCod
 declare module '@authing/react-ui-components/components/Login/core/withVerifyCode/index' {
   /// <reference types="react" />
   import './styles.less';
-  const LoginWithVerifyCode: (props: any) => JSX.Element;
-  export { LoginWithVerifyCode };
+  export const LoginWithVerifyCode: (props: any) => JSX.Element;
 
 }
 declare module '@authing/react-ui-components/components/Login/core/withVerifyCode/inputIdentify' {
@@ -2416,13 +2463,10 @@ declare module '@authing/react-ui-components/components/Login/core/withVerifyCod
 }
 declare module '@authing/react-ui-components/components/Login/core/withWechatMiniQrcode' {
   /// <reference types="react" />
-  import { StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
   interface LoginWithWechatMiniQrcodeProps {
       onLoginSuccess: any;
       canLoop: boolean;
       qrCodeScanOptions: any;
-      id: string;
-      multipleInstance?: StoreInstance;
   }
   export const LoginWithWechatMiniQrcode: (props: LoginWithWechatMiniQrcodeProps) => JSX.Element;
   export {};
@@ -2430,78 +2474,14 @@ declare module '@authing/react-ui-components/components/Login/core/withWechatMin
 }
 declare module '@authing/react-ui-components/components/Login/core/withWechatmpQrcode' {
   /// <reference types="react" />
-  import { StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
   interface LoginWithWechatmpQrcodeProps {
       onLoginSuccess: any;
       canLoop: boolean;
       qrCodeScanOptions: any;
-      id: string;
-      /**
-       * 多账号存储实例
-       */
-      multipleInstance?: StoreInstance;
   }
   export const LoginWithWechatmpQrcode: (props: LoginWithWechatmpQrcodeProps) => JSX.Element;
   export {};
 
-}
-declare module '@authing/react-ui-components/components/Login/hooks/useLoginMultiple' {
-  /// <reference types="react" />
-  import { FormInstance } from 'antd/lib/form';
-  import { BackFillMultipleState, LoginWay } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
-  /**
-   * 多账号登录下 账户 & 登录方式自动回填
-   * TODO: HOOK 参数有时间整理成为对象，开始没有想到有这么多
-   * 调用地方 core 中需要回填的两个登录方式
-   */
-  function useLoginMultipleBackFill(options: {
-      form: FormInstance<any>;
-      way: LoginWay;
-      formKey: string;
-      backfillData?: BackFillMultipleState;
-      isOnlyInternationSms?: boolean;
-      setAreaCode?: React.Dispatch<React.SetStateAction<string>>;
-      cancelBackfill?: boolean;
-  }): void;
-  /**
-   * 多账号统一状态管理
-   * @param setLoginWay
-   * @returns
-   */
-  function useLoginMultiple(setLoginWay: React.Dispatch<any>): {
-      isMultipleAccount: boolean;
-      multipleInstance: {
-          initStore: (appId: string, options: {
-              serverSideLoginMethods: LoginWay[];
-              isInternationSms: boolean;
-          }) => void;
-          setLoginWay: (tab: "input" | "qrcode", way: LoginWay, id?: string | undefined, internation?: {
-              phoneCountryCode: string;
-              areaCode: string;
-          } | undefined) => void;
-          setUserInfo: (user: Pick<import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").User & {
-              id: string;
-          }, "email" | "username" | "phone" | "id" | "nickname" | "photo" | "name" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
-          setLoginWayByHttpData: (account: string, data: {
-              username?: string | undefined;
-              phone?: string | undefined;
-              email?: string | undefined;
-          }) => void;
-          getMemoUser: (excludeWays?: LoginWay[]) => import("@authing/react-ui-components/components/Login/multipleAccounts/panel").SelectOptions[];
-          getMemoSingleUser: (id: string) => {
-              way: LoginWay;
-              account: string;
-          } | undefined;
-          delUserById: (id: string) => string;
-          getMemberState: () => boolean;
-          getFirstBackFillData: () => BackFillMultipleState | undefined;
-      } | undefined;
-      referMultipleState: ((type: "login" | "multiple") => void) | undefined;
-      backfillData: BackFillMultipleState | undefined;
-      defaultQrWay: string | undefined;
-  };
-  export { useLoginMultipleBackFill, useLoginMultiple };
-
 }
 declare module '@authing/react-ui-components/components/Login/index' {
   /// <reference types="react" />
@@ -2550,79 +2530,6 @@ declare module '@authing/react-ui-components/components/Login/interface' {
   }
   export const getDefaultLoginConfig: () => LoginConfig;
 
-}
-declare module '@authing/react-ui-components/components/Login/multipleAccounts/index' {
-  import React from 'react';
-  import { LoginWay, StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
-  import { GuardModuleType } from '@authing/react-ui-components/components/Guard/index';
-  interface MultipleAccountsProps {
-      /**
-       * 多账号存储实例
-       */
-      multipleInstance?: StoreInstance;
-      /**
-       * 切换 Guard 方法
-       */
-      changeModule?: (moduleName: GuardModuleType, initData?: any) => Promise<void>;
-      /**
-       * 切换多账号状态
-       */
-      referMultipleState?: (type: 'login' | 'multiple', data?: {
-          account: string;
-          way: LoginWay;
-      }) => void;
-  }
-  const MultipleAccounts: React.NamedExoticComponent<MultipleAccountsProps>;
-  export { MultipleAccounts };
-
-}
-declare module '@authing/react-ui-components/components/Login/multipleAccounts/panel' {
-  import React from 'react';
-  import './style.less';
-  interface SelectPanelProps {
-      lists: SelectOptions[];
-      /**
-       * 点击删除
-       */
-      handleDel: (id: string) => void;
-      /**
-       * 点击 li
-       */
-      onClick: (id: string) => void;
-  }
-  export interface SelectOptions {
-      /**
-       * 头像
-       */
-      photo?: string;
-      /**
-       * 标题
-       */
-      title?: string;
-      /**
-       * 描述
-       */
-      description?: string;
-      /**
-       * 用户 ID 唯一标识符
-       */
-      id: string | 'other';
-      /**
-       * 显示操作栏 default: true
-       */
-      operation?: boolean;
-      /**
-       * 登录时间
-       */
-      _updateTime: number;
-      /**
-       * 替代图片元素
-       */
-      element?: React.ReactElement;
-  }
-  const SelectPanel: React.FC<SelectPanelProps>;
-  export { SelectPanel };
-
 }
 declare module '@authing/react-ui-components/components/Login/socialLogin/IdpButton/index' {
   /// <reference types="react" />
@@ -2634,7 +2541,6 @@ declare module '@authing/react-ui-components/components/Login/socialLogin/index'
   import { ApplicationConfig, SocialConnectionItem } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   import './style.less';
   import { GuardLocalConfig } from '@authing/react-ui-components/components/Guard/index';
-  import { StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
   export interface SocialLoginProps {
       appId: string;
       config: GuardLocalConfig;
@@ -2642,10 +2548,6 @@ declare module '@authing/react-ui-components/components/Login/socialLogin/index'
       onLoginSuccess: any;
       enterpriseConnectionObjs: ApplicationConfig['identityProviders'];
       socialConnectionObjs: SocialConnectionItem[];
-      /**
-       * 根据输入的账号 & 返回获得对应的登录方法
-       */
-      multipleInstance?: StoreInstance;
   }
   export const SocialLogin: React.FC<SocialLoginProps>;
 
@@ -2687,6 +2589,23 @@ declare module '@authing/react-ui-components/components/MFA/VerifyCodeInput/inde
   export const VerifyCodeInput: FC<VerifyCodeInputProps>;
   export {};
 
+}
+declare module '@authing/react-ui-components/components/MFA/api/constant' {
+  export const uploadFaceUrl: () => string;
+
+}
+declare module '@authing/react-ui-components/components/MFA/api/index' {
+  export { sendEmailCodeByAxios } from 'service/api';
+  export * from '@authing/react-ui-components/components/MFA/api/request';
+
+}
+declare module '@authing/react-ui-components/components/MFA/api/request' {
+  import { AxiosRequestConfig } from 'axios';
+  /**
+   * 上传绑定人脸识别的照片
+   */
+  export const uploadFaceImageByAxios: <T = any>(data: FormData, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<T>>;
+
 }
 declare module '@authing/react-ui-components/components/MFA/businessRequest' {
   export enum MfaBusinessAction {
@@ -2730,8 +2649,19 @@ declare module '@authing/react-ui-components/components/MFA/businessRequest' {
   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>>;
+      /**
+       * Totp 状态请求
+       * @param content
+       * @returns
+       */
       "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 {};
@@ -2750,6 +2680,11 @@ declare module '@authing/react-ui-components/components/MFA/core/email' {
       onBind: (email: string) => void;
       config: any;
   }
+  /**
+   * 绑定邮箱页面
+   * @param param0
+   * @returns
+   */
   export const BindMFAEmail: React.FC<BindMFAEmailProps>;
   interface VerifyMFAEmailProps {
       email: string;
@@ -2758,7 +2693,17 @@ declare module '@authing/react-ui-components/components/MFA/core/email' {
       sendCodeRef: React.RefObject<HTMLButtonElement>;
       codeLength: number;
   }
+  /**
+   * 验证邮箱
+   * @param param0
+   * @returns
+   */
   export const VerifyMFAEmail: React.FC<VerifyMFAEmailProps>;
+  /**
+   * 邮箱验证方式
+   * @param param0
+   * @returns
+   */
   export const MFAEmail: React.FC<{
       mfaToken: string;
       email?: string;
@@ -2770,6 +2715,11 @@ declare module '@authing/react-ui-components/components/MFA/core/email' {
 }
 declare module '@authing/react-ui-components/components/MFA/core/face' {
   /// <reference types="react" />
+  /**
+   * 面部认证
+   * @param props
+   * @returns
+   */
   export const MFAFace: (props: any) => JSX.Element;
 
 }
@@ -2781,7 +2731,13 @@ declare module '@authing/react-ui-components/components/MFA/core/face_deps' {
       };
   };
   export const FACE_SCORE = 0.65;
+  /**
+   * 人脸检测配置
+   */
   export function getFaceDetectorOptions(): any;
+  /**
+   * 获取 facePlugin tinyFaceDetector 微型人脸探测(三种方式之一)
+   */
   export function getCurrentFaceDetectionNet(): any;
   export function isFaceDetectionModelLoaded(): boolean;
   export function dataURItoBlob(base64Data: any): Blob;
@@ -2798,6 +2754,11 @@ declare module '@authing/react-ui-components/components/MFA/core/sms' {
       setAreaCode: (areaCode: string) => void;
       isInternationSms: boolean;
   }
+  /**
+   * 绑定手机号
+   * @param param0
+   * @returns
+   */
   export const BindMFASms: React.FC<BindMFASmsProps>;
   export interface VerifyMFASmsProps {
       mfaToken: string;
@@ -2811,6 +2772,11 @@ declare module '@authing/react-ui-components/components/MFA/core/sms' {
       userPhone?: string;
   }
   export const VerifyMFASms: React.FC<VerifyMFASmsProps>;
+  /**
+   * 手机 MFA
+   * @param param0
+   * @returns
+   */
   export const MFASms: React.FC<{
       mfaLogin: any;
       config: MFAConfig;
@@ -2825,12 +2791,22 @@ declare module '@authing/react-ui-components/components/MFA/core/totp' {
       initData: GuardMFAInitData;
       changeModule: any;
   }
+  /**
+   * 绑定 ToTp 页面 跳转 Totp
+   * @param param0
+   * @returns
+   */
   export const BindMFATotp: React.FC<BindMFATotpProps>;
   export interface VerifyMFATotpProps {
       mfaToken: string;
       mfaLogin: any;
       changeModule: any;
   }
+  /**
+   * Totp 验证页面
+   * @param param0
+   * @returns
+   */
   export const VerifyMFATotp: React.FC<VerifyMFATotpProps>;
   export interface MFATotpProps {
       changeModule: any;
@@ -2838,6 +2814,13 @@ declare module '@authing/react-ui-components/components/MFA/core/totp' {
       initData: GuardMFAInitData;
       mfaLogin: any;
   }
+  /**
+   * MFA Totp 页面
+   * 开启 => 渲染 VerifyMFATotp 绑定
+   * 不开启 => 渲染绑定页面
+   * @param param
+   * @returns
+   */
   export const MFATotp: React.FC<MFATotpProps>;
 
 }
@@ -2849,6 +2832,10 @@ declare module '@authing/react-ui-components/components/MFA/index' {
       mfaBackState: string;
   }
   export const MFABackStateContext: React.Context<MFABackStateContextType | undefined>;
+  /**
+   * MFA 相关页面
+   * @returns
+   */
   export const GuardMFAView: React.FC;
   export {};
 
@@ -2906,6 +2893,29 @@ declare module '@authing/react-ui-components/components/MFA/mfaMethods/index' {
   }
   export const MFAMethods: React.FC<MFAMethodsProps>;
 
+}
+declare module '@authing/react-ui-components/components/NeedHelpView/api/constant' {
+  export const feedbackUrl: () => string;
+
+}
+declare module '@authing/react-ui-components/components/NeedHelpView/api/index' {
+  export * from '@authing/react-ui-components/components/NeedHelpView/api/request';
+
+}
+declare module '@authing/react-ui-components/components/NeedHelpView/api/request' {
+  /**
+   * 问题反馈
+   * @param data
+   * @returns
+   */
+  export const feedbackByAxios: (data: {
+      type: number;
+      description: string;
+      phone: string;
+      images: string[];
+      appId: string;
+  }) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+
 }
 declare module '@authing/react-ui-components/components/NeedHelpView/core/describeQuestions' {
   /// <reference types="react" />
@@ -2922,13 +2932,34 @@ 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/api/constant' {
+  export const recoverCodeUrl: () => string;
+
+}
+declare module '@authing/react-ui-components/components/RecoveryCode/api/index' {
+  export { authFlowByAxios } from 'service/api';
+
+}
+declare module '@authing/react-ui-components/components/RecoveryCode/api/request' {
+  import { AxiosRequestConfig } from 'axios';
+  /**
+   * 不在流程中（AuthFlow）请求恢复 Totp 请求
+   * @param data
+   * @param config
+   * @returns
+   */
+  export const recoverCodeByAxios: (data: {
+      recoveryCode: string;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+
 }
 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>>;
+  export function authFlow<T>(action: TotpRecoveryCodeBusinessAction, data: any): Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<T>>;
 
 }
 declare module '@authing/react-ui-components/components/RecoveryCode/core/saveCode' {
@@ -2953,6 +2984,9 @@ declare module '@authing/react-ui-components/components/RecoveryCode/index' {
   import React from 'react';
   import './style.less';
   export const RecoveryCode: React.FC;
+  /**
+   * authFlow 中恢复
+   */
   export const RecoveryCodeAuthFlow: React.FC;
   export const GuardRecoveryCodeView: React.FC;
 
@@ -2967,6 +3001,37 @@ declare module '@authing/react-ui-components/components/RecoveryCode/interface'
       onLogin?: (user: User, authClient: AuthenticationClient) => void;
   }
 
+}
+declare module '@authing/react-ui-components/components/Register/api/constant' {
+  export const registerEmailCodeUrl: () => string;
+
+}
+declare module '@authing/react-ui-components/components/Register/api/index' {
+  import { registerEmailCodeByAxios } from '@authing/react-ui-components/components/Register/api/request';
+  import { validatePhoneCodeByAxios, validateEmailCodeByAxios } from 'service/api';
+  export { validatePhoneCodeByAxios, validateEmailCodeByAxios, registerEmailCodeByAxios, };
+
+}
+declare module '@authing/react-ui-components/components/Register/api/request' {
+  import { AxiosRequestConfig } from 'axios';
+  /**
+   * 邮箱注册
+   * @param data
+   * @param config
+   * @returns
+   */
+  export const registerEmailCodeByAxios: (data: {
+      email: string;
+      code: string;
+      profile: {
+          browser: string | null;
+          device: string | null | undefined;
+      };
+      context: string;
+      generateToken: boolean;
+      password?: string;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+
 }
 declare module '@authing/react-ui-components/components/Register/codemap' {
   import { GuardModuleAction } from '@authing/react-ui-components/components/Guard/module';
@@ -2990,67 +3055,52 @@ declare module '@authing/react-ui-components/components/Register/components/Agre
 declare module '@authing/react-ui-components/components/Register/core/WithCode' {
   import React from 'react';
   import { Agreement, ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
+  import { GetRegisterEvent } from '@authing/react-ui-components/components/Register/interface';
   export interface RegisterWithCodeProps {
       onRegisterSuccess: Function;
       onRegisterFailed: Function;
-      onBeforeRegister?: Function;
+      onBeforeRegister?: GetRegisterEvent<'onBeforeRegister'>;
       agreements: Agreement[];
       publicConfig?: ApplicationConfig;
       registeContext?: any;
       methods: any[];
   }
+  /**
+   * 验证码方式注册
+   * @param param
+   * @returns
+   */
   export const RegisterWithCode: React.FC<RegisterWithCodeProps>;
 
 }
 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';
+  import { GetRegisterEvent } from '@authing/react-ui-components/components/Register/interface';
   export interface RegisterWithEmailProps {
       onRegisterSuccess: Function;
       onRegisterFailed: Function;
-      onBeforeRegister?: Function;
+      onBeforeRegister?: GetRegisterEvent<'onBeforeRegister'>;
       publicConfig?: ApplicationConfig;
       agreements: Agreement[];
       registeContext?: any;
   }
+  /**
+   * 邮箱 + 密码注册 头部显示密码注册
+   * @param param
+   * @returns
+   */
   export const RegisterWithEmail: React.FC<RegisterWithEmailProps>;
 
 }
-declare module '@authing/react-ui-components/components/Register/core/WithEmailCode' {
-  import React from 'react';
-  import { Agreement, ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
-  export interface RegisterWithEmailCodeProps {
-      onRegisterSuccess: Function;
-      onRegisterFailed: Function;
-      onBeforeRegister?: Function;
-      agreements: Agreement[];
-      publicConfig?: ApplicationConfig;
-      registeContext?: any;
-  }
-  export const RegisterWithEmailCode: React.FC<RegisterWithEmailCodeProps>;
-
-}
-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 {
-      onRegisterSuccess: Function;
-      onRegisterFailed: Function;
-      agreements: Agreement[];
-      publicConfig?: ApplicationConfig;
-      registeContext?: any;
-  }
-  export const RegisterWithPhone: React.FC<RegisterWithPhoneProps>;
-
-}
-declare module '@authing/react-ui-components/components/Register/index' {
+declare module '@authing/react-ui-components/components/Register/index' {
   import React from 'react';
   export const GuardRegisterView: React.FC;
 
 }
 declare module '@authing/react-ui-components/components/Register/interface' {
   import { IG2FCProps, IG2Config, IG2Events } from '@authing/react-ui-components/components/Type/index';
-  import { AuthenticationClient, User, EmailRegisterParams, PhoneRegisterParams, RegisterMethods } from '@authing/react-ui-components/components/index';
+  import { AuthenticationClient, User, RegisterMethods } 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;
@@ -3061,8 +3111,24 @@ declare module '@authing/react-ui-components/components/Register/interface' {
       agreements?: Agreement[];
       registerContext?: any;
   }
+  export type SupportRegisterMethods = 'email' | 'email-code' | 'phone-code';
+  /**
+   * 注册前回调事件接受参数
+   */
+  export interface onBeforeRegisterParams {
+      type: SupportRegisterMethods;
+      data: {
+          account: string;
+          password?: string;
+          code?: string;
+      };
+  }
+  /**
+   * 获取用户注册事件的类型
+   */
+  export type GetRegisterEvent<T extends keyof RegisterEvents> = RegisterEvents[T];
   export interface RegisterEvents extends IG2Events {
-      onBeforeRegister?: (registerInfo: EmailRegisterParams | PhoneRegisterParams, authClient: AuthenticationClient) => boolean | Promise<boolean>;
+      onBeforeRegister?: (registerInfo: onBeforeRegisterParams, authClient: AuthenticationClient) => boolean | Promise<boolean>;
       onRegister?: (user: User, authClient: AuthenticationClient) => void;
       onRegisterError?: (error: any) => void;
       onRegisterTabChange?: (activeTab: RegisterMethods) => void;
@@ -3079,6 +3145,10 @@ declare module '@authing/react-ui-components/components/Register/interface' {
 declare module '@authing/react-ui-components/components/Register/utils' {
   export const useIsChangeComplete: (currentMode: 'phone' | 'email') => boolean;
 
+}
+declare module '@authing/react-ui-components/components/SelfUnlock/api/index' {
+  export { authFlowByAxios } from 'service/api';
+
 }
 declare module '@authing/react-ui-components/components/SelfUnlock/core/selfUnlock' {
   import React from 'react';
@@ -3093,6 +3163,10 @@ declare module '@authing/react-ui-components/components/SelfUnlock/core/selfUnlo
 }
 declare module '@authing/react-ui-components/components/SelfUnlock/index' {
   import React from 'react';
+  /**
+   * 自助解锁
+   * @returns
+   */
   export const GuardUnlockView: React.FC;
 
 }
@@ -3160,6 +3234,10 @@ declare module '@authing/react-ui-components/components/SendCode/SendCodeByPhone
   }
   export const SendCodeByPhone: FC<SendCodeByPhoneProps>;
 
+}
+declare module '@authing/react-ui-components/components/SendCode/api/index' {
+  export { sendEmailCodeByAxios } from 'service/api';
+
 }
 declare module '@authing/react-ui-components/components/SendCode/index' {
   import { FC } from 'react';
@@ -3330,6 +3408,10 @@ declare module '@authing/react-ui-components/components/ValidatorRules/Validator
   export const PhoneFormItem: React.FC<ValidatorFormItemProps>;
   export const UserNameFormItem: React.FC<ValidatorFormItemProps>;
 
+}
+declare module '@authing/react-ui-components/components/ValidatorRules/api/index' {
+  export { validateAccountByAxios } from 'service/api';
+
 }
 declare module '@authing/react-ui-components/components/ValidatorRules/index' {
   import { FormInstance, FormItemProps } from 'antd/lib/form';
@@ -3392,6 +3474,32 @@ declare module '@authing/react-ui-components/components/_utils/GuardErrorCode' {
       ACCOUNT_LOCK = 2005
   }
 
+}
+declare module '@authing/react-ui-components/components/_utils/actions/index' {
+  /**
+   * Response Action 是否为渲染信息
+   * @param parseStatusCode
+   * @returns
+   */
+  export const isRenderMessageByStatusCode: (parseStatusCode: number) => boolean;
+  /**
+   * Response Action 是否为内部流程状态处理（交由业务处理）
+   * @param parseStatusCode
+   * @param apiCode
+   */
+  export const isFlowBusinessByStatusCode: (parseStatusCode: number) => boolean;
+  /**
+   * Response Action 是否为流程结束
+   * @param parseStatusCode
+   * @param apiCode
+   */
+  export const isFlowEndByStatusCode: (parseStatusCode: number, apiCode: number) => boolean;
+  /**
+   * Response Action 是否为下个流程
+   * @param parseStatusCode
+   */
+  export const isNextFlowByStatusCode: (parseStatusCode: number, apiCode: number) => boolean;
+
 }
 declare module '@authing/react-ui-components/components/_utils/appendConfig' {
   import { GuardAppendConfig } from '@authing/react-ui-components/components/index';
@@ -3414,6 +3522,14 @@ declare module '@authing/react-ui-components/components/_utils/config/index' {
   export const getPublicConfig: (appId: string) => ApplicationConfig;
   export const setPublicConfig: (appId: string, config: ApplicationConfig) => ApplicationConfig;
   export const useMergeDefaultConfig: (defaultConfig: GuardLocalConfig, config?: GuardComponentConfig | undefined) => GuardLocalConfig | undefined;
+  /**
+   *
+   * @param appId
+   * @param config 默认配置
+   * @param httpClient
+   * @param setError
+   * @returns 合并后的 finallyConfig
+   */
   export const useMergePublicConfig: (appId?: string | undefined, config?: GuardLocalConfig | undefined, httpClient?: GuardHttp | undefined, setError?: any) => {
       host: string;
       isSSO?: boolean | undefined;
@@ -3498,15 +3614,14 @@ declare module '@authing/react-ui-components/components/_utils/config/index' {
   } | undefined;
   export const getPageConfig: (appId: string) => GuardPageConfig;
   export const setPageConfig: (appId: string, config: GuardPageConfig) => GuardPageConfig;
-  export const requestGuardPageConfig: (appId: string, httpClient: GuardHttp) => Promise<GuardPageConfig>;
-  export const useGuardPageConfig: (appId?: string | undefined, httpClient?: GuardHttp | undefined, serError?: any) => GuardPageConfig | undefined;
+  export const requestGuardPageConfig: (appId: string, baseURL?: string | undefined) => Promise<GuardPageConfig>;
+  export const useGuardPageConfig: (appId?: string | undefined, defaultConfig?: GuardLocalConfig | undefined, serError?: any) => GuardPageConfig | undefined;
 
 }
 declare module '@authing/react-ui-components/components/_utils/context' {
   import React from 'react';
   import { GuardEvents, GuardLocalConfig, GuardModuleType, GuardPageConfig } from '@authing/react-ui-components/components/index';
   import { ApplicationConfig } from '@authing/react-ui-components/components/AuthingGuard/api/index';
-  import { BackFillMultipleState, StoreInstance } from '@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts';
   import { ModuleState } from '@authing/react-ui-components/components/Guard/GuardModule/stateMachine';
   import { GuardHttp } from '@authing/react-ui-components/components/_utils/guardHttp';
   export interface IGuardContext {
@@ -3524,29 +3639,6 @@ declare module '@authing/react-ui-components/components/_utils/context' {
       isAuthFlow: boolean;
       contextLoaded: boolean;
       guardPageConfig: Partial<GuardPageConfig>;
-      multipleInstance: {
-          /**
-           * 多账号相关
-           */
-          isMultipleAccount: boolean;
-          /**
-           * when： 多账号页面跳转进入登录页面
-           * 携带的回填数据信息
-           */
-          multipleAccountData?: BackFillMultipleState;
-          /**
-           * 多账号 store 实例
-           */
-          instance?: StoreInstance;
-          /**
-           * 切换多账号 isMultipleAccount 状态
-           */
-          referMultipleState?: (type: 'login' | 'multiple') => void;
-          /**
-           * 清空回填数据
-           */
-          clearBackFillData?: () => void;
-      };
   }
   export const createGuardXContext: () => {
       Provider: React.FC<{
@@ -3584,60 +3676,6 @@ declare module '@authing/react-ui-components/components/_utils/context' {
   export const useGuardContextLoaded: () => boolean;
   export const useGuardIsAuthFlow: () => boolean;
   export const useGuardPageConfig: () => Partial<GuardPageConfig>;
-  /**
-   * 多账号登录 store 实例
-   */
-  export const useGuardMultipleInstance: () => {
-      /**
-       * 多账号相关
-       */
-      isMultipleAccount: boolean;
-      /**
-       * when： 多账号页面跳转进入登录页面
-       * 携带的回填数据信息
-       */
-      multipleAccountData?: BackFillMultipleState | undefined;
-      /**
-       * 多账号 store 实例
-       */
-      instance?: {
-          initStore: (appId: string, options: {
-              serverSideLoginMethods: import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").LoginWay[];
-              isInternationSms: boolean;
-          }) => void;
-          setLoginWay: (tab: "input" | "qrcode", way: import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").LoginWay, id?: string | undefined, internation?: {
-              phoneCountryCode: string;
-              areaCode: string;
-          } | undefined) => void;
-          setUserInfo: (user: Pick<import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").User & {
-              id: string;
-          }, "email" | "username" | "phone" | "id" | "nickname" | "photo" | "name" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
-          setLoginWayByHttpData: (account: string, data: {
-              username?: string | undefined;
-              phone?: string | undefined;
-              email?: string | undefined;
-          }) => void;
-          getMemoUser: (excludeWays?: import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").LoginWay[]) => import("../Login/multipleAccounts/panel").SelectOptions[];
-          getMemoSingleUser: (id: string) => {
-              way: import("@authing/react-ui-components/components/Guard/core/hooks/useMultipleAccounts").LoginWay;
-              account: string;
-          } | undefined;
-          delUserById: (id: string) => string;
-          getMemberState: () => boolean;
-          getFirstBackFillData: () => BackFillMultipleState | undefined;
-      } | undefined;
-      /**
-       * 切换多账号 isMultipleAccount 状态
-       */
-      referMultipleState?: ((type: 'login' | 'multiple') => void) | undefined;
-      /**
-       * 清空回填数据
-       */
-      clearBackFillData?: (() => void) | undefined;
-  };
-  /**
-   * 登录页面状态
-  //  */
 
 }
 declare module '@authing/react-ui-components/components/_utils/corsVerification' {
@@ -3772,6 +3810,475 @@ declare module '@authing/react-ui-components/components/_utils/hooks/index' {
       publicConfig: ApplicationConfig;
   }) => any;
 
+}
+declare module '@authing/react-ui-components/components/_utils/http/api/constant' {
+  export const authFlowUrl: () => string;
+  export const VerifyEmailUrl: () => string;
+  export const validateAccountUrl: () => string;
+  export const countryListsUrl: () => string;
+  export const validatePhoneCodeUrl: () => string;
+  export const validateEmailCodeUrl: () => string;
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/api/index' {
+  export * from '@authing/react-ui-components/components/_utils/http/api/request';
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/api/request' {
+  import { AxiosRequestConfig } from 'axios';
+  import { EmailScene } from 'components/Type';
+  /**
+   * AuthFlow 相关请求
+   * @param data
+   */
+  export const authFlowByAxios: <A = string, T = any>(data: {
+      action: A;
+      data?: any;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<T>>;
+  /**
+   * 发送邮箱验证码
+   * @param data
+   */
+  export const sendEmailCodeByAxios: (data: {
+      email: string;
+      scene: EmailScene;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  /**
+   * 账号登陆前置校验
+   */
+  export interface ValidateAccountParams<T = any> {
+      /**
+       * publicConfig.userPoolId
+       */
+      userPoolId?: string;
+      /**
+       * 校验的输入值
+       */
+      key: T;
+      /**
+       * 本次校验类型
+       */
+      type: 'phone' | 'email' | 'username';
+  }
+  /**
+   * 登陆/注册 前置，校验(用户/手机/邮箱)是否存在/用户是否不存在
+   * @param params
+   * @returns {Promise<boolean>} 是否通过
+   */
+  export const validateAccountByAxios: <T = boolean>(params: ValidateAccountParams) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<T>>;
+  /**
+   * 拉取国家列表
+   */
+  export const getCountryLists: <T extends string>() => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<Record<T, {
+      zh: {
+          [props: string]: string;
+      };
+      cn: {
+          [props: string]: string;
+      };
+  }>>>;
+  /**
+   * 验证手机号验证码是否正确
+   */
+  export const validatePhoneCodeByAxios: (data: {
+      phone: number | string;
+      phoneCode: number | string;
+      phoneCountryCode?: number | string;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+  /**
+   * 验证邮箱验证码是否正确
+   */
+  export const validateEmailCodeByAxios: (data: {
+      email: number | string;
+      emailCode: number | string;
+  }, config?: AxiosRequestConfig<any> | undefined) => Promise<import("@authing/react-ui-components/components/_utils/http").AuthingGuardResponse<any>>;
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/base/index' {
+  import { AuthenticationClient } from 'authing-js-sdk';
+  /**
+   * 修改 baseUrl 配置
+   */
+  export const setBaseUrl: (baseUrl: string) => void;
+  export const setAuthClient: (client: AuthenticationClient) => void;
+  /**
+   * 设置加密公钥
+   */
+  export const setPublishByEncrypt: (publishKey?: string | undefined) => void;
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/constant' {
+  import { AuthingResponse } from '@authing/react-ui-components/components/_utils/http/interceptors/response';
+  import { GuardModuleType } from '@authing/react-ui-components/components/Guard/module';
+  import JSEncrypt from 'jsencrypt';
+  /**
+   * 加密实例
+   */
+  export const encryptedInstance: JSEncrypt;
+  export enum CodeAction {
+      CHANGE_MODULE = "changeModule",
+      RENDER_MESSAGE = "renderMessage",
+      INNER_MODULE = "innerModule",
+      FLOW_END = "flowEnd"
+  }
+  export enum ApiCode {
+      IDENTITY_BINDING_ASK = 1641,
+      IDENTITY_BINDING = 1640,
+      APP_MFA = 1636,
+      MFA = 1635,
+      ABORT_FLOW = 1699,
+      COMPLETE_INFO = 1642,
+      UNLOCK = 1643,
+      FLOW_END = 1600,
+      FIRST_LOGIN_PASSWORD = 1639,
+      FORCED_PASSWORD_RESET = 2058
+  }
+  /**
+   * APi Code 对应的模块映射
+   */
+  export const ChangeModuleApiCodeMapping: Record<string, GuardModuleType>;
+  /**
+   * 高阶函数 记录每次请求的 responseData
+   * 同时根据返回的 apiCode 对应的 action 处理
+   * @param responseData
+   * @returns
+   */
+  export const getCodeActionMapping: (responseData: AuthingResponse) => {
+      /**
+       * 返回的 apiCode 匹配跳转模块时
+       * @param responseData
+       * @returns
+       */
+      changeModule: () => CodeAction;
+      renderMessage: () => CodeAction;
+      innerModule: () => CodeAction;
+      flowEnd: () => CodeAction;
+  };
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/events/index' {
+  import { AxiosRequestConfig, AxiosResponse } from 'axios';
+  import { AuthingGuardResponse } from 'components/_utils/http';
+  import { setLoginEvents, setRegisterEvents } from '@authing/react-ui-components/components/_utils/http/events/utils';
+  /**
+   * 请求前置事件处理
+   * 比如 beforeLogin / beforeRegister
+   * @param config
+   * @returns
+   */
+  const processBeforeRequestEvent: (config: AxiosRequestConfig) => Promise<boolean>;
+  /**
+   * 响应器拦截 Events
+   * @param response
+   */
+  const processEventsByResponse: (response: AxiosResponse<AuthingGuardResponse>) => void;
+  export { setLoginEvents, setRegisterEvents, processEventsByResponse, processBeforeRequestEvent, };
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/events/modal/login' {
+  import { AuthenticationClient } from 'authing-js-sdk';
+  import { AuthingResponse } from 'service/interceptors/response';
+  class LoginEventsManage {
+      private static instance;
+      private successEvent;
+      private failEvent;
+      private constructor();
+      /**
+       * 设置登录成功的回调函数
+       */
+      private setSuccessEvent;
+      /**
+       * 设置失败成功的回调函数
+       */
+      private setFailEvent;
+      /**
+       * 获取登录成功的回调函数
+       */
+      private getSuccessEvents;
+      /**
+       * 获取失败成功的回调函数
+       */
+      private getFailEvents;
+      /**
+       * 判断本次响应是否算做成功的方法
+       */
+      private isLoginSuccess;
+      /**
+       * 触发登录成功事件
+       * @param responseData
+       */
+      private emitSuccessEvent;
+      /**
+       * 触发登录失败事件
+       * @param responseData
+       */
+      private emitFailEvent;
+      /**
+       * 当前是否请求失败
+       * statusCode 4xx 5xx 请求失败
+       */
+      private isLoginFail;
+      /**
+       * 统一触发事件
+       * @param responseData
+       * @param client
+       */
+      private emitEvents;
+      /**
+       * 获取登录事件实例
+       */
+      static getInstance: () => LoginEventsManage;
+      getCallableMethod(): {
+          getSuccessEvents: () => ((user: import("authing-js-sdk").User, authClient: AuthenticationClient) => void) | null | undefined;
+          setSuccessEvent: (successEvents: ((user: import("authing-js-sdk").User, authClient: AuthenticationClient) => void) | undefined) => void;
+          setFailEvent: (failEvent: ((errorMessages: any) => void) | undefined) => void;
+          emitSuccessEvent: (responseData: AuthingResponse<any>, client: AuthenticationClient) => void;
+          emitFailEvent: (responseData: AuthingResponse<any>) => void;
+          emitEvents: (responseData: AuthingResponse<any>, client: AuthenticationClient) => void;
+      };
+  }
+  export { LoginEventsManage };
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/events/modal/register' {
+  import { AuthenticationClient } from 'authing-js-sdk';
+  import { AuthingResponse } from 'service/interceptors/response';
+  type ConditionTypeFunction = (responseData: AuthingResponse) => boolean;
+  class RegisterEventsManage {
+      private static instance;
+      private successEvent;
+      private failEvent;
+      private constructor();
+      /**
+       * 设置注册成功的回调函数
+       */
+      private setSuccessEvent;
+      /**
+       * 设置失败成功的回调函数
+       */
+      private setFailEvent;
+      /**
+       * 获取注册成功的回调函数
+       */
+      private getSuccessEvents;
+      /**
+       * 获取失败成功的回调函数
+       */
+      private getFailEvents;
+      /**
+       * 内置校验：判断本次响应是否算做成功的方法
+       */
+      private isRegisterSuccess;
+      /**
+       * 触发注册成功事件
+       * @param responseData
+       * @param successCondition 自定义的注册成功事件
+       */
+      private emitSuccessEvent;
+      /**
+       * 触发注册失败事件
+       * @param responseData
+       * @param failCondition 自定义的请求失败条件
+       */
+      private emitFailEvent;
+      /**
+       * 内置校验：当前是否请求失败
+       */
+      private isRegisterFail;
+      /**
+       * 统一触发事件
+       * @param responseData
+       * @param client
+       */
+      private emitEvents;
+      /**
+       * 获取注册事件实例
+       */
+      static getInstance: () => RegisterEventsManage;
+      getCallableMethod(): {
+          setSuccessEvent: (successEvents: ((user: import("authing-js-sdk").User, authClient: AuthenticationClient) => void) | undefined) => void;
+          setFailEvent: (failEvent: ((error: any) => void) | undefined) => void;
+          emitSuccessEvent: (params: {
+              responseData: AuthingResponse<any>;
+              client: AuthenticationClient;
+              condition?: ConditionTypeFunction | undefined;
+          }) => void;
+          emitFailEvent: (params: {
+              responseData: AuthingResponse<any>;
+              condition?: ConditionTypeFunction | undefined;
+          }) => void;
+          emitEvents: (responseData: AuthingResponse<any>, client: AuthenticationClient, options?: {
+              successCondition?: ConditionTypeFunction | undefined;
+              failCondition?: ConditionTypeFunction | undefined;
+          } | undefined) => void;
+      };
+  }
+  export { RegisterEventsManage };
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/events/utils' {
+  import { LoginEventsManage } from '@authing/react-ui-components/components/_utils/http/events/modal/login';
+  import { RegisterEventsManage } from '@authing/react-ui-components/components/_utils/http/events/modal/register';
+  /**
+   * 内置的登录类型
+   */
+  export const instanceEventMap: {
+      login: typeof LoginEventsManage;
+      register: typeof RegisterEventsManage;
+  };
+  /**
+   * 设置登录事件
+   * @returns
+   */
+  export const setLoginEvents: () => {
+      setSuccessEvent: ((successEvents: ((user: import("authing-js-sdk").User, authClient: import("authing-js-sdk").AuthenticationClient) => void) | undefined) => void) | ((successEvents: ((user: import("authing-js-sdk").User, authClient: import("authing-js-sdk").AuthenticationClient) => void) | undefined) => void);
+      setFailEvent: ((failEvent: ((errorMessages: any) => void) | undefined) => void) | ((failEvent: ((error: any) => void) | undefined) => void);
+  };
+  /**
+   * 设置注册事件
+   * @returns
+   */
+  export const setRegisterEvents: () => {
+      setSuccessEvent: ((successEvents: ((user: import("authing-js-sdk").User, authClient: import("authing-js-sdk").AuthenticationClient) => void) | undefined) => void) | ((successEvents: ((user: import("authing-js-sdk").User, authClient: import("authing-js-sdk").AuthenticationClient) => void) | undefined) => void);
+      setFailEvent: ((failEvent: ((errorMessages: any) => void) | undefined) => void) | ((failEvent: ((error: any) => void) | undefined) => void);
+  };
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/header/index' {
+  /**
+   * 设置 version
+   * @param value
+   * @param key
+   */
+  export const setVersionByHeader: (value: string, key?: string) => void;
+  /**
+   * 设置 sdk version
+   * @param value
+   * @param key
+   */
+  export const setSdkVersionByHeader: (value: string, key?: string) => void;
+  /**
+   * 设置 AppId
+   * @param value
+   * @param key
+   */
+  export const setAppIdByRequestHeader: (value: string, key?: string) => void;
+  /**
+   * 设置 x-authing-app-tenant-id 请求头
+   * @param value
+   * @param key
+   */
+  export const setTenantIdByRequestHeader: (value?: string | undefined, key?: string) => void;
+  /**
+   * 根据 publishConfig 中的 userid 设置
+   * @param value
+   * @param key
+   */
+  export const setUserPoolIdByRequestHeader: (value: string, key?: string) => void;
+  export const setLanguageInRequestHeader: () => void;
+  /**
+   * 获取当前所有 headers
+   */
+  export const getHeader: () => import("axios").HeadersDefaults;
+  /**
+   * 修改/设置请求头
+   * @param key
+   * @param value
+   */
+  export const _setRequestHeader: (key: string, value: string) => void;
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/index' {
+  import instance from '@authing/react-ui-components/components/_utils/http/instance';
+  import * as httpHeaderMethods from '@authing/react-ui-components/components/_utils/http/header/index';
+  import * as httpEvents from '@authing/react-ui-components/components/_utils/http/events/index';
+  import * as httpBaseConfig from '@authing/react-ui-components/components/_utils/http/base/index';
+  import * as commonRequest from '@authing/react-ui-components/components/_utils/http/api/index';
+  export { instance, httpHeaderMethods, httpEvents, httpBaseConfig, commonRequest, };
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/instance' {
+  const instance: import("axios").AxiosInstance;
+  export default instance;
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/interceptors/request' {
+  import { AxiosInstance } from 'axios';
+  /**
+   * 初始化请求拦截器
+   * @param instance
+   */
+  export const initRequestInterceptors: (instance: AxiosInstance) => void;
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/interceptors/response' {
+  import { AxiosInstance } from 'axios';
+  export interface AuthingResponse<T = any> {
+      /**
+       * 错误码
+       */
+      code?: number;
+      /**
+       * 返回状态
+       * 3XX：状态机流转
+       * 4XX｜6XX：错误处理
+       */
+      statusCode?: number;
+      /**
+       * statusCode 3XX 时下个阶段的 code 码
+       */
+      apiCode?: number;
+      /**
+       * 返回的数据
+       */
+      data?: T;
+      /**
+       *
+       */
+      messages?: string;
+      /**
+       *
+       */
+      message?: string;
+      /**
+       * 当前流程 ID
+       * ResponseData 返回则更新当前流程 ID
+       */
+      flowHandle?: string;
+      /**
+       * 响应是否为当前业务内小状态处理
+       * statusCode === 200 下进入该状态
+       */
+      isBusiness?: boolean;
+  }
+  /**
+   * 初始化响应拦截器
+   */
+  export const initResponseInterceptors: (instance: AxiosInstance) => void;
+
+}
+declare module '@authing/react-ui-components/components/_utils/http/utils' {
+  import { AxiosRequestConfig, AxiosResponse } from 'axios';
+  import { AuthingResponse } from '@authing/react-ui-components/components/_utils/http/interceptors/response';
+  /**
+   * 根据 Response 中的 apiCode & statusCode 做拦截
+   * @param response
+   * @returns
+   */
+  export const processCodeByResponse: (response: AxiosResponse<AuthingResponse>) => AuthingResponse<any>;
+  /**
+   * 处理请求加密字段
+   * @param config
+   * @returns
+   */
+  export const processEncryptRequestKey: (config: AxiosRequestConfig) => Promise<any>;
+  /**
+   * 处理 flowHandler
+   * @param response
+   * @returns
+   */
+  export const processFlowHandler: (response: AuthingResponse) => AuthingResponse<any>;
+
 }
 declare module '@authing/react-ui-components/components/_utils/http' {
   import { CodeAction } from '@authing/react-ui-components/components/_utils/responseManagement/interface';
@@ -3804,18 +4311,36 @@ declare module '@authing/react-ui-components/components/_utils/http' {
       flowHandle?: string;
   }
   export interface AuthingGuardResponse<T = any> extends AuthingResponse<T> {
+      /**
+       * 根据 Server 返回状态进行的状态流转函数
+       * 默认响应拦截器中自动调用
+       */
       onGuardHandling?: () => CodeAction;
+      /**
+       * Response 返回 actions 是否需要模块内部处理
+       * 根据 status === 200 判断
+       */
+      isBusiness?: boolean;
+      /**
+       * 流程是否结束（兼容老版本字段）
+       */
       isFlowEnd?: boolean;
+      /**
+       * 本次响应 Action 类型
+       * see: packages/react-components/components/_utils/responseManagement/interface.ts
+       */
+      responseActionType?: CodeAction;
   }
 
 }
 declare module '@authing/react-ui-components/components/_utils/index' {
-  import { Rule } from 'antd/lib/form';
+  import { FormInstance, Rule, RuleObject } from 'antd/lib/form';
   import qs from 'qs';
   import { User } from 'authing-js-sdk';
   import { ApplicationConfig, ComplateFiledsPlace } from '@authing/react-ui-components/components/AuthingGuard/api/index';
   import { GuardProps } from '@authing/react-ui-components/components/Guard/index';
   import { LoginMethods, RegisterMethods } from '@authing/react-ui-components/components/AuthingGuard/types/index';
+  import { InputMethod } from 'components';
   export * from '@authing/react-ui-components/components/_utils/popupCenter';
   export * from '@authing/react-ui-components/components/_utils/clipboard';
   export const VALIDATE_PATTERN: {
@@ -3828,6 +4353,20 @@ declare module '@authing/react-ui-components/components/_utils/index' {
   export const validate: (type: keyof typeof VALIDATE_PATTERN, val: string) => boolean;
   export const getRequiredRules: (msg: string) => Rule[];
   export const fieldRequiredRule: (fieldRequiredRule: string, fieldRequiredRuleMessage?: string | undefined) => Rule[];
+  /**
+   * 验证码是否正确
+   * @param form form 实例
+   * @param key 当前 FormItem 对应值的 key，比如当前为邮箱验证码就传入邮箱输入框的 formItem name
+   * @returns Array
+   */
+  export const fieldCodeCorrect: (form: FormInstance, key: string | undefined, options: {
+      currentMethod: InputMethod;
+      areaCode: string;
+      isInternationSms?: boolean | undefined;
+  }) => {
+      validateTrigger: string[];
+      validator: (rule: RuleObject, value: string) => Promise<void>;
+  }[];
   export function getDeviceName(): string | null | undefined;
   export type STYLE_RECORD_KEY = 'appConfig' | 'userConfig';
   export const insertStyles: (styles: string | any, recordKey?: "userConfig" | "appConfig" | undefined) => void;
@@ -3975,6 +4514,12 @@ declare module '@authing/react-ui-components/components/_utils/popupCenter' {
 declare module '@authing/react-ui-components/components/_utils/responseManagement/index' {
   import { AuthingGuardResponse, AuthingResponse } from '@authing/react-ui-components/components/_utils/http';
   import { CodeAction } from '@authing/react-ui-components/components/_utils/responseManagement/interface';
+  /**
+   * 全局的错误拦截器
+   * @param res
+   * @param callBack
+   * @returns
+   */
   export const errorCodeInterceptor: (res: AuthingResponse<any>, callBack: (code: CodeAction, res: AuthingResponse) => AuthingGuardResponse) => AuthingResponse<any>;
 
 }
@@ -4102,7 +4647,7 @@ declare module '@authing/react-ui-components/components/version/index' {
 
 }
 declare module '@authing/react-ui-components/components/version/version' {
-  const _default: "3.1.29-alpha.1";
+  const _default: "3.1.30-beta.0";
   export default _default;
 
 }
@@ -4231,11 +4776,13 @@ declare module '@authing/react-ui-components/config/webpack.config' {
           modules: string[];
           extensions: string[];
           alias: {
+              service: string;
               src?: undefined;
               'react-dom$'?: string;
               'scheduler/tracing'?: string;
               'react-native': string;
           } | {
+              service: string;
               src: string;
               'react-dom$'?: string;
               'scheduler/tracing'?: string;